@pnkx-lib/ui 1.9.421 → 1.9.423
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/style.css +2 -2
- package/es/chunks/{useBreadcrumb-DWfSfaDb.js → useBreadcrumb-BFRlDjyO.js} +0 -1
- package/es/fields/Input.js +2 -2
- package/es/fields/TinyMCE.js +71 -16
- package/es/index.js +1 -1
- package/es/ui/BreadcrumbHeading.js +1 -1
- package/es/ui/SidebarV3/index.js +149 -174
- package/es/ui/WrapperBreadcrumb.js +1 -1
- package/es/ui/index.js +20 -1
- package/package.json +1 -1
- package/types/components/PrivateRoute/index.d.ts +6 -0
- package/types/components/ui/SidebarV3/{ContentArea.d.ts → components/ContentArea.d.ts} +2 -1
- package/types/components/ui/SidebarV3/components/MainMenu/EachItem.d.ts +12 -0
- package/types/components/ui/SidebarV3/components/MainMenu/index.d.ts +13 -0
- package/types/components/ui/SidebarV3/{MainSidebar.d.ts → components/MainSidebar.d.ts} +1 -2
- package/types/components/ui/SidebarV3/{SidebarV3.d.ts → components/SidebarV3.d.ts} +2 -1
- package/types/components/ui/SidebarV3/index.d.ts +1 -2
- package/types/components/ui/SidebarV3/types.d.ts +2 -1
- package/types/components/ui/index.d.ts +1 -0
- package/types/constants/routeUrl.d.ts +4 -0
- package/types/components/ui/SidebarV3/Example.d.ts +0 -2
- package/types/components/ui/SidebarV3/SubMenu.d.ts +0 -13
- /package/types/components/ui/SidebarV3/{Header.d.ts → components/Header.d.ts} +0 -0
- /package/types/components/ui/SidebarV3/{SearchHeader.d.ts → components/SearchHeader.d.ts} +0 -0
- /package/types/components/ui/SidebarV3/{UserInfoSection.d.ts → components/UserInfoSection.d.ts} +0 -0
package/dist/style.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
2
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!collapse{visibility:collapse!important}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.right-1{right:calc(var(--spacing)*1)}.left-\[62px\]{left:62px}.z-10{z-index:10}.z-50,.z-\[50\]{z-index:50}.z-\[999\]{z-index:999}.z-\[9999\]{z-index:9999}.col-span-1{grid-column:span 1/span 1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-auto{margin:auto}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.-mx-3{margin-inline:calc(var(--spacing)*-3)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-auto{margin-inline:auto}.\!mt-\[-10px\]{margin-top:-10px!important}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-14{margin-top:calc(var(--spacing)*14)}.mt-20{margin-top:calc(var(--spacing)*20)}.mt-\[15px\]{margin-top:15px}.mt-auto{margin-top:auto}.\!mr-1{margin-right:calc(var(--spacing)*1)!important}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.\!ml-1{margin-left:calc(var(--spacing)*1)!important}.\!ml-2{margin-left:calc(var(--spacing)*2)!important}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-10{margin-left:calc(var(--spacing)*10)}.ml-\[-2rem\]{margin-left:-2rem}.ml-\[7\%\]{margin-left:7%}.ml-\[10px\]{margin-left:10px}.ml-\[62px\]{margin-left:62px}.ml-\[225px\]{margin-left:225px}.ml-\[279px\]{margin-left:279px}.ml-auto{margin-left:auto}.\!flex{display:flex!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.\!h-fit{height:fit-content!important}.h-0{height:calc(var(--spacing)*0)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-10{height:calc(var(--spacing)*10)}.h-20{height:calc(var(--spacing)*20)}.h-\[30px\]{height:30px}.h-\[42px\]{height:42px}.h-\[64px\]{height:64px}.h-\[200px\]{height:200px}.h-\[300px\]{height:300px}.h-\[calc\(100vh-56px\)\]{height:calc(100vh - 56px)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.\!w-3{width:calc(var(--spacing)*3)!important}.\!w-\[50px\]{width:50px!important}.\!w-\[500px\]{width:500px!important}.\!w-fit{width:fit-content!important}.\!w-full{width:100%!important}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-10{width:calc(var(--spacing)*10)}.w-10\!{width:calc(var(--spacing)*10)!important}.w-17{width:calc(var(--spacing)*17)}.w-20{width:calc(var(--spacing)*20)}.w-20\!{width:calc(var(--spacing)*20)!important}.w-50{width:calc(var(--spacing)*50)}.w-100{width:calc(var(--spacing)*100)}.w-\[30px\]{width:30px}.w-\[54px\]{width:54px}.w-\[60px\]{width:60px}.w-\[62px\]{width:62px}.w-\[64px\]{width:64px}.w-\[90px\]{width:90px}.w-\[217px\]{width:217px}.w-\[225px\]{width:225px}.w-\[250px\]{width:250px}.w-\[255px\]{width:255px}.w-\[6000px\]{width:6000px}.w-fit{width:fit-content}.w-full{width:100%}.w-lg{width:var(--container-lg)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-fit{max-width:fit-content}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-screen-2xl{max-width:var(--breakpoint-2xl)}.max-w-screen-lg{max-width:var(--breakpoint-lg)}.max-w-screen-md{max-width:var(--breakpoint-md)}.max-w-screen-sm{max-width:var(--breakpoint-sm)}.max-w-screen-xl{max-width:var(--breakpoint-xl)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-16{min-width:calc(var(--spacing)*16)}.min-w-fit{min-width:fit-content}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.translate-y-\[110\%\]{--tw-translate-y:110%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\!flex-col{flex-direction:column!important}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-end-safe{align-items:safe flex-end}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing)*3)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-5{row-gap:calc(var(--spacing)*5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.\!rounded-full{border-radius:3.40282e38px!important}.rounded{border-radius:.25rem}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.\!border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.\!border-none{--tw-border-style:none!important;border-style:none!important}.border-none{--tw-border-style:none;border-style:none}.\!border-\[\#BDE3FF\]{border-color:#bde3ff!important}.\!border-\[\#FFCDC9\]{border-color:#ffcdc9!important}.\!border-\[\#bde3ff\]{border-color:#bde3ff!important}.border-\[\#BDE3FF\],.border-\[\#bde3ff\]{border-color:#bde3ff}.border-gray-200{border-color:var(--color-gray-200)}.border-red-500{border-color:var(--color-red-500)}.border-white{border-color:var(--color-white)}.\!bg-\[\#0000000A\]{background-color:#0000000a!important}.\!bg-\[\#E5F4FF\]{background-color:#e5f4ff!important}.\!bg-\[\#E7F0FF\]{background-color:#e7f0ff!important}.bg-\[\#007BE5\]{background-color:#007be5}.bg-\[\#27CD7F\]{background-color:#27cd7f}.bg-\[\#722ED1\]{background-color:#722ed1}.bg-\[\#001523\]{background-color:#001523}.bg-\[\#2561ED\]{background-color:#2561ed}.bg-\[\#B2B7C2\]{background-color:#b2b7c2}.bg-\[\#DA9438\]{background-color:#da9438}.bg-\[\#DD4338\]{background-color:#dd4338}.bg-\[\#E7F0FF\]{background-color:#e7f0ff}.bg-\[\#ECEFF3\]{background-color:#eceff3}.bg-\[\#FFFFFF\]{background-color:#fff}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-white{background-color:var(--color-white)}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-\[24px\]{padding:24px}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-\[10px\]{padding-inline:10px}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-14{padding-top:calc(var(--spacing)*14)}.pt-15{padding-top:calc(var(--spacing)*15)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-15{padding-bottom:calc(var(--spacing)*15)}.\!pl-2\.5{padding-left:calc(var(--spacing)*2.5)!important}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[24px\]{font-size:24px}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.\!font-light{--tw-font-weight:var(--font-weight-light)!important;font-weight:var(--font-weight-light)!important}.font-\[400\]{--tw-font-weight:400;font-weight:400}.font-\[600\]{--tw-font-weight:600;font-weight:600}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.\!text-\[\#4B90FE\]{color:#4b90fe!important}.\!text-\[\#007BE5\]{color:#007be5!important}.\!text-\[\#52C41A\]{color:#52c41a!important}.\!text-\[\#1677FF\]{color:#1677ff!important}.\!text-\[\#DD4338\]{color:#dd4338!important}.\!text-\[\#E0E0E0\]{color:#e0e0e0!important}.\!text-\[\#FF4D4F\]{color:#ff4d4f!important}.text-\[\#1F1F1F\]{color:#1f1f1f}.text-\[\#5C657D\]{color:#5c657d}.text-\[\#007BE5\]{color:#007be5}.text-\[\#116DFF\]{color:#116dff}.text-\[\#131313\]{color:#131313}.text-\[\#B2B7C2\]{color:#b2b7c2}.text-\[\#c6c8cb\]{color:#c6c8cb}.text-black{color:var(--color-black)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.opacity-0{opacity:0}.opacity-100{opacity:1}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_0px_12px_0px_\#0006241f\]{--tw-shadow:0px 0px 12px 0px var(--tw-shadow-color,#0006241f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_4px_6px_0px_\#0006241f\]{--tw-shadow:0px 4px 6px 0px var(--tw-shadow-color,#0006241f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.invert{--tw-invert:invert(100%);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,)}.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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}.focus-within\:border-red-500:focus-within{border-color:var(--color-red-500)}.focus-within\:ring-red-500:focus-within{--tw-ring-color:var(--color-red-500)}@media (hover:hover){.hover\:rounded-sm:hover{border-radius:var(--radius-sm)}.hover\:bg-\[\#1B4ACB\]:hover{background-color:#1b4acb}.hover\:bg-\[\#007BE5\]:hover{background-color:#007be5}.hover\:bg-\[\#E5F4FF\]:hover{background-color:#e5f4ff}.hover\:bg-\[\#E7F0FF\]:hover{background-color:#e7f0ff}.hover\:bg-\[\#F5F6F7\]:hover{background-color:#f5f6f7}.hover\:bg-\[\#FFFFFF\]:hover{background-color:#fff}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:text-\[\#007BE5\]:hover{color:#007be5}.hover\:text-black:hover{color:var(--color-black)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:px-6{padding-inline:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:flex-row{flex-direction:row}:where(.md\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.md\:space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.md\:text-left{text-align:left}}@media (min-width:64rem){.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}}.custom-pagination-reorder .ant-pagination-options{order:-1;margin-right:16px}.custom-pagination-reorder{align-items:center;display:flex}.custom-pagination-reorder .ant-pagination-total-text{order:0}.custom-pagination-reorder .ant-pagination-prev,.custom-pagination-reorder .ant-pagination-item,.custom-pagination-reorder .ant-pagination-next,.custom-pagination-reorder .ant-pagination-jump-prev,.custom-pagination-reorder .ant-pagination-jump-next{order:1}.custom-pagination-reorder .ant-pagination-options{order:-1}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.setting-table-modal div .ant-modal-header,.setting-table-modal div .ant-modal-footer{padding:0 24px!important}.containerSearchSelect :global(.ant-select-selector){border-radius:100px;border-color:#bde3ff!important}.inputSearchKey :global(.ant-input-clear-icon){color:#e7f0ff}.customBadge :global(.ant-badge-count){color:#4d4d57!important;box-shadow:none!important;background:0 0!important}.customBadge{background-color:#eeeef0!important}.customBadge .ant-badge-count{color:#4d4d57!important;box-shadow:none!important;background:0 0!important}.customBadgeActive{background-color:#bde3ff!important}.customBadgeActive .ant-badge-count{font-weight:500;color:#0f1d40!important;box-shadow:none!important;background:0 0!important}.customContainButtonIcon .ant-btn-icon{height:18px}.ant-table-cell:before{display:none!important}.ant-table-thead .ant-table-cell{font-weight:500;background-color:#d6e6fe!important;border-start-start-radius:0!important;border-start-end-radius:0!important}.ant-table-thead th.ant-table-column-has-sorters:hover{background-color:#d6e6fe}.ant-table-row.table-row-even{background-color:#f7f7f8}.ant-table-row.table-row-odd{background-color:#fff}.ant-table-cell-row-hover{cursor:pointer;background-color:#e7f0ff!important}.ant-table-body{scrollbar-width:auto;scrollbar-color:auto}.ant-table-body::-webkit-scrollbar{width:8px}.ant-table-body::-webkit-scrollbar-track{background-color:#e1e6e6}.ant-table-body::-webkit-scrollbar-thumb{background-color:#a8caff;border-radius:6px}.ant-table-body::-webkit-scrollbar-thumb:hover{background-color:#598cf4;border-radius:6px}.ant-select-outlined.ant-select-multiple .ant-select-selection-item{gap:4px;display:flex;background-color:#bde3ff!important;padding:1px 8px!important}.pnkx-default-input :global(.ant-input-clear-icon){color:#e7f0ff}.pnkx-default-input{border-color:#bde3ff;width:100%;border-radius:6px!important}.pnkx-default-input.ant-input-affix-wrapper-disabled{box-shadow:none!important;cursor:not-allowed!important;border:none!important}.pnkx-default-select-container{width:100%;height:100%}.ant-select:hover .ant-select-selector{box-shadow:none!important;border-color:#a2a2a2!important}.pnkx-disable-select .ant-select-arrow{color:#00000040!important}.pnkx-default-select-container .ant-select-selector,.pnkx-default-select-container .ant-select .ant-select-selector{border-color:#bde3ff!important;border-radius:6px!important}.pnkx-default-select-container .ant-select.ant-select-disabled .ant-select-selector{border:none}.pnkx-default-field-container{width:100%;border-color:#bde3ff!important;border-radius:6px!important}.pnkx-default-select-container .pnkx-error-select .ant-select-selector{border:1px solid #ff4d4f!important}.pnkx-default-border-cascader .ant-select-selector,.pnkx-default-border-checkbox .ant-checkbox-inner{border-color:#bde3ff!important}.pnkx-default-border-date-picker{width:inherit;padding-right:calc(var(--spacing)*2.5);background-color:#fff;justify-content:space-between;align-items:center;display:flex;border:1px solid #bde3ff!important;border-radius:6px!important}.pnkx-erorr-border-date-picker{border-color:#ff4d4f!important}.pnkx-default-border-time-picker{border-color:#bde3ff;border-radius:6px!important}.pnkx-default-border-default-button{color:#007be5!important;border-color:#bde3ff!important}.ant-checkbox-inner{border-color:#007be5!important}.ant-checkbox-checked .ant-checkbox-inner:after{border-color:#fff}.ant-checkbox-checked .ant-checkbox-inner{background-color:#007be5!important;border-color:#007be5!important}.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-checked):not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,.ant-checkbox:not(.ant-checkbox-checked):not(.ant-checkbox-disabled):hover .ant-checkbox-inner{background-color:#e5f4ff!important;border-color:#007be5!important}.ant-checkbox-wrapper-checked:not(.ant-checkbox-wrapper-checked):hover .ant-checkbox-inner,.ant-checkbox-checked:hover .ant-checkbox-inner{background-color:#007be5!important;border-color:#007be5!important}.ant-checkbox-disabled .ant-checkbox-inner,.ant-checkbox-wrapper-disabled .ant-checkbox-inner{cursor:not-allowed!important;background-color:#f5f5f5!important;border-color:#d9d9d9!important}.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner{background-color:#8b8787!important;border-color:#d9d9d9!important}.pnkx-default-modal .ant-modal-close-x{color:#000624}.ant-modal-body,.ant-modal-content{padding:0!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#e1e6e6}::-webkit-scrollbar-thumb{background-color:#a8caff;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#598cf4;border-radius:6px}.ant-select-arrow{color:#116dff!important}.ant-select-clear{color:#0065ff!important}.table-scroll-bar .ant-table-body{scrollbar-color:#a8caff transparent}.pnkx-not-found-content-select{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.pnkx-not-found-text-select{color:#00000073}.pnkx-not-found-icon-select{height:35px}.custom-upload-wrapper .ant-upload.ant-upload-drag{border:1px dashed #116dff!important}.cascader-style .ant-cascader-input{background-color:#fefefe;border-radius:6px;padding:6px 12px}.allowClearIcon{border-radius:50%;justify-content:center;width:18px;height:18px;display:inline-flex;background-color:#e7f0ff!important;align-items:center!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
|
|
1
|
+
/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!collapse{visibility:collapse!important}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.right-1{right:calc(var(--spacing)*1)}.left-\[62px\]{left:62px}.z-10{z-index:10}.z-50,.z-\[50\]{z-index:50}.z-\[999\]{z-index:999}.z-\[9999\]{z-index:9999}.col-span-1{grid-column:span 1/span 1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-auto{margin:auto}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.-mx-3{margin-inline:calc(var(--spacing)*-3)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-auto{margin-inline:auto}.\!mt-\[-10px\]{margin-top:-10px!important}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-14{margin-top:calc(var(--spacing)*14)}.mt-20{margin-top:calc(var(--spacing)*20)}.mt-\[15px\]{margin-top:15px}.mt-auto{margin-top:auto}.\!mr-1{margin-right:calc(var(--spacing)*1)!important}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.\!ml-1{margin-left:calc(var(--spacing)*1)!important}.\!ml-2{margin-left:calc(var(--spacing)*2)!important}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-10{margin-left:calc(var(--spacing)*10)}.ml-\[-2rem\]{margin-left:-2rem}.ml-\[7\%\]{margin-left:7%}.ml-\[10px\]{margin-left:10px}.ml-\[62px\]{margin-left:62px}.ml-\[225px\]{margin-left:225px}.ml-\[279px\]{margin-left:279px}.ml-auto{margin-left:auto}.\!flex{display:flex!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.\!h-fit{height:fit-content!important}.h-0{height:calc(var(--spacing)*0)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-20{height:calc(var(--spacing)*20)}.h-\[30px\]{height:30px}.h-\[42px\]{height:42px}.h-\[50vh\]{height:50vh}.h-\[64px\]{height:64px}.h-\[200px\]{height:200px}.h-\[300px\]{height:300px}.h-\[calc\(100vh-56px\)\]{height:calc(100vh - 56px)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.\!w-3{width:calc(var(--spacing)*3)!important}.\!w-\[50px\]{width:50px!important}.\!w-\[500px\]{width:500px!important}.\!w-fit{width:fit-content!important}.\!w-full{width:100%!important}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-10\!{width:calc(var(--spacing)*10)!important}.w-17{width:calc(var(--spacing)*17)}.w-20{width:calc(var(--spacing)*20)}.w-20\!{width:calc(var(--spacing)*20)!important}.w-50{width:calc(var(--spacing)*50)}.w-100{width:calc(var(--spacing)*100)}.w-\[30px\]{width:30px}.w-\[54px\]{width:54px}.w-\[60px\]{width:60px}.w-\[62px\]{width:62px}.w-\[64px\]{width:64px}.w-\[90px\]{width:90px}.w-\[217px\]{width:217px}.w-\[225px\]{width:225px}.w-\[250px\]{width:250px}.w-\[255px\]{width:255px}.w-\[6000px\]{width:6000px}.w-fit{width:fit-content}.w-full{width:100%}.w-lg{width:var(--container-lg)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-fit{max-width:fit-content}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-screen-2xl{max-width:var(--breakpoint-2xl)}.max-w-screen-lg{max-width:var(--breakpoint-lg)}.max-w-screen-md{max-width:var(--breakpoint-md)}.max-w-screen-sm{max-width:var(--breakpoint-sm)}.max-w-screen-xl{max-width:var(--breakpoint-xl)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-16{min-width:calc(var(--spacing)*16)}.min-w-fit{min-width:fit-content}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.translate-y-\[110\%\]{--tw-translate-y:110%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\!flex-col{flex-direction:column!important}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-end-safe{align-items:safe flex-end}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.-space-y-px>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(-1px*var(--tw-space-y-reverse));margin-block-end:calc(-1px*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing)*3)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-5{row-gap:calc(var(--spacing)*5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.\!rounded-full{border-radius:3.40282e38px!important}.rounded{border-radius:.25rem}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.rounded-b-md{border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.\!border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.\!border-none{--tw-border-style:none!important;border-style:none!important}.border-none{--tw-border-style:none;border-style:none}.\!border-\[\#BDE3FF\]{border-color:#bde3ff!important}.\!border-\[\#FFCDC9\]{border-color:#ffcdc9!important}.\!border-\[\#bde3ff\]{border-color:#bde3ff!important}.border-\[\#BDE3FF\],.border-\[\#bde3ff\]{border-color:#bde3ff}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-900{border-color:var(--color-gray-900)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.\!bg-\[\#0000000A\]{background-color:#0000000a!important}.\!bg-\[\#E5F4FF\]{background-color:#e5f4ff!important}.\!bg-\[\#E7F0FF\]{background-color:#e7f0ff!important}.bg-\[\#007BE5\]{background-color:#007be5}.bg-\[\#27CD7F\]{background-color:#27cd7f}.bg-\[\#722ED1\]{background-color:#722ed1}.bg-\[\#001523\]{background-color:#001523}.bg-\[\#2561ED\]{background-color:#2561ed}.bg-\[\#B2B7C2\]{background-color:#b2b7c2}.bg-\[\#DA9438\]{background-color:#da9438}.bg-\[\#DD4338\]{background-color:#dd4338}.bg-\[\#E7F0FF\]{background-color:#e7f0ff}.bg-\[\#FFFFFF\]{background-color:#fff}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-white{background-color:var(--color-white)}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-\[10px\]{padding-inline:10px}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-14{padding-top:calc(var(--spacing)*14)}.pt-15{padding-top:calc(var(--spacing)*15)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-15{padding-bottom:calc(var(--spacing)*15)}.\!pl-2\.5{padding-left:calc(var(--spacing)*2.5)!important}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[24px\]{font-size:24px}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.\!font-light{--tw-font-weight:var(--font-weight-light)!important;font-weight:var(--font-weight-light)!important}.font-\[400\]{--tw-font-weight:400;font-weight:400}.font-\[600\]{--tw-font-weight:600;font-weight:600}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.\!text-\[\#4B90FE\]{color:#4b90fe!important}.\!text-\[\#007BE5\]{color:#007be5!important}.\!text-\[\#52C41A\]{color:#52c41a!important}.\!text-\[\#1677FF\]{color:#1677ff!important}.\!text-\[\#DD4338\]{color:#dd4338!important}.\!text-\[\#E0E0E0\]{color:#e0e0e0!important}.\!text-\[\#FF4D4F\]{color:#ff4d4f!important}.text-\[\#1F1F1F\]{color:#1f1f1f}.text-\[\#5C657D\]{color:#5c657d}.text-\[\#007BE5\]{color:#007be5}.text-\[\#116DFF\]{color:#116dff}.text-\[\#131313\]{color:#131313}.text-\[\#B2B7C2\]{color:#b2b7c2}.text-\[\#c6c8cb\]{color:#c6c8cb}.text-black{color:var(--color-black)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.placeholder-gray-500::placeholder{color:var(--color-gray-500)}.opacity-0{opacity:0}.opacity-100{opacity:1}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_0px_12px_0px_\#0006241f\]{--tw-shadow:0px 0px 12px 0px var(--tw-shadow-color,#0006241f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_4px_6px_0px_\#0006241f\]{--tw-shadow:0px 4px 6px 0px var(--tw-shadow-color,#0006241f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.invert{--tw-invert:invert(100%);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,)}.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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}.focus-within\:border-red-500:focus-within{border-color:var(--color-red-500)}.focus-within\:ring-red-500:focus-within{--tw-ring-color:var(--color-red-500)}@media (hover:hover){.hover\:rounded-sm:hover{border-radius:var(--radius-sm)}.hover\:bg-\[\#1B4ACB\]:hover{background-color:#1b4acb}.hover\:bg-\[\#007BE5\]:hover{background-color:#007be5}.hover\:bg-\[\#E5F4FF\]:hover{background-color:#e5f4ff}.hover\:bg-\[\#E7F0FF\]:hover{background-color:#e7f0ff}.hover\:bg-\[\#F5F6F7\]:hover{background-color:#f5f6f7}.hover\:bg-\[\#FFFFFF\]:hover{background-color:#fff}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:text-\[\#007BE5\]:hover{color:#007be5}.hover\:text-black:hover{color:var(--color-black)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:z-10:focus{z-index:10}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:48rem){.md\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:flex-row{flex-direction:row}:where(.md\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.md\:space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.md\:text-left{text-align:left}}@media (min-width:64rem){.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}}.custom-pagination-reorder .ant-pagination-options{order:-1;margin-right:16px}.custom-pagination-reorder{align-items:center;display:flex}.custom-pagination-reorder .ant-pagination-total-text{order:0}.custom-pagination-reorder .ant-pagination-prev,.custom-pagination-reorder .ant-pagination-item,.custom-pagination-reorder .ant-pagination-next,.custom-pagination-reorder .ant-pagination-jump-prev,.custom-pagination-reorder .ant-pagination-jump-next{order:1}.custom-pagination-reorder .ant-pagination-options{order:-1}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.setting-table-modal div .ant-modal-header,.setting-table-modal div .ant-modal-footer{padding:0 24px!important}.containerSearchSelect :global(.ant-select-selector){border-radius:100px;border-color:#bde3ff!important}.inputSearchKey :global(.ant-input-clear-icon){color:#e7f0ff}.customBadge :global(.ant-badge-count){color:#4d4d57!important;box-shadow:none!important;background:0 0!important}.customBadge{background-color:#eeeef0!important}.customBadge .ant-badge-count{color:#4d4d57!important;box-shadow:none!important;background:0 0!important}.customBadgeActive{background-color:#bde3ff!important}.customBadgeActive .ant-badge-count{font-weight:500;color:#0f1d40!important;box-shadow:none!important;background:0 0!important}.customContainButtonIcon .ant-btn-icon{height:18px}.ant-table-cell:before{display:none!important}.ant-table-thead .ant-table-cell{font-weight:500;background-color:#d6e6fe!important;border-start-start-radius:0!important;border-start-end-radius:0!important}.ant-table-thead th.ant-table-column-has-sorters:hover{background-color:#d6e6fe}.ant-table-row.table-row-even{background-color:#f7f7f8}.ant-table-row.table-row-odd{background-color:#fff}.ant-table-cell-row-hover{cursor:pointer;background-color:#e7f0ff!important}.ant-table-body{scrollbar-width:auto;scrollbar-color:auto}.ant-table-body::-webkit-scrollbar{width:8px}.ant-table-body::-webkit-scrollbar-track{background-color:#e1e6e6}.ant-table-body::-webkit-scrollbar-thumb{background-color:#a8caff;border-radius:6px}.ant-table-body::-webkit-scrollbar-thumb:hover{background-color:#598cf4;border-radius:6px}.ant-select-outlined.ant-select-multiple .ant-select-selection-item{gap:4px;display:flex;background-color:#bde3ff!important;padding:1px 8px!important}.pnkx-default-input :global(.ant-input-clear-icon){color:#e7f0ff}.pnkx-default-input{border-color:#bde3ff;width:100%;border-radius:6px!important}.pnkx-default-input.ant-input-affix-wrapper-disabled{box-shadow:none!important;cursor:not-allowed!important;border:none!important}.pnkx-default-select-container{width:100%;height:100%}.ant-select:hover .ant-select-selector{box-shadow:none!important;border-color:#a2a2a2!important}.pnkx-disable-select .ant-select-arrow{color:#00000040!important}.pnkx-default-select-container .ant-select-selector,.pnkx-default-select-container .ant-select .ant-select-selector{border-color:#bde3ff!important;border-radius:6px!important}.pnkx-default-select-container .ant-select.ant-select-disabled .ant-select-selector{border:none}.pnkx-default-field-container{width:100%;border-color:#bde3ff!important;border-radius:6px!important}.pnkx-default-select-container .pnkx-error-select .ant-select-selector{border:1px solid #ff4d4f!important}.pnkx-default-border-cascader .ant-select-selector,.pnkx-default-border-checkbox .ant-checkbox-inner{border-color:#bde3ff!important}.pnkx-default-border-date-picker{width:inherit;padding-right:calc(var(--spacing)*2.5);background-color:#fff;justify-content:space-between;align-items:center;display:flex;border:1px solid #bde3ff!important;border-radius:6px!important}.pnkx-erorr-border-date-picker{border-color:#ff4d4f!important}.pnkx-default-border-time-picker{border-color:#bde3ff;border-radius:6px!important}.pnkx-default-border-default-button{color:#007be5!important;border-color:#bde3ff!important}.ant-checkbox-inner{border-color:#007be5!important}.ant-checkbox-checked .ant-checkbox-inner:after{border-color:#fff}.ant-checkbox-checked .ant-checkbox-inner{background-color:#007be5!important;border-color:#007be5!important}.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-checked):not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,.ant-checkbox:not(.ant-checkbox-checked):not(.ant-checkbox-disabled):hover .ant-checkbox-inner{background-color:#e5f4ff!important;border-color:#007be5!important}.ant-checkbox-wrapper-checked:not(.ant-checkbox-wrapper-checked):hover .ant-checkbox-inner,.ant-checkbox-checked:hover .ant-checkbox-inner{background-color:#007be5!important;border-color:#007be5!important}.ant-checkbox-disabled .ant-checkbox-inner,.ant-checkbox-wrapper-disabled .ant-checkbox-inner{cursor:not-allowed!important;background-color:#f5f5f5!important;border-color:#d9d9d9!important}.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner{background-color:#8b8787!important;border-color:#d9d9d9!important}.pnkx-default-modal .ant-modal-close-x{color:#000624}.ant-modal-body,.ant-modal-content{padding:0!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#e1e6e6}::-webkit-scrollbar-thumb{background-color:#a8caff;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#598cf4;border-radius:6px}.ant-select-arrow{color:#116dff!important}.ant-select-clear{color:#0065ff!important}.table-scroll-bar .ant-table-body{scrollbar-color:#a8caff transparent}.pnkx-not-found-content-select{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.pnkx-not-found-text-select{color:#00000073}.pnkx-not-found-icon-select{height:35px}.custom-upload-wrapper .ant-upload.ant-upload-drag{border:1px dashed #116dff!important}.cascader-style .ant-cascader-input{background-color:#fefefe;border-radius:6px;padding:6px 12px}.allowClearIcon{border-radius:50%;justify-content:center;width:18px;height:18px;display:inline-flex;background-color:#e7f0ff!important;align-items:center!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
|
package/es/fields/Input.js
CHANGED
|
@@ -8,9 +8,9 @@ import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
|
|
|
8
8
|
import { Tooltip } from '../ui/Tooltip.js';
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
|
-
* react-number-format - 5.4.
|
|
11
|
+
* react-number-format - 5.4.3
|
|
12
12
|
* Author : Sudhanshu Yadav
|
|
13
|
-
* Copyright (c) 2016,
|
|
13
|
+
* Copyright (c) 2016, 2024 to Sudhanshu Yadav, released under the MIT license.
|
|
14
14
|
* https://github.com/s-yadav/react-number-format
|
|
15
15
|
*/
|
|
16
16
|
|
package/es/fields/TinyMCE.js
CHANGED
|
@@ -1282,7 +1282,7 @@ var eventPropTypes = {
|
|
|
1282
1282
|
onScriptsLoad: propTypesExports.func,
|
|
1283
1283
|
onScriptsLoadError: propTypesExports.func,
|
|
1284
1284
|
};
|
|
1285
|
-
var EditorPropTypes = __assign$2({ apiKey: propTypesExports.string, licenseKey: propTypesExports.string, id: propTypesExports.string, inline: propTypesExports.bool, init: propTypesExports.object, initialValue: propTypesExports.string, onEditorChange: propTypesExports.func, value: propTypesExports.string, tagName: propTypesExports.string, tabIndex: propTypesExports.number, cloudChannel: propTypesExports.string, plugins: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.array]), toolbar: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.array]), disabled: propTypesExports.bool, textareaName: propTypesExports.string, tinymceScriptSrc: propTypesExports.oneOfType([
|
|
1285
|
+
var EditorPropTypes = __assign$2({ apiKey: propTypesExports.string, licenseKey: propTypesExports.string, id: propTypesExports.string, inline: propTypesExports.bool, init: propTypesExports.object, initialValue: propTypesExports.string, onEditorChange: propTypesExports.func, value: propTypesExports.string, tagName: propTypesExports.string, tabIndex: propTypesExports.number, cloudChannel: propTypesExports.string, plugins: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.array]), toolbar: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.array]), disabled: propTypesExports.bool, readonly: propTypesExports.bool, textareaName: propTypesExports.string, tinymceScriptSrc: propTypesExports.oneOfType([
|
|
1286
1286
|
propTypesExports.string,
|
|
1287
1287
|
propTypesExports.arrayOf(propTypesExports.string),
|
|
1288
1288
|
propTypesExports.arrayOf(propTypesExports.shape({
|
|
@@ -1296,6 +1296,50 @@ var EditorPropTypes = __assign$2({ apiKey: propTypesExports.string, licenseKey:
|
|
|
1296
1296
|
delay: propTypesExports.number
|
|
1297
1297
|
}) }, eventPropTypes);
|
|
1298
1298
|
|
|
1299
|
+
var getTinymce = function (view) {
|
|
1300
|
+
var global = view;
|
|
1301
|
+
return global && global.tinymce ? global.tinymce : null;
|
|
1302
|
+
};
|
|
1303
|
+
|
|
1304
|
+
const toInt = (str) => parseInt(str, 10);
|
|
1305
|
+
const cmp = (a, b) => {
|
|
1306
|
+
const delta = a - b;
|
|
1307
|
+
if (delta === 0) {
|
|
1308
|
+
return 0 /* Comparison.EQ */;
|
|
1309
|
+
}
|
|
1310
|
+
return delta > 0 ? 1 /* Comparison.GT */ : -1 /* Comparison.LT */;
|
|
1311
|
+
};
|
|
1312
|
+
const nu = (major, minor, patch) => ({ major, minor, patch });
|
|
1313
|
+
const parse = (versionString) => {
|
|
1314
|
+
const parts = /([0-9]+)\.([0-9]+)\.([0-9]+)(?:(\-.+)?)/.exec(versionString);
|
|
1315
|
+
return parts ? nu(toInt(parts[1]), toInt(parts[2]), toInt(parts[3])) : nu(0, 0, 0);
|
|
1316
|
+
};
|
|
1317
|
+
const compare = (version1, version2) => {
|
|
1318
|
+
const cmp1 = cmp(version1.major, version2.major);
|
|
1319
|
+
if (cmp1 !== 0 /* Comparison.EQ */) {
|
|
1320
|
+
return cmp1;
|
|
1321
|
+
}
|
|
1322
|
+
const cmp2 = cmp(version1.minor, version2.minor);
|
|
1323
|
+
if (cmp2 !== 0 /* Comparison.EQ */) {
|
|
1324
|
+
return cmp2;
|
|
1325
|
+
}
|
|
1326
|
+
const cmp3 = cmp(version1.patch, version2.patch);
|
|
1327
|
+
if (cmp3 !== 0 /* Comparison.EQ */) {
|
|
1328
|
+
return cmp3;
|
|
1329
|
+
}
|
|
1330
|
+
return 0 /* Comparison.EQ */;
|
|
1331
|
+
};
|
|
1332
|
+
|
|
1333
|
+
// Creates a semver string out of tinymce major and minor properties this also handles
|
|
1334
|
+
// the pre semver case with 3.x versions of tinymce having a extra dot 1.2.3.4 we simply
|
|
1335
|
+
// ignore the extra dot and normalize that to proper semver
|
|
1336
|
+
const createSemVer = (tinymce) => {
|
|
1337
|
+
const semver = [tinymce.majorVersion, tinymce.minorVersion].join('.');
|
|
1338
|
+
return semver.split('.').slice(0, 3).join('.');
|
|
1339
|
+
};
|
|
1340
|
+
const getVersion = (tinymce) => parse(createSemVer(tinymce));
|
|
1341
|
+
const isLessThan = (tinymce, version) => !tinymce ? false : compare(getVersion(tinymce), parse(version)) === -1 /* Semver.Comparison.LT */;
|
|
1342
|
+
|
|
1299
1343
|
var isFunction = function (x) { return typeof x === 'function'; };
|
|
1300
1344
|
var isEventProp = function (name) { return name in eventPropTypes; };
|
|
1301
1345
|
var eventAttrToEventName = function (attrName) { return attrName.substr(2); };
|
|
@@ -1365,6 +1409,17 @@ var setMode = function (editor, mode) {
|
|
|
1365
1409
|
}
|
|
1366
1410
|
}
|
|
1367
1411
|
};
|
|
1412
|
+
var getTinymceOrError = function (view) {
|
|
1413
|
+
var tinymce = getTinymce(view);
|
|
1414
|
+
if (!tinymce) {
|
|
1415
|
+
throw new Error('tinymce should have been loaded into global scope');
|
|
1416
|
+
}
|
|
1417
|
+
return tinymce;
|
|
1418
|
+
};
|
|
1419
|
+
var isDisabledOptionSupported = function (view) {
|
|
1420
|
+
var tinymce = getTinymceOrError(view);
|
|
1421
|
+
return !isLessThan(tinymce, '7.6.0');
|
|
1422
|
+
};
|
|
1368
1423
|
|
|
1369
1424
|
var __assign$1 = (undefined && undefined.__assign) || function () {
|
|
1370
1425
|
__assign$1 = Object.assign || function(t) {
|
|
@@ -1509,11 +1564,6 @@ var createScriptLoader = function () {
|
|
|
1509
1564
|
};
|
|
1510
1565
|
var ScriptLoader = createScriptLoader();
|
|
1511
1566
|
|
|
1512
|
-
var getTinymce = function (view) {
|
|
1513
|
-
var global = view;
|
|
1514
|
-
return global && global.tinymce ? global.tinymce : null;
|
|
1515
|
-
};
|
|
1516
|
-
|
|
1517
1567
|
var __extends = (undefined && undefined.__extends) || (function () {
|
|
1518
1568
|
var extendStatics = function (d, b) {
|
|
1519
1569
|
extendStatics = Object.setPrototypeOf ||
|
|
@@ -1634,11 +1684,10 @@ var Editor = /** @class */ (function (_super) {
|
|
|
1634
1684
|
}
|
|
1635
1685
|
return;
|
|
1636
1686
|
}
|
|
1637
|
-
var tinymce =
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
var finalInit = __assign(__assign(__assign(__assign({}, _this.props.init), { selector: undefined, target: target, readonly: _this.props.disabled, inline: _this.inline, plugins: mergePlugins((_a = _this.props.init) === null || _a === void 0 ? void 0 : _a.plugins, _this.props.plugins), toolbar: (_b = _this.props.toolbar) !== null && _b !== void 0 ? _b : (_c = _this.props.init) === null || _c === void 0 ? void 0 : _c.toolbar }), (_this.props.licenseKey ? { license_key: _this.props.licenseKey } : {})), { setup: function (editor) {
|
|
1687
|
+
var tinymce = getTinymceOrError(_this.view);
|
|
1688
|
+
var finalInit = __assign(__assign(__assign(__assign(__assign(__assign({}, _this.props.init), { selector: undefined, target: target }), isDisabledOptionSupported(_this.view)
|
|
1689
|
+
? { disabled: _this.props.disabled, readonly: _this.props.readonly }
|
|
1690
|
+
: { readonly: _this.props.disabled || _this.props.readonly }), { inline: _this.inline, plugins: mergePlugins((_a = _this.props.init) === null || _a === void 0 ? void 0 : _a.plugins, _this.props.plugins), toolbar: (_b = _this.props.toolbar) !== null && _b !== void 0 ? _b : (_c = _this.props.init) === null || _c === void 0 ? void 0 : _c.toolbar }), (_this.props.licenseKey ? { license_key: _this.props.licenseKey } : {})), { setup: function (editor) {
|
|
1642
1691
|
_this.editor = editor;
|
|
1643
1692
|
_this.bindHandlers({});
|
|
1644
1693
|
// When running in inline mode the editor gets the initial value
|
|
@@ -1656,7 +1705,7 @@ var Editor = /** @class */ (function (_super) {
|
|
|
1656
1705
|
_this.props.init.setup(editor);
|
|
1657
1706
|
}
|
|
1658
1707
|
}, init_instance_callback: function (editor) {
|
|
1659
|
-
var _a
|
|
1708
|
+
var _a;
|
|
1660
1709
|
// check for changes that happened since tinymce.init() was called
|
|
1661
1710
|
var initialValue = _this.getInitialValue();
|
|
1662
1711
|
_this.currentContent = (_a = _this.currentContent) !== null && _a !== void 0 ? _a : editor.getContent();
|
|
@@ -1668,8 +1717,6 @@ var Editor = /** @class */ (function (_super) {
|
|
|
1668
1717
|
editor.undoManager.add();
|
|
1669
1718
|
editor.setDirty(false);
|
|
1670
1719
|
}
|
|
1671
|
-
var disabled = (_b = _this.props.disabled) !== null && _b !== void 0 ? _b : false;
|
|
1672
|
-
setMode(_this.editor, disabled ? 'readonly' : 'design');
|
|
1673
1720
|
// ensure existing init_instance_callback is called
|
|
1674
1721
|
if (_this.props.init && isFunction(_this.props.init.init_instance_callback)) {
|
|
1675
1722
|
_this.props.init.init_instance_callback(editor);
|
|
@@ -1747,9 +1794,17 @@ var Editor = /** @class */ (function (_super) {
|
|
|
1747
1794
|
}
|
|
1748
1795
|
});
|
|
1749
1796
|
}
|
|
1797
|
+
if (this.props.readonly !== prevProps.readonly) {
|
|
1798
|
+
var readonly = (_b = this.props.readonly) !== null && _b !== void 0 ? _b : false;
|
|
1799
|
+
setMode(this.editor, readonly ? 'readonly' : 'design');
|
|
1800
|
+
}
|
|
1750
1801
|
if (this.props.disabled !== prevProps.disabled) {
|
|
1751
|
-
|
|
1752
|
-
|
|
1802
|
+
if (isDisabledOptionSupported(this.view)) {
|
|
1803
|
+
this.editor.options.set('disabled', this.props.disabled);
|
|
1804
|
+
}
|
|
1805
|
+
else {
|
|
1806
|
+
setMode(this.editor, this.props.disabled ? 'readonly' : 'design');
|
|
1807
|
+
}
|
|
1753
1808
|
}
|
|
1754
1809
|
}
|
|
1755
1810
|
}
|
package/es/index.js
CHANGED
|
@@ -2,7 +2,7 @@ export { Button } from './ui/Button.js';
|
|
|
2
2
|
export { CascaderField } from './ui/Cascader.js';
|
|
3
3
|
export { ErrorMessage } from './ui/ErrorMessage.js';
|
|
4
4
|
export { Typography } from './ui/Typography.js';
|
|
5
|
-
export { ActionRowTable, BulkActions, Table } from './ui/index.js';
|
|
5
|
+
export { ActionRowTable, BulkActions, Table, extractRoutesFromMenu } from './ui/index.js';
|
|
6
6
|
export { Modal } from './ui/Modal.js';
|
|
7
7
|
export { Tooltip } from './ui/Tooltip.js';
|
|
8
8
|
export { Tabs } from './ui/Tabs.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { c as className } from '../chunks/index-D7kJLZIi.js';
|
|
3
3
|
import { Breadcrumb } from './Breadcrumb.js';
|
|
4
|
-
import { u as useBreadcrumb } from '../chunks/useBreadcrumb-
|
|
4
|
+
import { u as useBreadcrumb } from '../chunks/useBreadcrumb-BFRlDjyO.js';
|
|
5
5
|
|
|
6
6
|
const BreadcrumbHeading = (props) => {
|
|
7
7
|
const { menu, customBreadcum } = props;
|
package/es/ui/SidebarV3/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import { useMemo, useState } from 'react';
|
|
3
|
-
import { useLocation,
|
|
4
|
-
import { S as SearchIcon, V as VietNamIcon, D as DownOutlinedIcon, l as logoHeaderText, R as RefIcon, u as useDebounce } from '../../chunks/logo-header-DG8abRGF.js';
|
|
3
|
+
import { useLocation, useNavigate } from 'react-router';
|
|
4
|
+
import { S as SearchIcon, V as VietNamIcon, D as DownOutlinedIcon, l as logoHeaderText, R as RefIcon$1, u as useDebounce } from '../../chunks/logo-header-DG8abRGF.js';
|
|
5
5
|
import { Flex, AutoComplete, Divider, Dropdown } from 'antd';
|
|
6
6
|
import { Layout } from '../Layout.js';
|
|
7
7
|
import { Input } from '../../fields/Input.js';
|
|
8
8
|
import { t as twMerge } from '../../chunks/bundle-mjs-BBFHkixS.js';
|
|
9
9
|
import { F as ForwardRef, R as RefIcon$2 } from '../../chunks/BellIcon-Bv07EhTB.js';
|
|
10
|
-
import { R as RefIcon
|
|
10
|
+
import { R as RefIcon } from '../../chunks/DownOutlined-CkHKgaSi.js';
|
|
11
11
|
|
|
12
12
|
const useMenuFilter = (menu) => {
|
|
13
13
|
const sidebarMenu = useMemo(
|
|
@@ -16,15 +16,6 @@ const useMenuFilter = (menu) => {
|
|
|
16
16
|
);
|
|
17
17
|
return { sidebarMenu };
|
|
18
18
|
};
|
|
19
|
-
const usePathUtils = () => {
|
|
20
|
-
const normalizePath = (path) => {
|
|
21
|
-
return path.trim().replace(/^\/+|\/+$/g, "").replace(/\/{2,}/g, "/").toLowerCase();
|
|
22
|
-
};
|
|
23
|
-
const comparePaths = (a, b) => {
|
|
24
|
-
return normalizePath(a) === normalizePath(b);
|
|
25
|
-
};
|
|
26
|
-
return { normalizePath, comparePaths };
|
|
27
|
-
};
|
|
28
19
|
const classNames = (...classes) => {
|
|
29
20
|
return classes.filter(Boolean).join(" ");
|
|
30
21
|
};
|
|
@@ -179,11 +170,30 @@ const Header = ({
|
|
|
179
170
|
const MainSidebar = ({
|
|
180
171
|
sidebarMenu,
|
|
181
172
|
hoverOpenMenu,
|
|
182
|
-
activeModule,
|
|
183
173
|
onMouseEnter,
|
|
184
174
|
onMouseLeave,
|
|
185
175
|
onNavigateModule
|
|
186
176
|
}) => {
|
|
177
|
+
const location = useLocation();
|
|
178
|
+
const navigate = useNavigate();
|
|
179
|
+
const currentPath = location.pathname;
|
|
180
|
+
const isActiveItem = (item) => {
|
|
181
|
+
if (item.path) {
|
|
182
|
+
if (currentPath.includes(item.path) && item.path !== "/") return true;
|
|
183
|
+
}
|
|
184
|
+
if (item.children) {
|
|
185
|
+
return item.children.some((child) => isActiveItem(child));
|
|
186
|
+
}
|
|
187
|
+
return false;
|
|
188
|
+
};
|
|
189
|
+
const handleNavigateModule = (item) => {
|
|
190
|
+
if (item?.path) {
|
|
191
|
+
return navigate(item?.path);
|
|
192
|
+
}
|
|
193
|
+
if (item?.children && item?.children.length > 0) {
|
|
194
|
+
return onNavigateModule(item);
|
|
195
|
+
}
|
|
196
|
+
};
|
|
187
197
|
return /* @__PURE__ */ jsx(
|
|
188
198
|
"div",
|
|
189
199
|
{
|
|
@@ -197,11 +207,11 @@ const MainSidebar = ({
|
|
|
197
207
|
"a",
|
|
198
208
|
{
|
|
199
209
|
onClick: () => {
|
|
200
|
-
|
|
210
|
+
handleNavigateModule(item);
|
|
201
211
|
},
|
|
202
212
|
className: classNames(
|
|
203
|
-
item
|
|
204
|
-
"group flex items-center gap-x-3 rounded-md px-1.5 py-2 text-sm font-semibold"
|
|
213
|
+
isActiveItem(item) ? "bg-[#007BE5] text-white" : "text-gray-400 hover:text-white hover:bg-[#007BE5]",
|
|
214
|
+
"group flex items-center gap-x-3 rounded-md px-1.5 py-2 text-sm font-semibold cursor-pointer"
|
|
205
215
|
),
|
|
206
216
|
children: [
|
|
207
217
|
item.icon,
|
|
@@ -222,21 +232,103 @@ const MainSidebar = ({
|
|
|
222
232
|
);
|
|
223
233
|
};
|
|
224
234
|
|
|
225
|
-
const
|
|
235
|
+
const EachItem = ({
|
|
236
|
+
subMenu,
|
|
237
|
+
openDropdownMenu,
|
|
238
|
+
onClickDropdownMenu,
|
|
239
|
+
isDirectlyActive,
|
|
240
|
+
hasActiveChild,
|
|
241
|
+
level = 1
|
|
242
|
+
}) => {
|
|
243
|
+
const isDropdown = subMenu.isShow;
|
|
244
|
+
const isDirectActive = isDirectlyActive(subMenu);
|
|
245
|
+
const hasChildActive = hasActiveChild(subMenu);
|
|
246
|
+
const isParent = !!subMenu?.children && isDropdown;
|
|
247
|
+
const [openItemMenu, setOpenItemMenu] = useState(false);
|
|
248
|
+
const toggleExpand = () => {
|
|
249
|
+
setOpenItemMenu(!openItemMenu);
|
|
250
|
+
};
|
|
251
|
+
const onClickItem = () => {
|
|
252
|
+
if (isParent) {
|
|
253
|
+
toggleExpand();
|
|
254
|
+
return;
|
|
255
|
+
}
|
|
256
|
+
onClickDropdownMenu(isDropdown, subMenu);
|
|
257
|
+
};
|
|
258
|
+
const getPaddingStyle = () => {
|
|
259
|
+
if (level === 1) {
|
|
260
|
+
return { paddingLeft: "16px", paddingRight: "16px" };
|
|
261
|
+
}
|
|
262
|
+
return {
|
|
263
|
+
paddingLeft: `${4 + (level - 1) * 4 * 6}px`,
|
|
264
|
+
// 16px + (level-1) * 16px
|
|
265
|
+
paddingRight: "16px"
|
|
266
|
+
};
|
|
267
|
+
};
|
|
268
|
+
const getItemStyling = () => {
|
|
269
|
+
if (isDirectActive) {
|
|
270
|
+
return "!text-[#007BE5] !bg-[#E5F4FF]";
|
|
271
|
+
}
|
|
272
|
+
if (hasChildActive) {
|
|
273
|
+
return "!text-[#007BE5]";
|
|
274
|
+
}
|
|
275
|
+
return "text-[#1F1F1F]";
|
|
276
|
+
};
|
|
277
|
+
return /* @__PURE__ */ jsxs("li", { children: [
|
|
278
|
+
/* @__PURE__ */ jsxs(
|
|
279
|
+
"div",
|
|
280
|
+
{
|
|
281
|
+
onClick: onClickItem,
|
|
282
|
+
style: getPaddingStyle(),
|
|
283
|
+
className: twMerge(
|
|
284
|
+
"py-2 mt-1 items-center gap-2 cursor-pointer flex text-sm hover:bg-[#E5F4FF] hover:text-[#007BE5]",
|
|
285
|
+
getItemStyling()
|
|
286
|
+
),
|
|
287
|
+
children: [
|
|
288
|
+
subMenu.icon,
|
|
289
|
+
subMenu.name,
|
|
290
|
+
isDropdown && subMenu.children && (openItemMenu ? /* @__PURE__ */ jsx(RefIcon, { className: "w-4 h-4 ml-auto" }) : /* @__PURE__ */ jsx(RefIcon$1, { className: "w-4 h-4 ml-auto" }))
|
|
291
|
+
]
|
|
292
|
+
}
|
|
293
|
+
),
|
|
294
|
+
isDropdown && openItemMenu && subMenu.children?.map((dropdownItem) => {
|
|
295
|
+
return /* @__PURE__ */ jsx(
|
|
296
|
+
EachItem,
|
|
297
|
+
{
|
|
298
|
+
subMenu: dropdownItem,
|
|
299
|
+
openDropdownMenu,
|
|
300
|
+
onClickDropdownMenu,
|
|
301
|
+
isDirectlyActive,
|
|
302
|
+
hasActiveChild,
|
|
303
|
+
level: level + 1
|
|
304
|
+
},
|
|
305
|
+
dropdownItem.name
|
|
306
|
+
);
|
|
307
|
+
})
|
|
308
|
+
] }, subMenu.path);
|
|
309
|
+
};
|
|
310
|
+
|
|
311
|
+
const MainMenu = ({
|
|
226
312
|
sidebarMenu,
|
|
227
313
|
showSubmenu,
|
|
228
314
|
hoverOpenMenu,
|
|
229
|
-
activeModule,
|
|
230
315
|
openDropdownMenu,
|
|
231
316
|
onCloseSubmenu,
|
|
232
317
|
onClickDropdownMenu
|
|
233
318
|
}) => {
|
|
319
|
+
const subMenu = sidebarMenu.find((item) => item.id === showSubmenu);
|
|
234
320
|
const location = useLocation();
|
|
235
|
-
const
|
|
236
|
-
const
|
|
237
|
-
|
|
238
|
-
return
|
|
239
|
-
}
|
|
321
|
+
const currentPath = location.pathname;
|
|
322
|
+
const isDirectlyActive = (item) => {
|
|
323
|
+
if (!item.path) return false;
|
|
324
|
+
return currentPath.includes(item.path) && item.path !== "/";
|
|
325
|
+
};
|
|
326
|
+
const hasActiveChild = (item) => {
|
|
327
|
+
if (!item.children) return false;
|
|
328
|
+
return item.children.some(
|
|
329
|
+
(child) => isDirectlyActive(child) || hasActiveChild(child)
|
|
330
|
+
);
|
|
331
|
+
};
|
|
240
332
|
return /* @__PURE__ */ jsxs(
|
|
241
333
|
"div",
|
|
242
334
|
{
|
|
@@ -244,59 +336,21 @@ const SubMenu = ({
|
|
|
244
336
|
"fixed w-[217px] pt-15 left-[62px] h-full bg-[#FFFFFF] z-[50] flex flex-col",
|
|
245
337
|
hoverOpenMenu && "opacity-0"
|
|
246
338
|
),
|
|
247
|
-
onMouseLeave: () => onCloseSubmenu,
|
|
248
339
|
children: [
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
className: twMerge(
|
|
264
|
-
"px-4 py-2 mt-1 items-center gap-2 cursor-pointer flex text-sm hover:bg-[#E5F4FF] hover:text-[#007BE5]",
|
|
265
|
-
pathActive && !isDropdown ? "!text-[#007BE5] !bg-[#E5F4FF]" : isDropdown && (pathActive || activeMenu) ? "!text-[#007BE5]" : "text-[#1F1F1F]"
|
|
266
|
-
),
|
|
267
|
-
children: [
|
|
268
|
-
subMenu.icon,
|
|
269
|
-
subMenu.name,
|
|
270
|
-
isDropdown && openDropdownMenu === subMenu.path ? /* @__PURE__ */ jsx(RefIcon, { className: "w-4 h-4 ml-auto" }) : isDropdown && /* @__PURE__ */ jsx(RefIcon$1, { className: "w-4 h-4 ml-auto" })
|
|
271
|
-
]
|
|
272
|
-
}
|
|
273
|
-
),
|
|
274
|
-
isDropdown && openDropdownMenu === subMenu.path && subMenu.children?.map((dropdownItem) => {
|
|
275
|
-
const pathActiveDropdown = comparePaths(
|
|
276
|
-
pathName,
|
|
277
|
-
subMenu.path
|
|
278
|
-
);
|
|
279
|
-
const path = `${subMenu.path}/${dropdownItem.path}`;
|
|
280
|
-
return /* @__PURE__ */ jsxs(
|
|
281
|
-
Link,
|
|
282
|
-
{
|
|
283
|
-
to: path,
|
|
284
|
-
className: twMerge(
|
|
285
|
-
"px-4 py-2 mt-1 items-center gap-2 flex text-sm hover:bg-[#E5F4FF] hover:text-[#007BE5]",
|
|
286
|
-
pathActiveDropdown || activeMenu ? "!text-[#007BE5] !bg-[#E5F4FF]" : "text-[#1F1F1F]"
|
|
287
|
-
),
|
|
288
|
-
children: [
|
|
289
|
-
dropdownItem.icon,
|
|
290
|
-
dropdownItem.name
|
|
291
|
-
]
|
|
292
|
-
},
|
|
293
|
-
dropdownItem.path
|
|
294
|
-
);
|
|
295
|
-
})
|
|
296
|
-
] }, subMenu.path);
|
|
297
|
-
}) })
|
|
298
|
-
] }, moduleMenu.path);
|
|
299
|
-
}),
|
|
340
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
341
|
+
/* @__PURE__ */ jsx("span", { className: "block px-4 h-[42px] shadow-[0px_4px_6px_0px_#0006241f] py-2 text-[16px] font-semibold text-[#1F1F1F]", children: subMenu?.name }),
|
|
342
|
+
/* @__PURE__ */ jsx("ul", { className: "mt-4", children: subMenu?.children?.map((subMenuChild) => /* @__PURE__ */ jsx(
|
|
343
|
+
EachItem,
|
|
344
|
+
{
|
|
345
|
+
subMenu: subMenuChild,
|
|
346
|
+
openDropdownMenu,
|
|
347
|
+
onClickDropdownMenu,
|
|
348
|
+
isDirectlyActive,
|
|
349
|
+
hasActiveChild
|
|
350
|
+
},
|
|
351
|
+
subMenuChild.path || subMenuChild.name
|
|
352
|
+
)) })
|
|
353
|
+
] }, subMenu?.id),
|
|
300
354
|
/* @__PURE__ */ jsxs(
|
|
301
355
|
"div",
|
|
302
356
|
{
|
|
@@ -339,8 +393,7 @@ const SidebarV3 = ({ menu, children }) => {
|
|
|
339
393
|
const [hoverOpenMenu, setHoverOpenMenu] = useState(false);
|
|
340
394
|
const [valueSearch, setValueSearch] = useState("");
|
|
341
395
|
const searchSidebar = useDebounce(valueSearch, 300);
|
|
342
|
-
const [showSubmenu, setShowSubmenu] = useState(
|
|
343
|
-
const [activeModule, setActiveModule] = useState("");
|
|
396
|
+
const [showSubmenu, setShowSubmenu] = useState(null);
|
|
344
397
|
const [openDropdownMenu, setOpenDropdownMenu] = useState(null);
|
|
345
398
|
const navigate = useNavigate();
|
|
346
399
|
const { sidebarMenu } = useMenuFilter(menu);
|
|
@@ -353,18 +406,25 @@ const SidebarV3 = ({ menu, children }) => {
|
|
|
353
406
|
};
|
|
354
407
|
const handleClickDropdownMenu = (isDropdown, item) => {
|
|
355
408
|
if (isDropdown) {
|
|
356
|
-
setOpenDropdownMenu(
|
|
409
|
+
setOpenDropdownMenu(item?.id);
|
|
357
410
|
return;
|
|
358
411
|
}
|
|
359
|
-
|
|
412
|
+
if (item?.path) {
|
|
413
|
+
navigate(item.path);
|
|
414
|
+
}
|
|
360
415
|
};
|
|
361
416
|
const handleNavigateModule = (item) => {
|
|
362
|
-
setShowSubmenu(
|
|
417
|
+
setShowSubmenu(item?.id);
|
|
363
418
|
setHoverOpenMenu(false);
|
|
364
|
-
setActiveModule(item.path);
|
|
365
419
|
};
|
|
366
420
|
const handleCloseSubmenu = () => {
|
|
367
|
-
setShowSubmenu(
|
|
421
|
+
setShowSubmenu(null);
|
|
422
|
+
};
|
|
423
|
+
const handleHoverOpenMenu = () => {
|
|
424
|
+
setHoverOpenMenu(true);
|
|
425
|
+
};
|
|
426
|
+
const handleHoverCloseMenu = () => {
|
|
427
|
+
setHoverOpenMenu(false);
|
|
368
428
|
};
|
|
369
429
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
370
430
|
/* @__PURE__ */ jsx(
|
|
@@ -380,21 +440,19 @@ const SidebarV3 = ({ menu, children }) => {
|
|
|
380
440
|
/* @__PURE__ */ jsx(
|
|
381
441
|
MainSidebar,
|
|
382
442
|
{
|
|
383
|
-
sidebarMenu,
|
|
443
|
+
sidebarMenu: menu,
|
|
384
444
|
hoverOpenMenu,
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
onMouseLeave: () => setHoverOpenMenu(false),
|
|
445
|
+
onMouseEnter: handleHoverOpenMenu,
|
|
446
|
+
onMouseLeave: handleHoverCloseMenu,
|
|
388
447
|
onNavigateModule: handleNavigateModule
|
|
389
448
|
}
|
|
390
449
|
),
|
|
391
|
-
/* @__PURE__ */ jsx(
|
|
392
|
-
|
|
450
|
+
showSubmenu && /* @__PURE__ */ jsx(
|
|
451
|
+
MainMenu,
|
|
393
452
|
{
|
|
394
|
-
sidebarMenu,
|
|
453
|
+
sidebarMenu: menu,
|
|
395
454
|
showSubmenu,
|
|
396
455
|
hoverOpenMenu,
|
|
397
|
-
activeModule,
|
|
398
456
|
openDropdownMenu,
|
|
399
457
|
onCloseSubmenu: handleCloseSubmenu,
|
|
400
458
|
onClickDropdownMenu: handleClickDropdownMenu
|
|
@@ -404,87 +462,4 @@ const SidebarV3 = ({ menu, children }) => {
|
|
|
404
462
|
] });
|
|
405
463
|
};
|
|
406
464
|
|
|
407
|
-
|
|
408
|
-
const UsersIcon = () => /* @__PURE__ */ jsx("span", { children: "👥" });
|
|
409
|
-
const SettingsIcon = () => /* @__PURE__ */ jsx("span", { children: "⚙️" });
|
|
410
|
-
const exampleMenu = [
|
|
411
|
-
{
|
|
412
|
-
name: "Dashboard",
|
|
413
|
-
path: "/dashboard",
|
|
414
|
-
isShow: true,
|
|
415
|
-
icon: /* @__PURE__ */ jsx(DashboardIcon, {}),
|
|
416
|
-
children: [
|
|
417
|
-
{
|
|
418
|
-
name: "Analytics",
|
|
419
|
-
path: "/dashboard/analytics",
|
|
420
|
-
isShow: true,
|
|
421
|
-
icon: /* @__PURE__ */ jsx(DashboardIcon, {}),
|
|
422
|
-
children: [
|
|
423
|
-
{ name: "Reports", path: "reports" },
|
|
424
|
-
{ name: "Charts", path: "charts" }
|
|
425
|
-
]
|
|
426
|
-
},
|
|
427
|
-
{
|
|
428
|
-
name: "Overview",
|
|
429
|
-
path: "/dashboard/overview",
|
|
430
|
-
isShow: false,
|
|
431
|
-
// Dropdown menu
|
|
432
|
-
icon: /* @__PURE__ */ jsx(DashboardIcon, {}),
|
|
433
|
-
children: [
|
|
434
|
-
{ name: "Summary", path: "summary" },
|
|
435
|
-
{ name: "Details", path: "details" }
|
|
436
|
-
]
|
|
437
|
-
}
|
|
438
|
-
]
|
|
439
|
-
},
|
|
440
|
-
{
|
|
441
|
-
name: "Users",
|
|
442
|
-
path: "/users",
|
|
443
|
-
isShow: true,
|
|
444
|
-
icon: /* @__PURE__ */ jsx(UsersIcon, {}),
|
|
445
|
-
children: [
|
|
446
|
-
{
|
|
447
|
-
name: "Management",
|
|
448
|
-
path: "/users/management",
|
|
449
|
-
isShow: true,
|
|
450
|
-
icon: /* @__PURE__ */ jsx(UsersIcon, {}),
|
|
451
|
-
children: [
|
|
452
|
-
{ name: "List", path: "list" },
|
|
453
|
-
{ name: "Roles", path: "roles" }
|
|
454
|
-
]
|
|
455
|
-
}
|
|
456
|
-
]
|
|
457
|
-
},
|
|
458
|
-
{
|
|
459
|
-
name: "Settings",
|
|
460
|
-
path: "/settings",
|
|
461
|
-
isShow: true,
|
|
462
|
-
icon: /* @__PURE__ */ jsx(SettingsIcon, {}),
|
|
463
|
-
children: [
|
|
464
|
-
{
|
|
465
|
-
name: "General",
|
|
466
|
-
path: "/settings/general",
|
|
467
|
-
isShow: true,
|
|
468
|
-
icon: /* @__PURE__ */ jsx(SettingsIcon, {})
|
|
469
|
-
}
|
|
470
|
-
]
|
|
471
|
-
}
|
|
472
|
-
];
|
|
473
|
-
const ExampleContent = () => /* @__PURE__ */ jsxs("div", { className: "p-6", children: [
|
|
474
|
-
/* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold mb-4", children: "Main Content Area" }),
|
|
475
|
-
/* @__PURE__ */ jsx("p", { className: "text-gray-600", children: "Đây là nội dung chính của ứng dụng. Sidebar sẽ tự động điều chỉnh margin của content area này dựa trên trạng thái hiển thị." }),
|
|
476
|
-
/* @__PURE__ */ jsxs("div", { className: "mt-6 p-4 bg-gray-100 rounded", children: [
|
|
477
|
-
/* @__PURE__ */ jsx("h2", { className: "font-semibold", children: "Features:" }),
|
|
478
|
-
/* @__PURE__ */ jsxs("ul", { className: "mt-2 space-y-1", children: [
|
|
479
|
-
/* @__PURE__ */ jsx("li", { children: "• Hover sidebar để mở rộng" }),
|
|
480
|
-
/* @__PURE__ */ jsx("li", { children: "• Click module để hiển thị submenu" }),
|
|
481
|
-
/* @__PURE__ */ jsx("li", { children: "• Sử dụng search để tìm nhanh chức năng" }),
|
|
482
|
-
/* @__PURE__ */ jsx("li", { children: '• Click "Thu gọn menu" để đóng submenu' })
|
|
483
|
-
] })
|
|
484
|
-
] })
|
|
485
|
-
] });
|
|
486
|
-
const SidebarV3Example = () => {
|
|
487
|
-
return /* @__PURE__ */ jsx(SidebarV3, { menu: exampleMenu, children: /* @__PURE__ */ jsx(ExampleContent, {}) });
|
|
488
|
-
};
|
|
489
|
-
|
|
490
|
-
export { SidebarV3, SidebarV3Example };
|
|
465
|
+
export { SidebarV3 };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { u as useBreadcrumb } from '../chunks/useBreadcrumb-
|
|
2
|
+
import { u as useBreadcrumb } from '../chunks/useBreadcrumb-BFRlDjyO.js';
|
|
3
3
|
import { Breadcrumb } from './Breadcrumb.js';
|
|
4
4
|
|
|
5
5
|
const WrapperBreadcrumb = ({ menu }) => {
|
package/es/ui/index.js
CHANGED
|
@@ -1018,4 +1018,23 @@ const BulkActions = ({
|
|
|
1018
1018
|
] });
|
|
1019
1019
|
};
|
|
1020
1020
|
|
|
1021
|
-
|
|
1021
|
+
const extractRoutesFromMenu = (menuItems) => {
|
|
1022
|
+
const routes = [];
|
|
1023
|
+
const traverseMenu = (items) => {
|
|
1024
|
+
items.forEach((item) => {
|
|
1025
|
+
if (item.path && item.component && typeof item.component !== "string") {
|
|
1026
|
+
routes.push({
|
|
1027
|
+
path: item.path,
|
|
1028
|
+
component: item.component
|
|
1029
|
+
});
|
|
1030
|
+
}
|
|
1031
|
+
if (item.children && item.children.length > 0) {
|
|
1032
|
+
traverseMenu(item.children);
|
|
1033
|
+
}
|
|
1034
|
+
});
|
|
1035
|
+
};
|
|
1036
|
+
traverseMenu(menuItems);
|
|
1037
|
+
return routes;
|
|
1038
|
+
};
|
|
1039
|
+
|
|
1040
|
+
export { ActionRowTable, BulkActions, Button, CATEGORY_LIST_ENUM, ConfirmModal, ID_TABLE_WRAPPER, Popover, Table, Tooltip, TypeActionRowTable, TypeBulkActions, TypeStatusTable, Typography, extractRoutesFromMenu };
|
package/package.json
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { TItemsMenu } from './SidebarV3';
|
|
2
3
|
interface ContentAreaProps {
|
|
3
4
|
children: React.ReactNode;
|
|
4
5
|
hoverOpenMenu: boolean;
|
|
5
|
-
showSubmenu:
|
|
6
|
+
showSubmenu: TItemsMenu;
|
|
6
7
|
}
|
|
7
8
|
export declare const ContentArea: React.FC<ContentAreaProps>;
|
|
8
9
|
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { MenuTypeV3 } from '../../types';
|
|
3
|
+
interface EachItemProps {
|
|
4
|
+
subMenu: MenuTypeV3;
|
|
5
|
+
openDropdownMenu?: string | null;
|
|
6
|
+
onClickDropdownMenu: (isDropdown: boolean | undefined, item: MenuTypeV3) => void;
|
|
7
|
+
isDirectlyActive: (item: MenuTypeV3) => boolean;
|
|
8
|
+
hasActiveChild: (item: MenuTypeV3) => boolean;
|
|
9
|
+
level?: number;
|
|
10
|
+
}
|
|
11
|
+
export declare const EachItem: React.FC<EachItemProps>;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { MenuTypeV3 } from '../../types';
|
|
3
|
+
import { TItemsMenu } from '../SidebarV3';
|
|
4
|
+
interface MainMenuProps {
|
|
5
|
+
sidebarMenu: MenuTypeV3[];
|
|
6
|
+
showSubmenu: TItemsMenu;
|
|
7
|
+
hoverOpenMenu: boolean;
|
|
8
|
+
openDropdownMenu?: string | null;
|
|
9
|
+
onCloseSubmenu: () => void;
|
|
10
|
+
onClickDropdownMenu: (isDropdown: boolean | undefined, item: MenuTypeV3) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const MainMenu: React.FC<MainMenuProps>;
|
|
13
|
+
export {};
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { MenuTypeV3 } from '
|
|
2
|
+
import { MenuTypeV3 } from '../types';
|
|
3
3
|
interface MainSidebarProps {
|
|
4
4
|
sidebarMenu: MenuTypeV3[];
|
|
5
5
|
hoverOpenMenu: boolean;
|
|
6
|
-
activeModule: string;
|
|
7
6
|
onMouseEnter: () => void;
|
|
8
7
|
onMouseLeave: () => void;
|
|
9
8
|
onNavigateModule: (item: MenuTypeV3) => void;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { MenuTypeV3 } from './types';
|
|
3
|
-
interface SubMenuProps {
|
|
4
|
-
sidebarMenu: MenuTypeV3[];
|
|
5
|
-
showSubmenu: boolean;
|
|
6
|
-
hoverOpenMenu: boolean;
|
|
7
|
-
activeModule: string;
|
|
8
|
-
openDropdownMenu: string | null;
|
|
9
|
-
onCloseSubmenu: () => void;
|
|
10
|
-
onClickDropdownMenu: (isDropdown: boolean | undefined, item: MenuTypeV3) => void;
|
|
11
|
-
}
|
|
12
|
-
export declare const SubMenu: React.FC<SubMenuProps>;
|
|
13
|
-
export {};
|
|
File without changes
|
|
File without changes
|
/package/types/components/ui/SidebarV3/{UserInfoSection.d.ts → components/UserInfoSection.d.ts}
RENAMED
|
File without changes
|