@konoma-development/react-components 0.1.8 → 0.1.10
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.
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
(function () {
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
try{if(typeof document != 'undefined'){var elementStyle = document.createElement('style');elementStyle.appendChild(document.createTextNode("/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */\n@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-divide-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-outline-style:solid;--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-gray-200:oklch(92.8% .006 264.531);--color-black:#000;--color-white:#fff;--spacing:.25rem;--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);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--animate-spin:spin 1s linear infinite;--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}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentcolor)}::file-selector-button{border-color:var(--color-gray-200,currentcolor)}}@layer components;@layer utilities{#app .pointer-events-none{pointer-events:none}#app .visible{visibility:visible}#app .absolute{position:absolute}#app .fixed{position:fixed}#app .relative{position:relative}#app .sticky{position:sticky}#app .inset-0{inset:calc(var(--spacing)*0)}#app .top-0{top:calc(var(--spacing)*0)}#app .top-\\[5px\\]{top:5px}#app .right-0{right:calc(var(--spacing)*0)}#app .right-3{right:calc(var(--spacing)*3)}#app .right-4{right:calc(var(--spacing)*4)}#app .-bottom-0\\.5{bottom:calc(var(--spacing)*-.5)}#app .bottom-0{bottom:calc(var(--spacing)*0)}#app .bottom-4{bottom:calc(var(--spacing)*4)}#app .left-0{left:calc(var(--spacing)*0)}#app .left-3{left:calc(var(--spacing)*3)}#app .left-\\[5px\\]{left:5px}#app .z-1{z-index:1}#app .z-10{z-index:10}#app .z-20{z-index:20}#app .my-auto{margin-block:auto}#app .mt-3{margin-top:calc(var(--spacing)*3)}#app .ml-2{margin-left:calc(var(--spacing)*2)}#app .flex{display:flex}#app .grid{display:grid}#app .hidden{display:none}#app .inline-flex{display:inline-flex}#app .h-0{height:calc(var(--spacing)*0)}#app .h-0\\.5{height:calc(var(--spacing)*.5)}#app .h-1\\.5{height:calc(var(--spacing)*1.5)}#app .h-3{height:calc(var(--spacing)*3)}#app .h-4{height:calc(var(--spacing)*4)}#app .h-5{height:calc(var(--spacing)*5)}#app .h-6{height:calc(var(--spacing)*6)}#app .h-8{height:calc(var(--spacing)*8)}#app .h-10{height:calc(var(--spacing)*10)}#app .h-12{height:calc(var(--spacing)*12)}#app .h-14{height:calc(var(--spacing)*14)}#app .h-16{height:calc(var(--spacing)*16)}#app .h-24{height:calc(var(--spacing)*24)}#app .h-auto{height:auto}#app .h-fit{height:fit-content}#app .h-full{height:100%}#app .h-px{height:1px}#app .max-h-100{max-height:calc(var(--spacing)*100)}#app .max-h-full{max-height:100%}#app .w-0{width:calc(var(--spacing)*0)}#app .w-1\\.5{width:calc(var(--spacing)*1.5)}#app .w-3{width:calc(var(--spacing)*3)}#app .w-4{width:calc(var(--spacing)*4)}#app .w-5{width:calc(var(--spacing)*5)}#app .w-6{width:calc(var(--spacing)*6)}#app .w-8{width:calc(var(--spacing)*8)}#app .w-16{width:calc(var(--spacing)*16)}#app .w-18{width:calc(var(--spacing)*18)}#app .w-48{width:calc(var(--spacing)*48)}#app .w-full{width:100%}#app .max-w-full{max-width:100%}#app .min-w-4{min-width:calc(var(--spacing)*4)}#app .grow{flex-grow:1}#app .animate-spin{animation:var(--animate-spin)}#app .cursor-not-allowed{cursor:not-allowed}#app .cursor-pointer{cursor:pointer}#app .cursor-row-resize{cursor:row-resize}#app .cursor-text{cursor:text}#app .resize{resize:both}#app .resize-none{resize:none}#app .appearance-none{appearance:none}#app .flex-col{flex-direction:column}#app .flex-col-reverse{flex-direction:column-reverse}#app .flex-row{flex-direction:row}#app .flex-row-reverse{flex-direction:row-reverse}#app .flex-wrap{flex-wrap:wrap}#app .items-center{align-items:center}#app .items-start{align-items:flex-start}#app .justify-between{justify-content:space-between}#app .justify-center{justify-content:center}#app .justify-end{justify-content:flex-end}#app .justify-start{justify-content:flex-start}#app .gap-1{gap:calc(var(--spacing)*1)}#app .gap-2{gap:calc(var(--spacing)*2)}#app .gap-4{gap:calc(var(--spacing)*4)}#app .gap-5{gap:calc(var(--spacing)*5)}#app .gap-10{gap:calc(var(--spacing)*10)}:where(#app .divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}#app .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#app .overflow-x-auto{overflow-x:auto}#app .overflow-y-auto{overflow-y:auto}#app .rounded-full{border-radius:3.40282e38px}#app .rounded-krc-button{border-radius:var(--krc-button-borderRadius,1.5rem)}#app .rounded-krc-checkbox{border-radius:var(--krc-checkbox-borderRadius,.25rem)}#app .rounded-krc-input{border-radius:var(--krc-input-borderRadius,1.5rem)}#app .rounded-krc-modal{border-radius:var(--krc-modal-borderRadius,.5rem)}#app .rounded-krc-phone-input{border-radius:var(--krc-phoneInput-borderRadius,1.5rem)}#app .rounded-krc-radiobutton-group{border-radius:var(--krc-radiobuttonGroup-borderRadius,.5rem)}#app .rounded-krc-select{border-radius:var(--krc-select-borderRadius,1.5rem)}#app .rounded-krc-table{border-radius:var(--krc-table-borderRadius,1rem)}#app .rounded-krc-table-column-chooser{border-radius:var(--krc-tableColumnChooser-borderRadius,.375rem)}#app .rounded-krc-tag{border-radius:var(--krc-tag-borderRadius,.75rem)}#app .rounded-krc-tag-list{border-radius:var(--krc-tagList-borderRadius,1.5rem)}#app .rounded-krc-tag-list-add{border-radius:var(--krc-tagListAdd-borderRadius,.75rem)}#app .rounded-krc-textarea{border-radius:var(--krc-textarea-borderRadius,1rem)}#app .rounded-md{border-radius:var(--radius-md)}#app .rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}#app .rounded-t-krc-table{border-top-left-radius:var(--krc-table-borderRadius,1rem);border-top-right-radius:var(--krc-table-borderRadius,1rem)}#app .rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}#app .rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}#app .rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}#app .rounded-b-krc-table{border-bottom-right-radius:var(--krc-table-borderRadius,1rem);border-bottom-left-radius:var(--krc-table-borderRadius,1rem)}#app .border{border-style:var(--tw-border-style);border-width:1px}#app .border-r{border-right-style:var(--tw-border-style);border-right-width:1px}#app .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}#app .border-l{border-left-style:var(--tw-border-style);border-left-width:1px}#app .border-none{--tw-border-style:none;border-style:none}#app .bg-black\\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){#app .bg-black\\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}#app .bg-krc-table-header{background-color:var(--krc-table-header-backgroundColor,#f9fafb)}#app .bg-white{background-color:var(--color-white)}#app .fill-white{fill:var(--color-white)}#app .p-2{padding:calc(var(--spacing)*2)}#app .p-4{padding:calc(var(--spacing)*4)}#app .px-1{padding-inline:calc(var(--spacing)*1)}#app .px-3{padding-inline:calc(var(--spacing)*3)}#app .px-3\\.5{padding-inline:calc(var(--spacing)*3.5)}#app .px-4{padding-inline:calc(var(--spacing)*4)}#app .px-6{padding-inline:calc(var(--spacing)*6)}#app .py-0{padding-block:calc(var(--spacing)*0)}#app .py-1{padding-block:calc(var(--spacing)*1)}#app .py-2{padding-block:calc(var(--spacing)*2)}#app .py-2\\.5{padding-block:calc(var(--spacing)*2.5)}#app .py-3{padding-block:calc(var(--spacing)*3)}#app .pt-4{padding-top:calc(var(--spacing)*4)}#app .pr-0{padding-right:calc(var(--spacing)*0)}#app .pr-10{padding-right:calc(var(--spacing)*10)}#app .pr-12{padding-right:calc(var(--spacing)*12)}#app .pb-2{padding-bottom:calc(var(--spacing)*2)}#app .pb-4{padding-bottom:calc(var(--spacing)*4)}#app .pl-0{padding-left:calc(var(--spacing)*0)}#app .pl-1{padding-left:calc(var(--spacing)*1)}#app .pl-10{padding-left:calc(var(--spacing)*10)}#app .pl-11{padding-left:calc(var(--spacing)*11)}#app .pl-13{padding-left:calc(var(--spacing)*13)}#app .pl-16{padding-left:calc(var(--spacing)*16)}#app .text-center{text-align:center}#app .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}#app .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}#app .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}#app .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}#app .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}#app .text-white{color:var(--color-white)}#app .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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)}#app .shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}#app .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}#app .ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}#app .outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){#app .outline-hidden{outline-offset:2px;outline:2px solid #0000}}#app .outline-1{outline-style:var(--tw-outline-style);outline-width:1px}#app .outline-offset-2{outline-offset:2px}#app .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,)}#app .outline-solid,#app .group-active\\:outline-solid:is(:where(.group):active *){--tw-outline-style:solid;outline-style:solid}#app .placeholder\\:text-sm::placeholder{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}#app .first\\:grow:first-child{flex-grow:1}#app .first\\:rounded-tl-krc-table:first-child{border-top-left-radius:var(--krc-table-borderRadius,1rem)}#app .last\\:rounded-tr-krc-table:last-child{border-top-right-radius:var(--krc-table-borderRadius,1rem)}#app .last\\:rounded-b-krc-table:last-child{border-bottom-right-radius:var(--krc-table-borderRadius,1rem);border-bottom-left-radius:var(--krc-table-borderRadius,1rem)}#app .focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}#app .focus\\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}#app .focus-visible\\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){#app .focus-visible\\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}#app .disabled\\:pointer-events-none:disabled{pointer-events:none}#app .disabled\\:\\!cursor-not-allowed:disabled{cursor:not-allowed!important}#app .disabled\\:\\!opacity-50:disabled{opacity:.5!important}#app .disabled\\:\\!shadow-none:disabled{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}#app .disabled\\:\\!ring-0:disabled{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}#app .has-focus\\:ring-2:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@property --tw-divide-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-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@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}@keyframes spin{to{transform:rotate(360deg)}}"));document.head.appendChild(elementStyle);}}catch(e){console.error('vite-plugin-css-injected-by-js', e);}
|
|
4
|
+
try{if(typeof document != 'undefined'){var elementStyle = document.createElement('style');elementStyle.appendChild(document.createTextNode("/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */\n@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-divide-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-outline-style:solid;--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-gray-200:oklch(92.8% .006 264.531);--color-black:#000;--color-white:#fff;--spacing:.25rem;--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);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--animate-spin:spin 1s linear infinite;--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}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentcolor)}::file-selector-button{border-color:var(--color-gray-200,currentcolor)}}@layer components;@layer utilities{#app .pointer-events-none{pointer-events:none}#app .visible{visibility:visible}#app .absolute{position:absolute}#app .fixed{position:fixed}#app .relative{position:relative}#app .sticky{position:sticky}#app .inset-0{inset:calc(var(--spacing)*0)}#app .top-0{top:calc(var(--spacing)*0)}#app .top-\\[5px\\]{top:5px}#app .right-0{right:calc(var(--spacing)*0)}#app .right-3{right:calc(var(--spacing)*3)}#app .right-4{right:calc(var(--spacing)*4)}#app .-bottom-0\\.5{bottom:calc(var(--spacing)*-.5)}#app .bottom-0{bottom:calc(var(--spacing)*0)}#app .bottom-4{bottom:calc(var(--spacing)*4)}#app .left-0{left:calc(var(--spacing)*0)}#app .left-3{left:calc(var(--spacing)*3)}#app .left-\\[5px\\]{left:5px}#app .z-1{z-index:1}#app .z-10{z-index:10}#app .z-20{z-index:20}#app .my-auto{margin-block:auto}#app .mt-3{margin-top:calc(var(--spacing)*3)}#app .ml-2{margin-left:calc(var(--spacing)*2)}#app .flex{display:flex}#app .grid{display:grid}#app .hidden{display:none}#app .inline-flex{display:inline-flex}#app .h-0{height:calc(var(--spacing)*0)}#app .h-0\\.5{height:calc(var(--spacing)*.5)}#app .h-1\\.5{height:calc(var(--spacing)*1.5)}#app .h-3{height:calc(var(--spacing)*3)}#app .h-4{height:calc(var(--spacing)*4)}#app .h-5{height:calc(var(--spacing)*5)}#app .h-6{height:calc(var(--spacing)*6)}#app .h-8{height:calc(var(--spacing)*8)}#app .h-10{height:calc(var(--spacing)*10)}#app .h-12{height:calc(var(--spacing)*12)}#app .h-14{height:calc(var(--spacing)*14)}#app .h-16{height:calc(var(--spacing)*16)}#app .h-24{height:calc(var(--spacing)*24)}#app .h-auto{height:auto}#app .h-fit{height:fit-content}#app .h-full{height:100%}#app .h-px{height:1px}#app .max-h-100{max-height:calc(var(--spacing)*100)}#app .max-h-full{max-height:100%}#app .w-0{width:calc(var(--spacing)*0)}#app .w-1\\.5{width:calc(var(--spacing)*1.5)}#app .w-3{width:calc(var(--spacing)*3)}#app .w-4{width:calc(var(--spacing)*4)}#app .w-5{width:calc(var(--spacing)*5)}#app .w-6{width:calc(var(--spacing)*6)}#app .w-8{width:calc(var(--spacing)*8)}#app .w-16{width:calc(var(--spacing)*16)}#app .w-18{width:calc(var(--spacing)*18)}#app .w-48{width:calc(var(--spacing)*48)}#app .w-full{width:100%}#app .max-w-full{max-width:100%}#app .min-w-4{min-width:calc(var(--spacing)*4)}#app .grow{flex-grow:1}#app .animate-spin{animation:var(--animate-spin)}#app .cursor-not-allowed{cursor:not-allowed}#app .cursor-pointer{cursor:pointer}#app .cursor-row-resize{cursor:row-resize}#app .cursor-text{cursor:text}#app .resize{resize:both}#app .resize-none{resize:none}#app .appearance-none{appearance:none}#app .flex-col{flex-direction:column}#app .flex-col-reverse{flex-direction:column-reverse}#app .flex-row{flex-direction:row}#app .flex-row-reverse{flex-direction:row-reverse}#app .flex-wrap{flex-wrap:wrap}#app .items-center{align-items:center}#app .items-start{align-items:flex-start}#app .justify-between{justify-content:space-between}#app .justify-center{justify-content:center}#app .justify-end{justify-content:flex-end}#app .justify-start{justify-content:flex-start}#app .gap-1{gap:calc(var(--spacing)*1)}#app .gap-2{gap:calc(var(--spacing)*2)}#app .gap-4{gap:calc(var(--spacing)*4)}#app .gap-5{gap:calc(var(--spacing)*5)}#app .gap-10{gap:calc(var(--spacing)*10)}:where(#app .divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}#app .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#app .overflow-x-auto{overflow-x:auto}#app .overflow-y-auto{overflow-y:auto}#app .rounded-full{border-radius:3.40282e38px}#app .rounded-krc-button{border-radius:var(--krc-button-borderRadius,1.5rem)}#app .rounded-krc-checkbox{border-radius:var(--krc-checkbox-borderRadius,.25rem)}#app .rounded-krc-input{border-radius:var(--krc-input-borderRadius,1.5rem)}#app .rounded-krc-modal{border-radius:var(--krc-modal-borderRadius,.5rem)}#app .rounded-krc-phone-input{border-radius:var(--krc-phoneInput-borderRadius,1.5rem)}#app .rounded-krc-radiobutton-group{border-radius:var(--krc-radiobuttonGroup-borderRadius,.5rem)}#app .rounded-krc-select{border-radius:var(--krc-select-borderRadius,1.5rem)}#app .rounded-krc-table{border-radius:var(--krc-table-borderRadius,1rem)}#app .rounded-krc-table-column-chooser{border-radius:var(--krc-tableColumnChooser-borderRadius,.375rem)}#app .rounded-krc-tag{border-radius:var(--krc-tag-borderRadius,.75rem)}#app .rounded-krc-tag-list{border-radius:var(--krc-tagList-borderRadius,1.5rem)}#app .rounded-krc-tag-list-add{border-radius:var(--krc-tagListAdd-borderRadius,.75rem)}#app .rounded-krc-textarea{border-radius:var(--krc-textarea-borderRadius,1rem)}#app .rounded-md{border-radius:var(--radius-md)}#app .rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}#app .rounded-t-krc-table{border-top-left-radius:var(--krc-table-borderRadius,1rem);border-top-right-radius:var(--krc-table-borderRadius,1rem)}#app .rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}#app .rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}#app .rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}#app .rounded-b-krc-table{border-bottom-right-radius:var(--krc-table-borderRadius,1rem);border-bottom-left-radius:var(--krc-table-borderRadius,1rem)}#app .border{border-style:var(--tw-border-style);border-width:1px}#app .border-r{border-right-style:var(--tw-border-style);border-right-width:1px}#app .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}#app .border-l{border-left-style:var(--tw-border-style);border-left-width:1px}#app .border-none{--tw-border-style:none;border-style:none}#app .bg-black\\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){#app .bg-black\\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}#app .bg-krc-table-header{background-color:var(--krc-table-header-backgroundColor,#f9fafb)}#app .bg-white{background-color:var(--color-white)}#app .fill-white{fill:var(--color-white)}#app .p-2{padding:calc(var(--spacing)*2)}#app .p-4{padding:calc(var(--spacing)*4)}#app .px-1{padding-inline:calc(var(--spacing)*1)}#app .px-3{padding-inline:calc(var(--spacing)*3)}#app .px-3\\.5{padding-inline:calc(var(--spacing)*3.5)}#app .px-4{padding-inline:calc(var(--spacing)*4)}#app .px-6{padding-inline:calc(var(--spacing)*6)}#app .py-0{padding-block:calc(var(--spacing)*0)}#app .py-1{padding-block:calc(var(--spacing)*1)}#app .py-2{padding-block:calc(var(--spacing)*2)}#app .py-2\\.5{padding-block:calc(var(--spacing)*2.5)}#app .py-3{padding-block:calc(var(--spacing)*3)}#app .pt-4{padding-top:calc(var(--spacing)*4)}#app .pr-0{padding-right:calc(var(--spacing)*0)}#app .pr-10{padding-right:calc(var(--spacing)*10)}#app .pr-12{padding-right:calc(var(--spacing)*12)}#app .pb-2{padding-bottom:calc(var(--spacing)*2)}#app .pb-4{padding-bottom:calc(var(--spacing)*4)}#app .pl-0{padding-left:calc(var(--spacing)*0)}#app .pl-1{padding-left:calc(var(--spacing)*1)}#app .pl-10{padding-left:calc(var(--spacing)*10)}#app .pl-11{padding-left:calc(var(--spacing)*11)}#app .pl-13{padding-left:calc(var(--spacing)*13)}#app .pl-16{padding-left:calc(var(--spacing)*16)}#app .text-center{text-align:center}#app .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}#app .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}#app .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}#app .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}#app .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}#app .text-white{color:var(--color-white)}#app .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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)}#app .shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}#app .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}#app .ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}#app .outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){#app .outline-hidden{outline-offset:2px;outline:2px solid #0000}}#app .outline-1{outline-style:var(--tw-outline-style);outline-width:1px}#app .outline-offset-2{outline-offset:2px}#app .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,)}#app .outline-solid{--tw-outline-style:solid;outline-style:solid}#app .not-disabled\\:bg-white:not(:disabled){background-color:var(--color-white)}#app .group-active\\:outline-solid:is(:where(.group):active *){--tw-outline-style:solid;outline-style:solid}#app .placeholder\\:text-sm::placeholder{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}#app .first\\:grow:first-child{flex-grow:1}#app .first\\:rounded-tl-krc-table:first-child{border-top-left-radius:var(--krc-table-borderRadius,1rem)}#app .last\\:rounded-tr-krc-table:last-child{border-top-right-radius:var(--krc-table-borderRadius,1rem)}#app .last\\:rounded-b-krc-table:last-child{border-bottom-right-radius:var(--krc-table-borderRadius,1rem);border-bottom-left-radius:var(--krc-table-borderRadius,1rem)}#app .focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}#app .focus\\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}#app .focus-visible\\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){#app .focus-visible\\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}#app .disabled\\:pointer-events-none:disabled{pointer-events:none}#app .disabled\\:\\!cursor-not-allowed:disabled{cursor:not-allowed!important}#app .disabled\\:\\!opacity-50:disabled{opacity:.5!important}#app .disabled\\:\\!shadow-none:disabled{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}#app .disabled\\:\\!ring-0:disabled{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}#app .has-focus\\:ring-2:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@property --tw-divide-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-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@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}@keyframes spin{to{transform:rotate(360deg)}}"));document.head.appendChild(elementStyle);}}catch(e){console.error('vite-plugin-css-injected-by-js', e);}
|
|
5
5
|
|
|
6
6
|
})();
|
|
7
|
-
import { jsx
|
|
7
|
+
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
8
8
|
import * as React from 'react';
|
|
9
|
-
import React__default, { useRef, useEffect, createContext, useState, useCallback,
|
|
9
|
+
import React__default, { useRef, useEffect, createContext, useState, useCallback, useLayoutEffect, useMemo, useContext, Component, Fragment as Fragment$1, forwardRef, useId as useId$1, memo, PureComponent, isValidElement, cloneElement } from 'react';
|
|
10
|
+
import { jsx as jsx$1, css as css$2, keyframes } from '@emotion/react';
|
|
10
11
|
|
|
11
12
|
/**
|
|
12
13
|
* (c) Iconify
|
|
@@ -2336,7 +2337,7 @@ function Icon({
|
|
|
2336
2337
|
name,
|
|
2337
2338
|
...props
|
|
2338
2339
|
}) {
|
|
2339
|
-
return path ? /* @__PURE__ */ jsx
|
|
2340
|
+
return path ? /* @__PURE__ */ jsx("svg", { ...props, children: /* @__PURE__ */ jsx("use", { href: path }) }) : name ? /* @__PURE__ */ jsx(Icon$1, { icon: name, height: "none", width: "none", ...props }) : /* @__PURE__ */ jsx(Fragment, {});
|
|
2340
2341
|
}
|
|
2341
2342
|
|
|
2342
2343
|
const baseClasses$d = {
|
|
@@ -2381,8 +2382,8 @@ function Checkbox({
|
|
|
2381
2382
|
});
|
|
2382
2383
|
if (value || indeterminate) {
|
|
2383
2384
|
return /* @__PURE__ */ jsxs("label", { className: `group flex flex-row items-center ${className}`, children: [
|
|
2384
|
-
/* @__PURE__ */ jsx
|
|
2385
|
-
/* @__PURE__ */ jsx
|
|
2385
|
+
/* @__PURE__ */ jsx("input", { type: "hidden", value: 1 }),
|
|
2386
|
+
/* @__PURE__ */ jsx(
|
|
2386
2387
|
"input",
|
|
2387
2388
|
{
|
|
2388
2389
|
ref,
|
|
@@ -2397,13 +2398,13 @@ function Checkbox({
|
|
|
2397
2398
|
...props
|
|
2398
2399
|
}
|
|
2399
2400
|
),
|
|
2400
|
-
/* @__PURE__ */ jsx
|
|
2401
|
-
/* @__PURE__ */ jsx
|
|
2401
|
+
/* @__PURE__ */ jsx("div", { className: classesFilled, children: /* @__PURE__ */ jsx(Icon, { name: indeterminate ? "heroicons:minus" : "heroicons:check-16-solid", className: iconClassesFilled }) }),
|
|
2402
|
+
/* @__PURE__ */ jsx("span", { className: labelClassesFilled, children: label })
|
|
2402
2403
|
] });
|
|
2403
2404
|
} else if (error?.length) {
|
|
2404
2405
|
return /* @__PURE__ */ jsxs("label", { className: `group flex flex-row items-center ${className}`, children: [
|
|
2405
|
-
/* @__PURE__ */ jsx
|
|
2406
|
-
/* @__PURE__ */ jsx
|
|
2406
|
+
/* @__PURE__ */ jsx("input", { type: "hidden", name, value: 0 }),
|
|
2407
|
+
/* @__PURE__ */ jsx(
|
|
2407
2408
|
"input",
|
|
2408
2409
|
{
|
|
2409
2410
|
ref,
|
|
@@ -2415,13 +2416,13 @@ function Checkbox({
|
|
|
2415
2416
|
disabled
|
|
2416
2417
|
}
|
|
2417
2418
|
),
|
|
2418
|
-
/* @__PURE__ */ jsx
|
|
2419
|
-
/* @__PURE__ */ jsx
|
|
2419
|
+
/* @__PURE__ */ jsx("div", { className: classesError }),
|
|
2420
|
+
/* @__PURE__ */ jsx("span", { className: labelClassesError, children: label })
|
|
2420
2421
|
] });
|
|
2421
2422
|
} else {
|
|
2422
2423
|
return /* @__PURE__ */ jsxs("label", { className: `group flex flex-row items-center ${className}`, children: [
|
|
2423
|
-
/* @__PURE__ */ jsx
|
|
2424
|
-
/* @__PURE__ */ jsx
|
|
2424
|
+
/* @__PURE__ */ jsx("input", { type: "hidden", name, value: 0 }),
|
|
2425
|
+
/* @__PURE__ */ jsx(
|
|
2425
2426
|
"input",
|
|
2426
2427
|
{
|
|
2427
2428
|
ref,
|
|
@@ -2434,8 +2435,8 @@ function Checkbox({
|
|
|
2434
2435
|
disabled
|
|
2435
2436
|
}
|
|
2436
2437
|
),
|
|
2437
|
-
/* @__PURE__ */ jsx
|
|
2438
|
-
/* @__PURE__ */ jsx
|
|
2438
|
+
/* @__PURE__ */ jsx("div", { className: classesEmpty }),
|
|
2439
|
+
/* @__PURE__ */ jsx("span", { className: labelClassesEmpty, children: label })
|
|
2439
2440
|
] });
|
|
2440
2441
|
}
|
|
2441
2442
|
}
|
|
@@ -2478,8 +2479,8 @@ function CheckboxList({
|
|
|
2478
2479
|
" ",
|
|
2479
2480
|
required && "*"
|
|
2480
2481
|
] }),
|
|
2481
|
-
/* @__PURE__ */ jsx
|
|
2482
|
-
return /* @__PURE__ */ jsx
|
|
2482
|
+
/* @__PURE__ */ jsx("div", { className: [classes, error?.length && { classesError }].join(" "), children: options.map((option, i) => {
|
|
2483
|
+
return /* @__PURE__ */ jsx(
|
|
2483
2484
|
Checkbox,
|
|
2484
2485
|
{
|
|
2485
2486
|
name,
|
|
@@ -2492,7 +2493,7 @@ function CheckboxList({
|
|
|
2492
2493
|
i
|
|
2493
2494
|
);
|
|
2494
2495
|
}) }),
|
|
2495
|
-
!!error?.length && /* @__PURE__ */ jsx
|
|
2496
|
+
!!error?.length && /* @__PURE__ */ jsx("span", { className: errorClasses, children: error })
|
|
2496
2497
|
] });
|
|
2497
2498
|
}
|
|
2498
2499
|
|
|
@@ -2556,7 +2557,7 @@ function Form({
|
|
|
2556
2557
|
setErrors(errors2);
|
|
2557
2558
|
onValidation(errors2);
|
|
2558
2559
|
}
|
|
2559
|
-
return /* @__PURE__ */ jsx
|
|
2560
|
+
return /* @__PURE__ */ jsx("form", { ref: formRef, onSubmit: submit, className, children: /* @__PURE__ */ jsx(ErrorContext.Provider, { value: { errors, setErrors: updateErrors }, children }) });
|
|
2560
2561
|
}
|
|
2561
2562
|
|
|
2562
2563
|
/** Checks if value is string */
|
|
@@ -7529,7 +7530,7 @@ const IMaskInputFn = (props, ref) => React__default.createElement(IMaskInputClas
|
|
|
7529
7530
|
const IMaskInput = React__default.forwardRef(IMaskInputFn);
|
|
7530
7531
|
|
|
7531
7532
|
const baseClasses$b = {
|
|
7532
|
-
classes: "w-full h-10 rounded-krc-input px-3 py-2 outline-hidden placeholder:text-secondary-500 placeholder:text-sm text-secondary-900 text-sm disabled:pointer-events-none bg-white",
|
|
7533
|
+
classes: "w-full h-10 rounded-krc-input px-3 py-2 outline-hidden placeholder:text-secondary-500 placeholder:text-sm text-secondary-900 text-sm disabled:pointer-events-none not-disabled:bg-white disabled:bg-secondary-50",
|
|
7533
7534
|
wrapperClasses: "group flex flex-col gap-1",
|
|
7534
7535
|
labelClasses: "flex flex-row justify-start text-sm font-medium text-secondary-900",
|
|
7535
7536
|
iconLeftClasses: "absolute bottom-0 left-3 top-0 my-auto h-5 w-5 text-secondary-300",
|
|
@@ -7614,7 +7615,7 @@ function Input$2({
|
|
|
7614
7615
|
required && "*"
|
|
7615
7616
|
] }),
|
|
7616
7617
|
/* @__PURE__ */ jsxs("div", { className: "relative", children: [
|
|
7617
|
-
mask ? /* @__PURE__ */ jsx
|
|
7618
|
+
mask ? /* @__PURE__ */ jsx(
|
|
7618
7619
|
IMaskInput,
|
|
7619
7620
|
{
|
|
7620
7621
|
mask,
|
|
@@ -7639,7 +7640,7 @@ function Input$2({
|
|
|
7639
7640
|
className: classesFull.join(" "),
|
|
7640
7641
|
name
|
|
7641
7642
|
}
|
|
7642
|
-
) : /* @__PURE__ */ jsx
|
|
7643
|
+
) : /* @__PURE__ */ jsx(
|
|
7643
7644
|
"input",
|
|
7644
7645
|
{
|
|
7645
7646
|
...props,
|
|
@@ -7661,13 +7662,13 @@ function Input$2({
|
|
|
7661
7662
|
name
|
|
7662
7663
|
}
|
|
7663
7664
|
),
|
|
7664
|
-
(iconLeftPath || iconLeftName) && /* @__PURE__ */ jsx
|
|
7665
|
+
(iconLeftPath || iconLeftName) && /* @__PURE__ */ jsx(Icon, { className: iconLeftClasses, name: iconLeftName, path: iconLeftPath, onClick: onIconLeftClick }),
|
|
7665
7666
|
iconRightPath || iconRightName || textRight ? /* @__PURE__ */ jsxs("div", { className: wrapperRightClasses, children: [
|
|
7666
|
-
textRight && /* @__PURE__ */ jsx
|
|
7667
|
-
(iconRightPath || iconRightName) && /* @__PURE__ */ jsx
|
|
7667
|
+
textRight && /* @__PURE__ */ jsx("span", { children: textRight }),
|
|
7668
|
+
(iconRightPath || iconRightName) && /* @__PURE__ */ jsx(Icon, { className: iconRightClasses, name: iconRightName, path: iconRightPath, onClick: onIconRightClick })
|
|
7668
7669
|
] }) : null
|
|
7669
7670
|
] }),
|
|
7670
|
-
error && error.length > 0 && error.map((e, i) => /* @__PURE__ */ jsx
|
|
7671
|
+
error && error.length > 0 && error.map((e, i) => /* @__PURE__ */ jsx("span", { className: errorClasses, children: e }, i))
|
|
7671
7672
|
] });
|
|
7672
7673
|
}
|
|
7673
7674
|
|
|
@@ -7971,1813 +7972,6 @@ function _toConsumableArray(r) {
|
|
|
7971
7972
|
return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
|
|
7972
7973
|
}
|
|
7973
7974
|
|
|
7974
|
-
/*
|
|
7975
|
-
|
|
7976
|
-
Based off glamor's StyleSheet, thanks Sunil ❤️
|
|
7977
|
-
|
|
7978
|
-
high performance StyleSheet for css-in-js systems
|
|
7979
|
-
|
|
7980
|
-
- uses multiple style tags behind the scenes for millions of rules
|
|
7981
|
-
- uses `insertRule` for appending in production for *much* faster performance
|
|
7982
|
-
|
|
7983
|
-
// usage
|
|
7984
|
-
|
|
7985
|
-
import { StyleSheet } from '@emotion/sheet'
|
|
7986
|
-
|
|
7987
|
-
let styleSheet = new StyleSheet({ key: '', container: document.head })
|
|
7988
|
-
|
|
7989
|
-
styleSheet.insert('#box { border: 1px solid red; }')
|
|
7990
|
-
- appends a css rule into the stylesheet
|
|
7991
|
-
|
|
7992
|
-
styleSheet.flush()
|
|
7993
|
-
- empties the stylesheet of all its contents
|
|
7994
|
-
|
|
7995
|
-
*/
|
|
7996
|
-
|
|
7997
|
-
function sheetForTag(tag) {
|
|
7998
|
-
if (tag.sheet) {
|
|
7999
|
-
return tag.sheet;
|
|
8000
|
-
} // this weirdness brought to you by firefox
|
|
8001
|
-
|
|
8002
|
-
/* istanbul ignore next */
|
|
8003
|
-
|
|
8004
|
-
|
|
8005
|
-
for (var i = 0; i < document.styleSheets.length; i++) {
|
|
8006
|
-
if (document.styleSheets[i].ownerNode === tag) {
|
|
8007
|
-
return document.styleSheets[i];
|
|
8008
|
-
}
|
|
8009
|
-
} // this function should always return with a value
|
|
8010
|
-
// TS can't understand it though so we make it stop complaining here
|
|
8011
|
-
|
|
8012
|
-
|
|
8013
|
-
return undefined;
|
|
8014
|
-
}
|
|
8015
|
-
|
|
8016
|
-
function createStyleElement(options) {
|
|
8017
|
-
var tag = document.createElement('style');
|
|
8018
|
-
tag.setAttribute('data-emotion', options.key);
|
|
8019
|
-
|
|
8020
|
-
if (options.nonce !== undefined) {
|
|
8021
|
-
tag.setAttribute('nonce', options.nonce);
|
|
8022
|
-
}
|
|
8023
|
-
|
|
8024
|
-
tag.appendChild(document.createTextNode(''));
|
|
8025
|
-
tag.setAttribute('data-s', '');
|
|
8026
|
-
return tag;
|
|
8027
|
-
}
|
|
8028
|
-
|
|
8029
|
-
var StyleSheet = /*#__PURE__*/function () {
|
|
8030
|
-
// Using Node instead of HTMLElement since container may be a ShadowRoot
|
|
8031
|
-
function StyleSheet(options) {
|
|
8032
|
-
var _this = this;
|
|
8033
|
-
|
|
8034
|
-
this._insertTag = function (tag) {
|
|
8035
|
-
var before;
|
|
8036
|
-
|
|
8037
|
-
if (_this.tags.length === 0) {
|
|
8038
|
-
if (_this.insertionPoint) {
|
|
8039
|
-
before = _this.insertionPoint.nextSibling;
|
|
8040
|
-
} else if (_this.prepend) {
|
|
8041
|
-
before = _this.container.firstChild;
|
|
8042
|
-
} else {
|
|
8043
|
-
before = _this.before;
|
|
8044
|
-
}
|
|
8045
|
-
} else {
|
|
8046
|
-
before = _this.tags[_this.tags.length - 1].nextSibling;
|
|
8047
|
-
}
|
|
8048
|
-
|
|
8049
|
-
_this.container.insertBefore(tag, before);
|
|
8050
|
-
|
|
8051
|
-
_this.tags.push(tag);
|
|
8052
|
-
};
|
|
8053
|
-
|
|
8054
|
-
this.isSpeedy = options.speedy === undefined ? true : options.speedy;
|
|
8055
|
-
this.tags = [];
|
|
8056
|
-
this.ctr = 0;
|
|
8057
|
-
this.nonce = options.nonce; // key is the value of the data-emotion attribute, it's used to identify different sheets
|
|
8058
|
-
|
|
8059
|
-
this.key = options.key;
|
|
8060
|
-
this.container = options.container;
|
|
8061
|
-
this.prepend = options.prepend;
|
|
8062
|
-
this.insertionPoint = options.insertionPoint;
|
|
8063
|
-
this.before = null;
|
|
8064
|
-
}
|
|
8065
|
-
|
|
8066
|
-
var _proto = StyleSheet.prototype;
|
|
8067
|
-
|
|
8068
|
-
_proto.hydrate = function hydrate(nodes) {
|
|
8069
|
-
nodes.forEach(this._insertTag);
|
|
8070
|
-
};
|
|
8071
|
-
|
|
8072
|
-
_proto.insert = function insert(rule) {
|
|
8073
|
-
// the max length is how many rules we have per style tag, it's 65000 in speedy mode
|
|
8074
|
-
// it's 1 in dev because we insert source maps that map a single rule to a location
|
|
8075
|
-
// and you can only have one source map per style tag
|
|
8076
|
-
if (this.ctr % (this.isSpeedy ? 65000 : 1) === 0) {
|
|
8077
|
-
this._insertTag(createStyleElement(this));
|
|
8078
|
-
}
|
|
8079
|
-
|
|
8080
|
-
var tag = this.tags[this.tags.length - 1];
|
|
8081
|
-
|
|
8082
|
-
if (this.isSpeedy) {
|
|
8083
|
-
var sheet = sheetForTag(tag);
|
|
8084
|
-
|
|
8085
|
-
try {
|
|
8086
|
-
// this is the ultrafast version, works across browsers
|
|
8087
|
-
// the big drawback is that the css won't be editable in devtools
|
|
8088
|
-
sheet.insertRule(rule, sheet.cssRules.length);
|
|
8089
|
-
} catch (e) {
|
|
8090
|
-
}
|
|
8091
|
-
} else {
|
|
8092
|
-
tag.appendChild(document.createTextNode(rule));
|
|
8093
|
-
}
|
|
8094
|
-
|
|
8095
|
-
this.ctr++;
|
|
8096
|
-
};
|
|
8097
|
-
|
|
8098
|
-
_proto.flush = function flush() {
|
|
8099
|
-
this.tags.forEach(function (tag) {
|
|
8100
|
-
var _tag$parentNode;
|
|
8101
|
-
|
|
8102
|
-
return (_tag$parentNode = tag.parentNode) == null ? void 0 : _tag$parentNode.removeChild(tag);
|
|
8103
|
-
});
|
|
8104
|
-
this.tags = [];
|
|
8105
|
-
this.ctr = 0;
|
|
8106
|
-
};
|
|
8107
|
-
|
|
8108
|
-
return StyleSheet;
|
|
8109
|
-
}();
|
|
8110
|
-
|
|
8111
|
-
var MS = '-ms-';
|
|
8112
|
-
var MOZ = '-moz-';
|
|
8113
|
-
var WEBKIT = '-webkit-';
|
|
8114
|
-
|
|
8115
|
-
var COMMENT = 'comm';
|
|
8116
|
-
var RULESET = 'rule';
|
|
8117
|
-
var DECLARATION = 'decl';
|
|
8118
|
-
var IMPORT = '@import';
|
|
8119
|
-
var KEYFRAMES = '@keyframes';
|
|
8120
|
-
var LAYER = '@layer';
|
|
8121
|
-
|
|
8122
|
-
/**
|
|
8123
|
-
* @param {number}
|
|
8124
|
-
* @return {number}
|
|
8125
|
-
*/
|
|
8126
|
-
var abs = Math.abs;
|
|
8127
|
-
|
|
8128
|
-
/**
|
|
8129
|
-
* @param {number}
|
|
8130
|
-
* @return {string}
|
|
8131
|
-
*/
|
|
8132
|
-
var from = String.fromCharCode;
|
|
8133
|
-
|
|
8134
|
-
/**
|
|
8135
|
-
* @param {object}
|
|
8136
|
-
* @return {object}
|
|
8137
|
-
*/
|
|
8138
|
-
var assign = Object.assign;
|
|
8139
|
-
|
|
8140
|
-
/**
|
|
8141
|
-
* @param {string} value
|
|
8142
|
-
* @param {number} length
|
|
8143
|
-
* @return {number}
|
|
8144
|
-
*/
|
|
8145
|
-
function hash (value, length) {
|
|
8146
|
-
return charat(value, 0) ^ 45 ? (((((((length << 2) ^ charat(value, 0)) << 2) ^ charat(value, 1)) << 2) ^ charat(value, 2)) << 2) ^ charat(value, 3) : 0
|
|
8147
|
-
}
|
|
8148
|
-
|
|
8149
|
-
/**
|
|
8150
|
-
* @param {string} value
|
|
8151
|
-
* @return {string}
|
|
8152
|
-
*/
|
|
8153
|
-
function trim (value) {
|
|
8154
|
-
return value.trim()
|
|
8155
|
-
}
|
|
8156
|
-
|
|
8157
|
-
/**
|
|
8158
|
-
* @param {string} value
|
|
8159
|
-
* @param {RegExp} pattern
|
|
8160
|
-
* @return {string?}
|
|
8161
|
-
*/
|
|
8162
|
-
function match (value, pattern) {
|
|
8163
|
-
return (value = pattern.exec(value)) ? value[0] : value
|
|
8164
|
-
}
|
|
8165
|
-
|
|
8166
|
-
/**
|
|
8167
|
-
* @param {string} value
|
|
8168
|
-
* @param {(string|RegExp)} pattern
|
|
8169
|
-
* @param {string} replacement
|
|
8170
|
-
* @return {string}
|
|
8171
|
-
*/
|
|
8172
|
-
function replace (value, pattern, replacement) {
|
|
8173
|
-
return value.replace(pattern, replacement)
|
|
8174
|
-
}
|
|
8175
|
-
|
|
8176
|
-
/**
|
|
8177
|
-
* @param {string} value
|
|
8178
|
-
* @param {string} search
|
|
8179
|
-
* @return {number}
|
|
8180
|
-
*/
|
|
8181
|
-
function indexof (value, search) {
|
|
8182
|
-
return value.indexOf(search)
|
|
8183
|
-
}
|
|
8184
|
-
|
|
8185
|
-
/**
|
|
8186
|
-
* @param {string} value
|
|
8187
|
-
* @param {number} index
|
|
8188
|
-
* @return {number}
|
|
8189
|
-
*/
|
|
8190
|
-
function charat (value, index) {
|
|
8191
|
-
return value.charCodeAt(index) | 0
|
|
8192
|
-
}
|
|
8193
|
-
|
|
8194
|
-
/**
|
|
8195
|
-
* @param {string} value
|
|
8196
|
-
* @param {number} begin
|
|
8197
|
-
* @param {number} end
|
|
8198
|
-
* @return {string}
|
|
8199
|
-
*/
|
|
8200
|
-
function substr (value, begin, end) {
|
|
8201
|
-
return value.slice(begin, end)
|
|
8202
|
-
}
|
|
8203
|
-
|
|
8204
|
-
/**
|
|
8205
|
-
* @param {string} value
|
|
8206
|
-
* @return {number}
|
|
8207
|
-
*/
|
|
8208
|
-
function strlen (value) {
|
|
8209
|
-
return value.length
|
|
8210
|
-
}
|
|
8211
|
-
|
|
8212
|
-
/**
|
|
8213
|
-
* @param {any[]} value
|
|
8214
|
-
* @return {number}
|
|
8215
|
-
*/
|
|
8216
|
-
function sizeof (value) {
|
|
8217
|
-
return value.length
|
|
8218
|
-
}
|
|
8219
|
-
|
|
8220
|
-
/**
|
|
8221
|
-
* @param {any} value
|
|
8222
|
-
* @param {any[]} array
|
|
8223
|
-
* @return {any}
|
|
8224
|
-
*/
|
|
8225
|
-
function append (value, array) {
|
|
8226
|
-
return array.push(value), value
|
|
8227
|
-
}
|
|
8228
|
-
|
|
8229
|
-
/**
|
|
8230
|
-
* @param {string[]} array
|
|
8231
|
-
* @param {function} callback
|
|
8232
|
-
* @return {string}
|
|
8233
|
-
*/
|
|
8234
|
-
function combine (array, callback) {
|
|
8235
|
-
return array.map(callback).join('')
|
|
8236
|
-
}
|
|
8237
|
-
|
|
8238
|
-
var line = 1;
|
|
8239
|
-
var column = 1;
|
|
8240
|
-
var length = 0;
|
|
8241
|
-
var position = 0;
|
|
8242
|
-
var character = 0;
|
|
8243
|
-
var characters = '';
|
|
8244
|
-
|
|
8245
|
-
/**
|
|
8246
|
-
* @param {string} value
|
|
8247
|
-
* @param {object | null} root
|
|
8248
|
-
* @param {object | null} parent
|
|
8249
|
-
* @param {string} type
|
|
8250
|
-
* @param {string[] | string} props
|
|
8251
|
-
* @param {object[] | string} children
|
|
8252
|
-
* @param {number} length
|
|
8253
|
-
*/
|
|
8254
|
-
function node (value, root, parent, type, props, children, length) {
|
|
8255
|
-
return {value: value, root: root, parent: parent, type: type, props: props, children: children, line: line, column: column, length: length, return: ''}
|
|
8256
|
-
}
|
|
8257
|
-
|
|
8258
|
-
/**
|
|
8259
|
-
* @param {object} root
|
|
8260
|
-
* @param {object} props
|
|
8261
|
-
* @return {object}
|
|
8262
|
-
*/
|
|
8263
|
-
function copy (root, props) {
|
|
8264
|
-
return assign(node('', null, null, '', null, null, 0), root, {length: -root.length}, props)
|
|
8265
|
-
}
|
|
8266
|
-
|
|
8267
|
-
/**
|
|
8268
|
-
* @return {number}
|
|
8269
|
-
*/
|
|
8270
|
-
function char () {
|
|
8271
|
-
return character
|
|
8272
|
-
}
|
|
8273
|
-
|
|
8274
|
-
/**
|
|
8275
|
-
* @return {number}
|
|
8276
|
-
*/
|
|
8277
|
-
function prev () {
|
|
8278
|
-
character = position > 0 ? charat(characters, --position) : 0;
|
|
8279
|
-
|
|
8280
|
-
if (column--, character === 10)
|
|
8281
|
-
column = 1, line--;
|
|
8282
|
-
|
|
8283
|
-
return character
|
|
8284
|
-
}
|
|
8285
|
-
|
|
8286
|
-
/**
|
|
8287
|
-
* @return {number}
|
|
8288
|
-
*/
|
|
8289
|
-
function next () {
|
|
8290
|
-
character = position < length ? charat(characters, position++) : 0;
|
|
8291
|
-
|
|
8292
|
-
if (column++, character === 10)
|
|
8293
|
-
column = 1, line++;
|
|
8294
|
-
|
|
8295
|
-
return character
|
|
8296
|
-
}
|
|
8297
|
-
|
|
8298
|
-
/**
|
|
8299
|
-
* @return {number}
|
|
8300
|
-
*/
|
|
8301
|
-
function peek () {
|
|
8302
|
-
return charat(characters, position)
|
|
8303
|
-
}
|
|
8304
|
-
|
|
8305
|
-
/**
|
|
8306
|
-
* @return {number}
|
|
8307
|
-
*/
|
|
8308
|
-
function caret () {
|
|
8309
|
-
return position
|
|
8310
|
-
}
|
|
8311
|
-
|
|
8312
|
-
/**
|
|
8313
|
-
* @param {number} begin
|
|
8314
|
-
* @param {number} end
|
|
8315
|
-
* @return {string}
|
|
8316
|
-
*/
|
|
8317
|
-
function slice (begin, end) {
|
|
8318
|
-
return substr(characters, begin, end)
|
|
8319
|
-
}
|
|
8320
|
-
|
|
8321
|
-
/**
|
|
8322
|
-
* @param {number} type
|
|
8323
|
-
* @return {number}
|
|
8324
|
-
*/
|
|
8325
|
-
function token (type) {
|
|
8326
|
-
switch (type) {
|
|
8327
|
-
// \0 \t \n \r \s whitespace token
|
|
8328
|
-
case 0: case 9: case 10: case 13: case 32:
|
|
8329
|
-
return 5
|
|
8330
|
-
// ! + , / > @ ~ isolate token
|
|
8331
|
-
case 33: case 43: case 44: case 47: case 62: case 64: case 126:
|
|
8332
|
-
// ; { } breakpoint token
|
|
8333
|
-
case 59: case 123: case 125:
|
|
8334
|
-
return 4
|
|
8335
|
-
// : accompanied token
|
|
8336
|
-
case 58:
|
|
8337
|
-
return 3
|
|
8338
|
-
// " ' ( [ opening delimit token
|
|
8339
|
-
case 34: case 39: case 40: case 91:
|
|
8340
|
-
return 2
|
|
8341
|
-
// ) ] closing delimit token
|
|
8342
|
-
case 41: case 93:
|
|
8343
|
-
return 1
|
|
8344
|
-
}
|
|
8345
|
-
|
|
8346
|
-
return 0
|
|
8347
|
-
}
|
|
8348
|
-
|
|
8349
|
-
/**
|
|
8350
|
-
* @param {string} value
|
|
8351
|
-
* @return {any[]}
|
|
8352
|
-
*/
|
|
8353
|
-
function alloc (value) {
|
|
8354
|
-
return line = column = 1, length = strlen(characters = value), position = 0, []
|
|
8355
|
-
}
|
|
8356
|
-
|
|
8357
|
-
/**
|
|
8358
|
-
* @param {any} value
|
|
8359
|
-
* @return {any}
|
|
8360
|
-
*/
|
|
8361
|
-
function dealloc (value) {
|
|
8362
|
-
return characters = '', value
|
|
8363
|
-
}
|
|
8364
|
-
|
|
8365
|
-
/**
|
|
8366
|
-
* @param {number} type
|
|
8367
|
-
* @return {string}
|
|
8368
|
-
*/
|
|
8369
|
-
function delimit (type) {
|
|
8370
|
-
return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)))
|
|
8371
|
-
}
|
|
8372
|
-
|
|
8373
|
-
/**
|
|
8374
|
-
* @param {number} type
|
|
8375
|
-
* @return {string}
|
|
8376
|
-
*/
|
|
8377
|
-
function whitespace (type) {
|
|
8378
|
-
while (character = peek())
|
|
8379
|
-
if (character < 33)
|
|
8380
|
-
next();
|
|
8381
|
-
else
|
|
8382
|
-
break
|
|
8383
|
-
|
|
8384
|
-
return token(type) > 2 || token(character) > 3 ? '' : ' '
|
|
8385
|
-
}
|
|
8386
|
-
|
|
8387
|
-
/**
|
|
8388
|
-
* @param {number} index
|
|
8389
|
-
* @param {number} count
|
|
8390
|
-
* @return {string}
|
|
8391
|
-
*/
|
|
8392
|
-
function escaping (index, count) {
|
|
8393
|
-
while (--count && next())
|
|
8394
|
-
// not 0-9 A-F a-f
|
|
8395
|
-
if (character < 48 || character > 102 || (character > 57 && character < 65) || (character > 70 && character < 97))
|
|
8396
|
-
break
|
|
8397
|
-
|
|
8398
|
-
return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32))
|
|
8399
|
-
}
|
|
8400
|
-
|
|
8401
|
-
/**
|
|
8402
|
-
* @param {number} type
|
|
8403
|
-
* @return {number}
|
|
8404
|
-
*/
|
|
8405
|
-
function delimiter (type) {
|
|
8406
|
-
while (next())
|
|
8407
|
-
switch (character) {
|
|
8408
|
-
// ] ) " '
|
|
8409
|
-
case type:
|
|
8410
|
-
return position
|
|
8411
|
-
// " '
|
|
8412
|
-
case 34: case 39:
|
|
8413
|
-
if (type !== 34 && type !== 39)
|
|
8414
|
-
delimiter(character);
|
|
8415
|
-
break
|
|
8416
|
-
// (
|
|
8417
|
-
case 40:
|
|
8418
|
-
if (type === 41)
|
|
8419
|
-
delimiter(type);
|
|
8420
|
-
break
|
|
8421
|
-
// \
|
|
8422
|
-
case 92:
|
|
8423
|
-
next();
|
|
8424
|
-
break
|
|
8425
|
-
}
|
|
8426
|
-
|
|
8427
|
-
return position
|
|
8428
|
-
}
|
|
8429
|
-
|
|
8430
|
-
/**
|
|
8431
|
-
* @param {number} type
|
|
8432
|
-
* @param {number} index
|
|
8433
|
-
* @return {number}
|
|
8434
|
-
*/
|
|
8435
|
-
function commenter (type, index) {
|
|
8436
|
-
while (next())
|
|
8437
|
-
// //
|
|
8438
|
-
if (type + character === 47 + 10)
|
|
8439
|
-
break
|
|
8440
|
-
// /*
|
|
8441
|
-
else if (type + character === 42 + 42 && peek() === 47)
|
|
8442
|
-
break
|
|
8443
|
-
|
|
8444
|
-
return '/*' + slice(index, position - 1) + '*' + from(type === 47 ? type : next())
|
|
8445
|
-
}
|
|
8446
|
-
|
|
8447
|
-
/**
|
|
8448
|
-
* @param {number} index
|
|
8449
|
-
* @return {string}
|
|
8450
|
-
*/
|
|
8451
|
-
function identifier (index) {
|
|
8452
|
-
while (!token(peek()))
|
|
8453
|
-
next();
|
|
8454
|
-
|
|
8455
|
-
return slice(index, position)
|
|
8456
|
-
}
|
|
8457
|
-
|
|
8458
|
-
/**
|
|
8459
|
-
* @param {string} value
|
|
8460
|
-
* @return {object[]}
|
|
8461
|
-
*/
|
|
8462
|
-
function compile (value) {
|
|
8463
|
-
return dealloc(parse('', null, null, null, [''], value = alloc(value), 0, [0], value))
|
|
8464
|
-
}
|
|
8465
|
-
|
|
8466
|
-
/**
|
|
8467
|
-
* @param {string} value
|
|
8468
|
-
* @param {object} root
|
|
8469
|
-
* @param {object?} parent
|
|
8470
|
-
* @param {string[]} rule
|
|
8471
|
-
* @param {string[]} rules
|
|
8472
|
-
* @param {string[]} rulesets
|
|
8473
|
-
* @param {number[]} pseudo
|
|
8474
|
-
* @param {number[]} points
|
|
8475
|
-
* @param {string[]} declarations
|
|
8476
|
-
* @return {object}
|
|
8477
|
-
*/
|
|
8478
|
-
function parse (value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {
|
|
8479
|
-
var index = 0;
|
|
8480
|
-
var offset = 0;
|
|
8481
|
-
var length = pseudo;
|
|
8482
|
-
var atrule = 0;
|
|
8483
|
-
var property = 0;
|
|
8484
|
-
var previous = 0;
|
|
8485
|
-
var variable = 1;
|
|
8486
|
-
var scanning = 1;
|
|
8487
|
-
var ampersand = 1;
|
|
8488
|
-
var character = 0;
|
|
8489
|
-
var type = '';
|
|
8490
|
-
var props = rules;
|
|
8491
|
-
var children = rulesets;
|
|
8492
|
-
var reference = rule;
|
|
8493
|
-
var characters = type;
|
|
8494
|
-
|
|
8495
|
-
while (scanning)
|
|
8496
|
-
switch (previous = character, character = next()) {
|
|
8497
|
-
// (
|
|
8498
|
-
case 40:
|
|
8499
|
-
if (previous != 108 && charat(characters, length - 1) == 58) {
|
|
8500
|
-
if (indexof(characters += replace(delimit(character), '&', '&\f'), '&\f') != -1)
|
|
8501
|
-
ampersand = -1;
|
|
8502
|
-
break
|
|
8503
|
-
}
|
|
8504
|
-
// " ' [
|
|
8505
|
-
case 34: case 39: case 91:
|
|
8506
|
-
characters += delimit(character);
|
|
8507
|
-
break
|
|
8508
|
-
// \t \n \r \s
|
|
8509
|
-
case 9: case 10: case 13: case 32:
|
|
8510
|
-
characters += whitespace(previous);
|
|
8511
|
-
break
|
|
8512
|
-
// \
|
|
8513
|
-
case 92:
|
|
8514
|
-
characters += escaping(caret() - 1, 7);
|
|
8515
|
-
continue
|
|
8516
|
-
// /
|
|
8517
|
-
case 47:
|
|
8518
|
-
switch (peek()) {
|
|
8519
|
-
case 42: case 47:
|
|
8520
|
-
append(comment(commenter(next(), caret()), root, parent), declarations);
|
|
8521
|
-
break
|
|
8522
|
-
default:
|
|
8523
|
-
characters += '/';
|
|
8524
|
-
}
|
|
8525
|
-
break
|
|
8526
|
-
// {
|
|
8527
|
-
case 123 * variable:
|
|
8528
|
-
points[index++] = strlen(characters) * ampersand;
|
|
8529
|
-
// } ; \0
|
|
8530
|
-
case 125 * variable: case 59: case 0:
|
|
8531
|
-
switch (character) {
|
|
8532
|
-
// \0 }
|
|
8533
|
-
case 0: case 125: scanning = 0;
|
|
8534
|
-
// ;
|
|
8535
|
-
case 59 + offset: if (ampersand == -1) characters = replace(characters, /\f/g, '');
|
|
8536
|
-
if (property > 0 && (strlen(characters) - length))
|
|
8537
|
-
append(property > 32 ? declaration(characters + ';', rule, parent, length - 1) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2), declarations);
|
|
8538
|
-
break
|
|
8539
|
-
// @ ;
|
|
8540
|
-
case 59: characters += ';';
|
|
8541
|
-
// { rule/at-rule
|
|
8542
|
-
default:
|
|
8543
|
-
append(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length), rulesets);
|
|
8544
|
-
|
|
8545
|
-
if (character === 123)
|
|
8546
|
-
if (offset === 0)
|
|
8547
|
-
parse(characters, root, reference, reference, props, rulesets, length, points, children);
|
|
8548
|
-
else
|
|
8549
|
-
switch (atrule === 99 && charat(characters, 3) === 110 ? 100 : atrule) {
|
|
8550
|
-
// d l m s
|
|
8551
|
-
case 100: case 108: case 109: case 115:
|
|
8552
|
-
parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length), children), rules, children, length, points, rule ? props : children);
|
|
8553
|
-
break
|
|
8554
|
-
default:
|
|
8555
|
-
parse(characters, reference, reference, reference, [''], children, 0, points, children);
|
|
8556
|
-
}
|
|
8557
|
-
}
|
|
8558
|
-
|
|
8559
|
-
index = offset = property = 0, variable = ampersand = 1, type = characters = '', length = pseudo;
|
|
8560
|
-
break
|
|
8561
|
-
// :
|
|
8562
|
-
case 58:
|
|
8563
|
-
length = 1 + strlen(characters), property = previous;
|
|
8564
|
-
default:
|
|
8565
|
-
if (variable < 1)
|
|
8566
|
-
if (character == 123)
|
|
8567
|
-
--variable;
|
|
8568
|
-
else if (character == 125 && variable++ == 0 && prev() == 125)
|
|
8569
|
-
continue
|
|
8570
|
-
|
|
8571
|
-
switch (characters += from(character), character * variable) {
|
|
8572
|
-
// &
|
|
8573
|
-
case 38:
|
|
8574
|
-
ampersand = offset > 0 ? 1 : (characters += '\f', -1);
|
|
8575
|
-
break
|
|
8576
|
-
// ,
|
|
8577
|
-
case 44:
|
|
8578
|
-
points[index++] = (strlen(characters) - 1) * ampersand, ampersand = 1;
|
|
8579
|
-
break
|
|
8580
|
-
// @
|
|
8581
|
-
case 64:
|
|
8582
|
-
// -
|
|
8583
|
-
if (peek() === 45)
|
|
8584
|
-
characters += delimit(next());
|
|
8585
|
-
|
|
8586
|
-
atrule = peek(), offset = length = strlen(type = characters += identifier(caret())), character++;
|
|
8587
|
-
break
|
|
8588
|
-
// -
|
|
8589
|
-
case 45:
|
|
8590
|
-
if (previous === 45 && strlen(characters) == 2)
|
|
8591
|
-
variable = 0;
|
|
8592
|
-
}
|
|
8593
|
-
}
|
|
8594
|
-
|
|
8595
|
-
return rulesets
|
|
8596
|
-
}
|
|
8597
|
-
|
|
8598
|
-
/**
|
|
8599
|
-
* @param {string} value
|
|
8600
|
-
* @param {object} root
|
|
8601
|
-
* @param {object?} parent
|
|
8602
|
-
* @param {number} index
|
|
8603
|
-
* @param {number} offset
|
|
8604
|
-
* @param {string[]} rules
|
|
8605
|
-
* @param {number[]} points
|
|
8606
|
-
* @param {string} type
|
|
8607
|
-
* @param {string[]} props
|
|
8608
|
-
* @param {string[]} children
|
|
8609
|
-
* @param {number} length
|
|
8610
|
-
* @return {object}
|
|
8611
|
-
*/
|
|
8612
|
-
function ruleset (value, root, parent, index, offset, rules, points, type, props, children, length) {
|
|
8613
|
-
var post = offset - 1;
|
|
8614
|
-
var rule = offset === 0 ? rules : [''];
|
|
8615
|
-
var size = sizeof(rule);
|
|
8616
|
-
|
|
8617
|
-
for (var i = 0, j = 0, k = 0; i < index; ++i)
|
|
8618
|
-
for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)
|
|
8619
|
-
if (z = trim(j > 0 ? rule[x] + ' ' + y : replace(y, /&\f/g, rule[x])))
|
|
8620
|
-
props[k++] = z;
|
|
8621
|
-
|
|
8622
|
-
return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length)
|
|
8623
|
-
}
|
|
8624
|
-
|
|
8625
|
-
/**
|
|
8626
|
-
* @param {number} value
|
|
8627
|
-
* @param {object} root
|
|
8628
|
-
* @param {object?} parent
|
|
8629
|
-
* @return {object}
|
|
8630
|
-
*/
|
|
8631
|
-
function comment (value, root, parent) {
|
|
8632
|
-
return node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0)
|
|
8633
|
-
}
|
|
8634
|
-
|
|
8635
|
-
/**
|
|
8636
|
-
* @param {string} value
|
|
8637
|
-
* @param {object} root
|
|
8638
|
-
* @param {object?} parent
|
|
8639
|
-
* @param {number} length
|
|
8640
|
-
* @return {object}
|
|
8641
|
-
*/
|
|
8642
|
-
function declaration (value, root, parent, length) {
|
|
8643
|
-
return node(value, root, parent, DECLARATION, substr(value, 0, length), substr(value, length + 1, -1), length)
|
|
8644
|
-
}
|
|
8645
|
-
|
|
8646
|
-
/**
|
|
8647
|
-
* @param {object[]} children
|
|
8648
|
-
* @param {function} callback
|
|
8649
|
-
* @return {string}
|
|
8650
|
-
*/
|
|
8651
|
-
function serialize (children, callback) {
|
|
8652
|
-
var output = '';
|
|
8653
|
-
var length = sizeof(children);
|
|
8654
|
-
|
|
8655
|
-
for (var i = 0; i < length; i++)
|
|
8656
|
-
output += callback(children[i], i, children, callback) || '';
|
|
8657
|
-
|
|
8658
|
-
return output
|
|
8659
|
-
}
|
|
8660
|
-
|
|
8661
|
-
/**
|
|
8662
|
-
* @param {object} element
|
|
8663
|
-
* @param {number} index
|
|
8664
|
-
* @param {object[]} children
|
|
8665
|
-
* @param {function} callback
|
|
8666
|
-
* @return {string}
|
|
8667
|
-
*/
|
|
8668
|
-
function stringify (element, index, children, callback) {
|
|
8669
|
-
switch (element.type) {
|
|
8670
|
-
case LAYER: if (element.children.length) break
|
|
8671
|
-
case IMPORT: case DECLARATION: return element.return = element.return || element.value
|
|
8672
|
-
case COMMENT: return ''
|
|
8673
|
-
case KEYFRAMES: return element.return = element.value + '{' + serialize(element.children, callback) + '}'
|
|
8674
|
-
case RULESET: element.value = element.props.join(',');
|
|
8675
|
-
}
|
|
8676
|
-
|
|
8677
|
-
return strlen(children = serialize(element.children, callback)) ? element.return = element.value + '{' + children + '}' : ''
|
|
8678
|
-
}
|
|
8679
|
-
|
|
8680
|
-
/**
|
|
8681
|
-
* @param {function[]} collection
|
|
8682
|
-
* @return {function}
|
|
8683
|
-
*/
|
|
8684
|
-
function middleware (collection) {
|
|
8685
|
-
var length = sizeof(collection);
|
|
8686
|
-
|
|
8687
|
-
return function (element, index, children, callback) {
|
|
8688
|
-
var output = '';
|
|
8689
|
-
|
|
8690
|
-
for (var i = 0; i < length; i++)
|
|
8691
|
-
output += collection[i](element, index, children, callback) || '';
|
|
8692
|
-
|
|
8693
|
-
return output
|
|
8694
|
-
}
|
|
8695
|
-
}
|
|
8696
|
-
|
|
8697
|
-
/**
|
|
8698
|
-
* @param {function} callback
|
|
8699
|
-
* @return {function}
|
|
8700
|
-
*/
|
|
8701
|
-
function rulesheet (callback) {
|
|
8702
|
-
return function (element) {
|
|
8703
|
-
if (!element.root)
|
|
8704
|
-
if (element = element.return)
|
|
8705
|
-
callback(element);
|
|
8706
|
-
}
|
|
8707
|
-
}
|
|
8708
|
-
|
|
8709
|
-
function memoize$1(fn) {
|
|
8710
|
-
var cache = Object.create(null);
|
|
8711
|
-
return function (arg) {
|
|
8712
|
-
if (cache[arg] === undefined) cache[arg] = fn(arg);
|
|
8713
|
-
return cache[arg];
|
|
8714
|
-
};
|
|
8715
|
-
}
|
|
8716
|
-
|
|
8717
|
-
var identifierWithPointTracking = function identifierWithPointTracking(begin, points, index) {
|
|
8718
|
-
var previous = 0;
|
|
8719
|
-
var character = 0;
|
|
8720
|
-
|
|
8721
|
-
while (true) {
|
|
8722
|
-
previous = character;
|
|
8723
|
-
character = peek(); // &\f
|
|
8724
|
-
|
|
8725
|
-
if (previous === 38 && character === 12) {
|
|
8726
|
-
points[index] = 1;
|
|
8727
|
-
}
|
|
8728
|
-
|
|
8729
|
-
if (token(character)) {
|
|
8730
|
-
break;
|
|
8731
|
-
}
|
|
8732
|
-
|
|
8733
|
-
next();
|
|
8734
|
-
}
|
|
8735
|
-
|
|
8736
|
-
return slice(begin, position);
|
|
8737
|
-
};
|
|
8738
|
-
|
|
8739
|
-
var toRules = function toRules(parsed, points) {
|
|
8740
|
-
// pretend we've started with a comma
|
|
8741
|
-
var index = -1;
|
|
8742
|
-
var character = 44;
|
|
8743
|
-
|
|
8744
|
-
do {
|
|
8745
|
-
switch (token(character)) {
|
|
8746
|
-
case 0:
|
|
8747
|
-
// &\f
|
|
8748
|
-
if (character === 38 && peek() === 12) {
|
|
8749
|
-
// this is not 100% correct, we don't account for literal sequences here - like for example quoted strings
|
|
8750
|
-
// stylis inserts \f after & to know when & where it should replace this sequence with the context selector
|
|
8751
|
-
// and when it should just concatenate the outer and inner selectors
|
|
8752
|
-
// it's very unlikely for this sequence to actually appear in a different context, so we just leverage this fact here
|
|
8753
|
-
points[index] = 1;
|
|
8754
|
-
}
|
|
8755
|
-
|
|
8756
|
-
parsed[index] += identifierWithPointTracking(position - 1, points, index);
|
|
8757
|
-
break;
|
|
8758
|
-
|
|
8759
|
-
case 2:
|
|
8760
|
-
parsed[index] += delimit(character);
|
|
8761
|
-
break;
|
|
8762
|
-
|
|
8763
|
-
case 4:
|
|
8764
|
-
// comma
|
|
8765
|
-
if (character === 44) {
|
|
8766
|
-
// colon
|
|
8767
|
-
parsed[++index] = peek() === 58 ? '&\f' : '';
|
|
8768
|
-
points[index] = parsed[index].length;
|
|
8769
|
-
break;
|
|
8770
|
-
}
|
|
8771
|
-
|
|
8772
|
-
// fallthrough
|
|
8773
|
-
|
|
8774
|
-
default:
|
|
8775
|
-
parsed[index] += from(character);
|
|
8776
|
-
}
|
|
8777
|
-
} while (character = next());
|
|
8778
|
-
|
|
8779
|
-
return parsed;
|
|
8780
|
-
};
|
|
8781
|
-
|
|
8782
|
-
var getRules = function getRules(value, points) {
|
|
8783
|
-
return dealloc(toRules(alloc(value), points));
|
|
8784
|
-
}; // WeakSet would be more appropriate, but only WeakMap is supported in IE11
|
|
8785
|
-
|
|
8786
|
-
|
|
8787
|
-
var fixedElements = /* #__PURE__ */new WeakMap();
|
|
8788
|
-
var compat = function compat(element) {
|
|
8789
|
-
if (element.type !== 'rule' || !element.parent || // positive .length indicates that this rule contains pseudo
|
|
8790
|
-
// negative .length indicates that this rule has been already prefixed
|
|
8791
|
-
element.length < 1) {
|
|
8792
|
-
return;
|
|
8793
|
-
}
|
|
8794
|
-
|
|
8795
|
-
var value = element.value;
|
|
8796
|
-
var parent = element.parent;
|
|
8797
|
-
var isImplicitRule = element.column === parent.column && element.line === parent.line;
|
|
8798
|
-
|
|
8799
|
-
while (parent.type !== 'rule') {
|
|
8800
|
-
parent = parent.parent;
|
|
8801
|
-
if (!parent) return;
|
|
8802
|
-
} // short-circuit for the simplest case
|
|
8803
|
-
|
|
8804
|
-
|
|
8805
|
-
if (element.props.length === 1 && value.charCodeAt(0) !== 58
|
|
8806
|
-
/* colon */
|
|
8807
|
-
&& !fixedElements.get(parent)) {
|
|
8808
|
-
return;
|
|
8809
|
-
} // if this is an implicitly inserted rule (the one eagerly inserted at the each new nested level)
|
|
8810
|
-
// then the props has already been manipulated beforehand as they that array is shared between it and its "rule parent"
|
|
8811
|
-
|
|
8812
|
-
|
|
8813
|
-
if (isImplicitRule) {
|
|
8814
|
-
return;
|
|
8815
|
-
}
|
|
8816
|
-
|
|
8817
|
-
fixedElements.set(element, true);
|
|
8818
|
-
var points = [];
|
|
8819
|
-
var rules = getRules(value, points);
|
|
8820
|
-
var parentRules = parent.props;
|
|
8821
|
-
|
|
8822
|
-
for (var i = 0, k = 0; i < rules.length; i++) {
|
|
8823
|
-
for (var j = 0; j < parentRules.length; j++, k++) {
|
|
8824
|
-
element.props[k] = points[i] ? rules[i].replace(/&\f/g, parentRules[j]) : parentRules[j] + " " + rules[i];
|
|
8825
|
-
}
|
|
8826
|
-
}
|
|
8827
|
-
};
|
|
8828
|
-
var removeLabel = function removeLabel(element) {
|
|
8829
|
-
if (element.type === 'decl') {
|
|
8830
|
-
var value = element.value;
|
|
8831
|
-
|
|
8832
|
-
if ( // charcode for l
|
|
8833
|
-
value.charCodeAt(0) === 108 && // charcode for b
|
|
8834
|
-
value.charCodeAt(2) === 98) {
|
|
8835
|
-
// this ignores label
|
|
8836
|
-
element["return"] = '';
|
|
8837
|
-
element.value = '';
|
|
8838
|
-
}
|
|
8839
|
-
}
|
|
8840
|
-
};
|
|
8841
|
-
|
|
8842
|
-
/* eslint-disable no-fallthrough */
|
|
8843
|
-
|
|
8844
|
-
function prefix(value, length) {
|
|
8845
|
-
switch (hash(value, length)) {
|
|
8846
|
-
// color-adjust
|
|
8847
|
-
case 5103:
|
|
8848
|
-
return WEBKIT + 'print-' + value + value;
|
|
8849
|
-
// animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
|
|
8850
|
-
|
|
8851
|
-
case 5737:
|
|
8852
|
-
case 4201:
|
|
8853
|
-
case 3177:
|
|
8854
|
-
case 3433:
|
|
8855
|
-
case 1641:
|
|
8856
|
-
case 4457:
|
|
8857
|
-
case 2921: // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
|
|
8858
|
-
|
|
8859
|
-
case 5572:
|
|
8860
|
-
case 6356:
|
|
8861
|
-
case 5844:
|
|
8862
|
-
case 3191:
|
|
8863
|
-
case 6645:
|
|
8864
|
-
case 3005: // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
|
|
8865
|
-
|
|
8866
|
-
case 6391:
|
|
8867
|
-
case 5879:
|
|
8868
|
-
case 5623:
|
|
8869
|
-
case 6135:
|
|
8870
|
-
case 4599:
|
|
8871
|
-
case 4855: // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
|
|
8872
|
-
|
|
8873
|
-
case 4215:
|
|
8874
|
-
case 6389:
|
|
8875
|
-
case 5109:
|
|
8876
|
-
case 5365:
|
|
8877
|
-
case 5621:
|
|
8878
|
-
case 3829:
|
|
8879
|
-
return WEBKIT + value + value;
|
|
8880
|
-
// appearance, user-select, transform, hyphens, text-size-adjust
|
|
8881
|
-
|
|
8882
|
-
case 5349:
|
|
8883
|
-
case 4246:
|
|
8884
|
-
case 4810:
|
|
8885
|
-
case 6968:
|
|
8886
|
-
case 2756:
|
|
8887
|
-
return WEBKIT + value + MOZ + value + MS + value + value;
|
|
8888
|
-
// flex, flex-direction
|
|
8889
|
-
|
|
8890
|
-
case 6828:
|
|
8891
|
-
case 4268:
|
|
8892
|
-
return WEBKIT + value + MS + value + value;
|
|
8893
|
-
// order
|
|
8894
|
-
|
|
8895
|
-
case 6165:
|
|
8896
|
-
return WEBKIT + value + MS + 'flex-' + value + value;
|
|
8897
|
-
// align-items
|
|
8898
|
-
|
|
8899
|
-
case 5187:
|
|
8900
|
-
return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + 'box-$1$2' + MS + 'flex-$1$2') + value;
|
|
8901
|
-
// align-self
|
|
8902
|
-
|
|
8903
|
-
case 5443:
|
|
8904
|
-
return WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '') + value;
|
|
8905
|
-
// align-content
|
|
8906
|
-
|
|
8907
|
-
case 4675:
|
|
8908
|
-
return WEBKIT + value + MS + 'flex-line-pack' + replace(value, /align-content|flex-|-self/, '') + value;
|
|
8909
|
-
// flex-shrink
|
|
8910
|
-
|
|
8911
|
-
case 5548:
|
|
8912
|
-
return WEBKIT + value + MS + replace(value, 'shrink', 'negative') + value;
|
|
8913
|
-
// flex-basis
|
|
8914
|
-
|
|
8915
|
-
case 5292:
|
|
8916
|
-
return WEBKIT + value + MS + replace(value, 'basis', 'preferred-size') + value;
|
|
8917
|
-
// flex-grow
|
|
8918
|
-
|
|
8919
|
-
case 6060:
|
|
8920
|
-
return WEBKIT + 'box-' + replace(value, '-grow', '') + WEBKIT + value + MS + replace(value, 'grow', 'positive') + value;
|
|
8921
|
-
// transition
|
|
8922
|
-
|
|
8923
|
-
case 4554:
|
|
8924
|
-
return WEBKIT + replace(value, /([^-])(transform)/g, '$1' + WEBKIT + '$2') + value;
|
|
8925
|
-
// cursor
|
|
8926
|
-
|
|
8927
|
-
case 6187:
|
|
8928
|
-
return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + '$1'), /(image-set)/, WEBKIT + '$1'), value, '') + value;
|
|
8929
|
-
// background, background-image
|
|
8930
|
-
|
|
8931
|
-
case 5495:
|
|
8932
|
-
case 3959:
|
|
8933
|
-
return replace(value, /(image-set\([^]*)/, WEBKIT + '$1' + '$`$1');
|
|
8934
|
-
// justify-content
|
|
8935
|
-
|
|
8936
|
-
case 4968:
|
|
8937
|
-
return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + 'box-pack:$3' + MS + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + WEBKIT + value + value;
|
|
8938
|
-
// (margin|padding)-inline-(start|end)
|
|
8939
|
-
|
|
8940
|
-
case 4095:
|
|
8941
|
-
case 3583:
|
|
8942
|
-
case 4068:
|
|
8943
|
-
case 2532:
|
|
8944
|
-
return replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value;
|
|
8945
|
-
// (min|max)?(width|height|inline-size|block-size)
|
|
8946
|
-
|
|
8947
|
-
case 8116:
|
|
8948
|
-
case 7059:
|
|
8949
|
-
case 5753:
|
|
8950
|
-
case 5535:
|
|
8951
|
-
case 5445:
|
|
8952
|
-
case 5701:
|
|
8953
|
-
case 4933:
|
|
8954
|
-
case 4677:
|
|
8955
|
-
case 5533:
|
|
8956
|
-
case 5789:
|
|
8957
|
-
case 5021:
|
|
8958
|
-
case 4765:
|
|
8959
|
-
// stretch, max-content, min-content, fill-available
|
|
8960
|
-
if (strlen(value) - 1 - length > 6) switch (charat(value, length + 1)) {
|
|
8961
|
-
// (m)ax-content, (m)in-content
|
|
8962
|
-
case 109:
|
|
8963
|
-
// -
|
|
8964
|
-
if (charat(value, length + 4) !== 45) break;
|
|
8965
|
-
// (f)ill-available, (f)it-content
|
|
8966
|
-
|
|
8967
|
-
case 102:
|
|
8968
|
-
return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value;
|
|
8969
|
-
// (s)tretch
|
|
8970
|
-
|
|
8971
|
-
case 115:
|
|
8972
|
-
return ~indexof(value, 'stretch') ? prefix(replace(value, 'stretch', 'fill-available'), length) + value : value;
|
|
8973
|
-
}
|
|
8974
|
-
break;
|
|
8975
|
-
// position: sticky
|
|
8976
|
-
|
|
8977
|
-
case 4949:
|
|
8978
|
-
// (s)ticky?
|
|
8979
|
-
if (charat(value, length + 1) !== 115) break;
|
|
8980
|
-
// display: (flex|inline-flex)
|
|
8981
|
-
|
|
8982
|
-
case 6444:
|
|
8983
|
-
switch (charat(value, strlen(value) - 3 - (~indexof(value, '!important') && 10))) {
|
|
8984
|
-
// stic(k)y
|
|
8985
|
-
case 107:
|
|
8986
|
-
return replace(value, ':', ':' + WEBKIT) + value;
|
|
8987
|
-
// (inline-)?fl(e)x
|
|
8988
|
-
|
|
8989
|
-
case 101:
|
|
8990
|
-
return replace(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value;
|
|
8991
|
-
}
|
|
8992
|
-
|
|
8993
|
-
break;
|
|
8994
|
-
// writing-mode
|
|
8995
|
-
|
|
8996
|
-
case 5936:
|
|
8997
|
-
switch (charat(value, length + 11)) {
|
|
8998
|
-
// vertical-l(r)
|
|
8999
|
-
case 114:
|
|
9000
|
-
return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'tb') + value;
|
|
9001
|
-
// vertical-r(l)
|
|
9002
|
-
|
|
9003
|
-
case 108:
|
|
9004
|
-
return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'tb-rl') + value;
|
|
9005
|
-
// horizontal(-)tb
|
|
9006
|
-
|
|
9007
|
-
case 45:
|
|
9008
|
-
return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'lr') + value;
|
|
9009
|
-
}
|
|
9010
|
-
|
|
9011
|
-
return WEBKIT + value + MS + value + value;
|
|
9012
|
-
}
|
|
9013
|
-
|
|
9014
|
-
return value;
|
|
9015
|
-
}
|
|
9016
|
-
|
|
9017
|
-
var prefixer = function prefixer(element, index, children, callback) {
|
|
9018
|
-
if (element.length > -1) if (!element["return"]) switch (element.type) {
|
|
9019
|
-
case DECLARATION:
|
|
9020
|
-
element["return"] = prefix(element.value, element.length);
|
|
9021
|
-
break;
|
|
9022
|
-
|
|
9023
|
-
case KEYFRAMES:
|
|
9024
|
-
return serialize([copy(element, {
|
|
9025
|
-
value: replace(element.value, '@', '@' + WEBKIT)
|
|
9026
|
-
})], callback);
|
|
9027
|
-
|
|
9028
|
-
case RULESET:
|
|
9029
|
-
if (element.length) return combine(element.props, function (value) {
|
|
9030
|
-
switch (match(value, /(::plac\w+|:read-\w+)/)) {
|
|
9031
|
-
// :read-(only|write)
|
|
9032
|
-
case ':read-only':
|
|
9033
|
-
case ':read-write':
|
|
9034
|
-
return serialize([copy(element, {
|
|
9035
|
-
props: [replace(value, /:(read-\w+)/, ':' + MOZ + '$1')]
|
|
9036
|
-
})], callback);
|
|
9037
|
-
// :placeholder
|
|
9038
|
-
|
|
9039
|
-
case '::placeholder':
|
|
9040
|
-
return serialize([copy(element, {
|
|
9041
|
-
props: [replace(value, /:(plac\w+)/, ':' + WEBKIT + 'input-$1')]
|
|
9042
|
-
}), copy(element, {
|
|
9043
|
-
props: [replace(value, /:(plac\w+)/, ':' + MOZ + '$1')]
|
|
9044
|
-
}), copy(element, {
|
|
9045
|
-
props: [replace(value, /:(plac\w+)/, MS + 'input-$1')]
|
|
9046
|
-
})], callback);
|
|
9047
|
-
}
|
|
9048
|
-
|
|
9049
|
-
return '';
|
|
9050
|
-
});
|
|
9051
|
-
}
|
|
9052
|
-
};
|
|
9053
|
-
|
|
9054
|
-
var defaultStylisPlugins = [prefixer];
|
|
9055
|
-
|
|
9056
|
-
var createCache = function createCache(options) {
|
|
9057
|
-
var key = options.key;
|
|
9058
|
-
|
|
9059
|
-
if (key === 'css') {
|
|
9060
|
-
var ssrStyles = document.querySelectorAll("style[data-emotion]:not([data-s])"); // get SSRed styles out of the way of React's hydration
|
|
9061
|
-
// document.head is a safe place to move them to(though note document.head is not necessarily the last place they will be)
|
|
9062
|
-
// note this very very intentionally targets all style elements regardless of the key to ensure
|
|
9063
|
-
// that creating a cache works inside of render of a React component
|
|
9064
|
-
|
|
9065
|
-
Array.prototype.forEach.call(ssrStyles, function (node) {
|
|
9066
|
-
// we want to only move elements which have a space in the data-emotion attribute value
|
|
9067
|
-
// because that indicates that it is an Emotion 11 server-side rendered style elements
|
|
9068
|
-
// while we will already ignore Emotion 11 client-side inserted styles because of the :not([data-s]) part in the selector
|
|
9069
|
-
// Emotion 10 client-side inserted styles did not have data-s (but importantly did not have a space in their data-emotion attributes)
|
|
9070
|
-
// so checking for the space ensures that loading Emotion 11 after Emotion 10 has inserted some styles
|
|
9071
|
-
// will not result in the Emotion 10 styles being destroyed
|
|
9072
|
-
var dataEmotionAttribute = node.getAttribute('data-emotion');
|
|
9073
|
-
|
|
9074
|
-
if (dataEmotionAttribute.indexOf(' ') === -1) {
|
|
9075
|
-
return;
|
|
9076
|
-
}
|
|
9077
|
-
|
|
9078
|
-
document.head.appendChild(node);
|
|
9079
|
-
node.setAttribute('data-s', '');
|
|
9080
|
-
});
|
|
9081
|
-
}
|
|
9082
|
-
|
|
9083
|
-
var stylisPlugins = options.stylisPlugins || defaultStylisPlugins;
|
|
9084
|
-
|
|
9085
|
-
var inserted = {};
|
|
9086
|
-
var container;
|
|
9087
|
-
var nodesToHydrate = [];
|
|
9088
|
-
|
|
9089
|
-
{
|
|
9090
|
-
container = options.container || document.head;
|
|
9091
|
-
Array.prototype.forEach.call( // this means we will ignore elements which don't have a space in them which
|
|
9092
|
-
// means that the style elements we're looking at are only Emotion 11 server-rendered style elements
|
|
9093
|
-
document.querySelectorAll("style[data-emotion^=\"" + key + " \"]"), function (node) {
|
|
9094
|
-
var attrib = node.getAttribute("data-emotion").split(' ');
|
|
9095
|
-
|
|
9096
|
-
for (var i = 1; i < attrib.length; i++) {
|
|
9097
|
-
inserted[attrib[i]] = true;
|
|
9098
|
-
}
|
|
9099
|
-
|
|
9100
|
-
nodesToHydrate.push(node);
|
|
9101
|
-
});
|
|
9102
|
-
}
|
|
9103
|
-
|
|
9104
|
-
var _insert;
|
|
9105
|
-
|
|
9106
|
-
var omnipresentPlugins = [compat, removeLabel];
|
|
9107
|
-
|
|
9108
|
-
{
|
|
9109
|
-
var currentSheet;
|
|
9110
|
-
var finalizingPlugins = [stringify, rulesheet(function (rule) {
|
|
9111
|
-
currentSheet.insert(rule);
|
|
9112
|
-
})];
|
|
9113
|
-
var serializer = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
|
|
9114
|
-
|
|
9115
|
-
var stylis = function stylis(styles) {
|
|
9116
|
-
return serialize(compile(styles), serializer);
|
|
9117
|
-
};
|
|
9118
|
-
|
|
9119
|
-
_insert = function insert(selector, serialized, sheet, shouldCache) {
|
|
9120
|
-
currentSheet = sheet;
|
|
9121
|
-
|
|
9122
|
-
stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
|
|
9123
|
-
|
|
9124
|
-
if (shouldCache) {
|
|
9125
|
-
cache.inserted[serialized.name] = true;
|
|
9126
|
-
}
|
|
9127
|
-
};
|
|
9128
|
-
}
|
|
9129
|
-
|
|
9130
|
-
var cache = {
|
|
9131
|
-
key: key,
|
|
9132
|
-
sheet: new StyleSheet({
|
|
9133
|
-
key: key,
|
|
9134
|
-
container: container,
|
|
9135
|
-
nonce: options.nonce,
|
|
9136
|
-
speedy: options.speedy,
|
|
9137
|
-
prepend: options.prepend,
|
|
9138
|
-
insertionPoint: options.insertionPoint
|
|
9139
|
-
}),
|
|
9140
|
-
nonce: options.nonce,
|
|
9141
|
-
inserted: inserted,
|
|
9142
|
-
registered: {},
|
|
9143
|
-
insert: _insert
|
|
9144
|
-
};
|
|
9145
|
-
cache.sheet.hydrate(nodesToHydrate);
|
|
9146
|
-
return cache;
|
|
9147
|
-
};
|
|
9148
|
-
|
|
9149
|
-
var hoistNonReactStatics_cjs;
|
|
9150
|
-
var hasRequiredHoistNonReactStatics_cjs;
|
|
9151
|
-
|
|
9152
|
-
function requireHoistNonReactStatics_cjs () {
|
|
9153
|
-
if (hasRequiredHoistNonReactStatics_cjs) return hoistNonReactStatics_cjs;
|
|
9154
|
-
hasRequiredHoistNonReactStatics_cjs = 1;
|
|
9155
|
-
|
|
9156
|
-
var reactIs = requireReactIs();
|
|
9157
|
-
|
|
9158
|
-
/**
|
|
9159
|
-
* Copyright 2015, Yahoo! Inc.
|
|
9160
|
-
* Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
|
|
9161
|
-
*/
|
|
9162
|
-
var REACT_STATICS = {
|
|
9163
|
-
childContextTypes: true,
|
|
9164
|
-
contextType: true,
|
|
9165
|
-
contextTypes: true,
|
|
9166
|
-
defaultProps: true,
|
|
9167
|
-
displayName: true,
|
|
9168
|
-
getDefaultProps: true,
|
|
9169
|
-
getDerivedStateFromError: true,
|
|
9170
|
-
getDerivedStateFromProps: true,
|
|
9171
|
-
mixins: true,
|
|
9172
|
-
propTypes: true,
|
|
9173
|
-
type: true
|
|
9174
|
-
};
|
|
9175
|
-
var KNOWN_STATICS = {
|
|
9176
|
-
name: true,
|
|
9177
|
-
length: true,
|
|
9178
|
-
prototype: true,
|
|
9179
|
-
caller: true,
|
|
9180
|
-
callee: true,
|
|
9181
|
-
arguments: true,
|
|
9182
|
-
arity: true
|
|
9183
|
-
};
|
|
9184
|
-
var FORWARD_REF_STATICS = {
|
|
9185
|
-
'$$typeof': true,
|
|
9186
|
-
render: true,
|
|
9187
|
-
defaultProps: true,
|
|
9188
|
-
displayName: true,
|
|
9189
|
-
propTypes: true
|
|
9190
|
-
};
|
|
9191
|
-
var MEMO_STATICS = {
|
|
9192
|
-
'$$typeof': true,
|
|
9193
|
-
compare: true,
|
|
9194
|
-
defaultProps: true,
|
|
9195
|
-
displayName: true,
|
|
9196
|
-
propTypes: true,
|
|
9197
|
-
type: true
|
|
9198
|
-
};
|
|
9199
|
-
var TYPE_STATICS = {};
|
|
9200
|
-
TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
|
|
9201
|
-
TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
|
|
9202
|
-
|
|
9203
|
-
function getStatics(component) {
|
|
9204
|
-
// React v16.11 and below
|
|
9205
|
-
if (reactIs.isMemo(component)) {
|
|
9206
|
-
return MEMO_STATICS;
|
|
9207
|
-
} // React v16.12 and above
|
|
9208
|
-
|
|
9209
|
-
|
|
9210
|
-
return TYPE_STATICS[component['$$typeof']] || REACT_STATICS;
|
|
9211
|
-
}
|
|
9212
|
-
|
|
9213
|
-
var defineProperty = Object.defineProperty;
|
|
9214
|
-
var getOwnPropertyNames = Object.getOwnPropertyNames;
|
|
9215
|
-
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
|
|
9216
|
-
var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
|
|
9217
|
-
var getPrototypeOf = Object.getPrototypeOf;
|
|
9218
|
-
var objectPrototype = Object.prototype;
|
|
9219
|
-
function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
|
|
9220
|
-
if (typeof sourceComponent !== 'string') {
|
|
9221
|
-
// don't hoist over string (html) components
|
|
9222
|
-
if (objectPrototype) {
|
|
9223
|
-
var inheritedComponent = getPrototypeOf(sourceComponent);
|
|
9224
|
-
|
|
9225
|
-
if (inheritedComponent && inheritedComponent !== objectPrototype) {
|
|
9226
|
-
hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
|
|
9227
|
-
}
|
|
9228
|
-
}
|
|
9229
|
-
|
|
9230
|
-
var keys = getOwnPropertyNames(sourceComponent);
|
|
9231
|
-
|
|
9232
|
-
if (getOwnPropertySymbols) {
|
|
9233
|
-
keys = keys.concat(getOwnPropertySymbols(sourceComponent));
|
|
9234
|
-
}
|
|
9235
|
-
|
|
9236
|
-
var targetStatics = getStatics(targetComponent);
|
|
9237
|
-
var sourceStatics = getStatics(sourceComponent);
|
|
9238
|
-
|
|
9239
|
-
for (var i = 0; i < keys.length; ++i) {
|
|
9240
|
-
var key = keys[i];
|
|
9241
|
-
|
|
9242
|
-
if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
|
|
9243
|
-
var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
|
|
9244
|
-
|
|
9245
|
-
try {
|
|
9246
|
-
// Avoid failures from read-only properties
|
|
9247
|
-
defineProperty(targetComponent, key, descriptor);
|
|
9248
|
-
} catch (e) {}
|
|
9249
|
-
}
|
|
9250
|
-
}
|
|
9251
|
-
}
|
|
9252
|
-
|
|
9253
|
-
return targetComponent;
|
|
9254
|
-
}
|
|
9255
|
-
|
|
9256
|
-
hoistNonReactStatics_cjs = hoistNonReactStatics;
|
|
9257
|
-
return hoistNonReactStatics_cjs;
|
|
9258
|
-
}
|
|
9259
|
-
|
|
9260
|
-
requireHoistNonReactStatics_cjs();
|
|
9261
|
-
|
|
9262
|
-
var isBrowser = true;
|
|
9263
|
-
|
|
9264
|
-
function getRegisteredStyles(registered, registeredStyles, classNames) {
|
|
9265
|
-
var rawClassName = '';
|
|
9266
|
-
classNames.split(' ').forEach(function (className) {
|
|
9267
|
-
if (registered[className] !== undefined) {
|
|
9268
|
-
registeredStyles.push(registered[className] + ";");
|
|
9269
|
-
} else if (className) {
|
|
9270
|
-
rawClassName += className + " ";
|
|
9271
|
-
}
|
|
9272
|
-
});
|
|
9273
|
-
return rawClassName;
|
|
9274
|
-
}
|
|
9275
|
-
var registerStyles = function registerStyles(cache, serialized, isStringTag) {
|
|
9276
|
-
var className = cache.key + "-" + serialized.name;
|
|
9277
|
-
|
|
9278
|
-
if ( // we only need to add the styles to the registered cache if the
|
|
9279
|
-
// class name could be used further down
|
|
9280
|
-
// the tree but if it's a string tag, we know it won't
|
|
9281
|
-
// so we don't have to add it to registered cache.
|
|
9282
|
-
// this improves memory usage since we can avoid storing the whole style string
|
|
9283
|
-
(isStringTag === false || // we need to always store it if we're in compat mode and
|
|
9284
|
-
// in node since emotion-server relies on whether a style is in
|
|
9285
|
-
// the registered cache to know whether a style is global or not
|
|
9286
|
-
// also, note that this check will be dead code eliminated in the browser
|
|
9287
|
-
isBrowser === false ) && cache.registered[className] === undefined) {
|
|
9288
|
-
cache.registered[className] = serialized.styles;
|
|
9289
|
-
}
|
|
9290
|
-
};
|
|
9291
|
-
var insertStyles = function insertStyles(cache, serialized, isStringTag) {
|
|
9292
|
-
registerStyles(cache, serialized, isStringTag);
|
|
9293
|
-
var className = cache.key + "-" + serialized.name;
|
|
9294
|
-
|
|
9295
|
-
if (cache.inserted[serialized.name] === undefined) {
|
|
9296
|
-
var current = serialized;
|
|
9297
|
-
|
|
9298
|
-
do {
|
|
9299
|
-
cache.insert(serialized === current ? "." + className : '', current, cache.sheet, true);
|
|
9300
|
-
|
|
9301
|
-
current = current.next;
|
|
9302
|
-
} while (current !== undefined);
|
|
9303
|
-
}
|
|
9304
|
-
};
|
|
9305
|
-
|
|
9306
|
-
/* eslint-disable */
|
|
9307
|
-
// Inspired by https://github.com/garycourt/murmurhash-js
|
|
9308
|
-
// Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86
|
|
9309
|
-
function murmur2(str) {
|
|
9310
|
-
// 'm' and 'r' are mixing constants generated offline.
|
|
9311
|
-
// They're not really 'magic', they just happen to work well.
|
|
9312
|
-
// const m = 0x5bd1e995;
|
|
9313
|
-
// const r = 24;
|
|
9314
|
-
// Initialize the hash
|
|
9315
|
-
var h = 0; // Mix 4 bytes at a time into the hash
|
|
9316
|
-
|
|
9317
|
-
var k,
|
|
9318
|
-
i = 0,
|
|
9319
|
-
len = str.length;
|
|
9320
|
-
|
|
9321
|
-
for (; len >= 4; ++i, len -= 4) {
|
|
9322
|
-
k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;
|
|
9323
|
-
k =
|
|
9324
|
-
/* Math.imul(k, m): */
|
|
9325
|
-
(k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16);
|
|
9326
|
-
k ^=
|
|
9327
|
-
/* k >>> r: */
|
|
9328
|
-
k >>> 24;
|
|
9329
|
-
h =
|
|
9330
|
-
/* Math.imul(k, m): */
|
|
9331
|
-
(k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16) ^
|
|
9332
|
-
/* Math.imul(h, m): */
|
|
9333
|
-
(h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
|
|
9334
|
-
} // Handle the last few bytes of the input array
|
|
9335
|
-
|
|
9336
|
-
|
|
9337
|
-
switch (len) {
|
|
9338
|
-
case 3:
|
|
9339
|
-
h ^= (str.charCodeAt(i + 2) & 0xff) << 16;
|
|
9340
|
-
|
|
9341
|
-
case 2:
|
|
9342
|
-
h ^= (str.charCodeAt(i + 1) & 0xff) << 8;
|
|
9343
|
-
|
|
9344
|
-
case 1:
|
|
9345
|
-
h ^= str.charCodeAt(i) & 0xff;
|
|
9346
|
-
h =
|
|
9347
|
-
/* Math.imul(h, m): */
|
|
9348
|
-
(h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
|
|
9349
|
-
} // Do a few final mixes of the hash to ensure the last few
|
|
9350
|
-
// bytes are well-incorporated.
|
|
9351
|
-
|
|
9352
|
-
|
|
9353
|
-
h ^= h >>> 13;
|
|
9354
|
-
h =
|
|
9355
|
-
/* Math.imul(h, m): */
|
|
9356
|
-
(h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
|
|
9357
|
-
return ((h ^ h >>> 15) >>> 0).toString(36);
|
|
9358
|
-
}
|
|
9359
|
-
|
|
9360
|
-
var unitlessKeys = {
|
|
9361
|
-
animationIterationCount: 1,
|
|
9362
|
-
aspectRatio: 1,
|
|
9363
|
-
borderImageOutset: 1,
|
|
9364
|
-
borderImageSlice: 1,
|
|
9365
|
-
borderImageWidth: 1,
|
|
9366
|
-
boxFlex: 1,
|
|
9367
|
-
boxFlexGroup: 1,
|
|
9368
|
-
boxOrdinalGroup: 1,
|
|
9369
|
-
columnCount: 1,
|
|
9370
|
-
columns: 1,
|
|
9371
|
-
flex: 1,
|
|
9372
|
-
flexGrow: 1,
|
|
9373
|
-
flexPositive: 1,
|
|
9374
|
-
flexShrink: 1,
|
|
9375
|
-
flexNegative: 1,
|
|
9376
|
-
flexOrder: 1,
|
|
9377
|
-
gridRow: 1,
|
|
9378
|
-
gridRowEnd: 1,
|
|
9379
|
-
gridRowSpan: 1,
|
|
9380
|
-
gridRowStart: 1,
|
|
9381
|
-
gridColumn: 1,
|
|
9382
|
-
gridColumnEnd: 1,
|
|
9383
|
-
gridColumnSpan: 1,
|
|
9384
|
-
gridColumnStart: 1,
|
|
9385
|
-
msGridRow: 1,
|
|
9386
|
-
msGridRowSpan: 1,
|
|
9387
|
-
msGridColumn: 1,
|
|
9388
|
-
msGridColumnSpan: 1,
|
|
9389
|
-
fontWeight: 1,
|
|
9390
|
-
lineHeight: 1,
|
|
9391
|
-
opacity: 1,
|
|
9392
|
-
order: 1,
|
|
9393
|
-
orphans: 1,
|
|
9394
|
-
scale: 1,
|
|
9395
|
-
tabSize: 1,
|
|
9396
|
-
widows: 1,
|
|
9397
|
-
zIndex: 1,
|
|
9398
|
-
zoom: 1,
|
|
9399
|
-
WebkitLineClamp: 1,
|
|
9400
|
-
// SVG-related properties
|
|
9401
|
-
fillOpacity: 1,
|
|
9402
|
-
floodOpacity: 1,
|
|
9403
|
-
stopOpacity: 1,
|
|
9404
|
-
strokeDasharray: 1,
|
|
9405
|
-
strokeDashoffset: 1,
|
|
9406
|
-
strokeMiterlimit: 1,
|
|
9407
|
-
strokeOpacity: 1,
|
|
9408
|
-
strokeWidth: 1
|
|
9409
|
-
};
|
|
9410
|
-
|
|
9411
|
-
var hyphenateRegex = /[A-Z]|^ms/g;
|
|
9412
|
-
var animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;
|
|
9413
|
-
|
|
9414
|
-
var isCustomProperty = function isCustomProperty(property) {
|
|
9415
|
-
return property.charCodeAt(1) === 45;
|
|
9416
|
-
};
|
|
9417
|
-
|
|
9418
|
-
var isProcessableValue = function isProcessableValue(value) {
|
|
9419
|
-
return value != null && typeof value !== 'boolean';
|
|
9420
|
-
};
|
|
9421
|
-
|
|
9422
|
-
var processStyleName = /* #__PURE__ */memoize$1(function (styleName) {
|
|
9423
|
-
return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, '-$&').toLowerCase();
|
|
9424
|
-
});
|
|
9425
|
-
|
|
9426
|
-
var processStyleValue = function processStyleValue(key, value) {
|
|
9427
|
-
switch (key) {
|
|
9428
|
-
case 'animation':
|
|
9429
|
-
case 'animationName':
|
|
9430
|
-
{
|
|
9431
|
-
if (typeof value === 'string') {
|
|
9432
|
-
return value.replace(animationRegex, function (match, p1, p2) {
|
|
9433
|
-
cursor = {
|
|
9434
|
-
name: p1,
|
|
9435
|
-
styles: p2,
|
|
9436
|
-
next: cursor
|
|
9437
|
-
};
|
|
9438
|
-
return p1;
|
|
9439
|
-
});
|
|
9440
|
-
}
|
|
9441
|
-
}
|
|
9442
|
-
}
|
|
9443
|
-
|
|
9444
|
-
if (unitlessKeys[key] !== 1 && !isCustomProperty(key) && typeof value === 'number' && value !== 0) {
|
|
9445
|
-
return value + 'px';
|
|
9446
|
-
}
|
|
9447
|
-
|
|
9448
|
-
return value;
|
|
9449
|
-
};
|
|
9450
|
-
|
|
9451
|
-
function handleInterpolation(mergedProps, registered, interpolation) {
|
|
9452
|
-
if (interpolation == null) {
|
|
9453
|
-
return '';
|
|
9454
|
-
}
|
|
9455
|
-
|
|
9456
|
-
var componentSelector = interpolation;
|
|
9457
|
-
|
|
9458
|
-
if (componentSelector.__emotion_styles !== undefined) {
|
|
9459
|
-
|
|
9460
|
-
return componentSelector;
|
|
9461
|
-
}
|
|
9462
|
-
|
|
9463
|
-
switch (typeof interpolation) {
|
|
9464
|
-
case 'boolean':
|
|
9465
|
-
{
|
|
9466
|
-
return '';
|
|
9467
|
-
}
|
|
9468
|
-
|
|
9469
|
-
case 'object':
|
|
9470
|
-
{
|
|
9471
|
-
var keyframes = interpolation;
|
|
9472
|
-
|
|
9473
|
-
if (keyframes.anim === 1) {
|
|
9474
|
-
cursor = {
|
|
9475
|
-
name: keyframes.name,
|
|
9476
|
-
styles: keyframes.styles,
|
|
9477
|
-
next: cursor
|
|
9478
|
-
};
|
|
9479
|
-
return keyframes.name;
|
|
9480
|
-
}
|
|
9481
|
-
|
|
9482
|
-
var serializedStyles = interpolation;
|
|
9483
|
-
|
|
9484
|
-
if (serializedStyles.styles !== undefined) {
|
|
9485
|
-
var next = serializedStyles.next;
|
|
9486
|
-
|
|
9487
|
-
if (next !== undefined) {
|
|
9488
|
-
// not the most efficient thing ever but this is a pretty rare case
|
|
9489
|
-
// and there will be very few iterations of this generally
|
|
9490
|
-
while (next !== undefined) {
|
|
9491
|
-
cursor = {
|
|
9492
|
-
name: next.name,
|
|
9493
|
-
styles: next.styles,
|
|
9494
|
-
next: cursor
|
|
9495
|
-
};
|
|
9496
|
-
next = next.next;
|
|
9497
|
-
}
|
|
9498
|
-
}
|
|
9499
|
-
|
|
9500
|
-
var styles = serializedStyles.styles + ";";
|
|
9501
|
-
return styles;
|
|
9502
|
-
}
|
|
9503
|
-
|
|
9504
|
-
return createStringFromObject(mergedProps, registered, interpolation);
|
|
9505
|
-
}
|
|
9506
|
-
|
|
9507
|
-
case 'function':
|
|
9508
|
-
{
|
|
9509
|
-
if (mergedProps !== undefined) {
|
|
9510
|
-
var previousCursor = cursor;
|
|
9511
|
-
var result = interpolation(mergedProps);
|
|
9512
|
-
cursor = previousCursor;
|
|
9513
|
-
return handleInterpolation(mergedProps, registered, result);
|
|
9514
|
-
}
|
|
9515
|
-
|
|
9516
|
-
break;
|
|
9517
|
-
}
|
|
9518
|
-
} // finalize string values (regular strings and functions interpolated into css calls)
|
|
9519
|
-
|
|
9520
|
-
|
|
9521
|
-
var asString = interpolation;
|
|
9522
|
-
|
|
9523
|
-
{
|
|
9524
|
-
return asString;
|
|
9525
|
-
}
|
|
9526
|
-
}
|
|
9527
|
-
|
|
9528
|
-
function createStringFromObject(mergedProps, registered, obj) {
|
|
9529
|
-
var string = '';
|
|
9530
|
-
|
|
9531
|
-
if (Array.isArray(obj)) {
|
|
9532
|
-
for (var i = 0; i < obj.length; i++) {
|
|
9533
|
-
string += handleInterpolation(mergedProps, registered, obj[i]) + ";";
|
|
9534
|
-
}
|
|
9535
|
-
} else {
|
|
9536
|
-
for (var key in obj) {
|
|
9537
|
-
var value = obj[key];
|
|
9538
|
-
|
|
9539
|
-
if (typeof value !== 'object') {
|
|
9540
|
-
var asString = value;
|
|
9541
|
-
|
|
9542
|
-
if (isProcessableValue(asString)) {
|
|
9543
|
-
string += processStyleName(key) + ":" + processStyleValue(key, asString) + ";";
|
|
9544
|
-
}
|
|
9545
|
-
} else {
|
|
9546
|
-
|
|
9547
|
-
if (Array.isArray(value) && typeof value[0] === 'string' && (registered == null)) {
|
|
9548
|
-
for (var _i = 0; _i < value.length; _i++) {
|
|
9549
|
-
if (isProcessableValue(value[_i])) {
|
|
9550
|
-
string += processStyleName(key) + ":" + processStyleValue(key, value[_i]) + ";";
|
|
9551
|
-
}
|
|
9552
|
-
}
|
|
9553
|
-
} else {
|
|
9554
|
-
var interpolated = handleInterpolation(mergedProps, registered, value);
|
|
9555
|
-
|
|
9556
|
-
switch (key) {
|
|
9557
|
-
case 'animation':
|
|
9558
|
-
case 'animationName':
|
|
9559
|
-
{
|
|
9560
|
-
string += processStyleName(key) + ":" + interpolated + ";";
|
|
9561
|
-
break;
|
|
9562
|
-
}
|
|
9563
|
-
|
|
9564
|
-
default:
|
|
9565
|
-
{
|
|
9566
|
-
|
|
9567
|
-
string += key + "{" + interpolated + "}";
|
|
9568
|
-
}
|
|
9569
|
-
}
|
|
9570
|
-
}
|
|
9571
|
-
}
|
|
9572
|
-
}
|
|
9573
|
-
}
|
|
9574
|
-
|
|
9575
|
-
return string;
|
|
9576
|
-
}
|
|
9577
|
-
|
|
9578
|
-
var labelPattern = /label:\s*([^\s;{]+)\s*(;|$)/g; // this is the cursor for keyframes
|
|
9579
|
-
// keyframes are stored on the SerializedStyles object as a linked list
|
|
9580
|
-
|
|
9581
|
-
var cursor;
|
|
9582
|
-
function serializeStyles(args, registered, mergedProps) {
|
|
9583
|
-
if (args.length === 1 && typeof args[0] === 'object' && args[0] !== null && args[0].styles !== undefined) {
|
|
9584
|
-
return args[0];
|
|
9585
|
-
}
|
|
9586
|
-
|
|
9587
|
-
var stringMode = true;
|
|
9588
|
-
var styles = '';
|
|
9589
|
-
cursor = undefined;
|
|
9590
|
-
var strings = args[0];
|
|
9591
|
-
|
|
9592
|
-
if (strings == null || strings.raw === undefined) {
|
|
9593
|
-
stringMode = false;
|
|
9594
|
-
styles += handleInterpolation(mergedProps, registered, strings);
|
|
9595
|
-
} else {
|
|
9596
|
-
var asTemplateStringsArr = strings;
|
|
9597
|
-
|
|
9598
|
-
styles += asTemplateStringsArr[0];
|
|
9599
|
-
} // we start at 1 since we've already handled the first arg
|
|
9600
|
-
|
|
9601
|
-
|
|
9602
|
-
for (var i = 1; i < args.length; i++) {
|
|
9603
|
-
styles += handleInterpolation(mergedProps, registered, args[i]);
|
|
9604
|
-
|
|
9605
|
-
if (stringMode) {
|
|
9606
|
-
var templateStringsArr = strings;
|
|
9607
|
-
|
|
9608
|
-
styles += templateStringsArr[i];
|
|
9609
|
-
}
|
|
9610
|
-
} // using a global regex with .exec is stateful so lastIndex has to be reset each time
|
|
9611
|
-
|
|
9612
|
-
|
|
9613
|
-
labelPattern.lastIndex = 0;
|
|
9614
|
-
var identifierName = '';
|
|
9615
|
-
var match; // https://esbench.com/bench/5b809c2cf2949800a0f61fb5
|
|
9616
|
-
|
|
9617
|
-
while ((match = labelPattern.exec(styles)) !== null) {
|
|
9618
|
-
identifierName += '-' + match[1];
|
|
9619
|
-
}
|
|
9620
|
-
|
|
9621
|
-
var name = murmur2(styles) + identifierName;
|
|
9622
|
-
|
|
9623
|
-
return {
|
|
9624
|
-
name: name,
|
|
9625
|
-
styles: styles,
|
|
9626
|
-
next: cursor
|
|
9627
|
-
};
|
|
9628
|
-
}
|
|
9629
|
-
|
|
9630
|
-
var syncFallback = function syncFallback(create) {
|
|
9631
|
-
return create();
|
|
9632
|
-
};
|
|
9633
|
-
|
|
9634
|
-
var useInsertionEffect$1 = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : false;
|
|
9635
|
-
var useInsertionEffectAlwaysWithSyncFallback = useInsertionEffect$1 || syncFallback;
|
|
9636
|
-
|
|
9637
|
-
var EmotionCacheContext = /* #__PURE__ */React.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
|
|
9638
|
-
// because this module is primarily intended for the browser and node
|
|
9639
|
-
// but it's also required in react native and similar environments sometimes
|
|
9640
|
-
// and we could have a special build just for that
|
|
9641
|
-
// but this is much easier and the native packages
|
|
9642
|
-
// might use a different theme context in the future anyway
|
|
9643
|
-
typeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache({
|
|
9644
|
-
key: 'css'
|
|
9645
|
-
}) : null);
|
|
9646
|
-
|
|
9647
|
-
EmotionCacheContext.Provider;
|
|
9648
|
-
|
|
9649
|
-
var withEmotionCache = function withEmotionCache(func) {
|
|
9650
|
-
return /*#__PURE__*/forwardRef(function (props, ref) {
|
|
9651
|
-
// the cache will never be null in the browser
|
|
9652
|
-
var cache = useContext(EmotionCacheContext);
|
|
9653
|
-
return func(props, cache, ref);
|
|
9654
|
-
});
|
|
9655
|
-
};
|
|
9656
|
-
|
|
9657
|
-
var ThemeContext = /* #__PURE__ */React.createContext({});
|
|
9658
|
-
|
|
9659
|
-
var hasOwn = {}.hasOwnProperty;
|
|
9660
|
-
|
|
9661
|
-
var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
|
|
9662
|
-
var createEmotionProps = function createEmotionProps(type, props) {
|
|
9663
|
-
|
|
9664
|
-
var newProps = {};
|
|
9665
|
-
|
|
9666
|
-
for (var _key in props) {
|
|
9667
|
-
if (hasOwn.call(props, _key)) {
|
|
9668
|
-
newProps[_key] = props[_key];
|
|
9669
|
-
}
|
|
9670
|
-
}
|
|
9671
|
-
|
|
9672
|
-
newProps[typePropName] = type; // Runtime labeling is an opt-in feature because:
|
|
9673
|
-
|
|
9674
|
-
return newProps;
|
|
9675
|
-
};
|
|
9676
|
-
|
|
9677
|
-
var Insertion = function Insertion(_ref) {
|
|
9678
|
-
var cache = _ref.cache,
|
|
9679
|
-
serialized = _ref.serialized,
|
|
9680
|
-
isStringTag = _ref.isStringTag;
|
|
9681
|
-
registerStyles(cache, serialized, isStringTag);
|
|
9682
|
-
useInsertionEffectAlwaysWithSyncFallback(function () {
|
|
9683
|
-
return insertStyles(cache, serialized, isStringTag);
|
|
9684
|
-
});
|
|
9685
|
-
|
|
9686
|
-
return null;
|
|
9687
|
-
};
|
|
9688
|
-
|
|
9689
|
-
var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
|
|
9690
|
-
var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
|
|
9691
|
-
// not passing the registered cache to serializeStyles because it would
|
|
9692
|
-
// make certain babel optimisations not possible
|
|
9693
|
-
|
|
9694
|
-
if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {
|
|
9695
|
-
cssProp = cache.registered[cssProp];
|
|
9696
|
-
}
|
|
9697
|
-
|
|
9698
|
-
var WrappedComponent = props[typePropName];
|
|
9699
|
-
var registeredStyles = [cssProp];
|
|
9700
|
-
var className = '';
|
|
9701
|
-
|
|
9702
|
-
if (typeof props.className === 'string') {
|
|
9703
|
-
className = getRegisteredStyles(cache.registered, registeredStyles, props.className);
|
|
9704
|
-
} else if (props.className != null) {
|
|
9705
|
-
className = props.className + " ";
|
|
9706
|
-
}
|
|
9707
|
-
|
|
9708
|
-
var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext));
|
|
9709
|
-
|
|
9710
|
-
className += cache.key + "-" + serialized.name;
|
|
9711
|
-
var newProps = {};
|
|
9712
|
-
|
|
9713
|
-
for (var _key2 in props) {
|
|
9714
|
-
if (hasOwn.call(props, _key2) && _key2 !== 'css' && _key2 !== typePropName && (true )) {
|
|
9715
|
-
newProps[_key2] = props[_key2];
|
|
9716
|
-
}
|
|
9717
|
-
}
|
|
9718
|
-
|
|
9719
|
-
newProps.className = className;
|
|
9720
|
-
|
|
9721
|
-
if (ref) {
|
|
9722
|
-
newProps.ref = ref;
|
|
9723
|
-
}
|
|
9724
|
-
|
|
9725
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {
|
|
9726
|
-
cache: cache,
|
|
9727
|
-
serialized: serialized,
|
|
9728
|
-
isStringTag: typeof WrappedComponent === 'string'
|
|
9729
|
-
}), /*#__PURE__*/React.createElement(WrappedComponent, newProps));
|
|
9730
|
-
});
|
|
9731
|
-
|
|
9732
|
-
var Emotion$1 = Emotion;
|
|
9733
|
-
|
|
9734
|
-
var jsx = function jsx(type, props) {
|
|
9735
|
-
// eslint-disable-next-line prefer-rest-params
|
|
9736
|
-
var args = arguments;
|
|
9737
|
-
|
|
9738
|
-
if (props == null || !hasOwn.call(props, 'css')) {
|
|
9739
|
-
return React.createElement.apply(undefined, args);
|
|
9740
|
-
}
|
|
9741
|
-
|
|
9742
|
-
var argsLength = args.length;
|
|
9743
|
-
var createElementArgArray = new Array(argsLength);
|
|
9744
|
-
createElementArgArray[0] = Emotion$1;
|
|
9745
|
-
createElementArgArray[1] = createEmotionProps(type, props);
|
|
9746
|
-
|
|
9747
|
-
for (var i = 2; i < argsLength; i++) {
|
|
9748
|
-
createElementArgArray[i] = args[i];
|
|
9749
|
-
}
|
|
9750
|
-
|
|
9751
|
-
return React.createElement.apply(null, createElementArgArray);
|
|
9752
|
-
};
|
|
9753
|
-
|
|
9754
|
-
(function (_jsx) {
|
|
9755
|
-
var JSX;
|
|
9756
|
-
|
|
9757
|
-
(function (_JSX) {})(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
|
|
9758
|
-
})(jsx || (jsx = {}));
|
|
9759
|
-
|
|
9760
|
-
function css$2() {
|
|
9761
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
9762
|
-
args[_key] = arguments[_key];
|
|
9763
|
-
}
|
|
9764
|
-
|
|
9765
|
-
return serializeStyles(args);
|
|
9766
|
-
}
|
|
9767
|
-
|
|
9768
|
-
function keyframes() {
|
|
9769
|
-
var insertable = css$2.apply(void 0, arguments);
|
|
9770
|
-
var name = "animation-" + insertable.name;
|
|
9771
|
-
return {
|
|
9772
|
-
name: name,
|
|
9773
|
-
styles: "@keyframes " + name + "{" + insertable.styles + "}",
|
|
9774
|
-
anim: 1,
|
|
9775
|
-
toString: function toString() {
|
|
9776
|
-
return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
|
|
9777
|
-
}
|
|
9778
|
-
};
|
|
9779
|
-
}
|
|
9780
|
-
|
|
9781
7975
|
function _taggedTemplateLiteral(e, t) {
|
|
9782
7976
|
return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
|
|
9783
7977
|
raw: {
|
|
@@ -12421,7 +10615,7 @@ var Menu = function Menu(props) {
|
|
|
12421
10615
|
var children = props.children,
|
|
12422
10616
|
innerRef = props.innerRef,
|
|
12423
10617
|
innerProps = props.innerProps;
|
|
12424
|
-
return jsx("div", _extends({}, getStyleProps(props, 'menu', {
|
|
10618
|
+
return jsx$1("div", _extends({}, getStyleProps(props, 'menu', {
|
|
12425
10619
|
menu: true
|
|
12426
10620
|
}), {
|
|
12427
10621
|
ref: innerRef
|
|
@@ -12452,7 +10646,7 @@ var MenuList = function MenuList(props) {
|
|
|
12452
10646
|
innerProps = props.innerProps,
|
|
12453
10647
|
innerRef = props.innerRef,
|
|
12454
10648
|
isMulti = props.isMulti;
|
|
12455
|
-
return jsx("div", _extends({}, getStyleProps(props, 'menuList', {
|
|
10649
|
+
return jsx$1("div", _extends({}, getStyleProps(props, 'menuList', {
|
|
12456
10650
|
'menu-list': true,
|
|
12457
10651
|
'menu-list--is-multi': isMulti
|
|
12458
10652
|
}), {
|
|
@@ -12482,7 +10676,7 @@ var NoOptionsMessage = function NoOptionsMessage(_ref6) {
|
|
|
12482
10676
|
children = _ref6$children === void 0 ? 'No options' : _ref6$children,
|
|
12483
10677
|
innerProps = _ref6.innerProps,
|
|
12484
10678
|
restProps = _objectWithoutProperties$1(_ref6, _excluded$3);
|
|
12485
|
-
return jsx("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
|
|
10679
|
+
return jsx$1("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
|
|
12486
10680
|
children: children,
|
|
12487
10681
|
innerProps: innerProps
|
|
12488
10682
|
}), 'noOptionsMessage', {
|
|
@@ -12495,7 +10689,7 @@ var LoadingMessage = function LoadingMessage(_ref7) {
|
|
|
12495
10689
|
children = _ref7$children === void 0 ? 'Loading...' : _ref7$children,
|
|
12496
10690
|
innerProps = _ref7.innerProps,
|
|
12497
10691
|
restProps = _objectWithoutProperties$1(_ref7, _excluded2$1);
|
|
12498
|
-
return jsx("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
|
|
10692
|
+
return jsx$1("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
|
|
12499
10693
|
children: children,
|
|
12500
10694
|
innerProps: innerProps
|
|
12501
10695
|
}), 'loadingMessage', {
|
|
@@ -12580,7 +10774,7 @@ var MenuPortal = function MenuPortal(props) {
|
|
|
12580
10774
|
if (!appendTo && menuPosition !== 'fixed' || !computedPosition) return null;
|
|
12581
10775
|
|
|
12582
10776
|
// same wrapper element whether fixed or portalled
|
|
12583
|
-
var menuWrapper = jsx("div", _extends({
|
|
10777
|
+
var menuWrapper = jsx$1("div", _extends({
|
|
12584
10778
|
ref: setMenuPortalElement
|
|
12585
10779
|
}, getStyleProps(_objectSpread2(_objectSpread2({}, props), {}, {
|
|
12586
10780
|
offset: computedPosition.offset,
|
|
@@ -12589,7 +10783,7 @@ var MenuPortal = function MenuPortal(props) {
|
|
|
12589
10783
|
}), 'menuPortal', {
|
|
12590
10784
|
'menu-portal': true
|
|
12591
10785
|
}), innerProps), children);
|
|
12592
|
-
return jsx(PortalPlacementContext.Provider, {
|
|
10786
|
+
return jsx$1(PortalPlacementContext.Provider, {
|
|
12593
10787
|
value: portalPlacementContext
|
|
12594
10788
|
}, appendTo ? /*#__PURE__*/reactDomExports.createPortal(menuWrapper, appendTo) : menuWrapper);
|
|
12595
10789
|
};
|
|
@@ -12614,7 +10808,7 @@ var SelectContainer = function SelectContainer(props) {
|
|
|
12614
10808
|
innerProps = props.innerProps,
|
|
12615
10809
|
isDisabled = props.isDisabled,
|
|
12616
10810
|
isRtl = props.isRtl;
|
|
12617
|
-
return jsx("div", _extends({}, getStyleProps(props, 'container', {
|
|
10811
|
+
return jsx$1("div", _extends({}, getStyleProps(props, 'container', {
|
|
12618
10812
|
'--is-disabled': isDisabled,
|
|
12619
10813
|
'--is-rtl': isRtl
|
|
12620
10814
|
}), innerProps), children);
|
|
@@ -12646,7 +10840,7 @@ var ValueContainer = function ValueContainer(props) {
|
|
|
12646
10840
|
innerProps = props.innerProps,
|
|
12647
10841
|
isMulti = props.isMulti,
|
|
12648
10842
|
hasValue = props.hasValue;
|
|
12649
|
-
return jsx("div", _extends({}, getStyleProps(props, 'valueContainer', {
|
|
10843
|
+
return jsx$1("div", _extends({}, getStyleProps(props, 'valueContainer', {
|
|
12650
10844
|
'value-container': true,
|
|
12651
10845
|
'value-container--is-multi': isMulti,
|
|
12652
10846
|
'value-container--has-value': hasValue
|
|
@@ -12668,7 +10862,7 @@ var indicatorsContainerCSS = function indicatorsContainerCSS() {
|
|
|
12668
10862
|
var IndicatorsContainer = function IndicatorsContainer(props) {
|
|
12669
10863
|
var children = props.children,
|
|
12670
10864
|
innerProps = props.innerProps;
|
|
12671
|
-
return jsx("div", _extends({}, getStyleProps(props, 'indicatorsContainer', {
|
|
10865
|
+
return jsx$1("div", _extends({}, getStyleProps(props, 'indicatorsContainer', {
|
|
12672
10866
|
indicators: true
|
|
12673
10867
|
}), innerProps), children);
|
|
12674
10868
|
};
|
|
@@ -12693,7 +10887,7 @@ var _ref2$2 = process.env.NODE_ENV === "production" ? {
|
|
|
12693
10887
|
var Svg = function Svg(_ref) {
|
|
12694
10888
|
var size = _ref.size,
|
|
12695
10889
|
props = _objectWithoutProperties$1(_ref, _excluded$2);
|
|
12696
|
-
return jsx("svg", _extends({
|
|
10890
|
+
return jsx$1("svg", _extends({
|
|
12697
10891
|
height: size,
|
|
12698
10892
|
width: size,
|
|
12699
10893
|
viewBox: "0 0 20 20",
|
|
@@ -12703,16 +10897,16 @@ var Svg = function Svg(_ref) {
|
|
|
12703
10897
|
}, props));
|
|
12704
10898
|
};
|
|
12705
10899
|
var CrossIcon = function CrossIcon(props) {
|
|
12706
|
-
return jsx(Svg, _extends({
|
|
10900
|
+
return jsx$1(Svg, _extends({
|
|
12707
10901
|
size: 20
|
|
12708
|
-
}, props), jsx("path", {
|
|
10902
|
+
}, props), jsx$1("path", {
|
|
12709
10903
|
d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
|
|
12710
10904
|
}));
|
|
12711
10905
|
};
|
|
12712
10906
|
var DownChevron = function DownChevron(props) {
|
|
12713
|
-
return jsx(Svg, _extends({
|
|
10907
|
+
return jsx$1(Svg, _extends({
|
|
12714
10908
|
size: 20
|
|
12715
|
-
}, props), jsx("path", {
|
|
10909
|
+
}, props), jsx$1("path", {
|
|
12716
10910
|
d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
12717
10911
|
}));
|
|
12718
10912
|
};
|
|
@@ -12742,19 +10936,19 @@ var dropdownIndicatorCSS = baseCSS;
|
|
|
12742
10936
|
var DropdownIndicator = function DropdownIndicator(props) {
|
|
12743
10937
|
var children = props.children,
|
|
12744
10938
|
innerProps = props.innerProps;
|
|
12745
|
-
return jsx("div", _extends({}, getStyleProps(props, 'dropdownIndicator', {
|
|
10939
|
+
return jsx$1("div", _extends({}, getStyleProps(props, 'dropdownIndicator', {
|
|
12746
10940
|
indicator: true,
|
|
12747
10941
|
'dropdown-indicator': true
|
|
12748
|
-
}), innerProps), children || jsx(DownChevron, null));
|
|
10942
|
+
}), innerProps), children || jsx$1(DownChevron, null));
|
|
12749
10943
|
};
|
|
12750
10944
|
var clearIndicatorCSS = baseCSS;
|
|
12751
10945
|
var ClearIndicator = function ClearIndicator(props) {
|
|
12752
10946
|
var children = props.children,
|
|
12753
10947
|
innerProps = props.innerProps;
|
|
12754
|
-
return jsx("div", _extends({}, getStyleProps(props, 'clearIndicator', {
|
|
10948
|
+
return jsx$1("div", _extends({}, getStyleProps(props, 'clearIndicator', {
|
|
12755
10949
|
indicator: true,
|
|
12756
10950
|
'clear-indicator': true
|
|
12757
|
-
}), innerProps), children || jsx(CrossIcon, null));
|
|
10951
|
+
}), innerProps), children || jsx$1(CrossIcon, null));
|
|
12758
10952
|
};
|
|
12759
10953
|
|
|
12760
10954
|
// ==============================
|
|
@@ -12778,7 +10972,7 @@ var indicatorSeparatorCSS = function indicatorSeparatorCSS(_ref4, unstyled) {
|
|
|
12778
10972
|
};
|
|
12779
10973
|
var IndicatorSeparator = function IndicatorSeparator(props) {
|
|
12780
10974
|
var innerProps = props.innerProps;
|
|
12781
|
-
return jsx("span", _extends({}, innerProps, getStyleProps(props, 'indicatorSeparator', {
|
|
10975
|
+
return jsx$1("span", _extends({}, innerProps, getStyleProps(props, 'indicatorSeparator', {
|
|
12782
10976
|
'indicator-separator': true
|
|
12783
10977
|
})));
|
|
12784
10978
|
};
|
|
@@ -12812,7 +11006,7 @@ var loadingIndicatorCSS = function loadingIndicatorCSS(_ref5, unstyled) {
|
|
|
12812
11006
|
var LoadingDot = function LoadingDot(_ref6) {
|
|
12813
11007
|
var delay = _ref6.delay,
|
|
12814
11008
|
offset = _ref6.offset;
|
|
12815
|
-
return jsx("span", {
|
|
11009
|
+
return jsx$1("span", {
|
|
12816
11010
|
css: /*#__PURE__*/css$2({
|
|
12817
11011
|
animation: "".concat(loadingDotAnimations, " 1s ease-in-out ").concat(delay, "ms infinite;"),
|
|
12818
11012
|
backgroundColor: 'currentColor',
|
|
@@ -12831,20 +11025,20 @@ var LoadingIndicator$1 = function LoadingIndicator(_ref7) {
|
|
|
12831
11025
|
_ref7$size = _ref7.size,
|
|
12832
11026
|
size = _ref7$size === void 0 ? 4 : _ref7$size,
|
|
12833
11027
|
restProps = _objectWithoutProperties$1(_ref7, _excluded2);
|
|
12834
|
-
return jsx("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
|
|
11028
|
+
return jsx$1("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
|
|
12835
11029
|
innerProps: innerProps,
|
|
12836
11030
|
isRtl: isRtl,
|
|
12837
11031
|
size: size
|
|
12838
11032
|
}), 'loadingIndicator', {
|
|
12839
11033
|
indicator: true,
|
|
12840
11034
|
'loading-indicator': true
|
|
12841
|
-
}), innerProps), jsx(LoadingDot, {
|
|
11035
|
+
}), innerProps), jsx$1(LoadingDot, {
|
|
12842
11036
|
delay: 0,
|
|
12843
11037
|
offset: isRtl
|
|
12844
|
-
}), jsx(LoadingDot, {
|
|
11038
|
+
}), jsx$1(LoadingDot, {
|
|
12845
11039
|
delay: 160,
|
|
12846
11040
|
offset: true
|
|
12847
|
-
}), jsx(LoadingDot, {
|
|
11041
|
+
}), jsx$1(LoadingDot, {
|
|
12848
11042
|
delay: 320,
|
|
12849
11043
|
offset: !isRtl
|
|
12850
11044
|
}));
|
|
@@ -12887,7 +11081,7 @@ var Control = function Control(props) {
|
|
|
12887
11081
|
innerRef = props.innerRef,
|
|
12888
11082
|
innerProps = props.innerProps,
|
|
12889
11083
|
menuIsOpen = props.menuIsOpen;
|
|
12890
|
-
return jsx("div", _extends({
|
|
11084
|
+
return jsx$1("div", _extends({
|
|
12891
11085
|
ref: innerRef
|
|
12892
11086
|
}, getStyleProps(props, 'control', {
|
|
12893
11087
|
control: true,
|
|
@@ -12919,15 +11113,15 @@ var Group = function Group(props) {
|
|
|
12919
11113
|
label = props.label,
|
|
12920
11114
|
theme = props.theme,
|
|
12921
11115
|
selectProps = props.selectProps;
|
|
12922
|
-
return jsx("div", _extends({}, getStyleProps(props, 'group', {
|
|
11116
|
+
return jsx$1("div", _extends({}, getStyleProps(props, 'group', {
|
|
12923
11117
|
group: true
|
|
12924
|
-
}), innerProps), jsx(Heading, _extends({}, headingProps, {
|
|
11118
|
+
}), innerProps), jsx$1(Heading, _extends({}, headingProps, {
|
|
12925
11119
|
selectProps: selectProps,
|
|
12926
11120
|
theme: theme,
|
|
12927
11121
|
getStyles: getStyles,
|
|
12928
11122
|
getClassNames: getClassNames,
|
|
12929
11123
|
cx: cx
|
|
12930
|
-
}), label), jsx("div", null, children));
|
|
11124
|
+
}), label), jsx$1("div", null, children));
|
|
12931
11125
|
};
|
|
12932
11126
|
var groupHeadingCSS = function groupHeadingCSS(_ref2, unstyled) {
|
|
12933
11127
|
var _ref2$theme = _ref2.theme,
|
|
@@ -12951,7 +11145,7 @@ var GroupHeading = function GroupHeading(props) {
|
|
|
12951
11145
|
var _cleanCommonProps = cleanCommonProps(props);
|
|
12952
11146
|
_cleanCommonProps.data;
|
|
12953
11147
|
var innerProps = _objectWithoutProperties$1(_cleanCommonProps, _excluded$1$1);
|
|
12954
|
-
return jsx("div", _extends({}, getStyleProps(props, 'groupHeading', {
|
|
11148
|
+
return jsx$1("div", _extends({}, getStyleProps(props, 'groupHeading', {
|
|
12955
11149
|
'group-heading': true
|
|
12956
11150
|
}), innerProps));
|
|
12957
11151
|
};
|
|
@@ -13014,11 +11208,11 @@ var Input = function Input(props) {
|
|
|
13014
11208
|
isHidden = _cleanCommonProps.isHidden,
|
|
13015
11209
|
inputClassName = _cleanCommonProps.inputClassName,
|
|
13016
11210
|
innerProps = _objectWithoutProperties$1(_cleanCommonProps, _excluded$5);
|
|
13017
|
-
return jsx("div", _extends({}, getStyleProps(props, 'input', {
|
|
11211
|
+
return jsx$1("div", _extends({}, getStyleProps(props, 'input', {
|
|
13018
11212
|
'input-container': true
|
|
13019
11213
|
}), {
|
|
13020
11214
|
"data-value": value || ''
|
|
13021
|
-
}), jsx("input", _extends({
|
|
11215
|
+
}), jsx$1("input", _extends({
|
|
13022
11216
|
className: cx({
|
|
13023
11217
|
input: true
|
|
13024
11218
|
}, inputClassName),
|
|
@@ -13084,16 +11278,16 @@ var multiValueRemoveCSS = function multiValueRemoveCSS(_ref3, unstyled) {
|
|
|
13084
11278
|
var MultiValueGeneric = function MultiValueGeneric(_ref4) {
|
|
13085
11279
|
var children = _ref4.children,
|
|
13086
11280
|
innerProps = _ref4.innerProps;
|
|
13087
|
-
return jsx("div", innerProps, children);
|
|
11281
|
+
return jsx$1("div", innerProps, children);
|
|
13088
11282
|
};
|
|
13089
11283
|
var MultiValueContainer = MultiValueGeneric;
|
|
13090
11284
|
var MultiValueLabel = MultiValueGeneric;
|
|
13091
11285
|
function MultiValueRemove(_ref5) {
|
|
13092
11286
|
var children = _ref5.children,
|
|
13093
11287
|
innerProps = _ref5.innerProps;
|
|
13094
|
-
return jsx("div", _extends({
|
|
11288
|
+
return jsx$1("div", _extends({
|
|
13095
11289
|
role: "button"
|
|
13096
|
-
}, innerProps), children || jsx(CrossIcon, {
|
|
11290
|
+
}, innerProps), children || jsx$1(CrossIcon, {
|
|
13097
11291
|
size: 14
|
|
13098
11292
|
}));
|
|
13099
11293
|
}
|
|
@@ -13108,20 +11302,20 @@ var MultiValue = function MultiValue(props) {
|
|
|
13108
11302
|
var Container = components.Container,
|
|
13109
11303
|
Label = components.Label,
|
|
13110
11304
|
Remove = components.Remove;
|
|
13111
|
-
return jsx(Container, {
|
|
11305
|
+
return jsx$1(Container, {
|
|
13112
11306
|
data: data,
|
|
13113
11307
|
innerProps: _objectSpread2(_objectSpread2({}, getStyleProps(props, 'multiValue', {
|
|
13114
11308
|
'multi-value': true,
|
|
13115
11309
|
'multi-value--is-disabled': isDisabled
|
|
13116
11310
|
})), innerProps),
|
|
13117
11311
|
selectProps: selectProps
|
|
13118
|
-
}, jsx(Label, {
|
|
11312
|
+
}, jsx$1(Label, {
|
|
13119
11313
|
data: data,
|
|
13120
11314
|
innerProps: _objectSpread2({}, getStyleProps(props, 'multiValueLabel', {
|
|
13121
11315
|
'multi-value__label': true
|
|
13122
11316
|
})),
|
|
13123
11317
|
selectProps: selectProps
|
|
13124
|
-
}, children), jsx(Remove, {
|
|
11318
|
+
}, children), jsx$1(Remove, {
|
|
13125
11319
|
data: data,
|
|
13126
11320
|
innerProps: _objectSpread2(_objectSpread2({}, getStyleProps(props, 'multiValueRemove', {
|
|
13127
11321
|
'multi-value__remove': true
|
|
@@ -13165,7 +11359,7 @@ var Option = function Option(props) {
|
|
|
13165
11359
|
isSelected = props.isSelected,
|
|
13166
11360
|
innerRef = props.innerRef,
|
|
13167
11361
|
innerProps = props.innerProps;
|
|
13168
|
-
return jsx("div", _extends({}, getStyleProps(props, 'option', {
|
|
11362
|
+
return jsx$1("div", _extends({}, getStyleProps(props, 'option', {
|
|
13169
11363
|
option: true,
|
|
13170
11364
|
'option--is-disabled': isDisabled,
|
|
13171
11365
|
'option--is-focused': isFocused,
|
|
@@ -13193,7 +11387,7 @@ var placeholderCSS = function placeholderCSS(_ref, unstyled) {
|
|
|
13193
11387
|
var Placeholder = function Placeholder(props) {
|
|
13194
11388
|
var children = props.children,
|
|
13195
11389
|
innerProps = props.innerProps;
|
|
13196
|
-
return jsx("div", _extends({}, getStyleProps(props, 'placeholder', {
|
|
11390
|
+
return jsx$1("div", _extends({}, getStyleProps(props, 'placeholder', {
|
|
13197
11391
|
placeholder: true
|
|
13198
11392
|
}), innerProps), children);
|
|
13199
11393
|
};
|
|
@@ -13221,7 +11415,7 @@ var SingleValue = function SingleValue(props) {
|
|
|
13221
11415
|
var children = props.children,
|
|
13222
11416
|
isDisabled = props.isDisabled,
|
|
13223
11417
|
innerProps = props.innerProps;
|
|
13224
|
-
return jsx("div", _extends({}, getStyleProps(props, 'singleValue', {
|
|
11418
|
+
return jsx$1("div", _extends({}, getStyleProps(props, 'singleValue', {
|
|
13225
11419
|
'single-value': true,
|
|
13226
11420
|
'single-value--is-disabled': isDisabled
|
|
13227
11421
|
}), innerProps), children);
|
|
@@ -13322,7 +11516,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
13322
11516
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
|
|
13323
11517
|
};
|
|
13324
11518
|
var A11yText = function A11yText(props) {
|
|
13325
|
-
return jsx("span", _extends({
|
|
11519
|
+
return jsx$1("span", _extends({
|
|
13326
11520
|
css: _ref
|
|
13327
11521
|
}, props));
|
|
13328
11522
|
};
|
|
@@ -13507,18 +11701,18 @@ var LiveRegion = function LiveRegion(props) {
|
|
|
13507
11701
|
}
|
|
13508
11702
|
return guidanceMsg;
|
|
13509
11703
|
}, [ariaLabel, focusedOption, focusedValue, isMulti, isOptionDisabled, isSearchable, menuIsOpen, messages, selectValue, tabSelectsValue, isInitialFocus]);
|
|
13510
|
-
var ScreenReaderText = jsx(Fragment$1, null, jsx("span", {
|
|
11704
|
+
var ScreenReaderText = jsx$1(Fragment$1, null, jsx$1("span", {
|
|
13511
11705
|
id: "aria-selection"
|
|
13512
|
-
}, ariaSelected), jsx("span", {
|
|
11706
|
+
}, ariaSelected), jsx$1("span", {
|
|
13513
11707
|
id: "aria-focused"
|
|
13514
|
-
}, ariaFocused), jsx("span", {
|
|
11708
|
+
}, ariaFocused), jsx$1("span", {
|
|
13515
11709
|
id: "aria-results"
|
|
13516
|
-
}, ariaResults), jsx("span", {
|
|
11710
|
+
}, ariaResults), jsx$1("span", {
|
|
13517
11711
|
id: "aria-guidance"
|
|
13518
11712
|
}, ariaGuidance));
|
|
13519
|
-
return jsx(Fragment$1, null, jsx(A11yText$1, {
|
|
11713
|
+
return jsx$1(Fragment$1, null, jsx$1(A11yText$1, {
|
|
13520
11714
|
id: id
|
|
13521
|
-
}, isInitialFocus && ScreenReaderText), jsx(A11yText$1, {
|
|
11715
|
+
}, isInitialFocus && ScreenReaderText), jsx$1(A11yText$1, {
|
|
13522
11716
|
"aria-live": ariaLive,
|
|
13523
11717
|
"aria-atomic": "false",
|
|
13524
11718
|
"aria-relevant": "additions text",
|
|
@@ -13839,7 +12033,7 @@ function DummyInput(_ref) {
|
|
|
13839
12033
|
props = _objectWithoutProperties$1(_ref, _excluded$1);
|
|
13840
12034
|
// Remove animation props not meant for HTML elements
|
|
13841
12035
|
var filteredProps = removeProps(props, 'onExited', 'in', 'enter', 'exit', 'appear');
|
|
13842
|
-
return jsx("input", _extends({
|
|
12036
|
+
return jsx$1("input", _extends({
|
|
13843
12037
|
ref: innerRef
|
|
13844
12038
|
}, filteredProps, {
|
|
13845
12039
|
css: /*#__PURE__*/css$2({
|
|
@@ -14128,7 +12322,7 @@ function ScrollManager(_ref) {
|
|
|
14128
12322
|
setScrollCaptureTarget(element);
|
|
14129
12323
|
setScrollLockTarget(element);
|
|
14130
12324
|
};
|
|
14131
|
-
return jsx(Fragment$1, null, lockEnabled && jsx("div", {
|
|
12325
|
+
return jsx$1(Fragment$1, null, lockEnabled && jsx$1("div", {
|
|
14132
12326
|
onClick: blurSelectInput,
|
|
14133
12327
|
css: _ref2$1
|
|
14134
12328
|
}), children(targetRef));
|
|
@@ -14147,7 +12341,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
|
14147
12341
|
var RequiredInput = function RequiredInput(_ref) {
|
|
14148
12342
|
var name = _ref.name,
|
|
14149
12343
|
onFocus = _ref.onFocus;
|
|
14150
|
-
return jsx("input", {
|
|
12344
|
+
return jsx$1("input", {
|
|
14151
12345
|
required: true,
|
|
14152
12346
|
name: name,
|
|
14153
12347
|
tabIndex: -1,
|
|
@@ -16136,7 +14330,7 @@ function Select({
|
|
|
16136
14330
|
" ",
|
|
16137
14331
|
required && "*"
|
|
16138
14332
|
] }),
|
|
16139
|
-
/* @__PURE__ */ jsx
|
|
14333
|
+
/* @__PURE__ */ jsx(
|
|
16140
14334
|
Component,
|
|
16141
14335
|
{
|
|
16142
14336
|
instanceId: useId$1(),
|
|
@@ -16227,7 +14421,7 @@ function Select({
|
|
|
16227
14421
|
key
|
|
16228
14422
|
)
|
|
16229
14423
|
] }),
|
|
16230
|
-
error && error.length > 0 && error.map((e, i) => /* @__PURE__ */ jsx
|
|
14424
|
+
error && error.length > 0 && error.map((e, i) => /* @__PURE__ */ jsx("span", { className: errorClasses, children: e }, i))
|
|
16231
14425
|
] });
|
|
16232
14426
|
}
|
|
16233
14427
|
|
|
@@ -16339,7 +14533,7 @@ function PhoneInput({
|
|
|
16339
14533
|
required && "*"
|
|
16340
14534
|
] }),
|
|
16341
14535
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-row", children: [
|
|
16342
|
-
/* @__PURE__ */ jsx
|
|
14536
|
+
/* @__PURE__ */ jsx(
|
|
16343
14537
|
Select,
|
|
16344
14538
|
{
|
|
16345
14539
|
className: "w-18 rounded-r-none",
|
|
@@ -16356,7 +14550,7 @@ function PhoneInput({
|
|
|
16356
14550
|
}
|
|
16357
14551
|
),
|
|
16358
14552
|
/* @__PURE__ */ jsxs("div", { className: "relative flex grow flex-row", children: [
|
|
16359
|
-
/* @__PURE__ */ jsx
|
|
14553
|
+
/* @__PURE__ */ jsx(
|
|
16360
14554
|
IMaskInput,
|
|
16361
14555
|
{
|
|
16362
14556
|
...props,
|
|
@@ -16381,10 +14575,10 @@ function PhoneInput({
|
|
|
16381
14575
|
name
|
|
16382
14576
|
}
|
|
16383
14577
|
),
|
|
16384
|
-
/* @__PURE__ */ jsx
|
|
14578
|
+
/* @__PURE__ */ jsx("div", { className: wrapperLeftClasses, children: countryCode.value })
|
|
16385
14579
|
] })
|
|
16386
14580
|
] }),
|
|
16387
|
-
error && error.length > 0 && error.map((e, i) => /* @__PURE__ */ jsx
|
|
14581
|
+
error && error.length > 0 && error.map((e, i) => /* @__PURE__ */ jsx("span", { className: errorClasses, children: e }, i))
|
|
16388
14582
|
] });
|
|
16389
14583
|
}
|
|
16390
14584
|
|
|
@@ -16426,10 +14620,10 @@ function RadioButtonGroup({
|
|
|
16426
14620
|
" ",
|
|
16427
14621
|
required && "*"
|
|
16428
14622
|
] }),
|
|
16429
|
-
/* @__PURE__ */ jsx
|
|
14623
|
+
/* @__PURE__ */ jsx("div", { className: ["flex gap-5", arrangement === "vertical" ? "flex-col" : "flex-row"].join(" "), children: options.map((option, i) => /* @__PURE__ */ jsxs("label", { className: labelWrapperClasses, children: [
|
|
16430
14624
|
/* @__PURE__ */ jsxs("div", { className: [controlClasses, value?.toString() === option.value.toString() ? classesFilled : classesEmpty].join(" "), children: [
|
|
16431
|
-
/* @__PURE__ */ jsx
|
|
16432
|
-
/* @__PURE__ */ jsx
|
|
14625
|
+
/* @__PURE__ */ jsx("div", { className: classes }),
|
|
14626
|
+
/* @__PURE__ */ jsx(
|
|
16433
14627
|
"input",
|
|
16434
14628
|
{
|
|
16435
14629
|
className: "appearance-none",
|
|
@@ -16443,9 +14637,9 @@ function RadioButtonGroup({
|
|
|
16443
14637
|
}
|
|
16444
14638
|
)
|
|
16445
14639
|
] }),
|
|
16446
|
-
/* @__PURE__ */ jsx
|
|
14640
|
+
/* @__PURE__ */ jsx("span", { className: optionClasses, children: option.label })
|
|
16447
14641
|
] }, i)) }),
|
|
16448
|
-
!!error?.length && /* @__PURE__ */ jsx
|
|
14642
|
+
!!error?.length && /* @__PURE__ */ jsx("span", { className: errorClasses, children: error })
|
|
16449
14643
|
] });
|
|
16450
14644
|
}
|
|
16451
14645
|
|
|
@@ -16476,9 +14670,9 @@ function Tag({
|
|
|
16476
14670
|
}
|
|
16477
14671
|
}) {
|
|
16478
14672
|
return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, onClick, children: [
|
|
16479
|
-
(iconLeftPath || iconLeftName) && /* @__PURE__ */ jsx
|
|
16480
|
-
/* @__PURE__ */ jsx
|
|
16481
|
-
(iconRightPath || iconRightName) && /* @__PURE__ */ jsx
|
|
14673
|
+
(iconLeftPath || iconLeftName) && /* @__PURE__ */ jsx(Icon, { name: iconLeftName, path: iconLeftPath, className: iconLeftClasses, onClick: onClickIconLeft }),
|
|
14674
|
+
/* @__PURE__ */ jsx("div", { className: titleClasses, children: title }),
|
|
14675
|
+
(iconRightPath || iconRightName) && /* @__PURE__ */ jsx(Icon, { name: iconRightName, path: iconRightPath, className: iconRightClasses, onClick: onClickIconRight })
|
|
16482
14676
|
] });
|
|
16483
14677
|
}
|
|
16484
14678
|
|
|
@@ -16520,8 +14714,8 @@ function TagList({
|
|
|
16520
14714
|
required && "*"
|
|
16521
14715
|
] }),
|
|
16522
14716
|
/* @__PURE__ */ jsxs("div", { className: classesFull.join(" "), children: [
|
|
16523
|
-
values?.map((value, i) => /* @__PURE__ */ jsx
|
|
16524
|
-
/* @__PURE__ */ jsx
|
|
14717
|
+
values?.map((value, i) => /* @__PURE__ */ jsx(Tag, { title: value.toString(), onClick: () => onChange(value), iconRightName: "heroicons:x-mark-16-solid" }, i)),
|
|
14718
|
+
/* @__PURE__ */ jsx(
|
|
16525
14719
|
Tag,
|
|
16526
14720
|
{
|
|
16527
14721
|
title: addTagTitle,
|
|
@@ -16531,7 +14725,7 @@ function TagList({
|
|
|
16531
14725
|
}
|
|
16532
14726
|
)
|
|
16533
14727
|
] }),
|
|
16534
|
-
error && error.length > 0 && error.map((e, i) => /* @__PURE__ */ jsx
|
|
14728
|
+
error && error.length > 0 && error.map((e, i) => /* @__PURE__ */ jsx("span", { className: errorClasses, children: e }, i))
|
|
16535
14729
|
] });
|
|
16536
14730
|
}
|
|
16537
14731
|
|
|
@@ -16587,7 +14781,7 @@ var Resizer = memo(function (props) {
|
|
|
16587
14781
|
var style = useMemo(function () {
|
|
16588
14782
|
return __assign$1(__assign$1({ position: 'absolute', userSelect: 'none' }, styles[direction]), (replaceStyles !== null && replaceStyles !== void 0 ? replaceStyles : {}));
|
|
16589
14783
|
}, [replaceStyles, direction]);
|
|
16590
|
-
return (jsx
|
|
14784
|
+
return (jsx("div", { className: className || undefined, style: style, onMouseDown: onMouseDown, onTouchStart: onTouchStart, children: children }));
|
|
16591
14785
|
});
|
|
16592
14786
|
|
|
16593
14787
|
var __extends = (undefined && undefined.__extends) || (function () {
|
|
@@ -17311,12 +15505,12 @@ var Resizable = /** @class */ (function (_super) {
|
|
|
17311
15505
|
}
|
|
17312
15506
|
var resizers = Object.keys(enable).map(function (dir) {
|
|
17313
15507
|
if (enable[dir] !== false) {
|
|
17314
|
-
return (jsx
|
|
15508
|
+
return (jsx(Resizer, { direction: dir, onResizeStart: _this.onResizeStart, replaceStyles: handleStyles && handleStyles[dir], className: handleClasses && handleClasses[dir], children: handleComponent && handleComponent[dir] ? handleComponent[dir] : null }, dir));
|
|
17315
15509
|
}
|
|
17316
15510
|
return null;
|
|
17317
15511
|
});
|
|
17318
15512
|
// #93 Wrap the resize box in span (will not break 100% width/height)
|
|
17319
|
-
return (jsx
|
|
15513
|
+
return (jsx("div", { className: handleWrapperClass, style: handleWrapperStyle, children: resizers }));
|
|
17320
15514
|
};
|
|
17321
15515
|
Resizable.prototype.render = function () {
|
|
17322
15516
|
var _this = this;
|
|
@@ -17339,7 +15533,7 @@ var Resizable = /** @class */ (function (_super) {
|
|
|
17339
15533
|
if (c) {
|
|
17340
15534
|
_this.resizable = c;
|
|
17341
15535
|
}
|
|
17342
|
-
}, children: [this.state.isResizing && jsx
|
|
15536
|
+
}, children: [this.state.isResizing && jsx("div", { style: this.state.backgroundStyle }), this.props.children, this.renderResizer()] })));
|
|
17343
15537
|
};
|
|
17344
15538
|
Resizable.defaultProps = {
|
|
17345
15539
|
as: 'div',
|
|
@@ -17452,18 +15646,18 @@ function Textarea({
|
|
|
17452
15646
|
" ",
|
|
17453
15647
|
required && "*"
|
|
17454
15648
|
] }),
|
|
17455
|
-
!!maxLength && /* @__PURE__ */ jsx
|
|
15649
|
+
!!maxLength && /* @__PURE__ */ jsx("span", { className: hintClasses, children: maxLengthLabel })
|
|
17456
15650
|
] }),
|
|
17457
|
-
/* @__PURE__ */ jsx
|
|
15651
|
+
/* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
|
|
17458
15652
|
Resizable,
|
|
17459
15653
|
{
|
|
17460
15654
|
defaultSize: { height },
|
|
17461
15655
|
className: classesFull.join(" "),
|
|
17462
15656
|
enable: { bottom: true },
|
|
17463
15657
|
handleComponent: resizeIconName || resizeIconPath ? {
|
|
17464
|
-
bottom: /* @__PURE__ */ jsx
|
|
15658
|
+
bottom: /* @__PURE__ */ jsx("div", { className: resizeClasses, draggable: true, children: /* @__PURE__ */ jsx(Icon, { name: resizeIconName, path: resizeIconPath, className: resizeIconClasses }) })
|
|
17465
15659
|
} : {},
|
|
17466
|
-
children: /* @__PURE__ */ jsx
|
|
15660
|
+
children: /* @__PURE__ */ jsx(
|
|
17467
15661
|
"textarea",
|
|
17468
15662
|
{
|
|
17469
15663
|
maxLength: maxLength || void 0,
|
|
@@ -17481,7 +15675,7 @@ function Textarea({
|
|
|
17481
15675
|
)
|
|
17482
15676
|
}
|
|
17483
15677
|
) }),
|
|
17484
|
-
error && error.length > 0 && error.map((e, i) => /* @__PURE__ */ jsx
|
|
15678
|
+
error && error.length > 0 && error.map((e, i) => /* @__PURE__ */ jsx("span", { className: errorClasses, children: e }, i))
|
|
17485
15679
|
] });
|
|
17486
15680
|
}
|
|
17487
15681
|
|
|
@@ -17508,7 +15702,7 @@ function FormField({
|
|
|
17508
15702
|
}) {
|
|
17509
15703
|
const Component = FormFieldComponents[component];
|
|
17510
15704
|
const { errors } = useContext(ErrorContext);
|
|
17511
|
-
return /* @__PURE__ */ jsx
|
|
15705
|
+
return /* @__PURE__ */ jsx(
|
|
17512
15706
|
Component,
|
|
17513
15707
|
{
|
|
17514
15708
|
error: errors[name],
|
|
@@ -18902,7 +17096,7 @@ const FocusGuard = /*#__PURE__*/React.forwardRef(function FocusGuard(props, ref)
|
|
|
18902
17096
|
[createAttribute('focus-guard')]: '',
|
|
18903
17097
|
style: HIDDEN_STYLES
|
|
18904
17098
|
};
|
|
18905
|
-
return /*#__PURE__*/jsx
|
|
17099
|
+
return /*#__PURE__*/jsx("span", {
|
|
18906
17100
|
...props,
|
|
18907
17101
|
...restProps
|
|
18908
17102
|
});
|
|
@@ -19051,7 +17245,7 @@ function FloatingPortal(props) {
|
|
|
19051
17245
|
portalNode,
|
|
19052
17246
|
setFocusManagerState
|
|
19053
17247
|
}), [preserveTabOrder, portalNode]),
|
|
19054
|
-
children: [shouldRenderGuards && portalNode && /*#__PURE__*/jsx
|
|
17248
|
+
children: [shouldRenderGuards && portalNode && /*#__PURE__*/jsx(FocusGuard, {
|
|
19055
17249
|
"data-type": "outside",
|
|
19056
17250
|
ref: beforeOutsideRef,
|
|
19057
17251
|
onFocus: event => {
|
|
@@ -19064,10 +17258,10 @@ function FloatingPortal(props) {
|
|
|
19064
17258
|
prevTabbable == null || prevTabbable.focus();
|
|
19065
17259
|
}
|
|
19066
17260
|
}
|
|
19067
|
-
}), shouldRenderGuards && portalNode && /*#__PURE__*/jsx
|
|
17261
|
+
}), shouldRenderGuards && portalNode && /*#__PURE__*/jsx("span", {
|
|
19068
17262
|
"aria-owns": portalNode.id,
|
|
19069
17263
|
style: HIDDEN_STYLES
|
|
19070
|
-
}), portalNode && /*#__PURE__*/reactDomExports.createPortal(children, portalNode), shouldRenderGuards && portalNode && /*#__PURE__*/jsx
|
|
17264
|
+
}), portalNode && /*#__PURE__*/reactDomExports.createPortal(children, portalNode), shouldRenderGuards && portalNode && /*#__PURE__*/jsx(FocusGuard, {
|
|
19071
17265
|
"data-type": "outside",
|
|
19072
17266
|
ref: afterOutsideRef,
|
|
19073
17267
|
onFocus: event => {
|
|
@@ -19142,7 +17336,7 @@ function handleTabIndex(floatingFocusElement, orderRef) {
|
|
|
19142
17336
|
}
|
|
19143
17337
|
}
|
|
19144
17338
|
const VisuallyHiddenDismiss = /*#__PURE__*/React.forwardRef(function VisuallyHiddenDismiss(props, ref) {
|
|
19145
|
-
return /*#__PURE__*/jsx
|
|
17339
|
+
return /*#__PURE__*/jsx("button", {
|
|
19146
17340
|
...props,
|
|
19147
17341
|
type: "button",
|
|
19148
17342
|
ref: ref,
|
|
@@ -19500,7 +17694,7 @@ function FloatingFocusManager(props) {
|
|
|
19500
17694
|
if (disabled || !visuallyHiddenDismiss || !modal) {
|
|
19501
17695
|
return null;
|
|
19502
17696
|
}
|
|
19503
|
-
return /*#__PURE__*/jsx
|
|
17697
|
+
return /*#__PURE__*/jsx(VisuallyHiddenDismiss, {
|
|
19504
17698
|
ref: location === 'start' ? startDismissButtonRef : endDismissButtonRef,
|
|
19505
17699
|
onClick: event => onOpenChange(false, event.nativeEvent),
|
|
19506
17700
|
children: typeof visuallyHiddenDismiss === 'string' ? visuallyHiddenDismiss : 'Dismiss'
|
|
@@ -19508,7 +17702,7 @@ function FloatingFocusManager(props) {
|
|
|
19508
17702
|
}
|
|
19509
17703
|
const shouldRenderGuards = !disabled && guards && (modal ? !isUntrappedTypeableCombobox : true) && (isInsidePortal || modal);
|
|
19510
17704
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
19511
|
-
children: [shouldRenderGuards && /*#__PURE__*/jsx
|
|
17705
|
+
children: [shouldRenderGuards && /*#__PURE__*/jsx(FocusGuard, {
|
|
19512
17706
|
"data-type": "inside",
|
|
19513
17707
|
ref: mergedBeforeGuardRef,
|
|
19514
17708
|
onFocus: event => {
|
|
@@ -19526,7 +17720,7 @@ function FloatingFocusManager(props) {
|
|
|
19526
17720
|
}
|
|
19527
17721
|
}
|
|
19528
17722
|
}
|
|
19529
|
-
}), !isUntrappedTypeableCombobox && renderDismissButton('start'), children, renderDismissButton('end'), shouldRenderGuards && /*#__PURE__*/jsx
|
|
17723
|
+
}), !isUntrappedTypeableCombobox && renderDismissButton('start'), children, renderDismissButton('end'), shouldRenderGuards && /*#__PURE__*/jsx(FocusGuard, {
|
|
19530
17724
|
"data-type": "inside",
|
|
19531
17725
|
ref: mergedAfterGuardRef,
|
|
19532
17726
|
onFocus: event => {
|
|
@@ -20316,7 +18510,7 @@ function ColumnChooserEntry({
|
|
|
20316
18510
|
hiddenColumnClasses,
|
|
20317
18511
|
updateColumns
|
|
20318
18512
|
}) {
|
|
20319
|
-
return /* @__PURE__ */ jsx
|
|
18513
|
+
return /* @__PURE__ */ jsx(
|
|
20320
18514
|
"span",
|
|
20321
18515
|
{
|
|
20322
18516
|
className: [entryClasses, visibleColumns.includes(id) ? visibleColumnClasses : hiddenColumnClasses].join(" "),
|
|
@@ -20357,9 +18551,9 @@ function ColumnChooser({
|
|
|
20357
18551
|
}
|
|
20358
18552
|
updateColumns({ ...columnToUpdate, hidden: !columnToUpdate?.hidden });
|
|
20359
18553
|
}
|
|
20360
|
-
return /* @__PURE__ */ jsx
|
|
20361
|
-
/* @__PURE__ */ jsx
|
|
20362
|
-
/* @__PURE__ */ jsx
|
|
18554
|
+
return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(FloatingFocusManager, { context, modal: false, children: /* @__PURE__ */ jsxs("div", { className: wrapperClasses, ref: refs.setFloating, style: floatingStyles, ...getFloatingProps(), children: [
|
|
18555
|
+
/* @__PURE__ */ jsx("div", { className: headerClasses, children: columnsLabel }),
|
|
18556
|
+
/* @__PURE__ */ jsx("div", { className: columnsWrapperClasses, children: columns.filter((c) => c.title).map((col, i) => /* @__PURE__ */ jsx(
|
|
20363
18557
|
ColumnChooserEntry,
|
|
20364
18558
|
{
|
|
20365
18559
|
id: col.id,
|
|
@@ -20435,9 +18629,9 @@ function Pagination({
|
|
|
20435
18629
|
}
|
|
20436
18630
|
if (showButtons) {
|
|
20437
18631
|
return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, children: [
|
|
20438
|
-
/* @__PURE__ */ jsx
|
|
18632
|
+
/* @__PURE__ */ jsx("div", { className: resultsClasses, children: /* @__PURE__ */ jsx("span", { className: resultsTextClasses, children: xToY }) }),
|
|
20439
18633
|
totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: controlClasses, children: [
|
|
20440
|
-
/* @__PURE__ */ jsx
|
|
18634
|
+
/* @__PURE__ */ jsx(
|
|
20441
18635
|
Icon,
|
|
20442
18636
|
{
|
|
20443
18637
|
className: previousPageActive ? activeIconClasses : inactiveIconClasses,
|
|
@@ -20445,7 +18639,7 @@ function Pagination({
|
|
|
20445
18639
|
onClick: () => previousPageActive ? onFirstPage() : void 0
|
|
20446
18640
|
}
|
|
20447
18641
|
),
|
|
20448
|
-
/* @__PURE__ */ jsx
|
|
18642
|
+
/* @__PURE__ */ jsx(
|
|
20449
18643
|
Icon,
|
|
20450
18644
|
{
|
|
20451
18645
|
className: previousPageActive ? activeIconClasses : inactiveIconClasses,
|
|
@@ -20453,7 +18647,7 @@ function Pagination({
|
|
|
20453
18647
|
onClick: () => previousPageActive ? onPreviousPage() : void 0
|
|
20454
18648
|
}
|
|
20455
18649
|
),
|
|
20456
|
-
/* @__PURE__ */ jsx
|
|
18650
|
+
/* @__PURE__ */ jsx("div", { className: "w-16", children: /* @__PURE__ */ jsx(
|
|
20457
18651
|
Input$2,
|
|
20458
18652
|
{
|
|
20459
18653
|
centered: true,
|
|
@@ -20462,7 +18656,7 @@ function Pagination({
|
|
|
20462
18656
|
onKeyDown: (e) => onKeyDown(e)
|
|
20463
18657
|
}
|
|
20464
18658
|
) }),
|
|
20465
|
-
/* @__PURE__ */ jsx
|
|
18659
|
+
/* @__PURE__ */ jsx(
|
|
20466
18660
|
Icon,
|
|
20467
18661
|
{
|
|
20468
18662
|
className: nextPageActive ? activeIconClasses : inactiveIconClasses,
|
|
@@ -20470,7 +18664,7 @@ function Pagination({
|
|
|
20470
18664
|
onClick: () => nextPageActive ? onNextPage() : void 0
|
|
20471
18665
|
}
|
|
20472
18666
|
),
|
|
20473
|
-
/* @__PURE__ */ jsx
|
|
18667
|
+
/* @__PURE__ */ jsx(
|
|
20474
18668
|
Icon,
|
|
20475
18669
|
{
|
|
20476
18670
|
className: nextPageActive ? activeIconClasses : inactiveIconClasses,
|
|
@@ -20481,7 +18675,7 @@ function Pagination({
|
|
|
20481
18675
|
] })
|
|
20482
18676
|
] });
|
|
20483
18677
|
}
|
|
20484
|
-
return /* @__PURE__ */ jsx
|
|
18678
|
+
return /* @__PURE__ */ jsx("div", { className: wrapperClasses, children: /* @__PURE__ */ jsx("div", { className: resultsClasses, children: /* @__PURE__ */ jsx("span", { className: resultsTextClasses, children: xToY }) }) });
|
|
20485
18679
|
}
|
|
20486
18680
|
|
|
20487
18681
|
/**
|
|
@@ -22276,7 +20470,7 @@ var DndProvider = /*#__PURE__*/ memo(function DndProvider(_param) {
|
|
|
22276
20470
|
}
|
|
22277
20471
|
return;
|
|
22278
20472
|
}, []);
|
|
22279
|
-
return /*#__PURE__*/ jsx
|
|
20473
|
+
return /*#__PURE__*/ jsx(DndContext.Provider, {
|
|
22280
20474
|
value: manager,
|
|
22281
20475
|
children: children
|
|
22282
20476
|
});
|
|
@@ -24322,7 +22516,7 @@ function Table({
|
|
|
24322
22516
|
onScroll,
|
|
24323
22517
|
children: [
|
|
24324
22518
|
/* @__PURE__ */ jsxs("div", { ref: header, className: "sticky top-0 z-1 flex flex-row items-center justify-between rounded-t-krc-table bg-krc-table-header", children: [
|
|
24325
|
-
!!currentColumnsLeft.length && /* @__PURE__ */ jsx
|
|
22519
|
+
!!currentColumnsLeft.length && /* @__PURE__ */ jsx("div", { className: "sticky left-0 flex flex-row z-1", children: currentColumnsLeft.map((column) => /* @__PURE__ */ jsxs(
|
|
24326
22520
|
"div",
|
|
24327
22521
|
{
|
|
24328
22522
|
style: {
|
|
@@ -24344,8 +22538,8 @@ function Table({
|
|
|
24344
22538
|
].join(" "),
|
|
24345
22539
|
children: [
|
|
24346
22540
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 w-full justify-between", children: [
|
|
24347
|
-
/* @__PURE__ */ jsx
|
|
24348
|
-
column.sortKey && /* @__PURE__ */ jsx
|
|
22541
|
+
/* @__PURE__ */ jsx("span", { children: column.title }),
|
|
22542
|
+
column.sortKey && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
|
|
24349
22543
|
Icon,
|
|
24350
22544
|
{
|
|
24351
22545
|
className: "h-4 w-4",
|
|
@@ -24356,14 +22550,14 @@ function Table({
|
|
|
24356
22550
|
}
|
|
24357
22551
|
) })
|
|
24358
22552
|
] }),
|
|
24359
|
-
hasFilters && /* @__PURE__ */ jsx
|
|
22553
|
+
hasFilters && /* @__PURE__ */ jsx(
|
|
24360
22554
|
"div",
|
|
24361
22555
|
{
|
|
24362
22556
|
className: "bg-krc-table-header w-full text-xs font-medium text-secondary-500",
|
|
24363
22557
|
onClick: (e) => {
|
|
24364
22558
|
e.stopPropagation();
|
|
24365
22559
|
},
|
|
24366
|
-
children: column.filterable && column.filterKey && /* @__PURE__ */ jsx
|
|
22560
|
+
children: column.filterable && column.filterKey && /* @__PURE__ */ jsx(Fragment, { children: column.filterComponent?.(filters, updateFilters) || filterComponents?.[column.id]?.(filters, updateFilters) || /* @__PURE__ */ jsx(
|
|
24367
22561
|
Input$2,
|
|
24368
22562
|
{
|
|
24369
22563
|
defaultValue: filters[column.filterKey]?.join(", "),
|
|
@@ -24427,8 +22621,8 @@ function Table({
|
|
|
24427
22621
|
},
|
|
24428
22622
|
children: [
|
|
24429
22623
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 w-full justify-between", children: [
|
|
24430
|
-
/* @__PURE__ */ jsx
|
|
24431
|
-
column.sortKey && /* @__PURE__ */ jsx
|
|
22624
|
+
/* @__PURE__ */ jsx("span", { children: column.title }),
|
|
22625
|
+
column.sortKey && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
|
|
24432
22626
|
Icon,
|
|
24433
22627
|
{
|
|
24434
22628
|
className: "h-4 w-4",
|
|
@@ -24439,14 +22633,14 @@ function Table({
|
|
|
24439
22633
|
}
|
|
24440
22634
|
) })
|
|
24441
22635
|
] }),
|
|
24442
|
-
hasFilters && /* @__PURE__ */ jsx
|
|
22636
|
+
hasFilters && /* @__PURE__ */ jsx(
|
|
24443
22637
|
"div",
|
|
24444
22638
|
{
|
|
24445
22639
|
className: "bg-krc-table-header text-xs font-medium w-full text-secondary-500",
|
|
24446
22640
|
onClick: (e) => {
|
|
24447
22641
|
e.stopPropagation();
|
|
24448
22642
|
},
|
|
24449
|
-
children: column.filterable && column.filterKey && /* @__PURE__ */ jsx
|
|
22643
|
+
children: column.filterable && column.filterKey && /* @__PURE__ */ jsx(Fragment, { children: column.filterComponent?.(filters, updateFilters) || filterComponents?.[column.id]?.(filters, updateFilters) || /* @__PURE__ */ jsx(
|
|
24450
22644
|
Input$2,
|
|
24451
22645
|
{
|
|
24452
22646
|
defaultValue: filters[column.filterKey]?.join(", "),
|
|
@@ -24488,7 +22682,7 @@ function Table({
|
|
|
24488
22682
|
},
|
|
24489
22683
|
column.id.toString()
|
|
24490
22684
|
)),
|
|
24491
|
-
!!currentColumnsRight.length && /* @__PURE__ */ jsx
|
|
22685
|
+
!!currentColumnsRight.length && /* @__PURE__ */ jsx("div", { className: "sticky right-0 flex flex-row h-full items-center", children: currentColumnsRight.map((column) => /* @__PURE__ */ jsx(
|
|
24492
22686
|
"div",
|
|
24493
22687
|
{
|
|
24494
22688
|
style: {
|
|
@@ -24501,8 +22695,8 @@ function Table({
|
|
|
24501
22695
|
column.id.toString()
|
|
24502
22696
|
)) })
|
|
24503
22697
|
] }),
|
|
24504
|
-
allowReorder ? /* @__PURE__ */ jsx
|
|
24505
|
-
return /* @__PURE__ */ jsx
|
|
22698
|
+
allowReorder ? /* @__PURE__ */ jsx(DndProvider, { backend: HTML5Backend, debugMode: true, children: data.map((entry, i) => {
|
|
22699
|
+
return /* @__PURE__ */ jsx(
|
|
24506
22700
|
Row,
|
|
24507
22701
|
{
|
|
24508
22702
|
index: i,
|
|
@@ -24523,10 +22717,10 @@ function Table({
|
|
|
24523
22717
|
},
|
|
24524
22718
|
i
|
|
24525
22719
|
);
|
|
24526
|
-
}) }) : /* @__PURE__ */ jsx
|
|
22720
|
+
}) }) : /* @__PURE__ */ jsx(Fragment, { children: data.map((entry, i) => {
|
|
24527
22721
|
return /* @__PURE__ */ jsxs("div", { className: rowClasses, onClick: () => onRowClick(entry), onDoubleClick: () => onRowDoubleClick(entry), children: [
|
|
24528
|
-
!!currentColumnsLeft.length && /* @__PURE__ */ jsx
|
|
24529
|
-
return /* @__PURE__ */ jsx
|
|
22722
|
+
!!currentColumnsLeft.length && /* @__PURE__ */ jsx("div", { className: "sticky left-0 flex flex-row border-r", children: currentColumnsLeft.map((column) => {
|
|
22723
|
+
return /* @__PURE__ */ jsx(
|
|
24530
22724
|
"div",
|
|
24531
22725
|
{
|
|
24532
22726
|
style: {
|
|
@@ -24535,13 +22729,13 @@ function Table({
|
|
|
24535
22729
|
},
|
|
24536
22730
|
className: [rowLeftWrapperClasses, column.grow ? "grow" : ""].join(" "),
|
|
24537
22731
|
title: entry[column.id] || "",
|
|
24538
|
-
children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx
|
|
22732
|
+
children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
|
|
24539
22733
|
},
|
|
24540
22734
|
column.id.toString()
|
|
24541
22735
|
);
|
|
24542
22736
|
}) }),
|
|
24543
22737
|
currentColumnsCenter.map((column) => {
|
|
24544
|
-
return /* @__PURE__ */ jsx
|
|
22738
|
+
return /* @__PURE__ */ jsx(
|
|
24545
22739
|
"div",
|
|
24546
22740
|
{
|
|
24547
22741
|
style: {
|
|
@@ -24550,13 +22744,13 @@ function Table({
|
|
|
24550
22744
|
},
|
|
24551
22745
|
className: [rowCenterWrapperClasses, column.grow ? "grow" : ""].join(" "),
|
|
24552
22746
|
title: entry[column.id] ? entry[column.id].toString() : "",
|
|
24553
|
-
children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx
|
|
22747
|
+
children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
|
|
24554
22748
|
},
|
|
24555
22749
|
column.id.toString()
|
|
24556
22750
|
);
|
|
24557
22751
|
}),
|
|
24558
|
-
!!currentColumnsRight.length && /* @__PURE__ */ jsx
|
|
24559
|
-
return /* @__PURE__ */ jsx
|
|
22752
|
+
!!currentColumnsRight.length && /* @__PURE__ */ jsx("div", { className: "sticky right-0 flex flex-row border-l", children: currentColumnsRight.map((column) => {
|
|
22753
|
+
return /* @__PURE__ */ jsx(
|
|
24560
22754
|
"div",
|
|
24561
22755
|
{
|
|
24562
22756
|
style: {
|
|
@@ -24565,12 +22759,12 @@ function Table({
|
|
|
24565
22759
|
},
|
|
24566
22760
|
className: [rowRightWrapperClasses, column.grow ? "grow" : ""].join(" "),
|
|
24567
22761
|
title: entry[column.id] || "",
|
|
24568
|
-
children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx
|
|
22762
|
+
children: cellRenderer?.[column.id]?.(entry) || /* @__PURE__ */ jsx("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
|
|
24569
22763
|
},
|
|
24570
22764
|
column.id.toString()
|
|
24571
22765
|
);
|
|
24572
22766
|
}) }),
|
|
24573
|
-
/* @__PURE__ */ jsx
|
|
22767
|
+
/* @__PURE__ */ jsx(
|
|
24574
22768
|
"div",
|
|
24575
22769
|
{
|
|
24576
22770
|
style: { width: `${(header.current?.scrollWidth || 0) - 1}px` },
|
|
@@ -24579,11 +22773,11 @@ function Table({
|
|
|
24579
22773
|
)
|
|
24580
22774
|
] }, i);
|
|
24581
22775
|
}) }),
|
|
24582
|
-
data.length === 0 && /* @__PURE__ */ jsx
|
|
22776
|
+
data.length === 0 && /* @__PURE__ */ jsx("div", { className: noDataClasses, children: noEntryLabel })
|
|
24583
22777
|
]
|
|
24584
22778
|
}
|
|
24585
22779
|
),
|
|
24586
|
-
pagination && xToY && data.length > 0 && /* @__PURE__ */ jsx
|
|
22780
|
+
pagination && xToY && data.length > 0 && /* @__PURE__ */ jsx(
|
|
24587
22781
|
Pagination,
|
|
24588
22782
|
{
|
|
24589
22783
|
showButtons: !isInfinite,
|
|
@@ -24686,8 +22880,8 @@ function Row({
|
|
|
24686
22880
|
style: { opacity },
|
|
24687
22881
|
"data-handler-id": handlerId,
|
|
24688
22882
|
children: [
|
|
24689
|
-
!!currentColumnsLeft.length && /* @__PURE__ */ jsx
|
|
24690
|
-
return /* @__PURE__ */ jsx
|
|
22883
|
+
!!currentColumnsLeft.length && /* @__PURE__ */ jsx("div", { className: "sticky left-0 flex flex-row border-r", children: currentColumnsLeft.map((column) => {
|
|
22884
|
+
return /* @__PURE__ */ jsx(
|
|
24691
22885
|
"div",
|
|
24692
22886
|
{
|
|
24693
22887
|
style: {
|
|
@@ -24696,13 +22890,13 @@ function Row({
|
|
|
24696
22890
|
},
|
|
24697
22891
|
className: [rowLeftWrapperClasses, column.grow ? "grow" : ""].join(" "),
|
|
24698
22892
|
title: entry[column.id] || "",
|
|
24699
|
-
children: dragRef && cellRenderer?.[column.id]?.({ ...entry, dragRef }) || /* @__PURE__ */ jsx
|
|
22893
|
+
children: dragRef && cellRenderer?.[column.id]?.({ ...entry, dragRef }) || /* @__PURE__ */ jsx("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
|
|
24700
22894
|
},
|
|
24701
22895
|
column.id.toString()
|
|
24702
22896
|
);
|
|
24703
22897
|
}) }),
|
|
24704
22898
|
currentColumnsCenter.map((column) => {
|
|
24705
|
-
return /* @__PURE__ */ jsx
|
|
22899
|
+
return /* @__PURE__ */ jsx(
|
|
24706
22900
|
"div",
|
|
24707
22901
|
{
|
|
24708
22902
|
style: {
|
|
@@ -24711,13 +22905,13 @@ function Row({
|
|
|
24711
22905
|
},
|
|
24712
22906
|
className: [rowCenterWrapperClasses, column.grow ? "grow" : ""].join(" "),
|
|
24713
22907
|
title: entry[column.id] ? entry[column.id].toString() : "",
|
|
24714
|
-
children: cellRenderer?.[column.id]?.({ ...entry, dragRef }) || /* @__PURE__ */ jsx
|
|
22908
|
+
children: cellRenderer?.[column.id]?.({ ...entry, dragRef }) || /* @__PURE__ */ jsx("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
|
|
24715
22909
|
},
|
|
24716
22910
|
column.id.toString()
|
|
24717
22911
|
);
|
|
24718
22912
|
}),
|
|
24719
|
-
!!currentColumnsRight.length && /* @__PURE__ */ jsx
|
|
24720
|
-
return /* @__PURE__ */ jsx
|
|
22913
|
+
!!currentColumnsRight.length && /* @__PURE__ */ jsx("div", { className: "sticky right-0 flex flex-row border-l", children: currentColumnsRight.map((column) => {
|
|
22914
|
+
return /* @__PURE__ */ jsx(
|
|
24721
22915
|
"div",
|
|
24722
22916
|
{
|
|
24723
22917
|
style: {
|
|
@@ -24726,12 +22920,12 @@ function Row({
|
|
|
24726
22920
|
},
|
|
24727
22921
|
className: [rowRightWrapperClasses, column.grow ? "grow" : ""].join(" "),
|
|
24728
22922
|
title: entry[column.id] || "",
|
|
24729
|
-
children: cellRenderer?.[column.id]?.({ ...entry, dragRef }) || /* @__PURE__ */ jsx
|
|
22923
|
+
children: cellRenderer?.[column.id]?.({ ...entry, dragRef }) || /* @__PURE__ */ jsx("div", { className: "h-14 truncate p-4 text-sm", children: entry[column.id] || "-" })
|
|
24730
22924
|
},
|
|
24731
22925
|
column.id.toString()
|
|
24732
22926
|
);
|
|
24733
22927
|
}) }),
|
|
24734
|
-
/* @__PURE__ */ jsx
|
|
22928
|
+
/* @__PURE__ */ jsx(
|
|
24735
22929
|
"div",
|
|
24736
22930
|
{
|
|
24737
22931
|
style: { width: `${(header.current?.scrollWidth || 0) - 1}px` },
|
|
@@ -24757,8 +22951,8 @@ function TableActions({ children, classes = "h-14 p-4" }) {
|
|
|
24757
22951
|
const role = useRole(context);
|
|
24758
22952
|
const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role]);
|
|
24759
22953
|
return /* @__PURE__ */ jsxs("div", { className: classes, children: [
|
|
24760
|
-
/* @__PURE__ */ jsx
|
|
24761
|
-
actionsVisible && /* @__PURE__ */ jsx
|
|
22954
|
+
/* @__PURE__ */ jsx("div", { ref: refs.setReference, ...getReferenceProps(), className: "cursor-pointer", children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Icon, { name: "heroicons:ellipsis-vertical-16-solid", className: "h-5 w-5" }) }) }),
|
|
22955
|
+
actionsVisible && /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(FloatingFocusManager, { context, modal: false, children: /* @__PURE__ */ jsx(
|
|
24762
22956
|
"div",
|
|
24763
22957
|
{
|
|
24764
22958
|
className: "flex w-48 flex-col rounded-md border border-secondary-200 bg-white py-2 text-sm font-medium shadow-sm",
|
|
@@ -24779,22 +22973,22 @@ function TableActionEntry({
|
|
|
24779
22973
|
}) {
|
|
24780
22974
|
switch (variant) {
|
|
24781
22975
|
case "error":
|
|
24782
|
-
return /* @__PURE__ */ jsx
|
|
22976
|
+
return /* @__PURE__ */ jsx("span", { onClick, className: errorClasses, children: text });
|
|
24783
22977
|
default:
|
|
24784
|
-
return /* @__PURE__ */ jsx
|
|
22978
|
+
return /* @__PURE__ */ jsx("span", { onClick, className: defaultClasses, children: text });
|
|
24785
22979
|
}
|
|
24786
22980
|
}
|
|
24787
22981
|
|
|
24788
22982
|
function LoadingIndicator({ className }) {
|
|
24789
22983
|
return /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", className, viewBox: "0 0 100 101", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
24790
|
-
/* @__PURE__ */ jsx
|
|
22984
|
+
/* @__PURE__ */ jsx(
|
|
24791
22985
|
"path",
|
|
24792
22986
|
{
|
|
24793
22987
|
d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
|
|
24794
22988
|
fill: "currentColor"
|
|
24795
22989
|
}
|
|
24796
22990
|
),
|
|
24797
|
-
/* @__PURE__ */ jsx
|
|
22991
|
+
/* @__PURE__ */ jsx(
|
|
24798
22992
|
"path",
|
|
24799
22993
|
{
|
|
24800
22994
|
d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
|
|
@@ -24872,10 +23066,10 @@ function Button({
|
|
|
24872
23066
|
break;
|
|
24873
23067
|
}
|
|
24874
23068
|
return /* @__PURE__ */ jsxs("button", { onClick: async (e) => await onClick?.(e), className: classes.join(" "), disabled, type, children: [
|
|
24875
|
-
(iconLeftPath || iconLeftName) && /* @__PURE__ */ jsx
|
|
24876
|
-
label && /* @__PURE__ */ jsx
|
|
24877
|
-
(iconRightPath || iconRightName) && /* @__PURE__ */ jsx
|
|
24878
|
-
loading && /* @__PURE__ */ jsx
|
|
23069
|
+
(iconLeftPath || iconLeftName) && /* @__PURE__ */ jsx(Icon, { className: iconLeftClasses, name: iconLeftName, path: iconLeftPath }),
|
|
23070
|
+
label && /* @__PURE__ */ jsx("span", { children: label }),
|
|
23071
|
+
(iconRightPath || iconRightName) && /* @__PURE__ */ jsx(Icon, { className: iconRightClasses, name: iconRightName, path: iconRightPath }),
|
|
23072
|
+
loading && /* @__PURE__ */ jsx(LoadingIndicator, { className: loadingClasses.join(" ") })
|
|
24879
23073
|
] });
|
|
24880
23074
|
}
|
|
24881
23075
|
|
|
@@ -24897,8 +23091,8 @@ function Modal({
|
|
|
24897
23091
|
hasCloseIcon,
|
|
24898
23092
|
onClose
|
|
24899
23093
|
}) {
|
|
24900
|
-
return /* @__PURE__ */ jsx
|
|
24901
|
-
/* @__PURE__ */ jsx
|
|
23094
|
+
return /* @__PURE__ */ jsx(Fragment, { children: reactDomExports.createPortal(
|
|
23095
|
+
/* @__PURE__ */ jsx("div", { className: backdropClasses, onMouseDown: onClose, role: "presentation", children: /* @__PURE__ */ jsxs(
|
|
24902
23096
|
"div",
|
|
24903
23097
|
{
|
|
24904
23098
|
role: "presentation",
|
|
@@ -24907,12 +23101,12 @@ function Modal({
|
|
|
24907
23101
|
e.stopPropagation();
|
|
24908
23102
|
},
|
|
24909
23103
|
children: [
|
|
24910
|
-
hasCloseIcon && /* @__PURE__ */ jsx
|
|
24911
|
-
headerContent || (title ? /* @__PURE__ */ jsx
|
|
24912
|
-
/* @__PURE__ */ jsx
|
|
24913
|
-
footerContent || footerActions && /* @__PURE__ */ jsx
|
|
24914
|
-
/* @__PURE__ */ jsx
|
|
24915
|
-
/* @__PURE__ */ jsx
|
|
23104
|
+
hasCloseIcon && /* @__PURE__ */ jsx("div", { className: closeWrapperClasses, children: /* @__PURE__ */ jsx("button", { onClick: onClose, children: /* @__PURE__ */ jsx(Icon, { name: "heroicons:x-mark-16-solid", className: iconClasses }) }) }),
|
|
23105
|
+
headerContent || (title ? /* @__PURE__ */ jsx("div", { className: headerWrapperClasses, children: /* @__PURE__ */ jsx("span", { className: titleClasses, children: title }) }) : null),
|
|
23106
|
+
/* @__PURE__ */ jsx("div", { className: "grow", children }),
|
|
23107
|
+
footerContent || footerActions && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: footerWrapperClasses, children: [
|
|
23108
|
+
/* @__PURE__ */ jsx("div", { className: footerLeftClasses, children: footerActions.filter(({ position }) => position === "left").map(({ label, variant, onClick }, i) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { variant: variant ?? "primary", onClick, label }) }, i)) }),
|
|
23109
|
+
/* @__PURE__ */ jsx("div", { className: footerRightClasses, children: footerActions.filter(({ position }) => position === "right").map(({ variant, ...buttonProps }, i) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { variant: variant ?? "secondary", ...buttonProps }) }, i)) })
|
|
24916
23110
|
] }) })
|
|
24917
23111
|
]
|
|
24918
23112
|
}
|
|
@@ -24951,7 +23145,7 @@ function Tabs({
|
|
|
24951
23145
|
}
|
|
24952
23146
|
return tab1 === tab2;
|
|
24953
23147
|
}
|
|
24954
|
-
return /* @__PURE__ */ jsx
|
|
23148
|
+
return /* @__PURE__ */ jsx("div", { className: wrapperClasses, children: tabs.map((tab, i) => /* @__PURE__ */ jsxs(
|
|
24955
23149
|
"div",
|
|
24956
23150
|
{
|
|
24957
23151
|
onClick: () => {
|
|
@@ -24959,9 +23153,9 @@ function Tabs({
|
|
|
24959
23153
|
},
|
|
24960
23154
|
className: [tabBaseClasses, equalTabs(tab.id, active) ? tabActiveClasses : tabInactiveClasses].join(" "),
|
|
24961
23155
|
children: [
|
|
24962
|
-
/* @__PURE__ */ jsx
|
|
24963
|
-
showCounts && /* @__PURE__ */ jsx
|
|
24964
|
-
tab.id === active && /* @__PURE__ */ jsx
|
|
23156
|
+
/* @__PURE__ */ jsx("span", { children: tab.label }),
|
|
23157
|
+
showCounts && /* @__PURE__ */ jsx("div", { className: [countBaseClasses, equalTabs(tab.id, active) ? countActiveClasses : countInactiveClasses].join(" "), children: tab.count }),
|
|
23158
|
+
tab.id === active && /* @__PURE__ */ jsx("div", { className: activeMarkerClass })
|
|
24965
23159
|
]
|
|
24966
23160
|
},
|
|
24967
23161
|
i
|