mimir-ui-kit 1.44.3 → 1.46.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/SelectSearch.css +1 -1
 - package/dist/assets/useNestedSelection.css +1 -0
 - package/dist/components/MultiSelectSearch/MultiSelectSearch.d.ts +6 -3
 - package/dist/components/MultiSelectSearch/MultiSelectSearch.js +283 -468
 - package/dist/components/MultiSelectSearch/hooks/useChips.d.ts +18 -0
 - package/dist/components/MultiSelectSearch/hooks/useChips.js +79 -0
 - package/dist/components/MultiSelectSearch/hooks/useDataLoading.d.ts +10 -0
 - package/dist/components/MultiSelectSearch/hooks/useDataLoading.js +21 -0
 - package/dist/components/MultiSelectSearch/hooks/useEventHandling.d.ts +12 -0
 - package/dist/components/MultiSelectSearch/hooks/useEventHandling.js +31 -0
 - package/dist/components/MultiSelectSearch/hooks/useMenuPlacement.d.ts +19 -0
 - package/dist/components/MultiSelectSearch/hooks/useMenuPlacement.js +38 -0
 - package/dist/components/MultiSelectSearch/hooks/useMultiSelectState.d.ts +21 -0
 - package/dist/components/MultiSelectSearch/hooks/useMultiSelectState.js +31 -0
 - package/dist/components/MultiSelectSearch/hooks/useNestedSelection.d.ts +23 -0
 - package/dist/components/MultiSelectSearch/hooks/useNestedSelection.js +11 -0
 - package/dist/components/MultiSelectSearch/hooks/useRenderVirtualizedList.d.ts +27 -0
 - package/dist/components/MultiSelectSearch/hooks/useRenderVirtualizedList.js +211 -0
 - package/dist/components/MultiSelectSearch/hooks/useSearch.d.ts +14 -0
 - package/dist/components/MultiSelectSearch/hooks/useSearch.js +44 -0
 - package/dist/components/MultiSelectSearch/hooks/useVirtualization.d.ts +19 -0
 - package/dist/components/MultiSelectSearch/hooks/useVirtualization.js +59 -0
 - package/dist/components/MultiSelectSearch/types.d.ts +17 -1
 - package/dist/components/MultiSelectSearch/utils.d.ts +50 -1
 - package/dist/components/MultiSelectSearch/utils.js +165 -32
 - package/dist/components/SelectSearch/SelectSearch.d.ts +4 -2
 - package/dist/components/SelectSearch/SelectSearch.js +291 -287
 - package/dist/components/SelectSearch/types.d.ts +5 -0
 - package/dist/components/SelectSearch/utils.d.ts +16 -0
 - package/dist/components/SelectSearch/utils.js +75 -28
 - package/dist/useNestedSelection-DnuUbEqM.js +119 -0
 - package/package.json +1 -1
 - package/dist/assets/MultiSelectSearch.css +0 -1
 
| 
         @@ -1 +1 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            . 
     | 
