mimir-ui-kit 1.44.3 → 1.45.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/MultiSelectSearch.css +1 -1
 - package/dist/assets/SelectSearch.css +1 -1
 - package/dist/components/MultiSelectSearch/MultiSelectSearch.d.ts +4 -2
 - package/dist/components/MultiSelectSearch/MultiSelectSearch.js +257 -237
 - package/dist/components/MultiSelectSearch/types.d.ts +6 -1
 - package/dist/components/MultiSelectSearch/utils.d.ts +18 -1
 - package/dist/components/MultiSelectSearch/utils.js +79 -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/package.json +1 -1
 
| 
         @@ -1 +1 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            ._multi-select- 
     | 
| 
      
 1 
     | 
    
         
            +
            ._multi-select-search_1phc4_2{position:relative}._multi-select-search_1phc4_2._disabled_1phc4_5{cursor:not-allowed}._container_1phc4_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_1phc4_18{border-bottom:1px solid var(--citrine-100)}._group-header_1phc4_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_1phc4_22._sticky-active_1phc4_33{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px #0000001a}._loader_1phc4_37{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-m)}._input-container_1phc4_42{position:relative;width:100%}._full_1phc4_47{width:100%}._selected-icon_1phc4_51 path{fill:var(--sapphire-100)}._selector-icon-open_1phc4_55{-webkit-transform:rotate(180deg);transform:rotate(180deg)}._button_1phc4_59{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_1phc4_59._disabled_1phc4_5{cursor:not-allowed}._button_1phc4_59._disabled_1phc4_5 ._selector-icon_1phc4_55 path{fill:var(--white)}._options_1phc4_73{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_1phc4_73._visible_1phc4_86{opacity:1}._options_1phc4_73._top_1phc4_89{bottom:100%;margin-bottom:1px;border-radius:var(--select-search-radius) var(--select-search-radius) 0 0}._options_1phc4_73._bottom_1phc4_94{top:100%;margin-top:1px;border-radius:0 0 var(--select-search-radius) var(--select-search-radius)}._options_1phc4_73::-webkit-scrollbar{width:3px}._options_1phc4_73::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:var(--mimir-control-radius-xs2)}._options_1phc4_73::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_1phc4_73{max-height:var(--mimir-select-search-options-height-mobile)}}._no-options_1phc4_115{height:100%;padding:var(--select-search-option-space);color:var(--black-80)}._m_1phc4_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_1phc4_37{--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_1phc4_151{margin-right:var(--multi-select-input-disabled-margin-right)}._multi-select-input_1phc4_151._focused_1phc4_154{height:auto;min-height:var(--input-height);overflow:hidden;resize:vertical}._multi-select-input_1phc4_151:last-child{padding-right:var(--mimir-space-4xl)}._option_1phc4_73{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_1phc4_173{background-color:var(--black-5)}._option-inner_1phc4_176{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_1phc4_183{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._chip-container_1phc4_188{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_1phc4_194{max-width:100%}._right-slot_1phc4_198{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-top:0!important}._required-mark_1phc4_203{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-right:var(--mimir-space-xs)}._clear_1phc4_208{position:absolute;top:50%;right:var(--clear-right);-webkit-transform:translateY(-50%);transform:translateY(-50%)}._clear_1phc4_208._disabled_1phc4_5{cursor:not-allowed}._clear_1phc4_208._disabled_1phc4_5 ._icon-button_1phc4_217 path{fill:var(--white)}._highlighted-text_1phc4_221{color:var(--citrine-100);font-weight:inherit}._highlighted-text-wrapper_1phc4_226{display:inline}
         
     | 
| 
         @@ -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}
         
     | 
| 
         @@ -1,3 +1,4 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            import { ReactNode } from 'react';
         
     | 
| 
       1 
2 
     | 
    
         
             
            import { ELoadingIndicatorPlacement, EMultiSelectSearchSize } from './constants';
         
     | 
| 
       2 
3 
     | 
    
         
             
            import { TMultiSelectOption } from './types';
         
     | 
| 
       3 
4 
     | 
    
         | 
| 
         @@ -23,11 +24,12 @@ export declare const MultiSelectSearch: import('react').ForwardRefExoticComponen 
     | 
|
| 
       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;
         
     | 
| 
       33 
35 
     | 
    
         
             
            } & import('react').RefAttributes<HTMLElement>>;
         
     |