UPGRADE TO LARAVEL 9.0.0

pull/1/head
Aji Kamaludin 3 years ago
parent 6ea7559dd0
commit eed86e45f5
No known key found for this signature in database
GPG Key ID: 670E1F26AD5A8099

@ -19,6 +19,7 @@ $ composer install
$ npm install
$ npm run dev # optional only if any changes you make in resource/js
$ php artisan migrate
$ php artisan storage:link
$ php artisan serve
```

@ -8,25 +8,25 @@
],
"license": "MIT",
"require": {
"php": "^7.3|^8.0",
"barryvdh/laravel-dompdf": "^0.9.0",
"php": "^8.0",
"barryvdh/laravel-dompdf": "^1.0.0",
"dompdf/dompdf": "^1.1",
"fruitcake/laravel-cors": "^2.0",
"guzzlehttp/guzzle": "^7.0.1",
"inertiajs/inertia-laravel": "^0.3.5",
"laravel/framework": "^8.75",
"inertiajs/inertia-laravel": "^0.5.4",
"laravel/framework": "^9.0",
"laravel/sanctum": "^2.6",
"laravel/tinker": "^2.5",
"maatwebsite/excel": "^3.1",
"tightenco/ziggy": "^1.0"
},
"require-dev": {
"facade/ignition": "^2.5",
"spatie/laravel-ignition": "^1.0",
"fakerphp/faker": "^1.9.1",
"laravel/breeze": "^1.6",
"laravel/sail": "^1.0.1",
"mockery/mockery": "^1.4.4",
"nunomaduro/collision": "^5.10",
"nunomaduro/collision": "^6.0",
"phpunit/phpunit": "^9.5.10"
},
"autoload": {

2017
composer.lock generated

File diff suppressed because it is too large Load Diff

4453
package-lock.json generated

File diff suppressed because it is too large Load Diff

@ -12,9 +12,9 @@
"devDependencies": {
"@babel/preset-react": "^7.13.13",
"@headlessui/react": "^1.2.0",
"@inertiajs/inertia": "^0.9.0",
"@inertiajs/inertia-react": "^0.6.0",
"@inertiajs/progress": "^0.2.4",
"@inertiajs/inertia": "^0.11.0",
"@inertiajs/inertia-react": "^0.8.0",
"@inertiajs/progress": "^0.2.7",
"@tailwindcss/forms": "^0.4.0",
"autoprefixer": "^10.2.4",
"axios": "^0.21",

279
public/css/app.css vendored

@ -1,5 +1,5 @@
/*
! tailwindcss v3.0.8 | MIT License | https://tailwindcss.com
! tailwindcss v3.0.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@ -11,7 +11,7 @@
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: currentColor; /* 2 */
border-color: #e5e7eb; /* 2 */
}
::before,
@ -589,6 +589,7 @@ html {
--tab-border: 1px;
--tab-radius: 0.5rem;
}
*, ::before, ::after {
--tw-translate-x: 0;
--tw-translate-y: 0;
@ -597,10 +598,16 @@ html {
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
@ -608,16 +615,24 @@ html {
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: var(--tw-empty,/*!*/ /*!*/);
--tw-brightness: var(--tw-empty,/*!*/ /*!*/);
--tw-contrast: var(--tw-empty,/*!*/ /*!*/);
--tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
--tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
--tw-invert: var(--tw-empty,/*!*/ /*!*/);
--tw-saturate: var(--tw-empty,/*!*/ /*!*/);
--tw-sepia: var(--tw-empty,/*!*/ /*!*/);
--tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
--tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
.alert>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
@ -679,6 +694,7 @@ html {
border-radius: var(--rounded-badge, 1.9rem);
}
.btn {
border-color: transparent;
border-color: hsla(var(--n) / var(--tw-border-opacity, 1));
cursor: pointer;
display: inline-flex;
@ -697,11 +713,13 @@ html {
border-radius: var(--rounded-btn, .5rem);
height: 3rem;
font-size: .875rem;
line-height: 1.25rem;
line-height: 1em;
padding-left: 1rem;
padding-right: 1rem;
min-height: 3rem;
font-weight: 600;
text-transform: uppercase;
text-transform: var(--btn-text-case, uppercase);
border-width: var(--border-btn, 1px);
-webkit-animation: button-pop var(--animation-btn, .25s) ease-out;
@ -834,6 +852,21 @@ html {
color: hsla(var(--nc) / var(--tw-text-opacity, 1));
z-index: 20;
}
.checkbox {
flex-shrink: 0;
--chkbg: var(--bc);
--chkfg: var(--b1);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
--tw-border-opacity: 0.2;
border-color: hsla(var(--bc) / var(--tw-border-opacity, 1));
border-width: 1px;
cursor: pointer;
height: 1.5rem;
width: 1.5rem;
border-radius: var(--rounded-btn, .5rem);
}
.checkbox:focus {
outline: 2px solid transparent;
outline-offset: 2px;
@ -859,6 +892,7 @@ html {
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
height: 3rem;
font-size: .875rem;
line-height: 1.25rem;
line-height: 2;
padding-left: 1rem;
padding-right: 1rem;
@ -923,21 +957,27 @@ html {
flex-direction: column;
align-items: stretch;
}
.menu :where(li)>a,.menu :where(li)>span {
.menu :where(li)>a,.menu :where(li)>button,.menu :where(li)>span {
display: flex;
align-items: center;
outline: 2px solid transparent;
outline-offset: 2px;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
transition-duration: .2s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.menu :where(li)>a {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.menu :where(li)>a:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.menu :where(li).disabled>a,.menu :where(li).disabled>span {
.menu :where(li).disabled>a,.menu :where(li).disabled>button,.menu :where(li).disabled>span {
cursor: auto;
}
.modal {
@ -958,6 +998,9 @@ html {
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
transition-duration: .2s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
overflow-y: hidden;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
}
@media (min-width:640px) {
@ -974,6 +1017,31 @@ html {
border-bottom-right-radius: var(--rounded-box, 1rem);
}
}
.modal-box {
max-height: calc(100vh - 5em);
--tw-bg-opacity: 1;
background-color: hsla(var(--b1) / var(--tw-bg-opacity, 1));
padding: 1.5rem;
width: 100%;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-y: 2.5rem;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
transition-duration: .2s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
border-top-left-radius: var(--rounded-box, 1rem);
border-top-right-radius: var(--rounded-box, 1rem);
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
overflow-y: auto;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
}
.modal-open,.modal-toggle:checked+.modal,.modal:target {
opacity: 1;
pointer-events: auto;
@ -989,6 +1057,7 @@ html {
text-align: left;
}
.table th:first-child {
position: sticky;
position: -webkit-sticky;
left: 0;
z-index: 10;
@ -999,6 +1068,7 @@ html {
transition-duration: .2s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
font-size: .875rem;
line-height: 1.25rem;
line-height: 2;
padding: .5rem 1rem;
min-height: 3rem;
@ -1014,6 +1084,28 @@ html {
outline-offset: 2px;
box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsla(var(--bc) / .2);
}
.toggle {
flex-shrink: 0;
--chkbg: hsla(var(--bc) / .2);
--focus-shadow: 0 0 0;
--handleoffset: 1.5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
--tw-bg-opacity: 0.2;
background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1));
--tw-border-opacity: 0.2;
border-color: hsla(var(--bc) / var(--tw-border-opacity, 1));
border-width: 1px;
cursor: pointer;
height: 1.5rem;
width: 3rem;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .3s;
border-radius: var(--rounded-badge, 1.9rem);
transition: background,box-shadow var(--animation-input, .2s) ease-in-out;
box-shadow: calc(var(--handleoffset)*-1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
}
.toggle:focus {
outline: 2px solid transparent;
outline-offset: 2px;
@ -1401,20 +1493,6 @@ html {
.card-actions:last-child {
margin-top: 1.5rem;
}
.checkbox {
--chkbg: var(--bc);
--chkfg: var(--b1);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
--tw-border-opacity: 0.2;
border-color: hsla(var(--bc) / var(--tw-border-opacity, 1));
border-width: 1px;
cursor: pointer;
height: 1.5rem;
width: 1.5rem;
border-radius: var(--rounded-btn, .5rem);
}
.checkbox:focus-visible {
box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--bc));
}
@ -1426,6 +1504,14 @@ html {
animation: checkmark var(--animation-input, .2s) ease-in-out;
background-image: linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 0), linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 0), linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 0), linear-gradient(45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 0, hsl(var(--chkfg)) 40%, transparent 0), linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 0);
}
.checkbox:indeterminate {
--tw-bg-opacity: 1;
background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1));
background-repeat: no-repeat;
-webkit-animation: checkmark var(--animation-input, .2s) ease-in-out;
animation: checkmark var(--animation-input, .2s) ease-in-out;
background-image: linear-gradient(90deg, transparent 80%, hsl(var(--chkbg)) 0), linear-gradient(-90deg, transparent 80%, hsl(var(--chkbg)) 0), linear-gradient(0deg, hsl(var(--chkbg)) 43%, hsl(var(--chkfg)) 0, hsl(var(--chkfg)) 57%, hsl(var(--chkbg)) 0);
}
.checkbox:disabled {
--tw-bg-opacity: 1;
background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1));
@ -1531,7 +1617,7 @@ html {
.link:focus-visible {
box-shadow: 0 0 0 2px currentColor;
}
.menu.horizontal li.bordered>a,.menu.horizontal li.bordered>span {
.menu.horizontal li.bordered>a,.menu.horizontal li.bordered>button,.menu.horizontal li.bordered>span {
--tw-border-opacity: 1;
border-color: hsla(var(--p) / var(--tw-border-opacity, 1));
border-left-width: 0;
@ -1540,38 +1626,38 @@ html {
.menu[class*=p-] li a {
border-radius: var(--rounded-btn, .5rem);
}
.menu li>:where(a),.menu li>:where(span) {
.menu :where(li.bordered>a),.menu :where(li.bordered>button),.menu :where(li.bordered>span) {
--tw-border-opacity: 1;
border-color: hsla(var(--p) / var(--tw-border-opacity, 1));
border-left-width: 4px;
}
.menu li>:where(a),.menu li>:where(button),.menu li>:where(span) {
padding: .75rem 1.25rem;
color: currentColor;
}
.menu li>:where(a:focus),.menu li>:where(a:hover) {
.menu li>:where(a:focus),.menu li>:where(a:hover),.menu li>:where(button:focus),.menu li>:where(button:hover) {
--tw-bg-opacity: 0.1;
background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1));
}
.menu li>:where(a.active) {
.menu li>:where(a.active),.menu li>:where(button.active) {
--tw-bg-opacity: 1;
background-color: hsla(var(--p) / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: hsla(var(--pc) / var(--tw-text-opacity, 1));
}
.menu li>:where(a:active) {
.menu li>:where(a:active),.menu li>:where(button:active) {
--tw-bg-opacity: 1;
background-color: hsla(var(--pf) / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: hsla(var(--pc) / var(--tw-text-opacity, 1));
}
.menu li.disabled>a:hover,.menu li.disabled>span:hover {
.menu li.disabled>a:hover,.menu li.disabled>button:hover,.menu li.disabled>span:hover {
background-color: transparent;
}
.menu li.disabled>a,.menu li.disabled>span {
.menu li.disabled>a,.menu li.disabled>button,.menu li.disabled>span {
--tw-text-opacity: 0.2;
color: hsla(var(--bc) / var(--tw-text-opacity, 1));
}
.menu li.bordered a,.menu li.bordered span {
--tw-border-opacity: 1;
border-color: hsla(var(--p) / var(--tw-border-opacity, 1));
border-left-width: 4px;
}
.menu li.hover-bordered a {
border-color: transparent;
border-left-width: 4px;
@ -1603,26 +1689,6 @@ html {
border-radius: 40px;
margin-top: -25px;
}
.modal-box {
--tw-bg-opacity: 1;
background-color: hsla(var(--b1) / var(--tw-bg-opacity, 1));
padding: 1.5rem;
width: 100%;
--tw-translate-x: 0;
--tw-translate-y: 2.5rem;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
transition-duration: .2s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
border-top-left-radius: var(--rounded-box, 1rem);
border-top-right-radius: var(--rounded-box, 1rem);
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
}
.modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box {
--tw-scale-x: 1;
--tw-scale-y: 1;
@ -1661,6 +1727,34 @@ html {
box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset, var(--focus-shadow);
}
}
@-webkit-keyframes rating-pop {
0% {
transform: translateY(-.125em);
}
40% {
transform: translateY(-.125em);
}
to {
transform: translateY(0);
}
}
@keyframes rating-pop {
0% {
transform: translateY(-.125em);
}
40% {
transform: translateY(-.125em);
}
to {
transform: translateY(0);
}
}
.table :where(th,td) {
padding: 1rem;
vertical-align: middle;
@ -1711,11 +1805,6 @@ html {
--tw-bg-opacity: 1;
background-color: hsla(var(--b2) / var(--tw-bg-opacity, 1));
}
.table-compact td,.table-compact th {
font-size: .875rem;
line-height: 1.25rem;
padding: .5rem;
}
.textarea-bordered {
--tw-border-opacity: 0.2;
}
@ -1747,27 +1836,6 @@ html {
--tw-placeholder-opacity: 0.2;
color: hsla(var(--bc) / var(--tw-placeholder-opacity, 1));
}
.toggle {
--chkbg: hsla(var(--bc) / .2);
--focus-shadow: 0 0 0;
--handleoffset: 1.5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
--tw-bg-opacity: 0.2;
background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1));
--tw-border-opacity: 0.2;
border-color: hsla(var(--bc) / var(--tw-border-opacity, 1));
border-width: 1px;
cursor: pointer;
height: 1.5rem;
width: 3rem;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .3s;
border-radius: var(--rounded-badge, 1.9rem);
transition: background,box-shadow var(--animation-input, .2s) ease-in-out;
box-shadow: calc(var(--handleoffset)*-1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
}
.toggle:focus-visible {
--focus-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--bc));
}
@ -1780,6 +1848,15 @@ html {
[dir=rtl] .toggle:checked,[dir=rtl] .toggle[checked=true] {
box-shadow: calc(var(--handleoffset)*1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
}
.toggle:indeterminate {
--chkbg: hsl(var(--bc));
--tw-bg-opacity: 1;
--tw-border-opacity: 1;
box-shadow: calc(var(--handleoffset)/2) 0 0 2px hsl(var(--b1)) inset, calc(var(--handleoffset)/-2) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
}
[dir=rtl] .toggle:indeterminate {
box-shadow: calc(var(--handleoffset)/2) 0 0 2px hsl(var(--b1)) inset, calc(var(--handleoffset)/-2) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
}
.toggle:disabled {
--tw-bg-opacity: 0.2;
background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1));
@ -1804,6 +1881,19 @@ html {
padding: 0;
width: 2rem;
}
.menu-vertical :where(li.bordered>a),.menu-vertical :where(li.bordered>button),.menu-vertical :where(li.bordered>span) {
border-bottom-width: 0;
border-left-width: 4px;
}
.menu-horizontal :where(li.bordered>a),.menu-horizontal :where(li.bordered>button),.menu-horizontal :where(li.bordered>span) {
border-left-width: 0;
border-bottom-width: 4px;
}
.table-compact :where(th,td) {
font-size: .875rem;
line-height: 1.25rem;
padding: .5rem;
}
.visible {
visibility: visible;
}
@ -2047,15 +2137,15 @@ html {
.scale-95 {
--tw-scale-x: .95;
--tw-scale-y: .95;
transform: var(--tw-transform);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: var(--tw-transform);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
transform: var(--tw-transform);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-default {
cursor: default;
@ -2557,7 +2647,7 @@ html {
--tw-ring-opacity: 0.05;
}
.filter {
filter: var(--tw-filter);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
@ -2754,6 +2844,7 @@ html {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
font-size: 0.875rem;
line-height: 1.25rem;
line-height: 2;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));

409
public/js/app.js vendored

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save