| 
      
 1 
     | 
    
         
            +
            ._container_rnc9v_2{position:relative;z-index:10;display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--mimir-select-search-height);background-color:var(--black-5);border-radius:var(--mimir-select-search-radius)}._container-open_rnc9v_11{border-bottom:1px solid var(--citrine-100)}._options_rnc9v_15{position:absolute;z-index:5;width:100%;min-height:100%;max-height:var(--mimir-select-search-options-height);overflow-y:auto;font-size:var(--mimir-size-text-l);background:var(--white);-webkit-box-shadow:var(--mimir-box-shadow-select-search);box-shadow:var(--mimir-box-shadow-select-search)}._options_rnc9v_15._top_rnc9v_26{bottom:90%;margin-bottom:1px;padding-bottom:5px;border-radius:var(--mimir-select-search-radius) var(--mimir-select-search-radius) 0 0}._options_rnc9v_15._bottom_rnc9v_32{top:90%;margin-top:1px;padding-top:5px;border-radius:0 0 var(--mimir-select-search-radius) var(--mimir-select-search-radius)}._options_rnc9v_15._no-options_rnc9v_38{height:100%;padding:var(--mimir-select-search-option-space);color:var(--black-80)}._options_rnc9v_15::-webkit-scrollbar{width:3px}._options_rnc9v_15::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:var(--mimir-control-radius-xs2)}._options_rnc9v_15::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_rnc9v_15{max-height:var(--mimir-select-search-options-height-mobile)}}._select-search_rnc9v_59{position:relative;isolation:isolate}._select-search_rnc9v_59._disabled_rnc9v_63{cursor:not-allowed}._select-search_rnc9v_59:has([data-headlessui-state=open]){z-index:100}._select-search_rnc9v_59._border-radius-left_rnc9v_69 ._container_rnc9v_2,._select-search_rnc9v_59._border-radius-left_rnc9v_69 ._options_rnc9v_15._bottom_rnc9v_32,._select-search_rnc9v_59._border-radius-left_rnc9v_69 ._options_rnc9v_15._top_rnc9v_26{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._select-search_rnc9v_59._border-radius-right_rnc9v_81 ._container_rnc9v_2,._select-search_rnc9v_59._border-radius-right_rnc9v_81 ._options_rnc9v_15._bottom_rnc9v_32,._select-search_rnc9v_59._border-radius-right_rnc9v_81 ._options_rnc9v_15._top_rnc9v_26{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._select-search_rnc9v_59._border-radius-none_rnc9v_93 ._container_rnc9v_2,._select-search_rnc9v_59._border-radius-none_rnc9v_93 ._options_rnc9v_15{border-radius:0!important}._full_rnc9v_100{width:100%}._selected-icon_rnc9v_104 path{fill:var(--sapphire-100)}._selector-icon-open_rnc9v_108{-webkit-transform:rotate(180deg);transform:rotate(180deg)}._button_rnc9v_112{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;cursor:pointer}._button_rnc9v_112._disabled_rnc9v_63{cursor:not-allowed}._button_rnc9v_112._disabled_rnc9v_63 ._selector-icon_rnc9v_108 path{fill:var(--white)}._s_rnc9v_59{--mimir-select-search-height: var(--mimir-select-search-height-s);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius);--mimir-select-search-option-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-mobile );--clear-right: var(--mimir-space-2xxl);--select-input-disabled-margin-right: var(--mimir-space-l);--required-mark-space-right: 5px}._m_rnc9v_140{--mimir-select-search-height: var(--mimir-select-search-height-l);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius);--mimir-select-search-option-space: var(--mimir-space-2s) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-mobile );--clear-right: var(--mimir-space-2xxl);--select-input-disabled-margin-right: var(--mimir-space-l);--required-mark-space-right: 5px}._l_rnc9v_153{--mimir-select-search-height: var(--mimir-select-search-height-xxl);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius-s);--mimir-select-search-option-space: var(--mimir-space-2l) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-desktop );--clear-right: var(--mimir-space-4xl);--select-input-disabled-margin-right: var(--mimir-space-1xl);--required-mark-space-right: var(--mimir-space-xs)}._select-search-input_rnc9v_166{width:100%!important}._select-search-input-disabled_rnc9v_169{margin-right:var(--select-input-disabled-margin-right)}._select-search-input_rnc9v_166:last-child{padding-right:var(--mimir-space-4xl)}._group-header_rnc9v_176{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:var(--mimir-select-search-option-space);background-color:var(--black-10);border-bottom:1px solid var(--black-20)}._group-header_rnc9v_176._sticky-active_rnc9v_187{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px #0000001a}._loader_rnc9v_191{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-m)}._input-container_rnc9v_196{position:relative;width:100%}._option_rnc9v_15{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-m);-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:var(--mimir-select-search-option-space);cursor:pointer;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}._option-active_rnc9v_210{background-color:var(--black-5)}._option-inner_rnc9v_213{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--mimir-space-xs);width:100%}._right-slot_rnc9v_220{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-top:0!important}._required-mark_rnc9v_225{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-right:var(--required-mark-space-right)}._clear_rnc9v_230{position:absolute;top:50%;right:var(--clear-right);-webkit-transform:translateY(-50%);transform:translateY(-50%)}._clear_rnc9v_230._disabled_rnc9v_63{cursor:not-allowed}._clear_rnc9v_230._disabled_rnc9v_63 ._icon-button_rnc9v_239 path{fill:var(--white)}._highlighted-text_rnc9v_243{color:var(--citrine-100);font-weight:inherit}._highlighted-text-wrapper_rnc9v_248{display:inline}
         
     | 
| 
         @@ -0,0 +1 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            ._multi-select-search_dbl8p_2{position:relative}._multi-select-search_dbl8p_2._disabled_dbl8p_5{cursor:not-allowed}._container_dbl8p_9{display:block;gap:var(--select-search-gap);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:var(--select-search-height);background-color:var(--black-5);border-radius:var(--select-search-radius)}._container-open_dbl8p_18{border-bottom:1px solid var(--citrine-100)}._group-header_dbl8p_22{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:var(--select-search-option-space);background-color:var(--black-10);border-bottom:1px solid var(--black-20)}._group-header_dbl8p_22._sticky-active_dbl8p_33{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px #0000001a}._group-header_dbl8p_22._sticky_dbl8p_33{position:-webkit-sticky;position:sticky;top:0;z-index:3}._group-header_dbl8p_22._hidden_dbl8p_41{visibility:hidden}._options-container_dbl8p_45{height:240px;overflow:auto}._options-container_dbl8p_45._l_dbl8p_49{height:320px}._loader_dbl8p_53{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-m)}._input-container_dbl8p_58{position:relative;width:100%}._full_dbl8p_63{width:100%}._selected-icon_dbl8p_67 path{fill:var(--sapphire-100)}._selector-icon-open_dbl8p_71{-webkit-transform:rotate(180deg);transform:rotate(180deg)}._button_dbl8p_75{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;cursor:pointer}._button_dbl8p_75._disabled_dbl8p_5{cursor:not-allowed}._button_dbl8p_75._disabled_dbl8p_5 ._selector-icon_dbl8p_71 path{fill:var(--white)}._options_dbl8p_45{position:absolute;z-index:10;width:100%;min-height:50%;max-height:var(--select-search-options-height);overflow-y:auto;font-size:var(--mimir-size-text-l);background:var(--white);-webkit-box-shadow:var(--mimir-box-shadow-select-search);box-shadow:var(--mimir-box-shadow-select-search);opacity:0;-webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out}._options_dbl8p_45._visible_dbl8p_102{opacity:1}._options_dbl8p_45._top_dbl8p_105{bottom:100%;margin-bottom:1px;border-radius:var(--select-search-radius) var(--select-search-radius) 0 0}._options_dbl8p_45._bottom_dbl8p_110{top:100%;margin-top:1px;border-radius:0 0 var(--select-search-radius) var(--select-search-radius)}._options_dbl8p_45::-webkit-scrollbar{width:3px}._options_dbl8p_45::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:var(--mimir-control-radius-xs2)}._options_dbl8p_45::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_dbl8p_45{max-height:var(--mimir-select-search-options-height-mobile)}}._no-options_dbl8p_131{height:100%;padding:var(--select-search-option-space);color:var(--black-80)}._m_dbl8p_2{--select-search-height: var(--mimir-select-search-height-l);--select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--select-search-radius: var(--mimir-control-radius);--select-search-gap: var(--mimir-space-2xs);--select-search-btn-space: var(--mimir-space-m) var(--mimir-space-m) var(--mimir-space-m) var(--mimir-space-xs);--select-search-option-space: var(--mimir-space-2s) var(--mimir-space-m);--select-search-options-height: var( --mimir-select-search-options-height-mobile );--clear-right: var(--mimir-space-2xxl);--multi-select-input-disabled-margin-right: var(--mimir-space-l)}._l_dbl8p_49{--select-search-height: var(--mimir-select-search-height-xxl);--select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--select-search-radius: var(--mimir-control-radius-s);--select-search-gap: var(--mimir-space-xs);--select-search-btn-space: var(--mimir-space-l) var(--mimir-space-m) var(--mimir-space-l) var(--mimir-space-xs);--select-search-option-space: var(--mimir-space-2l) var(--mimir-space-m);--select-search-options-height: var( --mimir-select-search-options-height-desktop );--clear-right: var(--mimir-space-4xl);--multi-select-input-disabled-margin-right: var(--mimir-space-1xl)}._multi-select-input-disabled_dbl8p_167{margin-right:var(--multi-select-input-disabled-margin-right)}._multi-select-input_dbl8p_167._focused_dbl8p_170{height:auto;min-height:var(--input-height);overflow:hidden;resize:vertical}._multi-select-input_dbl8p_167:last-child{padding-right:var(--mimir-space-4xl)}._option_dbl8p_45{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-m);-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:var(--select-search-option-space);cursor:pointer;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}._option-active_dbl8p_189{background-color:var(--black-5)}._option-inner_dbl8p_192{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--mimir-space-xs);width:100%}._chip_dbl8p_199{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._chip-container_dbl8p_204{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--mimir-space-2xs);margin-top:var(--mimir-space-xs)}._chip-root_dbl8p_210{max-width:100%}._right-slot_dbl8p_214{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-top:0!important}._required-mark_dbl8p_219{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-right:var(--mimir-space-xs)}._clear_dbl8p_224{position:absolute;top:50%;right:var(--clear-right);-webkit-transform:translateY(-50%);transform:translateY(-50%)}._clear_dbl8p_224._disabled_dbl8p_5{cursor:not-allowed}._clear_dbl8p_224._disabled_dbl8p_5 ._icon-button_dbl8p_233 path{fill:var(--white)}._highlighted-text_dbl8p_237{color:var(--citrine-100);font-weight:inherit}._highlighted-text-wrapper_dbl8p_242{display:inline}._nested-option_dbl8p_246{padding-left:var(--mimir-space-4xl)}._nested-option_dbl8p_246 ._option-inner_dbl8p_192{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._expand-button_dbl8p_254{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:var(--mimir-space-xs);padding:0;background:none;border:none;cursor:pointer;pointer-events:auto}._expand-icon_dbl8p_266{-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}._expand-icon-expanded_dbl8p_269{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
         
     | 
| 
         @@ -1,3 +1,4 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            import { ReactNode } from 'react';
         
     | 
| 
       1 
2 
     | 
    
         
             
            import { ELoadingIndicatorPlacement, EMultiSelectSearchSize } from './constants';
         
     | 
| 
       2 
3 
     | 
    
         
             
            import { TMultiSelectOption } from './types';
         
     | 
| 
       3 
4 
     | 
    
         | 
| 
         @@ -17,17 +18,19 @@ export declare const MultiSelectSearch: import('react').ForwardRefExoticComponen 
     | 
|
| 
       17 
18 
     | 
    
         
             
                disabled?: boolean;
         
     | 
| 
       18 
19 
     | 
    
         
             
                searchProps?: Pick<import('../Input').TInputProps, "numbersOnly" | "maxLength" | "required">;
         
     | 
| 
       19 
20 
     | 
    
         
             
                withChip?: boolean;
         
     | 
| 
       20 
     | 
    
         
            -
                chipVariant?: import(' 
     | 
| 
      
 21 
     | 
    
         
            +
                chipVariant?: import('..').EChipVariant | `${import('..').EChipVariant}`;
         
     | 
| 
       21 
22 
     | 
    
         
             
                disableInput?: boolean;
         
     | 
| 
       22 
23 
     | 
    
         
             
                autocomplete?: "on" | "off";
         
     | 
| 
       23 
24 
     | 
    
         
             
                id?: string;
         
     | 
| 
       24 
25 
     | 
    
         
             
                autoPlacement?: boolean;
         
     | 
| 
       25 
26 
     | 
    
         
             
                onIsOpen?: (value: boolean) => void;
         
     | 
| 
       26 
     | 
    
         
            -
                noOptionsText?: string |  
     | 
| 
       27 
     | 
    
         
            -
                noMatchText?: string |  
     | 
| 
      
 27 
     | 
    
         
            +
                noOptionsText?: string | ReactNode;
         
     | 
| 
      
 28 
     | 
    
         
            +
                noMatchText?: string | ReactNode;
         
     | 
| 
       28 
29 
     | 
    
         
             
                loadOnOpen?: () => void;
         
     | 
| 
       29 
30 
     | 
    
         
             
                loading?: boolean;
         
     | 
| 
       30 
31 
     | 
    
         
             
                loadingIndicatorPlacement?: ELoadingIndicatorPlacement | `${ELoadingIndicatorPlacement}`;
         
     | 
| 
       31 
32 
     | 
    
         
             
                groupBy?: string;
         
     | 
| 
       32 
33 
     | 
    
         
             
                getGroupTitle?: (groupValue: string) => string;
         
     | 
| 
      
 34 
     | 
    
         
            +
                highlightMatches?: boolean;
         
     | 
| 
      
 35 
     | 
    
         
            +
                enableNestedSelection?: boolean;
         
     | 
| 
       33 
36 
     | 
    
         
             
            } & import('react').RefAttributes<HTMLElement>>;
         
     |