ucol-ui 0.1.41 → 0.1.43
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/ucol-ui.css +1 -1
- package/dist/ucol-ui.d.ts +132 -1
- package/dist/ucol-ui.js +97 -97
- package/dist/ucol-ui.umd.cjs +1 -1
- package/package.json +28 -28
package/dist/ucol-ui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@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-space-y-reverse:0;--tw-border-style:solid;--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}}}@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-700:oklch(50.5% .213 27.518);--color-orange-600:oklch(64.6% .222 41.116);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-green-50:oklch(98.2% .018 155.826);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-700:oklch(50% .134 242.749);--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-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-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--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;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}::-webkit-calendar-picker-indicator{line-height:1}:-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}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.my-4{margin-block:calc(var(--spacing)*4)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.\!mb-4{margin-bottom:calc(var(--spacing)*4)!important}.mb-3{margin-bottom:calc(var(--spacing)*3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.flex-shrink-0{flex-shrink:0}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}: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)))}.overflow-x-auto{overflow-x:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-blue-500{border-color:var(--color-blue-500)}.\!bg-blue-600{background-color:var(--color-blue-600)!important}.\!bg-orange-600{background-color:var(--color-orange-600)!important}.\!bg-red-500{background-color:var(--color-red-500)!important}.\!bg-sky-500{background-color:var(--color-sky-500)!important}.\!bg-yellow-500{background-color:var(--color-yellow-500)!important}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-50{background-color:var(--color-green-50)}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.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))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\!text-white{color:var(--color-white)!important}.text-blue-500{color:var(--color-blue-500)}.text-gray-500{color:var(--color-gray-500)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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)}.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,)}@media (hover:hover){.hover\:\!bg-red-700:hover{background-color:var(--color-red-700)!important}.hover\:\!bg-sky-700:hover{background-color:var(--color-sky-700)!important}.hover\:\!bg-yellow-700:hover{background-color:var(--color-yellow-700)!important}.hover\:text-gray-700:hover{color:var(--color-gray-700)}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}.dynamic-table .ant-table{background:0 0}.dynamic-table .ant-table-thead>tr>th{background:#f8fafc;border-bottom:1px solid #e2e8f0}.dynamic-table .ant-table-tbody>tr>td{border-bottom:1px solid #e2e8f0}.dynamic-table .ant-table-tbody>tr:hover>td{background:#f8fafc}.dynamic-table .ant-table-pagination{margin:16px 24px}.action-button{border-radius:6px;padding:4px 8px}button.ant-btn-warning,button.ant-btn-info,button.ant-btn-danger,button.ant-btn-dangerous,button.ant-btn-primary,button.ant-btn-success,button.ant-btn-reload,button.ant-btn-download{background-color:#fff;border:2px solid;font-weight:bolder;box-shadow:0 0}button.ant-btn-warning{color:#ffca2c;border-color:#ffca2c}button.ant-btn-danger,button.ant-btn-dangerous{color:#dc3545;border-color:#dc3545}button.ant-btn-warning:hover{color:#ffca2c;border-color:#ffca2c}button.ant-btn-danger:hover,button.ant-btn-dangerous:hover{color:#dc3545;border-color:#dc3545}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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}
|
|
1
|
+
@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-space-y-reverse:0;--tw-border-style:solid;--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}}}@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-700:oklch(50.5% .213 27.518);--color-orange-600:oklch(64.6% .222 41.116);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-green-50:oklch(98.2% .018 155.826);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-700:oklch(50% .134 242.749);--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-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-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--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;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}::-webkit-calendar-picker-indicator{line-height:1}:-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}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.my-4{margin-block:calc(var(--spacing)*4)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.\!mb-4{margin-bottom:calc(var(--spacing)*4)!important}.mb-3{margin-bottom:calc(var(--spacing)*3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}: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)))}.overflow-x-auto{overflow-x:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-blue-500{border-color:var(--color-blue-500)}.\!bg-blue-600{background-color:var(--color-blue-600)!important}.\!bg-orange-600{background-color:var(--color-orange-600)!important}.\!bg-red-500{background-color:var(--color-red-500)!important}.\!bg-sky-500{background-color:var(--color-sky-500)!important}.\!bg-yellow-500{background-color:var(--color-yellow-500)!important}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-50{background-color:var(--color-green-50)}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.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))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\!text-white{color:var(--color-white)!important}.text-blue-500{color:var(--color-blue-500)}.text-gray-500{color:var(--color-gray-500)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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)}.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,)}@media(hover:hover){.hover\:\!bg-red-700:hover{background-color:var(--color-red-700)!important}.hover\:\!bg-sky-700:hover{background-color:var(--color-sky-700)!important}.hover\:\!bg-yellow-700:hover{background-color:var(--color-yellow-700)!important}.hover\:text-gray-700:hover{color:var(--color-gray-700)}}@media(min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}.dynamic-table .ant-table{background:0 0}.dynamic-table .ant-table-thead>tr>th{background:#f8fafc;border-bottom:1px solid #e2e8f0}.dynamic-table .ant-table-tbody>tr>td{border-bottom:1px solid #e2e8f0}.dynamic-table .ant-table-tbody>tr:hover>td{background:#f8fafc}.dynamic-table .ant-table-pagination{margin:16px 24px}.action-button{border-radius:6px;padding:4px 8px}button.ant-btn-warning,button.ant-btn-info,button.ant-btn-danger,button.ant-btn-dangerous,button.ant-btn-primary,button.ant-btn-success,button.ant-btn-reload,button.ant-btn-download{background-color:#fff;border:2px solid;font-weight:bolder;box-shadow:0 0}button.ant-btn-warning{color:#ffca2c;border-color:#ffca2c}button.ant-btn-danger,button.ant-btn-dangerous{color:#dc3545;border-color:#dc3545}button.ant-btn-warning:hover{color:#ffca2c;border-color:#ffca2c}button.ant-btn-danger:hover,button.ant-btn-dangerous:hover{color:#dc3545;border-color:#dc3545}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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}
|
package/dist/ucol-ui.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ import { AxiosRequestConfig } from 'axios';
|
|
|
3
3
|
import { CSSProperties } from 'react';
|
|
4
4
|
import { default as default_2 } from 'react';
|
|
5
5
|
import { JSX } from 'react/jsx-runtime';
|
|
6
|
+
import { NoInfer as NoInfer_2 } from '@tanstack/query-core';
|
|
6
7
|
import { QueryKey } from '@tanstack/react-query';
|
|
7
8
|
import { QueryObserverResult } from '@tanstack/query-core';
|
|
8
9
|
import { ReactElement } from 'react';
|
|
@@ -19,6 +20,7 @@ export declare interface ActionConfig<T extends Record<string, unknown> = Record
|
|
|
19
20
|
showView?: boolean | ((record: T) => boolean);
|
|
20
21
|
customIcons?: ActionIcons;
|
|
21
22
|
refreshButtonText?: string;
|
|
23
|
+
useDefaultDeleteConfirm?: boolean;
|
|
22
24
|
customActionsColor?: {
|
|
23
25
|
edit?: string;
|
|
24
26
|
delete?: string;
|
|
@@ -179,6 +181,38 @@ export declare interface ColumnsProps<T = Record<string, unknown>> {
|
|
|
179
181
|
sorter?: boolean | ((a: T, b: T) => number);
|
|
180
182
|
}
|
|
181
183
|
|
|
184
|
+
/**
|
|
185
|
+
* Combina múltiples condiciones con operador AND
|
|
186
|
+
* @param conditions - Array de funciones de condición
|
|
187
|
+
* @returns Función que retorna true solo si todas las condiciones son verdaderas
|
|
188
|
+
*
|
|
189
|
+
* @example
|
|
190
|
+
* // Mostrar acciones solo si es draft Y pertenece al usuario actual
|
|
191
|
+
* actionConfig: {
|
|
192
|
+
* showEdit: combineConditions([
|
|
193
|
+
* showActionWhen('status', 'draft'),
|
|
194
|
+
* hideActionWhen('user.uuid', currentUserUuid)
|
|
195
|
+
* ])
|
|
196
|
+
* }
|
|
197
|
+
*/
|
|
198
|
+
export declare const combineConditions: <T extends Record<string, unknown>>(conditions: Array<(record: T) => boolean>) => (record: T) => boolean;
|
|
199
|
+
|
|
200
|
+
/**
|
|
201
|
+
* Combina múltiples condiciones con operador OR
|
|
202
|
+
* @param conditions - Array de funciones de condición
|
|
203
|
+
* @returns Función que retorna true si al menos una condición es verdadera
|
|
204
|
+
*
|
|
205
|
+
* @example
|
|
206
|
+
* // Mostrar acciones si es draft O es del usuario actual
|
|
207
|
+
* actionConfig: {
|
|
208
|
+
* showEdit: combineConditionsOr([
|
|
209
|
+
* showActionWhen('status', 'draft'),
|
|
210
|
+
* showActionWhen('user.uuid', currentUserUuid)
|
|
211
|
+
* ])
|
|
212
|
+
* }
|
|
213
|
+
*/
|
|
214
|
+
export declare const combineConditionsOr: <T extends Record<string, unknown>>(conditions: Array<(record: T) => boolean>) => (record: T) => boolean;
|
|
215
|
+
|
|
182
216
|
/**
|
|
183
217
|
* Crea un generador de acciones tipado para un tipo específico
|
|
184
218
|
* @returns Una función createMoreAction tipada con T
|
|
@@ -395,6 +429,14 @@ export declare interface FilterItem {
|
|
|
395
429
|
children?: FilterItem[];
|
|
396
430
|
}
|
|
397
431
|
|
|
432
|
+
/**
|
|
433
|
+
* Convierte un objeto anidado en un objeto plano con notación de punto.
|
|
434
|
+
* @param obj Objeto con estructura anidada (ej: {user: {first_name: "John"}})
|
|
435
|
+
* @param parentKey Prefijo para las keys (usado internamente en la recursión)
|
|
436
|
+
* @returns Objeto plano con keys en notación de punto (ej: {"user.first_name": "John"})
|
|
437
|
+
*/
|
|
438
|
+
export declare const flattenObject: (obj: Record<string, unknown>, parentKey?: string) => Record<string, unknown>;
|
|
439
|
+
|
|
398
440
|
export declare interface FormField {
|
|
399
441
|
type: FieldType;
|
|
400
442
|
name: string;
|
|
@@ -432,6 +474,52 @@ export declare const generateColumns: <T extends object>(fields: Record<string,
|
|
|
432
474
|
*/
|
|
433
475
|
export declare const generateFields: (fields: Record<string, SharedFieldConfig>) => FormField[];
|
|
434
476
|
|
|
477
|
+
/**
|
|
478
|
+
* Función auxiliar para acceder a propiedades anidadas usando notación de punto.
|
|
479
|
+
* @param obj Objeto del cual extraer el valor.
|
|
480
|
+
* @param path Ruta de la propiedad (ej: "user.first_name").
|
|
481
|
+
* @returns Valor de la propiedad anidada o undefined si no existe.
|
|
482
|
+
*/
|
|
483
|
+
export declare const getNestedValue: <T extends object>(obj: T, path: string) => unknown;
|
|
484
|
+
|
|
485
|
+
/**
|
|
486
|
+
* Crea una función que oculta acciones cuando un campo del registro coincide con un valor específico
|
|
487
|
+
* @param fieldPath - Ruta del campo a comparar (soporta notación de punto para campos anidados)
|
|
488
|
+
* @param value - Valor con el que comparar
|
|
489
|
+
* @returns Función que retorna false si el valor coincide, true en caso contrario
|
|
490
|
+
*
|
|
491
|
+
* @example
|
|
492
|
+
* // Ocultar acciones si el estado es 'archived'
|
|
493
|
+
* actionConfig: {
|
|
494
|
+
* showEdit: hideActionWhen('status', 'archived'),
|
|
495
|
+
* showDelete: hideActionWhen('status', 'archived')
|
|
496
|
+
* }
|
|
497
|
+
*
|
|
498
|
+
* @example
|
|
499
|
+
* // Ocultar acciones si el user.uuid coincide con el uuid del usuario actual
|
|
500
|
+
* const currentUserUuid = '123-456';
|
|
501
|
+
* actionConfig: {
|
|
502
|
+
* showEdit: hideActionWhen('user.uuid', currentUserUuid),
|
|
503
|
+
* showDelete: hideActionWhen('user.uuid', currentUserUuid)
|
|
504
|
+
* }
|
|
505
|
+
*/
|
|
506
|
+
export declare const hideActionWhen: <T extends Record<string, unknown>>(fieldPath: string, value: unknown) => (record: T) => boolean;
|
|
507
|
+
|
|
508
|
+
/**
|
|
509
|
+
* Crea una función que oculta acciones cuando un campo del registro está incluido en una lista de valores
|
|
510
|
+
* @param fieldPath - Ruta del campo a comparar
|
|
511
|
+
* @param values - Array de valores a comparar
|
|
512
|
+
* @returns Función que retorna false si el valor está en la lista, true en caso contrario
|
|
513
|
+
*
|
|
514
|
+
* @example
|
|
515
|
+
* // Ocultar acciones si el estado es 'archived' o 'deleted'
|
|
516
|
+
* actionConfig: {
|
|
517
|
+
* showEdit: hideActionWhenIn('status', ['archived', 'deleted']),
|
|
518
|
+
* showDelete: hideActionWhenIn('status', ['archived', 'deleted'])
|
|
519
|
+
* }
|
|
520
|
+
*/
|
|
521
|
+
export declare const hideActionWhenIn: <T extends Record<string, unknown>>(fieldPath: string, values: unknown[]) => (record: T) => boolean;
|
|
522
|
+
|
|
435
523
|
export declare interface MoreActions<T = Record<string, unknown>> {
|
|
436
524
|
key: string;
|
|
437
525
|
label?: string;
|
|
@@ -450,6 +538,19 @@ declare type MutationConfig<TData, TError, TVariables> = {
|
|
|
450
538
|
onSettled?: (data: TData | undefined, error: TError | null) => void;
|
|
451
539
|
};
|
|
452
540
|
|
|
541
|
+
/**
|
|
542
|
+
* Niega una condición
|
|
543
|
+
* @param condition - Función de condición a negar
|
|
544
|
+
* @returns Función que retorna el opuesto de la condición
|
|
545
|
+
*
|
|
546
|
+
* @example
|
|
547
|
+
* // Ocultar acciones si NO es draft
|
|
548
|
+
* actionConfig: {
|
|
549
|
+
* showEdit: not(showActionWhen('status', 'draft'))
|
|
550
|
+
* }
|
|
551
|
+
*/
|
|
552
|
+
export declare const not: <T extends Record<string, unknown>>(condition: (record: T) => boolean) => (record: T) => boolean;
|
|
553
|
+
|
|
453
554
|
/**
|
|
454
555
|
* Componente de Notificación
|
|
455
556
|
* @description Muestra una notificación con un mensaje
|
|
@@ -559,6 +660,14 @@ export declare interface SelectDependencyConfig {
|
|
|
559
660
|
transformRequest?: (value: string | number) => Record<string, string>;
|
|
560
661
|
}
|
|
561
662
|
|
|
663
|
+
/**
|
|
664
|
+
* Función auxiliar para establecer propiedades anidadas usando notación de punto.
|
|
665
|
+
* @param obj Objeto en el cual establecer el valor.
|
|
666
|
+
* @param path Ruta de la propiedad (ej: "user.first_name").
|
|
667
|
+
* @param value Valor a establecer.
|
|
668
|
+
*/
|
|
669
|
+
export declare const setNestedValue: (obj: Record<string, unknown>, path: string, value: unknown) => void;
|
|
670
|
+
|
|
562
671
|
export declare interface SharedFieldConfig<T = Record<string, unknown>> {
|
|
563
672
|
key: string;
|
|
564
673
|
title: string;
|
|
@@ -596,6 +705,21 @@ export declare interface SharedFieldConfig<T = Record<string, unknown>> {
|
|
|
596
705
|
radioConfig?: RadioConfig;
|
|
597
706
|
}
|
|
598
707
|
|
|
708
|
+
/**
|
|
709
|
+
* Crea una función que muestra acciones solo cuando un campo del registro coincide con un valor específico
|
|
710
|
+
* @param fieldPath - Ruta del campo a comparar (soporta notación de punto para campos anidados)
|
|
711
|
+
* @param value - Valor con el que comparar
|
|
712
|
+
* @returns Función que retorna true si el valor coincide, false en caso contrario
|
|
713
|
+
*
|
|
714
|
+
* @example
|
|
715
|
+
* // Mostrar acciones solo si el estado es 'draft'
|
|
716
|
+
* actionConfig: {
|
|
717
|
+
* showEdit: showActionWhen('status', 'draft'),
|
|
718
|
+
* showDelete: showActionWhen('status', 'draft')
|
|
719
|
+
* }
|
|
720
|
+
*/
|
|
721
|
+
export declare const showActionWhen: <T extends Record<string, unknown>>(fieldPath: string, value: unknown) => (record: T) => boolean;
|
|
722
|
+
|
|
599
723
|
declare type SortFunction<T> = (a: T, b: T) => number;
|
|
600
724
|
|
|
601
725
|
/**
|
|
@@ -638,6 +762,13 @@ export declare interface ThemeConfig {
|
|
|
638
762
|
|
|
639
763
|
export declare const Title: ({ level, children, className, style }: CustomTitleProps) => JSX.Element;
|
|
640
764
|
|
|
765
|
+
/**
|
|
766
|
+
* Convierte un objeto plano con notación de punto en un objeto anidado.
|
|
767
|
+
* @param flatObj Objeto plano con keys en notación de punto (ej: {"user.first_name": "John"})
|
|
768
|
+
* @returns Objeto con estructura anidada (ej: {user: {first_name: "John"}})
|
|
769
|
+
*/
|
|
770
|
+
export declare const unflattenObject: (flatObj: Record<string, unknown>) => Record<string, unknown>;
|
|
771
|
+
|
|
641
772
|
declare interface UploadConfig {
|
|
642
773
|
textButton?: string;
|
|
643
774
|
iconButton?: string;
|
|
@@ -718,7 +849,7 @@ export declare const useQueryFetch: <TData, TError = Error>({ queryKey, queryFn,
|
|
|
718
849
|
queryKey: QueryKey;
|
|
719
850
|
queryFn: () => Promise<TData>;
|
|
720
851
|
config?: QueryConfig<TData, TError>;
|
|
721
|
-
}) => UseQueryResult<TData
|
|
852
|
+
}) => UseQueryResult<NoInfer_2<TData>, TError>;
|
|
722
853
|
|
|
723
854
|
export declare interface Validations {
|
|
724
855
|
required?: boolean | {
|