mimir-ui-kit 1.45.0 → 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.
Files changed (27) hide show
  1. package/dist/assets/useNestedSelection.css +1 -0
  2. package/dist/components/MultiSelectSearch/MultiSelectSearch.d.ts +2 -1
  3. package/dist/components/MultiSelectSearch/MultiSelectSearch.js +279 -484
  4. package/dist/components/MultiSelectSearch/hooks/useChips.d.ts +18 -0
  5. package/dist/components/MultiSelectSearch/hooks/useChips.js +79 -0
  6. package/dist/components/MultiSelectSearch/hooks/useDataLoading.d.ts +10 -0
  7. package/dist/components/MultiSelectSearch/hooks/useDataLoading.js +21 -0
  8. package/dist/components/MultiSelectSearch/hooks/useEventHandling.d.ts +12 -0
  9. package/dist/components/MultiSelectSearch/hooks/useEventHandling.js +31 -0
  10. package/dist/components/MultiSelectSearch/hooks/useMenuPlacement.d.ts +19 -0
  11. package/dist/components/MultiSelectSearch/hooks/useMenuPlacement.js +38 -0
  12. package/dist/components/MultiSelectSearch/hooks/useMultiSelectState.d.ts +21 -0
  13. package/dist/components/MultiSelectSearch/hooks/useMultiSelectState.js +31 -0
  14. package/dist/components/MultiSelectSearch/hooks/useNestedSelection.d.ts +23 -0
  15. package/dist/components/MultiSelectSearch/hooks/useNestedSelection.js +11 -0
  16. package/dist/components/MultiSelectSearch/hooks/useRenderVirtualizedList.d.ts +27 -0
  17. package/dist/components/MultiSelectSearch/hooks/useRenderVirtualizedList.js +211 -0
  18. package/dist/components/MultiSelectSearch/hooks/useSearch.d.ts +14 -0
  19. package/dist/components/MultiSelectSearch/hooks/useSearch.js +44 -0
  20. package/dist/components/MultiSelectSearch/hooks/useVirtualization.d.ts +19 -0
  21. package/dist/components/MultiSelectSearch/hooks/useVirtualization.js +59 -0
  22. package/dist/components/MultiSelectSearch/types.d.ts +11 -0
  23. package/dist/components/MultiSelectSearch/utils.d.ts +32 -0
  24. package/dist/components/MultiSelectSearch/utils.js +145 -59
  25. package/dist/useNestedSelection-DnuUbEqM.js +119 -0
  26. package/package.json +1 -1
  27. package/dist/assets/MultiSelectSearch.css +0 -1
@@ -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)}
@@ -18,7 +18,7 @@ export declare const MultiSelectSearch: import('react').ForwardRefExoticComponen
18
18
  disabled?: boolean;
19
19
  searchProps?: Pick<import('../Input').TInputProps, "numbersOnly" | "maxLength" | "required">;
20
20
  withChip?: boolean;
21
- chipVariant?: import('../Chip').EChipVariant | `${import('../Chip').EChipVariant}`;
21
+ chipVariant?: import('..').EChipVariant | `${import('..').EChipVariant}`;
22
22
  disableInput?: boolean;
23
23
  autocomplete?: "on" | "off";
24
24
  id?: string;
@@ -32,4 +32,5 @@ export declare const MultiSelectSearch: import('react').ForwardRefExoticComponen
32
32
  groupBy?: string;
33
33
  getGroupTitle?: (groupValue: string) => string;
34
34
  highlightMatches?: boolean;
35
+ enableNestedSelection?: boolean;
35
36
  } & import('react').RefAttributes<HTMLElement>>;