@pnkx-lib/ui 1.9.6 → 1.9.8
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 +1 -1
- package/es/chunks/{ErrorBoundary-C_kJ-GaS.js → CategoryStatus-CNBBrsT2.js} +68 -71
- package/es/chunks/{Radio-D2me1zZ-.js → Radio-DA0U4ozV.js} +1 -1
- package/es/chunks/{Switch-za5Skgtp.js → Switch-DQm0didM.js} +30 -44
- package/es/fields/index.js +2 -2
- package/es/index.js +3 -3
- package/es/ui/index.js +2 -2
- package/package.json +4 -4
- package/types/hooks.d.ts +5 -5
- package/types/index.d.ts +38 -41
- package/types/ui.d.ts +25 -28
package/dist/style.css
CHANGED
@@ -1,2 +1,2 @@
|
|
1
1
|
/*! tailwindcss v4.1.6 | 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}}}@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-600:oklch(.577 .245 27.325);--color-blue-500:oklch(.623 .214 259.815);--color-gray-100:oklch(.967 .003 264.542);--color-gray-200:oklch(.928 .006 264.531);--color-gray-300:oklch(.872 .01 258.338);--color-gray-500:oklch(.551 .027 264.364);--color-gray-700:oklch(.373 .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-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-3xl:1.5rem;--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}.top-0{top:calc(var(--spacing)*0)}.top-1\/19{top:5.26316%}.top-\[-40px\]{top:-40px}.top-\[-50px\]{top:-50px}.right-0{right:calc(var(--spacing)*0)}.bottom-\[-40px\]{bottom:-40px}.left-44{left:calc(var(--spacing)*44)}.z-10{z-index:10}.z-50{z-index:50}.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}}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-8{margin-right:calc(var(--spacing)*8)}.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-0{margin-left:calc(var(--spacing)*0)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-10{margin-left:calc(var(--spacing)*10)}.ml-25{margin-left:calc(var(--spacing)*25)}.ml-\[-5rem\]{margin-left:-5rem}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.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-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-\[32px\]{height:32px}.h-\[300px\]{height:300px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[20rem\]{max-height:20rem}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-16{width:calc(var(--spacing)*16)}.w-17{width:calc(var(--spacing)*17)}.w-20{width:calc(var(--spacing)*20)}.w-50{width:calc(var(--spacing)*50)}.w-60{width:calc(var(--spacing)*60)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.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-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)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);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-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.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}.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-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)))}:where(.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)))}.gap-y-5{row-gap:calc(var(--spacing)*5)}.overflow-y-auto{overflow-y:auto}.\!rounded-3xl{border-radius:var(--radius-3xl)!important}.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-full{border-top-left-radius:3.40282e38px}.rounded-bl-full{border-bottom-left-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t-1{border-top-style:var(--tw-border-style);border-top-width:1px}.\!border-b-1{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:1px!important}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.\!border-\[\#007BE5\]{border-color:#007be5!important}.\!border-\[\#BDE3FF\]{border-color:#bde3ff!important}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-white{border-color:var(--color-white)}.\!border-t-\[\#F0F0F0\]{border-top-color:#f0f0f0!important}.\!border-b-\[\#F0F0F0\]{border-bottom-color:#f0f0f0!important}.\!bg-\[\#007BE5\]{background-color:#007be5!important}.bg-\[\#1C2D5A\]{background-color:#1c2d5a}.bg-\[\#007BE5\]{background-color:#007be5}.bg-\[\#27CD7F\]{background-color:#27cd7f}.bg-\[\#722ED1\]{background-color:#722ed1}.bg-\[\#2561ED\]{background-color:#2561ed}.bg-\[\#B2B7C2\]{background-color:#b2b7c2}.bg-\[\#DA9438\]{background-color:#da9438}.bg-\[\#DD4338\]{background-color:#dd4338}.bg-\[\#EEEEF0\]{background-color:#eeeef0}.bg-\[\#F8F8F8\]{background-color:#f8f8f8}.bg-\[\#FFFFFF\]{background-color:#fff}.bg-gray-100{background-color:var(--color-gray-100)}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3\.5{padding:calc(var(--spacing)*3.5)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.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-\[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-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pr-3\.5{padding-right:calc(var(--spacing)*3.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-2{padding-left:calc(var(--spacing)*2)}.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-\[14px\]{font-size:14px}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.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-nowrap{white-space:nowrap}.\!text-\[\#007BE5\]{color:#007be5!important}.\!text-\[white\]{color:#fff!important}.text-\[\#5C657D\]{color:#5c657d}.text-\[\#3078BD\]{color:#3078bd}.text-black{color:var(--color-black)}.text-gray-300{color:var(--color-gray-300)}.text-gray-500{color:var(--color-gray-500)}.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)}.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-\[24px_-24px_0_white\]{--tw-shadow:24px -24px 0 var(--tw-shadow-color,white);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[24px_24px_0_white\]{--tw-shadow:24px 24px 0 var(--tw-shadow-color,white);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.group-hover\:text-black:is(:where(.group):hover *){color:var(--color-black)}.hover\:rounded-sm:hover{border-radius:var(--radius-sm)}.hover\:bg-\[\#1B4ACB\]:hover{background-color:#1b4acb}.hover\:bg-\[\#EEEEF0\]:hover{background-color:#eeeef0}.hover\:bg-\[\#FFFFFF\]:hover{background-color:#fff}.hover\:text-black:hover{color:var(--color-black)}}.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\:left-40{left:calc(var(--spacing)*40)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\:left-48{left:calc(var(--spacing)*48)}}@media (min-width:64rem){.lg\:left-70{left:calc(var(--spacing)*70)}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}}.setting-table-modal div .ant-modal-content{padding:20px 0!important}.setting-table-modal div .ant-modal-header,.setting-table-modal div .ant-modal-footer{padding:0 24px!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}
|
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}}}@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-600:oklch(57.7% .245 27.325);--color-blue-500:oklch(62.3% .214 259.815);--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-500:oklch(55.1% .027 264.364);--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-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-3xl:1.5rem;--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}.top-0{top:calc(var(--spacing)*0)}.top-1\/19{top:5.26316%}.top-\[-40px\]{top:-40px}.top-\[-50px\]{top:-50px}.right-0{right:calc(var(--spacing)*0)}.bottom-\[-40px\]{bottom:-40px}.left-44{left:calc(var(--spacing)*44)}.z-10{z-index:10}.z-50{z-index:50}.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}}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-8{margin-right:calc(var(--spacing)*8)}.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-0{margin-left:calc(var(--spacing)*0)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-10{margin-left:calc(var(--spacing)*10)}.ml-25{margin-left:calc(var(--spacing)*25)}.ml-\[-5rem\]{margin-left:-5rem}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.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-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-\[32px\]{height:32px}.h-\[300px\]{height:300px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[20rem\]{max-height:20rem}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-16{width:calc(var(--spacing)*16)}.w-17{width:calc(var(--spacing)*17)}.w-20{width:calc(var(--spacing)*20)}.w-50{width:calc(var(--spacing)*50)}.w-60{width:calc(var(--spacing)*60)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.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-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)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);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-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.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}.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-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)))}:where(.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)))}.gap-y-5{row-gap:calc(var(--spacing)*5)}.overflow-y-auto{overflow-y:auto}.\!rounded-3xl{border-radius:var(--radius-3xl)!important}.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-full{border-top-left-radius:3.40282e38px}.rounded-bl-full{border-bottom-left-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t-1{border-top-style:var(--tw-border-style);border-top-width:1px}.\!border-b-1{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:1px!important}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.\!border-\[\#007BE5\]{border-color:#007be5!important}.\!border-\[\#BDE3FF\]{border-color:#bde3ff!important}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-white{border-color:var(--color-white)}.\!border-t-\[\#F0F0F0\]{border-top-color:#f0f0f0!important}.\!border-b-\[\#F0F0F0\]{border-bottom-color:#f0f0f0!important}.\!bg-\[\#007BE5\]{background-color:#007be5!important}.bg-\[\#1C2D5A\]{background-color:#1c2d5a}.bg-\[\#007BE5\]{background-color:#007be5}.bg-\[\#27CD7F\]{background-color:#27cd7f}.bg-\[\#722ED1\]{background-color:#722ed1}.bg-\[\#2561ED\]{background-color:#2561ed}.bg-\[\#B2B7C2\]{background-color:#b2b7c2}.bg-\[\#DA9438\]{background-color:#da9438}.bg-\[\#DD4338\]{background-color:#dd4338}.bg-\[\#EEEEF0\]{background-color:#eeeef0}.bg-\[\#F8F8F8\]{background-color:#f8f8f8}.bg-\[\#FFFFFF\]{background-color:#fff}.bg-gray-100{background-color:var(--color-gray-100)}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3\.5{padding:calc(var(--spacing)*3.5)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.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-\[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-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pr-3\.5{padding-right:calc(var(--spacing)*3.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-2{padding-left:calc(var(--spacing)*2)}.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-\[14px\]{font-size:14px}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.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-nowrap{white-space:nowrap}.\!text-\[\#007BE5\]{color:#007be5!important}.\!text-\[white\]{color:#fff!important}.text-\[\#5C657D\]{color:#5c657d}.text-\[\#3078BD\]{color:#3078bd}.text-black{color:var(--color-black)}.text-gray-300{color:var(--color-gray-300)}.text-gray-500{color:var(--color-gray-500)}.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)}.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-\[24px_-24px_0_white\]{--tw-shadow:24px -24px 0 var(--tw-shadow-color,white);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[24px_24px_0_white\]{--tw-shadow:24px 24px 0 var(--tw-shadow-color,white);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.group-hover\:text-black:is(:where(.group):hover *){color:var(--color-black)}.hover\:rounded-sm:hover{border-radius:var(--radius-sm)}.hover\:bg-\[\#1B4ACB\]:hover{background-color:#1b4acb}.hover\:bg-\[\#EEEEF0\]:hover{background-color:#eeeef0}.hover\:bg-\[\#FFFFFF\]:hover{background-color:#fff}.hover\:text-black:hover{color:var(--color-black)}}.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\:left-40{left:calc(var(--spacing)*40)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\:left-48{left:calc(var(--spacing)*48)}}@media (min-width:64rem){.lg\:left-70{left:calc(var(--spacing)*70)}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}}.setting-table-modal div .ant-modal-content{padding:20px 0!important}.setting-table-modal div .ant-modal-header,.setting-table-modal div .ant-modal-footer{padding:0 24px!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}
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import { j as jsxRuntimeExports, b as Icon, _ as _extends, c as _typeof, P as PnkxField, C as CheckboxField, u as useForm,
|
2
|
-
import { Button as Button$1, Cascader, Space as Space$1, Card, Skeleton as Skeleton$1, Modal as Modal$1, Tooltip as Tooltip$1, Popconfirm as Popconfirm$1, Typography, Table as Table$1, Tabs as Tabs$1, Popover as Popover$1, Badge as Badge$1, Col as Col$1, Row as Row$1, Dropdown as Dropdown$1, Breadcrumb as Breadcrumb$1, Flex as Flex$1, Splitter as Splitter$1, Menu as Menu$1, Pagination as Pagination$1, Steps as Steps$1, Tag as Tag$1, Divider as Divider$2, Alert as Alert$1, Spin as Spin$1, Drawer as Drawer$1, QRCode as QRCode$1, Result as Result$1, Rate as Rate$1, Segmented as Segmented$1, Statistic as Statistic$1, Timeline as Timeline$1, Tour as Tour$1, Tree as Tree$1, Watermark as Watermark$1, Anchor as Anchor$1, Affix, AutoComplete as AutoComplete$1, Input
|
1
|
+
import { j as jsxRuntimeExports, b as Icon, _ as _extends, c as _typeof, P as PnkxField, C as CheckboxField, u as useForm, d as classNames, e as _arrayLikeToArray, f as _unsupportedIterableToArray, w as warningOnce, h as _createClass, i as _classCallCheck, k as _defineProperty, l as _slicedToArray, m as warning$1, n as canUseDom, o as _objectSpread2, p as updateCSS, r as removeCSS, q as _arrayWithHoles, s as _nonIterableRest, t as resetWarned$1, F as FastColor, v as generate, x as presetPrimaryColors, y as presetPalettes, z as _inherits, A as _createSuper, B as _assertThisInitialized, G as _objectWithoutProperties, H as IconContext } from './Switch-DQm0didM.js';
|
2
|
+
import { Button as Button$1, Cascader, Space as Space$1, Card, Skeleton as Skeleton$1, Modal as Modal$1, Tooltip as Tooltip$1, Popconfirm as Popconfirm$1, Typography, Table as Table$1, Tabs as Tabs$1, Popover as Popover$1, Badge as Badge$1, Col as Col$1, Row as Row$1, Dropdown as Dropdown$1, Breadcrumb as Breadcrumb$1, Flex as Flex$1, Splitter as Splitter$1, Menu as Menu$1, Pagination as Pagination$1, Steps as Steps$1, Tag as Tag$1, Divider as Divider$2, Alert as Alert$1, Spin as Spin$1, Drawer as Drawer$1, QRCode as QRCode$1, Result as Result$1, Rate as Rate$1, Segmented as Segmented$1, Statistic as Statistic$1, Timeline as Timeline$1, Tour as Tour$1, Tree as Tree$1, Watermark as Watermark$1, Anchor as Anchor$1, Affix, AutoComplete as AutoComplete$1, Input, Collapse, ColorPicker, Empty as Empty$2, Image as Image$1 } from 'antd';
|
3
3
|
import * as React from 'react';
|
4
4
|
import React__default, { version as version$1, isValidElement, useLayoutEffect as useLayoutEffect$1, useEffect, useRef, useMemo as useMemo$1, useCallback, useState, createContext, memo, useReducer, useContext, Component } from 'react';
|
5
5
|
import ReactDOM__default, { unstable_batchedUpdates, createPortal } from 'react-dom';
|
@@ -1695,7 +1695,6 @@ var classnames = function classnames(args) {
|
|
1695
1695
|
var _createEmotion = createEmotion({
|
1696
1696
|
key: 'css'
|
1697
1697
|
}),
|
1698
|
-
cx = _createEmotion.cx,
|
1699
1698
|
css = _createEmotion.css;
|
1700
1699
|
|
1701
1700
|
// This icon file is generated automatically.
|
@@ -9665,25 +9664,7 @@ const Tooltip = ({ children, ...props }) => {
|
|
9665
9664
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { ...props, children });
|
9666
9665
|
};
|
9667
9666
|
|
9668
|
-
|
9669
|
-
editing,
|
9670
|
-
dataIndex,
|
9671
|
-
inputType,
|
9672
|
-
children,
|
9673
|
-
control,
|
9674
|
-
...restProps
|
9675
|
-
}) => {
|
9676
|
-
return /* @__PURE__ */ jsxRuntimeExports.jsx("td", { ...restProps, children: editing ? /* @__PURE__ */ jsxRuntimeExports.jsx(
|
9677
|
-
PnkxField,
|
9678
|
-
{
|
9679
|
-
name: dataIndex,
|
9680
|
-
control,
|
9681
|
-
component: Input,
|
9682
|
-
type: inputType
|
9683
|
-
}
|
9684
|
-
) : children });
|
9685
|
-
};
|
9686
|
-
const tableCss = css`
|
9667
|
+
css`
|
9687
9668
|
.ant-table-cell::before {
|
9688
9669
|
display: none !important;
|
9689
9670
|
}
|
@@ -9820,7 +9801,7 @@ const Table = ({
|
|
9820
9801
|
}
|
9821
9802
|
}
|
9822
9803
|
];
|
9823
|
-
|
9804
|
+
columnsEditable.map(
|
9824
9805
|
(col) => {
|
9825
9806
|
if (!col.editable) return col;
|
9826
9807
|
return {
|
@@ -9879,7 +9860,7 @@ const Table = ({
|
|
9879
9860
|
{
|
9880
9861
|
rowKey,
|
9881
9862
|
dataSource: data,
|
9882
|
-
columns
|
9863
|
+
columns,
|
9883
9864
|
pagination: paginationConfig,
|
9884
9865
|
loading,
|
9885
9866
|
rowSelection,
|
@@ -9890,11 +9871,6 @@ const Table = ({
|
|
9890
9871
|
locale: {
|
9891
9872
|
emptyText: /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyTable, {})
|
9892
9873
|
},
|
9893
|
-
rowClassName: (_, index) => `table-row-${index % 2 === 0 ? "even" : "odd"}`,
|
9894
|
-
className: cx(tableCss, className),
|
9895
|
-
components: editable ? {
|
9896
|
-
body: { cell: EditableCell }
|
9897
|
-
} : void 0,
|
9898
9874
|
...rest
|
9899
9875
|
}
|
9900
9876
|
),
|
@@ -13658,7 +13634,7 @@ function genStyleUtils(config) {
|
|
13658
13634
|
};
|
13659
13635
|
}
|
13660
13636
|
|
13661
|
-
const version = '5.
|
13637
|
+
const version = '5.24.7';
|
13662
13638
|
|
13663
13639
|
function isStableColor(color) {
|
13664
13640
|
return color >= 0 && color <= 255;
|
@@ -15524,23 +15500,6 @@ function toArray(children) {
|
|
15524
15500
|
return ret;
|
15525
15501
|
}
|
15526
15502
|
|
15527
|
-
const addMediaQueryListener = (mql, handler) => {
|
15528
|
-
// Don't delete here, please keep the code compatible
|
15529
|
-
if (typeof (mql === null || mql === void 0 ? void 0 : mql.addEventListener) !== 'undefined') {
|
15530
|
-
mql.addEventListener('change', handler);
|
15531
|
-
} else if (typeof (mql === null || mql === void 0 ? void 0 : mql.addListener) !== 'undefined') {
|
15532
|
-
mql.addListener(handler);
|
15533
|
-
}
|
15534
|
-
};
|
15535
|
-
const removeMediaQueryListener = (mql, handler) => {
|
15536
|
-
// Don't delete here, please keep the code compatible
|
15537
|
-
if (typeof (mql === null || mql === void 0 ? void 0 : mql.removeEventListener) !== 'undefined') {
|
15538
|
-
mql.removeEventListener('change', handler);
|
15539
|
-
} else if (typeof (mql === null || mql === void 0 ? void 0 : mql.removeListener) !== 'undefined') {
|
15540
|
-
mql.removeListener(handler);
|
15541
|
-
}
|
15542
|
-
};
|
15543
|
-
|
15544
15503
|
const genLayoutStyle = token => {
|
15545
15504
|
const {
|
15546
15505
|
antCls,
|
@@ -15843,17 +15802,29 @@ const Sider = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
15843
15802
|
};
|
15844
15803
|
useEffect(() => {
|
15845
15804
|
function responsiveHandler(mql) {
|
15846
|
-
|
15847
|
-
return (_a = responsiveHandlerRef.current) === null || _a === void 0 ? void 0 : _a.call(responsiveHandlerRef, mql);
|
15805
|
+
return responsiveHandlerRef.current(mql);
|
15848
15806
|
}
|
15849
15807
|
let mql;
|
15850
|
-
if (typeof
|
15851
|
-
|
15852
|
-
|
15853
|
-
|
15808
|
+
if (typeof window !== 'undefined') {
|
15809
|
+
const {
|
15810
|
+
matchMedia
|
15811
|
+
} = window;
|
15812
|
+
if (matchMedia && breakpoint && breakpoint in dimensionMaxMap) {
|
15813
|
+
mql = matchMedia(`screen and (max-width: ${dimensionMaxMap[breakpoint]})`);
|
15814
|
+
try {
|
15815
|
+
mql.addEventListener('change', responsiveHandler);
|
15816
|
+
} catch (_a) {
|
15817
|
+
mql.addListener(responsiveHandler);
|
15818
|
+
}
|
15819
|
+
responsiveHandler(mql);
|
15820
|
+
}
|
15854
15821
|
}
|
15855
15822
|
return () => {
|
15856
|
-
|
15823
|
+
try {
|
15824
|
+
mql === null || mql === void 0 ? void 0 : mql.removeEventListener('change', responsiveHandler);
|
15825
|
+
} catch (_a) {
|
15826
|
+
mql === null || mql === void 0 ? void 0 : mql.removeListener(responsiveHandler);
|
15827
|
+
}
|
15857
15828
|
};
|
15858
15829
|
}, [breakpoint]); // in order to accept dynamic 'breakpoint' property, we need to add 'breakpoint' into dependency array.
|
15859
15830
|
useEffect(() => {
|
@@ -16715,23 +16686,10 @@ const AnchorLink = props => {
|
|
16715
16686
|
href
|
16716
16687
|
});
|
16717
16688
|
scrollTo === null || scrollTo === void 0 ? void 0 : scrollTo(href);
|
16718
|
-
|
16719
|
-
|
16720
|
-
|
16689
|
+
if (replace) {
|
16690
|
+
e.preventDefault();
|
16691
|
+
window.location.replace(href);
|
16721
16692
|
}
|
16722
|
-
const isExternalLink = href.startsWith('http://') || href.startsWith('https://');
|
16723
|
-
// Support external link
|
16724
|
-
if (isExternalLink) {
|
16725
|
-
if (replace) {
|
16726
|
-
e.preventDefault();
|
16727
|
-
window.location.replace(href);
|
16728
|
-
}
|
16729
|
-
return;
|
16730
|
-
}
|
16731
|
-
// Handling internal anchor link
|
16732
|
-
e.preventDefault();
|
16733
|
-
const historyMethod = replace ? 'replaceState' : 'pushState';
|
16734
|
-
window.history[historyMethod](null, '', href);
|
16735
16693
|
};
|
16736
16694
|
// =================== Warning =====================
|
16737
16695
|
if (process.env.NODE_ENV !== 'production') {
|
@@ -16772,7 +16730,7 @@ const Appfix = ({ children, ...rest }) => {
|
|
16772
16730
|
};
|
16773
16731
|
|
16774
16732
|
const AutoComplete = (props) => {
|
16775
|
-
return /* @__PURE__ */ jsxRuntimeExports.jsx(AutoComplete$1, { ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Input
|
16733
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx(AutoComplete$1, { ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Input, {}) });
|
16776
16734
|
};
|
16777
16735
|
|
16778
16736
|
const PnkxCollapse = (props) => {
|
@@ -17308,4 +17266,43 @@ const styles = {
|
|
17308
17266
|
}
|
17309
17267
|
};
|
17310
17268
|
|
17269
|
+
const badgeStatusCategoryConfig = {
|
17270
|
+
[CATEGORY_LIST_ENUM.DRAFT]: { color: "bg-[#007BE5]", text: "Tạo mới" },
|
17271
|
+
[CATEGORY_LIST_ENUM.WATING_APPROVAL]: {
|
17272
|
+
color: "bg-[#DA9438]",
|
17273
|
+
text: "Đang chờ duyệt"
|
17274
|
+
},
|
17275
|
+
[CATEGORY_LIST_ENUM.ACTIVE]: { color: "bg-[#27CD7F]", text: "Hoạt động" },
|
17276
|
+
[CATEGORY_LIST_ENUM.INACTIVE]: {
|
17277
|
+
color: "bg-[#DD4338]",
|
17278
|
+
text: "Dừng hoạt động"
|
17279
|
+
},
|
17280
|
+
[CATEGORY_LIST_ENUM.REJECT]: {
|
17281
|
+
color: "bg-[#722ED1]",
|
17282
|
+
text: "Từ chối duyệt"
|
17283
|
+
},
|
17284
|
+
[CATEGORY_LIST_ENUM.DELETE]: {
|
17285
|
+
color: "bg-[#B2B7C2]",
|
17286
|
+
text: "Đã xóa"
|
17287
|
+
}
|
17288
|
+
};
|
17289
|
+
|
17290
|
+
const CategoryStatus = ({ status }) => {
|
17291
|
+
//! State
|
17292
|
+
const bagde = badgeStatusCategoryConfig[status];
|
17293
|
+
//! Function
|
17294
|
+
const ItemStatus = ({
|
17295
|
+
color,
|
17296
|
+
statusName
|
17297
|
+
}) => {
|
17298
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
|
17299
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classNames(`w-3 h-3 rounded-sm `, color) }),
|
17300
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-normal", children: statusName })
|
17301
|
+
] }) });
|
17302
|
+
};
|
17303
|
+
//! Render
|
17304
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ItemStatus, { color: bagde.color, statusName: bagde.text }) });
|
17305
|
+
};
|
17306
|
+
React__default.memo(CategoryStatus);
|
17307
|
+
|
17311
17308
|
export { Alert as A, Button as B, CascaderField as C, Dropdown as D, Anchor as E, Flex as F, Appfix as G, Heading as H, AutoComplete as I, PnkxCollapse as J, PnkxColorPicker as K, Layout as L, Modal as M, Empty as N, Image as O, Popover as P, QRCode as Q, Row as R, Skeleton as S, Table as T, BulkAction as U, ConfirmModal as V, Watermark as W, ErrorBoundary as X, Tooltip as a, Tabs as b, SearchFiltersForm as c, Container as d, Badge as e, Col as f, Breadcrumb as g, Space as h, Splitter as i, Menu as j, Pagination as k, Steps as l, Sidebar as m, Tag as n, Divider as o, Spin as p, Drawer as q, Popconfirm as r, Result as s, typeColorMap as t, Rate as u, Segmented as v, Statistic as w, Timeline as x, Tour as y, Tree as z };
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { g as get, j as jsxRuntimeExports, L as Label, E as ErrorMessage, T as Typography } from './Switch-
|
1
|
+
import { g as get, j as jsxRuntimeExports, L as Label, E as ErrorMessage, T as Typography } from './Switch-DQm0didM.js';
|
2
2
|
import { Select as Select$1, Radio } from 'antd';
|
3
3
|
|
4
4
|
const Select = (props) => {
|
@@ -3495,8 +3495,6 @@ var getProxyFormState = (formState, control, localProxyFormState, isRoot = true)
|
|
3495
3495
|
return result;
|
3496
3496
|
};
|
3497
3497
|
|
3498
|
-
const useIsomorphicLayoutEffect$1 = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
|
3499
|
-
|
3500
3498
|
/**
|
3501
3499
|
* This custom hook allows you to subscribe to each form state, and isolate the re-render at the custom hook level. It has its scope in terms of form state subscription, so it would not affect other useFormState and useForm. Using this hook can reduce the re-render impact on large and complex form application.
|
3502
3500
|
*
|
@@ -3541,8 +3539,10 @@ function useFormState(props) {
|
|
3541
3539
|
isValid: false,
|
3542
3540
|
errors: false,
|
3543
3541
|
});
|
3544
|
-
|
3545
|
-
|
3542
|
+
const _name = React__default.useRef(name);
|
3543
|
+
_name.current = name;
|
3544
|
+
React__default.useEffect(() => control._subscribe({
|
3545
|
+
name: _name.current,
|
3546
3546
|
formState: _localProxyFormState.current,
|
3547
3547
|
exact,
|
3548
3548
|
callback: (formState) => {
|
@@ -3552,7 +3552,7 @@ function useFormState(props) {
|
|
3552
3552
|
...formState,
|
3553
3553
|
});
|
3554
3554
|
},
|
3555
|
-
}), [
|
3555
|
+
}), [control, disabled, exact]);
|
3556
3556
|
React__default.useEffect(() => {
|
3557
3557
|
_localProxyFormState.current.isValid && control._setValid(true);
|
3558
3558
|
}, [control]);
|
@@ -3592,17 +3592,19 @@ var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) =>
|
|
3592
3592
|
function useWatch(props) {
|
3593
3593
|
const methods = useFormContext();
|
3594
3594
|
const { control = methods.control, name, defaultValue, disabled, exact, } = props || {};
|
3595
|
+
const _name = React__default.useRef(name);
|
3595
3596
|
const _defaultValue = React__default.useRef(defaultValue);
|
3596
|
-
|
3597
|
-
|
3598
|
-
name:
|
3597
|
+
_name.current = name;
|
3598
|
+
React__default.useEffect(() => control._subscribe({
|
3599
|
+
name: _name.current,
|
3599
3600
|
formState: {
|
3600
3601
|
values: true,
|
3601
3602
|
},
|
3602
3603
|
exact,
|
3603
3604
|
callback: (formState) => !disabled &&
|
3604
|
-
updateValue(generateWatchOutput(
|
3605
|
-
}), [
|
3605
|
+
updateValue(generateWatchOutput(_name.current, control._names, formState.values || control._formValues, false, _defaultValue.current)),
|
3606
|
+
}), [control, disabled, exact]);
|
3607
|
+
const [value, updateValue] = React__default.useState(control._getWatch(name, defaultValue));
|
3606
3608
|
React__default.useEffect(() => control._removeUnmounted());
|
3607
3609
|
return value;
|
3608
3610
|
}
|
@@ -4418,7 +4420,6 @@ function createFormControl(props = {}) {
|
|
4418
4420
|
let _formState = {
|
4419
4421
|
submitCount: 0,
|
4420
4422
|
isDirty: false,
|
4421
|
-
isReady: false,
|
4422
4423
|
isLoading: isFunction$1(_options.defaultValues),
|
4423
4424
|
isValidating: false,
|
4424
4425
|
isSubmitted: false,
|
@@ -4433,7 +4434,7 @@ function createFormControl(props = {}) {
|
|
4433
4434
|
};
|
4434
4435
|
const _fields = {};
|
4435
4436
|
let _defaultValues = isObject(_options.defaultValues) || isObject(_options.values)
|
4436
|
-
? cloneObject(_options.
|
4437
|
+
? cloneObject(_options.values || _options.defaultValues) || {}
|
4437
4438
|
: {};
|
4438
4439
|
let _formValues = _options.shouldUnregister
|
4439
4440
|
? {}
|
@@ -5484,7 +5485,6 @@ function useForm(props = {}) {
|
|
5484
5485
|
validatingFields: {},
|
5485
5486
|
errors: props.errors || {},
|
5486
5487
|
disabled: props.disabled || false,
|
5487
|
-
isReady: false,
|
5488
5488
|
defaultValues: isFunction$1(props.defaultValues)
|
5489
5489
|
? undefined
|
5490
5490
|
: props.defaultValues,
|
@@ -5502,37 +5502,12 @@ function useForm(props = {}) {
|
|
5502
5502
|
}
|
5503
5503
|
const control = _formControl.current.control;
|
5504
5504
|
control._options = props;
|
5505
|
-
|
5506
|
-
|
5507
|
-
|
5508
|
-
|
5509
|
-
|
5510
|
-
});
|
5511
|
-
updateFormState((data) => ({
|
5512
|
-
...data,
|
5513
|
-
isReady: true,
|
5514
|
-
}));
|
5515
|
-
control._formState.isReady = true;
|
5516
|
-
return sub;
|
5517
|
-
}, [control]);
|
5505
|
+
React__default.useLayoutEffect(() => control._subscribe({
|
5506
|
+
formState: control._proxyFormState,
|
5507
|
+
callback: () => updateFormState({ ...control._formState }),
|
5508
|
+
reRenderRoot: true,
|
5509
|
+
}), [control]);
|
5518
5510
|
React__default.useEffect(() => control._disableForm(props.disabled), [control, props.disabled]);
|
5519
|
-
React__default.useEffect(() => {
|
5520
|
-
if (props.mode) {
|
5521
|
-
control._options.mode = props.mode;
|
5522
|
-
}
|
5523
|
-
if (props.reValidateMode) {
|
5524
|
-
control._options.reValidateMode = props.reValidateMode;
|
5525
|
-
}
|
5526
|
-
if (props.errors && !isEmptyObject(props.errors)) {
|
5527
|
-
control._setErrors(props.errors);
|
5528
|
-
}
|
5529
|
-
}, [control, props.errors, props.mode, props.reValidateMode]);
|
5530
|
-
React__default.useEffect(() => {
|
5531
|
-
props.shouldUnregister &&
|
5532
|
-
control._subjects.state.next({
|
5533
|
-
values: control._getWatch(),
|
5534
|
-
});
|
5535
|
-
}, [control, props.shouldUnregister]);
|
5536
5511
|
React__default.useEffect(() => {
|
5537
5512
|
if (control._proxyFormState.isDirty) {
|
5538
5513
|
const isDirty = control._getDirty();
|
@@ -5552,7 +5527,12 @@ function useForm(props = {}) {
|
|
5552
5527
|
else {
|
5553
5528
|
control._resetDefaultValues();
|
5554
5529
|
}
|
5555
|
-
}, [
|
5530
|
+
}, [props.values, control]);
|
5531
|
+
React__default.useEffect(() => {
|
5532
|
+
if (props.errors && !isEmptyObject(props.errors)) {
|
5533
|
+
control._setErrors(props.errors);
|
5534
|
+
}
|
5535
|
+
}, [props.errors, control]);
|
5556
5536
|
React__default.useEffect(() => {
|
5557
5537
|
if (!control._state.mount) {
|
5558
5538
|
control._setValid();
|
@@ -5564,6 +5544,12 @@ function useForm(props = {}) {
|
|
5564
5544
|
}
|
5565
5545
|
control._removeUnmounted();
|
5566
5546
|
});
|
5547
|
+
React__default.useEffect(() => {
|
5548
|
+
props.shouldUnregister &&
|
5549
|
+
control._subjects.state.next({
|
5550
|
+
values: control._getWatch(),
|
5551
|
+
});
|
5552
|
+
}, [props.shouldUnregister, control]);
|
5567
5553
|
_formControl.current.formState = getProxyFormState(formState, control);
|
5568
5554
|
return _formControl.current;
|
5569
5555
|
}
|
package/es/fields/index.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
export { C as CheckboxField, D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, a as TinyMCE } from '../chunks/Switch-
|
2
|
-
export { R as RadioGroup, S as Select } from '../chunks/Radio-
|
1
|
+
export { C as CheckboxField, D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, a as TinyMCE } from '../chunks/Switch-DQm0didM.js';
|
2
|
+
export { R as RadioGroup, S as Select } from '../chunks/Radio-DA0U4ozV.js';
|
package/es/index.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
export { A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from './chunks/
|
2
|
-
export { C as CheckboxField, D as DatePickerField, E as ErrorMessage, I as Input, L as Label, P as PnkxField, R as RangePickerField, a as TinyMCE, T as Typography } from './chunks/Switch-
|
1
|
+
export { A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from './chunks/CategoryStatus-CNBBrsT2.js';
|
2
|
+
export { C as CheckboxField, D as DatePickerField, E as ErrorMessage, I as Input, L as Label, P as PnkxField, R as RangePickerField, a as TinyMCE, T as Typography } from './chunks/Switch-DQm0didM.js';
|
3
3
|
import 'react-router';
|
4
|
-
export { R as RadioGroup, S as Select } from './chunks/Radio-
|
4
|
+
export { R as RadioGroup, S as Select } from './chunks/Radio-DA0U4ozV.js';
|
5
5
|
export { u as useToast } from './chunks/cloneDeep-BLYi2V0G.js';
|
6
6
|
export { u as useFiltersHandler, a as useMessage } from './chunks/useMessage-D_-VT5B4.js';
|
package/es/ui/index.js
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
export { A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from '../chunks/
|
2
|
-
export { E as ErrorMessage, L as Label, T as Typography } from '../chunks/Switch-
|
1
|
+
export { A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from '../chunks/CategoryStatus-CNBBrsT2.js';
|
2
|
+
export { E as ErrorMessage, L as Label, T as Typography } from '../chunks/Switch-DQm0didM.js';
|
3
3
|
import 'react-router';
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@pnkx-lib/ui",
|
3
3
|
"private": false,
|
4
|
-
"version": "1.9.
|
4
|
+
"version": "1.9.8",
|
5
5
|
"type": "module",
|
6
6
|
"main": "./es/index.js",
|
7
7
|
"module": "./es/index.js",
|
@@ -85,8 +85,7 @@
|
|
85
85
|
"antd": "^5.24.4",
|
86
86
|
"react": "^18.3.1",
|
87
87
|
"react-dom": "^18.3.1",
|
88
|
-
"tailwindcss": "^4.0.17"
|
89
|
-
"react-router": "^7.6.0"
|
88
|
+
"tailwindcss": "^4.0.17"
|
90
89
|
},
|
91
90
|
"dependencies": {
|
92
91
|
"@ant-design/icons": "^5.6.1",
|
@@ -107,8 +106,9 @@
|
|
107
106
|
"react-datepicker": "^4.16.0",
|
108
107
|
"react-hook-form": "^7.54.2",
|
109
108
|
"react-number-format": "^5.4.3",
|
109
|
+
"react-router": "^7.6.0",
|
110
110
|
"tailwind-merge": "^3.3.0",
|
111
111
|
"yup": "^1.6.1",
|
112
112
|
"zustand": "^5.0.3"
|
113
113
|
}
|
114
|
-
}
|
114
|
+
}
|
package/types/hooks.d.ts
CHANGED
@@ -1,14 +1,14 @@
|
|
1
|
-
import { ArgsProps } from 'antd/
|
2
|
-
import { ArgsProps as ArgsProps_2 } from 'antd/
|
1
|
+
import { ArgsProps } from 'antd/lib/message';
|
2
|
+
import { ArgsProps as ArgsProps_2 } from 'antd/es/notification';
|
3
3
|
import { default as default_2 } from 'react';
|
4
4
|
|
5
5
|
export declare type InitialFiltersSearch<T> = T & PaginationFilters;
|
6
6
|
|
7
|
-
export declare type OptionalArgsMessage = Partial<
|
8
|
-
type?:
|
7
|
+
export declare type OptionalArgsMessage = Partial<ArgsProps> & {
|
8
|
+
type?: ArgsProps["type"];
|
9
9
|
};
|
10
10
|
|
11
|
-
export declare type OptionalArgsToast = Partial<
|
11
|
+
export declare type OptionalArgsToast = Partial<ArgsProps_2> & {
|
12
12
|
message?: React.ReactNode;
|
13
13
|
};
|
14
14
|
|
package/types/index.d.ts
CHANGED
@@ -2,8 +2,8 @@ import { AffixProps } from 'antd';
|
|
2
2
|
import { AlertProps as AlertProps_2 } from 'antd';
|
3
3
|
import { Anchor as Anchor_2 } from 'antd';
|
4
4
|
import { AnchorProps } from 'antd';
|
5
|
-
import { ArgsProps } from 'antd/
|
6
|
-
import { ArgsProps as ArgsProps_2 } from 'antd/
|
5
|
+
import { ArgsProps } from 'antd/lib/message';
|
6
|
+
import { ArgsProps as ArgsProps_2 } from 'antd/es/notification';
|
7
7
|
import { AutoCompleteProps as AutoCompleteProps_2 } from 'antd';
|
8
8
|
import { BadgeProps as BadgeProps_2 } from 'antd';
|
9
9
|
import { BasicProps } from 'antd/es/layout/layout';
|
@@ -23,8 +23,8 @@ import { Control } from 'react-hook-form';
|
|
23
23
|
import { ControllerFieldState } from 'react-hook-form';
|
24
24
|
import { ControllerRenderProps } from 'react-hook-form';
|
25
25
|
import { Dayjs } from 'dayjs';
|
26
|
-
import { default as default_2 } from '
|
27
|
-
import { default as default_3 } from '
|
26
|
+
import { default as default_2 } from 'antd/es/anchor/AnchorLink';
|
27
|
+
import { default as default_3 } from 'react';
|
28
28
|
import { DefaultOptionType } from 'antd/es/cascader';
|
29
29
|
import { DefaultValues } from 'react-hook-form';
|
30
30
|
import { DividerProps as DividerProps_2 } from 'antd';
|
@@ -105,7 +105,7 @@ export declare const Alert: React.FC<AlertProps>;
|
|
105
105
|
export declare type AlertProps = AlertProps_2;
|
106
106
|
|
107
107
|
export declare const Anchor: typeof Anchor_2 & {
|
108
|
-
Link: typeof
|
108
|
+
Link: typeof default_2;
|
109
109
|
};
|
110
110
|
|
111
111
|
export declare type AnchorPropsUnion = BaseProps_13 & AnchorProps;
|
@@ -113,7 +113,7 @@ export declare type AnchorPropsUnion = BaseProps_13 & AnchorProps;
|
|
113
113
|
export declare const Appfix: ({ children, ...rest }: AppfixProps) => JSX.Element;
|
114
114
|
|
115
115
|
export declare interface AppfixProps extends AffixProps {
|
116
|
-
children:
|
116
|
+
children: default_3.ReactNode;
|
117
117
|
}
|
118
118
|
|
119
119
|
export declare const AutoComplete: React.FC<AutoCompleteProps>;
|
@@ -218,7 +218,7 @@ export declare interface BulkActionProps {
|
|
218
218
|
status?: number;
|
219
219
|
}
|
220
220
|
|
221
|
-
export declare const Button:
|
221
|
+
export declare const Button: default_3.FC<ButtonProps>;
|
222
222
|
|
223
223
|
export declare type ButtonProps = ButtonProps_2;
|
224
224
|
|
@@ -272,15 +272,15 @@ export declare interface ConfirmModalProps extends ModalProps {
|
|
272
272
|
|
273
273
|
export declare type ConfirmModalType = "success" | "error" | "warning" | "info";
|
274
274
|
|
275
|
-
export declare const Container:
|
275
|
+
export declare const Container: default_3.FC<ContainerProps>;
|
276
276
|
|
277
277
|
export declare interface ContainerProps {
|
278
|
-
children:
|
278
|
+
children: default_3.ReactNode;
|
279
279
|
size?: TailwindMaxWidth;
|
280
280
|
className?: string;
|
281
281
|
}
|
282
282
|
|
283
|
-
declare type CustomInputTypeAttribute =
|
283
|
+
declare type CustomInputTypeAttribute = default_3.HTMLInputTypeAttribute | "money";
|
284
284
|
|
285
285
|
export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "onChange"> {
|
286
286
|
field?: ControllerRenderProps<any, any>;
|
@@ -294,7 +294,7 @@ export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "
|
|
294
294
|
label?: string;
|
295
295
|
maxDate?: Date;
|
296
296
|
showTimeSelect?: boolean;
|
297
|
-
customOnChange?: (date: any, event:
|
297
|
+
customOnChange?: (date: any, event: default_3.SyntheticEvent<any>) => void;
|
298
298
|
customValue?: Date | null;
|
299
299
|
size?: TSize;
|
300
300
|
}
|
@@ -337,7 +337,7 @@ declare class ErrorBoundaryClass extends Component<ErrorBoundaryProps, ErrorBoun
|
|
337
337
|
static getDerivedStateFromError(error: Error): ErrorBoundaryState;
|
338
338
|
componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
|
339
339
|
handleReload: () => void;
|
340
|
-
render():
|
340
|
+
render(): default_3.ReactNode;
|
341
341
|
}
|
342
342
|
|
343
343
|
export declare interface ErrorBoundaryProps {
|
@@ -350,7 +350,7 @@ export declare interface ErrorBoundaryState {
|
|
350
350
|
errorInfo: ErrorInfo | null;
|
351
351
|
}
|
352
352
|
|
353
|
-
export declare const ErrorMessage:
|
353
|
+
export declare const ErrorMessage: default_3.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
|
354
354
|
|
355
355
|
export declare interface ErrorMessageProps {
|
356
356
|
errorMessage?: string;
|
@@ -393,8 +393,8 @@ export declare interface InputProps extends InputProps_2 {
|
|
393
393
|
customStyleInput?: string;
|
394
394
|
type?: CustomInputTypeAttribute;
|
395
395
|
afterOnChange?: (value: number | string | null) => void;
|
396
|
-
iconStartInput?:
|
397
|
-
iconEndInput?:
|
396
|
+
iconStartInput?: default_3.ReactNode;
|
397
|
+
iconEndInput?: default_3.ReactNode;
|
398
398
|
allowNegative?: boolean;
|
399
399
|
decimalScale?: number;
|
400
400
|
prefix?: string;
|
@@ -414,12 +414,12 @@ export declare interface LabelProps {
|
|
414
414
|
required?: boolean;
|
415
415
|
}
|
416
416
|
|
417
|
-
export declare const Layout:
|
418
|
-
Header:
|
419
|
-
Footer:
|
420
|
-
Content:
|
421
|
-
Sider:
|
422
|
-
_InternalSiderContext:
|
417
|
+
export declare const Layout: default_3.FC<LayoutProps> & {
|
418
|
+
Header: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
|
419
|
+
Footer: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
|
420
|
+
Content: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
|
421
|
+
Sider: default_3.ForwardRefExoticComponent<SiderProps & default_3.RefAttributes<HTMLDivElement>>;
|
422
|
+
_InternalSiderContext: default_3.Context<SiderContextProps>;
|
423
423
|
};
|
424
424
|
|
425
425
|
export declare type LayoutProps = BaseProps_8 & BasicProps;
|
@@ -445,11 +445,11 @@ declare type MultipleCascaderProps = CascaderProps<DefaultOptionType, string, tr
|
|
445
445
|
multiple: true;
|
446
446
|
};
|
447
447
|
|
448
|
-
export declare type OptionalArgsMessage = Partial<
|
449
|
-
type?:
|
448
|
+
export declare type OptionalArgsMessage = Partial<ArgsProps> & {
|
449
|
+
type?: ArgsProps["type"];
|
450
450
|
};
|
451
451
|
|
452
|
-
export declare type OptionalArgsToast = Partial<
|
452
|
+
export declare type OptionalArgsToast = Partial<ArgsProps_2> & {
|
453
453
|
message?: React.ReactNode;
|
454
454
|
};
|
455
455
|
|
@@ -567,7 +567,7 @@ export declare interface SearchFiltersFormProps<T extends FieldValues> {
|
|
567
567
|
setValue?: UseFormSetValue<T>;
|
568
568
|
handleSubmit?: FormEventHandler<any>;
|
569
569
|
reset?: UseFormReset<T>;
|
570
|
-
}) =>
|
570
|
+
}) => default_3.ReactNode;
|
571
571
|
onReset?: () => void;
|
572
572
|
classNamesContainer?: string;
|
573
573
|
classNameWrapperForm?: string;
|
@@ -661,14 +661,14 @@ export declare interface SwitchFieldProps extends Omit<SwitchProps, "onChange" |
|
|
661
661
|
|
662
662
|
declare type TabItem = {
|
663
663
|
key: string;
|
664
|
-
label:
|
665
|
-
children:
|
664
|
+
label: default_3.ReactNode;
|
665
|
+
children: default_3.ReactNode;
|
666
666
|
disabled?: boolean;
|
667
667
|
};
|
668
668
|
|
669
|
-
export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, editable, onSave,
|
669
|
+
export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, editable, onSave, ...rest }: TableCommonProps<T>) => JSX.Element;
|
670
670
|
|
671
|
-
export declare type TableColumnsType<T> = TableColumnsType_2<T
|
671
|
+
export declare type TableColumnsType<T> = TableColumnsType_2<T>;
|
672
672
|
|
673
673
|
export declare type TableColumnsTypeEditable<T> = (ColumnTypes<T>[number] & {
|
674
674
|
editable?: boolean;
|
@@ -676,26 +676,23 @@ export declare type TableColumnsTypeEditable<T> = (ColumnTypes<T>[number] & {
|
|
676
676
|
|
677
677
|
export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "columns"> {
|
678
678
|
dataSource: T[];
|
679
|
-
columns: TableColumnsType<T>;
|
679
|
+
columns: TableColumnsType<T> | TableColumnsTypeEditable<T>;
|
680
680
|
loading?: boolean;
|
681
681
|
totalItems: number;
|
682
682
|
filters: any;
|
683
683
|
onChangePage: (page: number) => void;
|
684
684
|
onChangePageSize: (size: number) => void;
|
685
685
|
onSort?: (sortField: string | number | symbol) => void;
|
686
|
-
rowsSelected?:
|
687
|
-
onSelect: (newSelectedRowKeys:
|
686
|
+
rowsSelected?: default_3.Key[];
|
687
|
+
onSelect: (newSelectedRowKeys: default_3.Key[]) => void;
|
688
688
|
onRowClick?: (record: T) => void;
|
689
689
|
rowKey?: string | ((record: T) => string);
|
690
690
|
className?: string;
|
691
691
|
editable?: boolean;
|
692
692
|
onSave?: (data: T) => void;
|
693
|
-
titleSettingTableModal?: string;
|
694
|
-
showSetting?: boolean;
|
695
|
-
setColumns?: (newColumns: TableColumnsType<T>) => void;
|
696
693
|
}
|
697
694
|
|
698
|
-
export declare const Tabs:
|
695
|
+
export declare const Tabs: default_3.FC<TabsProps>;
|
699
696
|
|
700
697
|
export declare type TabsProps = TabsProps_2 & {
|
701
698
|
items: TabItem[];
|
@@ -741,7 +738,7 @@ export declare interface TinyProps extends IAllProps {
|
|
741
738
|
text_patterns?: any;
|
742
739
|
}
|
743
740
|
|
744
|
-
export declare const Tooltip:
|
741
|
+
export declare const Tooltip: default_3.FC<TooltipProps>;
|
745
742
|
|
746
743
|
export declare type TooltipProps = TooltipProps_2;
|
747
744
|
|
@@ -785,13 +782,13 @@ export declare interface UploadFieldProps extends Omit<UploadProps, "value" | "o
|
|
785
782
|
|
786
783
|
export declare const useFiltersHandler: <T>(initialFilters: InitialFiltersSearch<T>) => {
|
787
784
|
filters: InitialFiltersSearch<T>;
|
788
|
-
rowsSelected:
|
789
|
-
setRowsSelected:
|
790
|
-
setFilters:
|
785
|
+
rowsSelected: default_3.Key[];
|
786
|
+
setRowsSelected: default_3.Dispatch<default_3.SetStateAction<default_3.Key[]>>;
|
787
|
+
setFilters: default_3.Dispatch<default_3.SetStateAction<InitialFiltersSearch<T>>>;
|
791
788
|
goToPage: (PageIndex: number) => void;
|
792
789
|
changeRowlimit: (value: number) => void;
|
793
790
|
resetToInitialFilters: () => void;
|
794
|
-
handleCheckBox: (newSelectedRowKeys:
|
791
|
+
handleCheckBox: (newSelectedRowKeys: default_3.Key[]) => void;
|
795
792
|
handleChangePage: (nextPage: number) => void;
|
796
793
|
handleRequestSort: (sortField: string | number | symbol) => void;
|
797
794
|
handleSearch: (nextFilters: InitialFiltersSearch<T>) => void;
|
package/types/ui.d.ts
CHANGED
@@ -17,8 +17,8 @@ import { ColProps as ColProps_2 } from 'antd';
|
|
17
17
|
import { ColSize } from 'antd/es/grid';
|
18
18
|
import { Component } from 'react';
|
19
19
|
import { Control } from 'react-hook-form';
|
20
|
-
import { default as default_2 } from '
|
21
|
-
import { default as default_3 } from '
|
20
|
+
import { default as default_2 } from 'antd/es/anchor/AnchorLink';
|
21
|
+
import { default as default_3 } from 'react';
|
22
22
|
import { DefaultOptionType } from 'antd/es/cascader';
|
23
23
|
import { DefaultValues } from 'react-hook-form';
|
24
24
|
import { DividerProps as DividerProps_2 } from 'antd';
|
@@ -86,7 +86,7 @@ export declare const Alert: React.FC<AlertProps>;
|
|
86
86
|
export declare type AlertProps = AlertProps_2;
|
87
87
|
|
88
88
|
export declare const Anchor: typeof Anchor_2 & {
|
89
|
-
Link: typeof
|
89
|
+
Link: typeof default_2;
|
90
90
|
};
|
91
91
|
|
92
92
|
export declare type AnchorPropsUnion = BaseProps_13 & AnchorProps;
|
@@ -94,7 +94,7 @@ export declare type AnchorPropsUnion = BaseProps_13 & AnchorProps;
|
|
94
94
|
export declare const Appfix: ({ children, ...rest }: AppfixProps) => JSX.Element;
|
95
95
|
|
96
96
|
export declare interface AppfixProps extends AffixProps {
|
97
|
-
children:
|
97
|
+
children: default_3.ReactNode;
|
98
98
|
}
|
99
99
|
|
100
100
|
export declare const AutoComplete: React.FC<AutoCompleteProps>;
|
@@ -199,7 +199,7 @@ export declare interface BulkActionProps {
|
|
199
199
|
status?: number;
|
200
200
|
}
|
201
201
|
|
202
|
-
export declare const Button:
|
202
|
+
export declare const Button: default_3.FC<ButtonProps>;
|
203
203
|
|
204
204
|
export declare type ButtonProps = ButtonProps_2;
|
205
205
|
|
@@ -239,10 +239,10 @@ export declare interface ConfirmModalProps extends ModalProps {
|
|
239
239
|
|
240
240
|
export declare type ConfirmModalType = "success" | "error" | "warning" | "info";
|
241
241
|
|
242
|
-
export declare const Container:
|
242
|
+
export declare const Container: default_3.FC<ContainerProps>;
|
243
243
|
|
244
244
|
export declare interface ContainerProps {
|
245
|
-
children:
|
245
|
+
children: default_3.ReactNode;
|
246
246
|
size?: TailwindMaxWidth;
|
247
247
|
className?: string;
|
248
248
|
}
|
@@ -283,7 +283,7 @@ declare class ErrorBoundaryClass extends Component<ErrorBoundaryProps, ErrorBoun
|
|
283
283
|
static getDerivedStateFromError(error: Error): ErrorBoundaryState;
|
284
284
|
componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
|
285
285
|
handleReload: () => void;
|
286
|
-
render():
|
286
|
+
render(): default_3.ReactNode;
|
287
287
|
}
|
288
288
|
|
289
289
|
export declare interface ErrorBoundaryProps {
|
@@ -296,7 +296,7 @@ export declare interface ErrorBoundaryState {
|
|
296
296
|
errorInfo: ErrorInfo | null;
|
297
297
|
}
|
298
298
|
|
299
|
-
export declare const ErrorMessage:
|
299
|
+
export declare const ErrorMessage: default_3.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
|
300
300
|
|
301
301
|
export declare interface ErrorMessageProps {
|
302
302
|
errorMessage?: string;
|
@@ -341,12 +341,12 @@ export declare interface LabelProps {
|
|
341
341
|
required?: boolean;
|
342
342
|
}
|
343
343
|
|
344
|
-
export declare const Layout:
|
345
|
-
Header:
|
346
|
-
Footer:
|
347
|
-
Content:
|
348
|
-
Sider:
|
349
|
-
_InternalSiderContext:
|
344
|
+
export declare const Layout: default_3.FC<LayoutProps> & {
|
345
|
+
Header: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
|
346
|
+
Footer: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
|
347
|
+
Content: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
|
348
|
+
Sider: default_3.ForwardRefExoticComponent<SiderProps & default_3.RefAttributes<HTMLDivElement>>;
|
349
|
+
_InternalSiderContext: default_3.Context<SiderContextProps>;
|
350
350
|
};
|
351
351
|
|
352
352
|
export declare type LayoutProps = BaseProps_8 & BasicProps;
|
@@ -434,7 +434,7 @@ export declare interface SearchFiltersFormProps<T extends FieldValues> {
|
|
434
434
|
setValue?: UseFormSetValue<T>;
|
435
435
|
handleSubmit?: FormEventHandler<any>;
|
436
436
|
reset?: UseFormReset<T>;
|
437
|
-
}) =>
|
437
|
+
}) => default_3.ReactNode;
|
438
438
|
onReset?: () => void;
|
439
439
|
classNamesContainer?: string;
|
440
440
|
classNameWrapperForm?: string;
|
@@ -506,14 +506,14 @@ export declare type SubMenuProps = SubMenuProps_2;
|
|
506
506
|
|
507
507
|
declare type TabItem = {
|
508
508
|
key: string;
|
509
|
-
label:
|
510
|
-
children:
|
509
|
+
label: default_3.ReactNode;
|
510
|
+
children: default_3.ReactNode;
|
511
511
|
disabled?: boolean;
|
512
512
|
};
|
513
513
|
|
514
|
-
export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, editable, onSave,
|
514
|
+
export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, editable, onSave, ...rest }: TableCommonProps<T>) => JSX.Element;
|
515
515
|
|
516
|
-
export declare type TableColumnsType<T> = TableColumnsType_2<T
|
516
|
+
export declare type TableColumnsType<T> = TableColumnsType_2<T>;
|
517
517
|
|
518
518
|
export declare type TableColumnsTypeEditable<T> = (ColumnTypes<T>[number] & {
|
519
519
|
editable?: boolean;
|
@@ -521,26 +521,23 @@ export declare type TableColumnsTypeEditable<T> = (ColumnTypes<T>[number] & {
|
|
521
521
|
|
522
522
|
export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "columns"> {
|
523
523
|
dataSource: T[];
|
524
|
-
columns: TableColumnsType<T>;
|
524
|
+
columns: TableColumnsType<T> | TableColumnsTypeEditable<T>;
|
525
525
|
loading?: boolean;
|
526
526
|
totalItems: number;
|
527
527
|
filters: any;
|
528
528
|
onChangePage: (page: number) => void;
|
529
529
|
onChangePageSize: (size: number) => void;
|
530
530
|
onSort?: (sortField: string | number | symbol) => void;
|
531
|
-
rowsSelected?:
|
532
|
-
onSelect: (newSelectedRowKeys:
|
531
|
+
rowsSelected?: default_3.Key[];
|
532
|
+
onSelect: (newSelectedRowKeys: default_3.Key[]) => void;
|
533
533
|
onRowClick?: (record: T) => void;
|
534
534
|
rowKey?: string | ((record: T) => string);
|
535
535
|
className?: string;
|
536
536
|
editable?: boolean;
|
537
537
|
onSave?: (data: T) => void;
|
538
|
-
titleSettingTableModal?: string;
|
539
|
-
showSetting?: boolean;
|
540
|
-
setColumns?: (newColumns: TableColumnsType<T>) => void;
|
541
538
|
}
|
542
539
|
|
543
|
-
export declare const Tabs:
|
540
|
+
export declare const Tabs: default_3.FC<TabsProps>;
|
544
541
|
|
545
542
|
export declare type TabsProps = TabsProps_2 & {
|
546
543
|
items: TabItem[];
|
@@ -559,7 +556,7 @@ export declare const Timeline: React.FC<TimelineProps>;
|
|
559
556
|
|
560
557
|
export declare type TimelineProps = TimelineProps_2;
|
561
558
|
|
562
|
-
export declare const Tooltip:
|
559
|
+
export declare const Tooltip: default_3.FC<TooltipProps>;
|
563
560
|
|
564
561
|
export declare type TooltipProps = TooltipProps_2;
|
565
562
|
|