@wix/patterns 0.8.0

package/dist/cjs/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.js

@@ -0,0 +1,222 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MultiSelectCheckboxFilter = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireWildcard(require("react"));
+var _state = require("../../state");
+var _bexCore = require("@wix/bex-core");
+var _react2 = require("@wix/bex-core/react");
+var _mobxReactLite = require("mobx-react-lite");
+var _MultiSelectCheckboxFilterBase = require("../MultiSelectCheckboxFilterBase");
+var _hooks = require("../../hooks");
+var _InputOverflow = require("../InputOverflow");
+var _providers = require("../../providers");
+var _usePlaceholderStateOptions = require("../../hooks/usePlaceholderStateOptions");
+var _useCollectionFilterInitialFetchTiming = require("../../hooks/useCollectionFilterInitialFetchTiming");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _MultiSelectCheckboxFilter(props) {
+  const {
+    filter,
+    collection,
+    renderItem,
+    onSelect,
+    onClose,
+    onDeselect,
+    placeholder: placeholderProp,
+    ...rest
+  } = props;
+  const container = (0, _react2.useWixPatternsContainer)();
+  const toolbar = (0, _providers.useFilterToolbarState)();
+  const buildOption = (0, _hooks.useBuildOption)({
+    filter,
+    renderItem,
+    checkbox: true
+  });
+  const [collectionFilter] = (0, _react.useState)(() => new _state.CollectionFilterState({
+    collection,
+    filter
+  }));
+  const [dropdownCollectionFilterState] = (0, _react.useState)(() => new _state.DropdownCollectionFilterState({
+    resetOnClose: false,
+    collectionFilter,
+    container,
+    toolbar
+  }));
+  const {
+    dropdownSelect,
+    init,
+    inputState,
+    shouldShowPlaceholder
+  } = dropdownCollectionFilterState;
+  const {
+    disableEditing
+  } = inputState;
+  const {
+    select: {
+      selectedKeys,
+      selectedValues
+    },
+    finalFilterKeyedItems,
+    finalFilterKeyedItemsMap,
+    container: {
+      translate: t
+    }
+  } = dropdownSelect;
+  const [textOverflowState] = (0, _react.useState)(() => new _bexCore.TextOverflowState({
+    observable: () => dropdownSelect.select.selectedValues
+  }));
+  const {
+    isOverflow
+  } = textOverflowState;
+  const {
+    result: {
+      keyedItems
+    },
+    fetchedLastPage,
+    query: {
+      search: {
+        isEmpty: isEmptySearch
+      }
+    }
+  } = collection;
+  const promotedOptions = finalFilterKeyedItems.length ? [...finalFilterKeyedItems.map(buildOption), (0, _designSystem.listItemSectionBuilder)({
+    id: 'promoted-section-divider',
+    type: 'divider'
+  })] : [];
+  const otherOptions = (isEmptySearch ? keyedItems.filter(({
+    key
+  }) => !finalFilterKeyedItemsMap.has(key) ?? true) : keyedItems).map(buildOption);
+  const {
+    options,
+    fixedFooter,
+    showInitialLoader
+  } = (0, _usePlaceholderStateOptions.usePlaceholderStateOptions)([...(isEmptySearch ? promotedOptions : []), ...otherOptions], {
+    collection
+  });
+  const selectedValuesText = (0, _react.useMemo)(() => {
+    return selectedValues.map(({
+      item
+    }) => filter.itemName(item)).join(', ');
+  }, [selectedValues]);
+  const {
+    skipInitialFetch,
+    onFocus
+  } = (0, _useCollectionFilterInitialFetchTiming.useCollectionFilterInitialFetchTiming)(props);
+  (0, _react.useEffect)(() => init({
+    skipInitialFetch
+  }), []);
+  const placeholder = (0, _react.useMemo)(() => {
+    if (!shouldShowPlaceholder) {
+      return '';
+    }
+    if (selectedValues.length !== 0) {
+      if (process.env.NODE_ENV === 'test' && selectedValuesText.length > 40 || isOverflow) {
+        return t('cairo.dropdownSearch.filters.selected', {
+          total: selectedValues.length
+        });
+      }
+      return selectedValuesText;
+    }
+    return placeholderProp ?? t('cairo.dropdownSearch.select.filers.placeholder');
+  }, [selectedValues, selectedValuesText, shouldShowPlaceholder, isOverflow, placeholderProp]);
+  return /*#__PURE__*/_react.default.createElement(_MultiSelectCheckboxFilterBase.MultiSelectCheckboxFilterBase, (0, _extends2.default)({}, rest, {
+    fixedFooter: fixedFooter,
+    infiniteScroll: true,
+    filter: filter,
+    dropdownSelect: dropdownSelect,
+    options: options,
+    selectedOptions: selectedKeys,
+    hasMore: !showInitialLoader && !fetchedLastPage,
+    loadMore: collection.fetchNextPageIfNeeded,
+    onClose: () => {
+      if (!dropdownSelect.hasPendingFilter) {
+        dropdownSelect.closeAndChangeSelectedItems();
+      }
+      inputState.onBlur();
+      onClose == null || onClose();
+    },
+    onSelect: (id, option) => {
+      const {
+        keyedItem
+      } = option;
+      dropdownSelect.select.set(keyedItem);
+      if (dropdownSelect.hasPendingFilter) {
+        dropdownSelect.refreshIfChanged({
+          actionType: 'add',
+          clickedValueKey: keyedItem.key
+        });
+      }
+      onSelect == null || onSelect(id, option);
+    },
+    onDeselect: (id, option) => {
+      const {
+        keyedItem
+      } = option;
+      dropdownSelect.select.delete(keyedItem);
+      if (dropdownSelect.hasPendingFilter) {
+        dropdownSelect.refreshIfChanged({
+          actionType: 'remove',
+          clickedValueKey: keyedItem.key
+        });
+      }
+      onDeselect == null || onDeselect(id, option);
+    },
+    value: collection.query.search.value,
+    onFocus: () => {
+      inputState.onFocus();
+      onFocus();
+    },
+    onBlur: () => {
+      inputState.onBlur();
+    },
+    onChange: e => {
+      collection.search(e.target.value, {
+        clearResult: true
+      });
+    },
+    onOptionsShow: inputState.onOptionsShow,
+    onKeyDown: e => {
+      if (e.nativeEvent.code === 'Tab') {
+        inputState.onTabKeyDown();
+      }
+    },
+    onClickOutside: e => {
+      props.onClickOutside == null || props.onClickOutside(e);
+      inputState.onClickOutside();
+    },
+    onClear: () => {
+      inputState.onBlur();
+      collection.clearSearch();
+    },
+    disableEditing: disableEditing,
+    placeholder: placeholder,
+    clearButton: !disableEditing,
+    clearButtonTooltipContent: t('cairo.dropdownSearch.select.filers.clear'),
+    focusOnClearClick: true,
+    inputElement: /*#__PURE__*/_react.default.createElement(_InputOverflow.InputOverflow, {
+      selected: selectedValues.length > 0,
+      focused: inputState.isFocused,
+      text: selectedValuesText,
+      state: textOverflowState,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 249,
+        columnNumber: 9
+      }
+    }),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 179,
+      columnNumber: 5
+    }
+  }));
+}
+const MultiSelectCheckboxFilter = exports.MultiSelectCheckboxFilter = (0, _mobxReactLite.observer)(_MultiSelectCheckboxFilter);
+//# sourceMappingURL=MultiSelectCheckboxFilter.js.map

package/dist/cjs/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_state","_bexCore","_react2","_mobxReactLite","_MultiSelectCheckboxFilterBase","_hooks","_InputOverflow","_providers","_usePlaceholderStateOptions","_useCollectionFilterInitialFetchTiming","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_MultiSelectCheckboxFilter","props","filter","collection","renderItem","onSelect","onClose","onDeselect","placeholder","placeholderProp","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","buildOption","useBuildOption","checkbox","collectionFilter","useState","CollectionFilterState","dropdownCollectionFilterState","DropdownCollectionFilterState","resetOnClose","dropdownSelect","init","inputState","shouldShowPlaceholder","disableEditing","select","selectedKeys","selectedValues","finalFilterKeyedItems","finalFilterKeyedItemsMap","translate","textOverflowState","TextOverflowState","observable","isOverflow","result","keyedItems","fetchedLastPage","query","search","isEmpty","isEmptySearch","promotedOptions","length","map","listItemSectionBuilder","id","type","otherOptions","key","options","fixedFooter","showInitialLoader","usePlaceholderStateOptions","selectedValuesText","useMemo","item","itemName","join","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","process","env","NODE_ENV","total","createElement","MultiSelectCheckboxFilterBase","_extends2","infiniteScroll","selectedOptions","hasMore","loadMore","fetchNextPageIfNeeded","hasPendingFilter","closeAndChangeSelectedItems","onBlur","option","keyedItem","refreshIfChanged","actionType","clickedValueKey","delete","value","onChange","target","clearResult","onOptionsShow","onKeyDown","nativeEvent","code","onTabKeyDown","onClickOutside","onClear","clearSearch","clearButton","clearButtonTooltipContent","focusOnClearClick","inputElement","InputOverflow","selected","focused","isFocused","text","state","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCheckboxFilter","exports","observer"],"sources":["../../../../src/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.tsx"],"sourcesContent":["import { listItemSectionBuilder } from '@wix/design-system';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport {\n  CollectionFilterState,\n  DropdownCollectionFilterState,\n} from '../../state';\nimport { CollectionState, FiltersMap, TextOverflowState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  KeyedItemOption,\n  MultiSelectCheckboxFilterBase,\n  MultiSelectCheckboxFilterBaseOption,\n  MultiSelectCheckboxFilterBaseProps,\n} from '../MultiSelectCheckboxFilterBase';\nimport { ListItem, useBuildOption } from '../../hooks';\nimport { InputOverflow } from '../InputOverflow';\nimport { useFilterToolbarState } from '../../providers';\nimport { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';\nimport {\n  useCollectionFilterInitialFetchTiming,\n  CollectionFilterInitialFetchTimingProps,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\n\nexport interface MultiSelectCheckboxFilterProps<\n  V,\n  F extends FiltersMap = FiltersMap,\n> extends Omit<\n      MultiSelectCheckboxFilterBaseProps<V>,\n      'options' | 'dropdownSelect'\n    >,\n    CollectionFilterInitialFetchTimingProps {\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * A collection created using [useFilterCollection](./?path=/story/common-hooks--usefiltercollection) or [useStaticListFilterCollection](./?path=/story/common-hooks--usestaticlistfiltercollection)\n   * @external\n   */\n  collection: CollectionState<V, F>;\n  /**\n   * A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) (Optional)\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n}\n\nfunction _MultiSelectCheckboxFilter<V, F extends FiltersMap = FiltersMap>(\n  props: MultiSelectCheckboxFilterProps<V, F>,\n) {\n  const {\n    filter,\n    collection,\n    renderItem,\n    onSelect,\n    onClose,\n    onDeselect,\n    placeholder: placeholderProp,\n    ...rest\n  } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const buildOption = useBuildOption<V>({\n    filter,\n    renderItem,\n    checkbox: true,\n  });\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [dropdownCollectionFilterState] = useState(\n    () =>\n      new DropdownCollectionFilterState<V, F>({\n        resetOnClose: false,\n        collectionFilter,\n        container,\n        toolbar,\n      }),\n  );\n\n  const { dropdownSelect, init, inputState, shouldShowPlaceholder } =\n    dropdownCollectionFilterState;\n  const { disableEditing } = inputState;\n\n  const {\n    select: { selectedKeys, selectedValues },\n    finalFilterKeyedItems,\n    finalFilterKeyedItemsMap,\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const [textOverflowState] = useState(\n    () =>\n      new TextOverflowState({\n        observable: () => dropdownSelect.select.selectedValues,\n      }),\n  );\n  const { isOverflow } = textOverflowState;\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n    query: {\n      search: { isEmpty: isEmptySearch },\n    },\n  } = collection;\n\n  const promotedOptions: MultiSelectCheckboxFilterBaseOption<V>[] =\n    finalFilterKeyedItems.length\n      ? [\n          ...finalFilterKeyedItems.map(buildOption),\n          listItemSectionBuilder({\n            id: 'promoted-section-divider',\n            type: 'divider',\n          }),\n        ]\n      : [];\n\n  const otherOptions: KeyedItemOption<V>[] = (\n    isEmptySearch\n      ? keyedItems.filter(\n          ({ key }) => !finalFilterKeyedItemsMap.has(key) ?? true,\n        )\n      : keyedItems\n  ).map(buildOption);\n\n  const { options, fixedFooter, showInitialLoader } =\n    usePlaceholderStateOptions(\n      [...(isEmptySearch ? promotedOptions : []), ...otherOptions],\n      {\n        collection,\n      },\n    );\n\n  const selectedValuesText = useMemo(() => {\n    return selectedValues.map(({ item }) => filter.itemName(item)).join(', ');\n  }, [selectedValues]);\n\n  const { skipInitialFetch, onFocus } =\n    useCollectionFilterInitialFetchTiming(props);\n\n  useEffect(() => init({ skipInitialFetch }), []);\n\n  const placeholder = useMemo(() => {\n    if (!shouldShowPlaceholder) {\n      return '';\n    }\n\n    if (selectedValues.length !== 0) {\n      if (\n        (process.env.NODE_ENV === 'test' && selectedValuesText.length > 40) ||\n        isOverflow\n      ) {\n        return t('cairo.dropdownSearch.filters.selected', {\n          total: selectedValues.length,\n        });\n      }\n\n      return selectedValuesText;\n    }\n\n    return (\n      placeholderProp ?? t('cairo.dropdownSearch.select.filers.placeholder')\n    );\n  }, [\n    selectedValues,\n    selectedValuesText,\n    shouldShowPlaceholder,\n    isOverflow,\n    placeholderProp,\n  ]);\n\n  return (\n    <MultiSelectCheckboxFilterBase\n      {...rest}\n      fixedFooter={fixedFooter}\n      infiniteScroll\n      filter={filter}\n      dropdownSelect={dropdownSelect}\n      options={options}\n      selectedOptions={selectedKeys}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n      onClose={() => {\n        if (!dropdownSelect.hasPendingFilter) {\n          dropdownSelect.closeAndChangeSelectedItems();\n        }\n        inputState.onBlur();\n        onClose?.();\n      }}\n      onSelect={(id, option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.select.set(keyedItem);\n        if (dropdownSelect.hasPendingFilter) {\n          dropdownSelect.refreshIfChanged({\n            actionType: 'add',\n            clickedValueKey: keyedItem.key,\n          });\n        }\n        onSelect?.(id, option);\n      }}\n      onDeselect={(id, option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.select.delete(keyedItem);\n        if (dropdownSelect.hasPendingFilter) {\n          dropdownSelect.refreshIfChanged({\n            actionType: 'remove',\n            clickedValueKey: keyedItem.key,\n          });\n        }\n        onDeselect?.(id, option);\n      }}\n      value={collection.query.search.value}\n      onFocus={() => {\n        inputState.onFocus();\n        onFocus();\n      }}\n      onBlur={() => {\n        inputState.onBlur();\n      }}\n      onChange={(e) => {\n        collection.search(e.target.value, { clearResult: true });\n      }}\n      onOptionsShow={inputState.onOptionsShow}\n      onKeyDown={(e) => {\n        if (e.nativeEvent.code === 'Tab') {\n          inputState.onTabKeyDown();\n        }\n      }}\n      onClickOutside={(e) => {\n        props.onClickOutside?.(e);\n        inputState.onClickOutside();\n      }}\n      onClear={() => {\n        inputState.onBlur();\n        collection.clearSearch();\n      }}\n      disableEditing={disableEditing}\n      placeholder={placeholder}\n      clearButton={!disableEditing}\n      clearButtonTooltipContent={t('cairo.dropdownSearch.select.filers.clear')}\n      focusOnClearClick\n      inputElement={\n        <InputOverflow\n          selected={selectedValues.length > 0}\n          focused={inputState.isFocused}\n          text={selectedValuesText}\n          state={textOverflowState}\n        />\n      }\n    />\n  );\n}\n\nexport const MultiSelectCheckboxFilter = observer(_MultiSelectCheckboxFilter);\n"],"mappings":"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"}

package/dist/cjs/components/MultiSelectCheckboxFilter/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _MultiSelectCheckboxFilter = require("./MultiSelectCheckboxFilter");
+Object.keys(_MultiSelectCheckboxFilter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MultiSelectCheckboxFilter[key]) return;
+  exports[key] = _MultiSelectCheckboxFilter[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/MultiSelectCheckboxFilter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_MultiSelectCheckboxFilter","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/MultiSelectCheckboxFilter/index.ts"],"sourcesContent":["export * from './MultiSelectCheckboxFilter';\n"],"mappings":";;;AAAA,IAAAA,0BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,0BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,0BAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,0BAAA,CAAAK,GAAA;AAAA"}

package/dist/cjs/components/MultiSelectCheckboxFilterBase/MultiSelectCheckboxFilterBase.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MultiSelectCheckboxFilterBase = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _useWindowFlipPopoverProps = require("../../utils/useWindowFlipPopoverProps");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiSelectCheckboxFilterBase/MultiSelectCheckboxFilterBase.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _MultiSelectCheckboxFilterBase(props) {
+  const {
+    filter,
+    dropdownSelect,
+    options,
+    placeholder,
+    popoverProps,
+    ...rest
+  } = props;
+  const {
+    select: {
+      selectedKeys,
+      selectedValues
+    },
+    container: {
+      translate: t
+    }
+  } = dropdownSelect;
+  const windowFlipPopoverProps = (0, _useWindowFlipPopoverProps.useWindowFlipPopoverProps)(popoverProps);
+  const selectedLabel = (0, _react.useMemo)(() => {
+    if (selectedValues.length > 2) {
+      return t('cairo.selected', {
+        total: selectedValues.length
+      });
+    }
+    if (selectedValues.length) {
+      return selectedValues.map(({
+        item
+      }) => filter.itemName(item)).join(', ');
+    }
+    return '';
+  }, [selectedValues]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.MultiSelectCheckbox, (0, _extends2.default)({
+    dataHook: `collection-filter-${filter.name}`,
+    border: "round",
+    textOverflow: "ellipsis",
+    options: options,
+    value: selectedLabel,
+    placeholder: placeholder ?? t('cairo.selectPlaceholder'),
+    selectedOptions: selectedKeys,
+    popoverProps: windowFlipPopoverProps
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 69,
+      columnNumber: 5
+    }
+  }));
+}
+const MultiSelectCheckboxFilterBase = exports.MultiSelectCheckboxFilterBase = (0, _mobxReactLite.observer)(_MultiSelectCheckboxFilterBase);
+//# sourceMappingURL=MultiSelectCheckboxFilterBase.js.map

package/dist/cjs/components/MultiSelectCheckboxFilterBase/MultiSelectCheckboxFilterBase.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_useWindowFlipPopoverProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_MultiSelectCheckboxFilterBase","props","filter","dropdownSelect","options","placeholder","popoverProps","rest","select","selectedKeys","selectedValues","container","translate","windowFlipPopoverProps","useWindowFlipPopoverProps","selectedLabel","useMemo","length","total","map","item","itemName","join","createElement","MultiSelectCheckbox","_extends2","dataHook","name","border","textOverflow","value","selectedOptions","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCheckboxFilterBase","exports","observer"],"sources":["../../../../src/components/MultiSelectCheckboxFilterBase/MultiSelectCheckboxFilterBase.tsx"],"sourcesContent":["import {\n  DropdownLayoutOption,\n  DropdownLayoutValueOption,\n  MultiSelectCheckbox,\n  MultiSelectCheckboxProps,\n} from '@wix/design-system';\nimport React, { useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { KeyedItem } from '@wix/bex-core';\nimport { DropdownSelectState } from '../../state';\nimport { FilterProps } from '../../model';\nimport { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';\n\nexport type KeyedItemOption<T> = DropdownLayoutValueOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport type MultiSelectCheckboxFilterBaseOption<V> =\n  | KeyedItemOption<V>\n  | DropdownLayoutOption;\n\nexport interface MultiSelectCheckboxFilterBaseProps<V>\n  extends Partial<MultiSelectCheckboxProps>,\n    FilterProps<V[]> {\n  /**\n   * Applies a data-hook HTML attribute that can be used in the tests\n   * @default `collection-filter-${filter.name}`\n   */\n  dataHook?: string;\n  options: MultiSelectCheckboxFilterBaseOption<V>[];\n  dropdownSelect: DropdownSelectState<V>;\n  placeholder?: string;\n}\n\nfunction _MultiSelectCheckboxFilterBase<V>(\n  props: MultiSelectCheckboxFilterBaseProps<V>,\n) {\n  const {\n    filter,\n    dropdownSelect,\n    options,\n    placeholder,\n    popoverProps,\n    ...rest\n  } = props;\n\n  const {\n    select: { selectedKeys, selectedValues },\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const windowFlipPopoverProps = useWindowFlipPopoverProps(popoverProps);\n\n  const selectedLabel = useMemo(() => {\n    if (selectedValues.length > 2) {\n      return t('cairo.selected', {\n        total: selectedValues.length,\n      });\n    }\n\n    if (selectedValues.length) {\n      return selectedValues.map(({ item }) => filter.itemName(item)).join(', ');\n    }\n\n    return '';\n  }, [selectedValues]);\n\n  return (\n    <MultiSelectCheckbox\n      dataHook={`collection-filter-${filter.name}`}\n      border=\"round\"\n      textOverflow=\"ellipsis\"\n      options={options}\n      value={selectedLabel}\n      placeholder={placeholder ?? t('cairo.selectPlaceholder')}\n      selectedOptions={selectedKeys}\n      popoverProps={windowFlipPopoverProps}\n      {...rest}\n    />\n  );\n}\n\nexport const MultiSelectCheckboxFilterBase = observer(\n  _MultiSelectCheckboxFilterBase,\n);\n"],"mappings":"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"}

package/dist/cjs/components/MultiSelectCheckboxFilterBase/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _MultiSelectCheckboxFilterBase = require("./MultiSelectCheckboxFilterBase");
+Object.keys(_MultiSelectCheckboxFilterBase).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MultiSelectCheckboxFilterBase[key]) return;
+  exports[key] = _MultiSelectCheckboxFilterBase[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/MultiSelectCheckboxFilterBase/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_MultiSelectCheckboxFilterBase","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/MultiSelectCheckboxFilterBase/index.ts"],"sourcesContent":["export * from './MultiSelectCheckboxFilterBase';\n"],"mappings":";;;AAAA,IAAAA,8BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,8BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,8BAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,8BAAA,CAAAK,GAAA;AAAA"}

package/dist/cjs/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MultiSelectCollectionFilter = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _state = require("../../state");
+var _mobxReactLite = require("mobx-react-lite");
+var _MultiSelectFilterBase = require("../MultiSelectFilterBase");
+var _hooks = require("../../hooks");
+var _react2 = require("@wix/bex-core/react");
+var _providers = require("../../providers");
+var _usePlaceholderStateOptions = require("../../hooks/usePlaceholderStateOptions");
+var _useCollectionFilterInitialFetchTiming = require("../../hooks/useCollectionFilterInitialFetchTiming");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _MultiSelectCollectionFilter(props) {
+  const {
+    filter,
+    collection,
+    renderItem,
+    initialFetchTiming,
+    ...rest
+  } = props;
+  const container = (0, _react2.useWixPatternsContainer)();
+  const toolbar = (0, _providers.useFilterToolbarState)();
+  const buildOption = (0, _hooks.useBuildOption)({
+    filter,
+    renderItem
+  });
+  const [collectionFilter] = (0, _react.useState)(() => new _state.CollectionFilterState({
+    collection,
+    filter
+  }));
+  const [{
+    dropdownSelect,
+    init
+  }] = (0, _react.useState)(() => new _state.DropdownCollectionFilterState({
+    collectionFilter,
+    resetOnClose: true,
+    container,
+    toolbar
+  }));
+  const {
+    query: {
+      search
+    }
+  } = collection;
+  const {
+    skipInitialFetch,
+    onFocus
+  } = (0, _useCollectionFilterInitialFetchTiming.useCollectionFilterInitialFetchTiming)(props);
+  (0, _react.useEffect)(() => init({
+    skipInitialFetch
+  }), []);
+  const {
+    result: {
+      keyedItems
+    },
+    fetchedLastPage
+  } = collection;
+  const {
+    options,
+    fixedFooter,
+    showInitialLoader
+  } = (0, _usePlaceholderStateOptions.usePlaceholderStateOptions)(keyedItems.map(buildOption), {
+    collection,
+    fixedFooter: rest.fixedFooter
+  });
+  return /*#__PURE__*/_react.default.createElement(_MultiSelectFilterBase.MultiSelectFilterBase, (0, _extends2.default)({}, rest, {
+    fixedFooter: fixedFooter,
+    infiniteScroll: true,
+    value: search.value,
+    onChange: e => {
+      collection.search(e.target.value);
+    },
+    onFocus: onFocus,
+    filter: filter,
+    dropdownSelect: dropdownSelect,
+    options: options,
+    hasMore: !showInitialLoader && !fetchedLastPage,
+    loadMore: collection.fetchNextPageIfNeeded,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 80,
+      columnNumber: 5
+    }
+  }));
+}
+const MultiSelectCollectionFilter = exports.MultiSelectCollectionFilter = (0, _mobxReactLite.observer)(_MultiSelectCollectionFilter);
+MultiSelectCollectionFilter.displayName = 'MultiSelectCollectionFilter';
+//# sourceMappingURL=MultiSelectCollectionFilter.js.map

package/dist/cjs/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_MultiSelectFilterBase","_hooks","_react2","_providers","_usePlaceholderStateOptions","_useCollectionFilterInitialFetchTiming","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_MultiSelectCollectionFilter","props","filter","collection","renderItem","initialFetchTiming","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","buildOption","useBuildOption","collectionFilter","useState","CollectionFilterState","dropdownSelect","init","DropdownCollectionFilterState","resetOnClose","query","search","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","result","keyedItems","fetchedLastPage","options","fixedFooter","showInitialLoader","usePlaceholderStateOptions","map","createElement","MultiSelectFilterBase","_extends2","infiniteScroll","value","onChange","target","hasMore","loadMore","fetchNextPageIfNeeded","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCollectionFilter","exports","observer","displayName"],"sources":["../../../../src/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  CollectionFilterState,\n  DropdownCollectionFilterState,\n} from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport {\n  MultiSelectFilterBase,\n  MultiSelectFilterBaseProps,\n} from '../MultiSelectFilterBase';\nimport { ListItem, useBuildOption } from '../../hooks';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFilterToolbarState } from '../../providers';\nimport { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';\nimport {\n  CollectionFilterInitialFetchTimingProps,\n  useCollectionFilterInitialFetchTiming,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\n\nexport interface MultiSelectCollectionFilterProps<V, F extends FiltersMap>\n  extends Omit<MultiSelectFilterBaseProps<V>, 'options' | 'dropdownSelect'>,\n    CollectionFilterInitialFetchTimingProps {\n  collection: CollectionState<V, F>;\n  renderItem?: (item: V, index: number) => ListItem;\n}\n\nfunction _MultiSelectCollectionFilter<V, F extends FiltersMap>(\n  props: MultiSelectCollectionFilterProps<V, F>,\n) {\n  const { filter, collection, renderItem, initialFetchTiming, ...rest } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const buildOption = useBuildOption<V>({\n    filter,\n    renderItem,\n  });\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [{ dropdownSelect, init }] = useState(\n    () =>\n      new DropdownCollectionFilterState({\n        collectionFilter,\n        resetOnClose: true,\n        container,\n        toolbar,\n      }),\n  );\n\n  const {\n    query: { search },\n  } = collection;\n\n  const { skipInitialFetch, onFocus } =\n    useCollectionFilterInitialFetchTiming(props);\n\n  useEffect(() => init({ skipInitialFetch }), []);\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const { options, fixedFooter, showInitialLoader } =\n    usePlaceholderStateOptions(keyedItems.map(buildOption), {\n      collection,\n      fixedFooter: rest.fixedFooter,\n    });\n\n  return (\n    <MultiSelectFilterBase\n      {...rest}\n      fixedFooter={fixedFooter}\n      infiniteScroll\n      value={search.value}\n      onChange={(e) => {\n        collection.search(e.target.value);\n      }}\n      onFocus={onFocus}\n      filter={filter}\n      dropdownSelect={dropdownSelect}\n      options={options}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n    />\n  );\n}\n\nexport const MultiSelectCollectionFilter = observer(\n  _MultiSelectCollectionFilter,\n);\n\nMultiSelectCollectionFilter.displayName = 'MultiSelectCollectionFilter';\n"],"mappings":"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"}

package/dist/cjs/components/MultiSelectCollectionFilter/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _MultiSelectCollectionFilter = require("./MultiSelectCollectionFilter");
+Object.keys(_MultiSelectCollectionFilter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MultiSelectCollectionFilter[key]) return;
+  exports[key] = _MultiSelectCollectionFilter[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/MultiSelectCollectionFilter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_MultiSelectCollectionFilter","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/MultiSelectCollectionFilter/index.ts"],"sourcesContent":["export * from './MultiSelectCollectionFilter';\n"],"mappings":";;;AAAA,IAAAA,4BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,4BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,4BAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,4BAAA,CAAAK,GAAA;AAAA"}

package/dist/cjs/components/MultiSelectFilterBase/MultiSelectFilterBase.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MultiSelectFilterBase = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _FilterRenderingContext = require("../FilterRenderingContext");
+var _useWindowFlipPopoverProps = require("../../utils/useWindowFlipPopoverProps");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiSelectFilterBase/MultiSelectFilterBase.tsx";
+const inputSizeToTagSize = {
+  tiny: 'tiny',
+  small: 'tiny',
+  medium: 'small',
+  large: 'medium'
+};
+function _MultiSelectCheckboxFilterBase(props) {
+  const {
+    renderTag,
+    filter,
+    options,
+    dropdownSelect,
+    placeholder,
+    onSelect,
+    onRemoveTag,
+    size,
+    popoverProps,
+    ...rest
+  } = props;
+  const {
+    location
+  } = (0, _FilterRenderingContext.useFilterRenderingContext)();
+  const windowFlipPopoverProps = (0, _useWindowFlipPopoverProps.useWindowFlipPopoverProps)(popoverProps);
+  const effectiveSize = size || (location === 'panel' ? 'small' : 'medium');
+  const {
+    select: {
+      selectedValues
+    },
+    container: {
+      translate: t
+    }
+  } = dropdownSelect;
+  const tags = selectedValues.map(keyedItem => {
+    const {
+      key,
+      item
+    } = keyedItem;
+    const tag = (renderTag == null ? void 0 : renderTag(item)) ?? {};
+    return {
+      id: key,
+      label: filter.itemName(item),
+      size: inputSizeToTagSize[effectiveSize],
+      ...tag
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement(_designSystem.MultiSelect, (0, _extends2.default)({
+    dataHook: `collection-filter-${filter.name}`,
+    border: "round",
+    options: options,
+    tags: tags,
+    size: size,
+    placeholder: placeholder ?? t('cairo.selectPlaceholder'),
+    onClose: () => {
+      dropdownSelect.close();
+    },
+    onSelect: option => {
+      const {
+        keyedItem
+      } = option;
+      dropdownSelect.set(keyedItem);
+      onSelect == null || onSelect(option);
+    },
+    onRemoveTag: tagId => {
+      dropdownSelect.deleteKey(tagId);
+      onRemoveTag == null || onRemoveTag(tagId);
+    },
+    popoverProps: windowFlipPopoverProps
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 83,
+      columnNumber: 5
+    }
+  }));
+}
+const MultiSelectFilterBase = exports.MultiSelectFilterBase = (0, _mobxReactLite.observer)(_MultiSelectCheckboxFilterBase);
+//# sourceMappingURL=MultiSelectFilterBase.js.map

package/dist/cjs/components/MultiSelectFilterBase/MultiSelectFilterBase.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_FilterRenderingContext","_useWindowFlipPopoverProps","_jsxFileName","inputSizeToTagSize","tiny","small","medium","large","_MultiSelectCheckboxFilterBase","props","renderTag","filter","options","dropdownSelect","placeholder","onSelect","onRemoveTag","size","popoverProps","rest","location","useFilterRenderingContext","windowFlipPopoverProps","useWindowFlipPopoverProps","effectiveSize","select","selectedValues","container","translate","t","tags","map","keyedItem","key","item","tag","id","label","itemName","default","createElement","MultiSelect","_extends2","dataHook","name","border","onClose","close","option","set","tagId","deleteKey","__self","__source","fileName","lineNumber","columnNumber","MultiSelectFilterBase","exports","observer"],"sources":["../../../../src/components/MultiSelectFilterBase/MultiSelectFilterBase.tsx"],"sourcesContent":["import {\n  DropdownLayoutOption,\n  DropdownLayoutValueOption,\n  InputSize,\n  MultiSelect,\n  MultiSelectProps,\n  MultiSelectTag,\n  TagProps,\n  TagSize,\n} from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Filter, KeyedItem } from '@wix/bex-core';\nimport { DropdownSelectState } from '../../state';\nimport { FilterProps } from '../../model';\nimport { useFilterRenderingContext } from '../FilterRenderingContext';\nimport { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';\n\nexport type KeyedItemOption<T> = DropdownLayoutValueOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nconst inputSizeToTagSize: Record<InputSize, TagSize> = {\n  tiny: 'tiny',\n  small: 'tiny',\n  medium: 'small',\n  large: 'medium',\n};\n\nexport type MultiSelectFilterBaseOption<T> =\n  | KeyedItemOption<T>\n  | DropdownLayoutOption;\n\nexport interface MultiSelectFilterBaseProps<V>\n  extends Partial<MultiSelectProps>,\n    FilterProps<V[]> {\n  filter: Filter<V[]>;\n  options: MultiSelectFilterBaseOption<V>[];\n  renderTag?: (item: V) => TagProps;\n  dropdownSelect: DropdownSelectState<V>;\n  placeholder?: string;\n}\n\nfunction _MultiSelectCheckboxFilterBase<V>(\n  props: MultiSelectFilterBaseProps<V>,\n) {\n  const {\n    renderTag,\n    filter,\n    options,\n    dropdownSelect,\n    placeholder,\n    onSelect,\n    onRemoveTag,\n    size,\n    popoverProps,\n    ...rest\n  } = props;\n\n  const { location } = useFilterRenderingContext();\n  const windowFlipPopoverProps = useWindowFlipPopoverProps(popoverProps);\n\n  const effectiveSize: InputSize =\n    size || (location === 'panel' ? 'small' : 'medium');\n\n  const {\n    select: { selectedValues },\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const tags: MultiSelectTag[] = selectedValues.map((keyedItem) => {\n    const { key, item } = keyedItem;\n    const tag = renderTag?.(item) ?? {};\n    return {\n      id: key,\n      label: filter.itemName(item),\n      size: inputSizeToTagSize[effectiveSize],\n      ...tag,\n    };\n  });\n\n  return (\n    <MultiSelect\n      dataHook={`collection-filter-${filter.name}`}\n      border=\"round\"\n      options={options}\n      tags={tags}\n      size={size}\n      placeholder={placeholder ?? t('cairo.selectPlaceholder')}\n      onClose={() => {\n        dropdownSelect.close();\n      }}\n      onSelect={(option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.set(keyedItem);\n        onSelect?.(option);\n      }}\n      onRemoveTag={(tagId) => {\n        dropdownSelect.deleteKey(tagId);\n        onRemoveTag?.(tagId);\n      }}\n      popoverProps={windowFlipPopoverProps}\n      {...rest}\n    />\n  );\n}\n\nexport const MultiSelectFilterBase = observer(_MultiSelectCheckboxFilterBase);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAUA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAIA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,0BAAA,GAAAL,OAAA;AAAkF,IAAAM,YAAA;AAMlF,MAAMC,kBAA8C,GAAG;EACrDC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,OAAO;EACfC,KAAK,EAAE;AACT,CAAC;AAgBD,SAASC,8BAA8BA,CACrCC,KAAoC,EACpC;EACA,MAAM;IACJC,SAAS;IACTC,MAAM;IACNC,OAAO;IACPC,cAAc;IACdC,WAAW;IACXC,QAAQ;IACRC,WAAW;IACXC,IAAI;IACJC,YAAY;IACZ,GAAGC;EACL,CAAC,GAAGV,KAAK;EAET,MAAM;IAAEW;EAAS,CAAC,GAAG,IAAAC,iDAAyB,EAAC,CAAC;EAChD,MAAMC,sBAAsB,GAAG,IAAAC,oDAAyB,EAACL,YAAY,CAAC;EAEtE,MAAMM,aAAwB,GAC5BP,IAAI,KAAKG,QAAQ,KAAK,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;EAErD,MAAM;IACJK,MAAM,EAAE;MAAEC;IAAe,CAAC;IAC1BC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGhB,cAAc;EAElB,MAAMiB,IAAsB,GAAGJ,cAAc,CAACK,GAAG,CAAEC,SAAS,IAAK;IAC/D,MAAM;MAAEC,GAAG;MAAEC;IAAK,CAAC,GAAGF,SAAS;IAC/B,MAAMG,GAAG,GAAG,CAAAzB,SAAS,oBAATA,SAAS,CAAGwB,IAAI,CAAC,KAAI,CAAC,CAAC;IACnC,OAAO;MACLE,EAAE,EAAEH,GAAG;MACPI,KAAK,EAAE1B,MAAM,CAAC2B,QAAQ,CAACJ,IAAI,CAAC;MAC5BjB,IAAI,EAAEd,kBAAkB,CAACqB,aAAa,CAAC;MACvC,GAAGW;IACL,CAAC;EACH,CAAC,CAAC;EAEF,oBACEtC,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAAC7C,aAAA,CAAA8C,WAAW,MAAAC,SAAA,CAAAH,OAAA;IACVI,QAAQ,EAAG,qBAAoBhC,MAAM,CAACiC,IAAK,EAAE;IAC7CC,MAAM,EAAC,OAAO;IACdjC,OAAO,EAAEA,OAAQ;IACjBkB,IAAI,EAAEA,IAAK;IACXb,IAAI,EAAEA,IAAK;IACXH,WAAW,EAAEA,WAAW,IAAIe,CAAC,CAAC,yBAAyB,CAAE;IACzDiB,OAAO,EAAEA,CAAA,KAAM;MACbjC,cAAc,CAACkC,KAAK,CAAC,CAAC;IACxB,CAAE;IACFhC,QAAQ,EAAGiC,MAAM,IAAK;MACpB,MAAM;QAAEhB;MAAU,CAAC,GAAGgB,MAA4B;MAClDnC,cAAc,CAACoC,GAAG,CAACjB,SAAS,CAAC;MAC7BjB,QAAQ,YAARA,QAAQ,CAAGiC,MAAM,CAAC;IACpB,CAAE;IACFhC,WAAW,EAAGkC,KAAK,IAAK;MACtBrC,cAAc,CAACsC,SAAS,CAACD,KAAK,CAAC;MAC/BlC,WAAW,YAAXA,WAAW,CAAGkC,KAAK,CAAC;IACtB,CAAE;IACFhC,YAAY,EAAEI;EAAuB,GACjCH,IAAI;IAAAiC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN;AAEO,MAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAACnD,8BAA8B,CAAC"}

package/dist/cjs/components/MultiSelectFilterBase/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _MultiSelectFilterBase = require("./MultiSelectFilterBase");
+Object.keys(_MultiSelectFilterBase).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MultiSelectFilterBase[key]) return;
+  exports[key] = _MultiSelectFilterBase[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/MultiSelectFilterBase/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_MultiSelectFilterBase","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/MultiSelectFilterBase/index.ts"],"sourcesContent":["export * from './MultiSelectFilterBase';\n"],"mappings":";;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,sBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,sBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,sBAAA,CAAAK,GAAA;AAAA"}