@wix/patterns 1.173.0 → 1.175.0

package/dist/cjs/components/ActionControl/ActionSubItemProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/ActionControl/ActionSubItemProps.tsx"],"sourcesContent":["import { IconElement, PopoverMenuProps } from '@wix/design-system';\n\nexport type ActionSubitem = {\n  /**\n   * A callback that runs each time the button is clicked.\n   * @external\n   */\n  onClick?: any;\n  /**\n   * Button label.\n   * @external\n   */\n  label?: string;\n  /**\n   * An optional Icon prefix.\n   * @external\n   */\n  prefixIcon?: IconElement;\n  /**\n   * An optional tooltip.\n   * @external\n   */\n  tooltip?: string;\n  /**\n   * An optional disabled flag.\n   * @external\n   */\n  disabled?: boolean;\n  /**\n   *  A data-hook for the button.\n   * @external\n   */\n  dataHook?: string;\n  /**\n   * A unique name for CTAClick bi event. For example: 'edit'.\n   */\n  biName?: string;\n  /**\n   * Array of action items to render in a popover menu. Actions can be grouped by using an array of arrays, and a divider will be added between each group.\n   * @overrideType [ActionSubitem[]](./?path=/story/common-types--actionsubitem) | [ActionSubitem[][]](./?path=/story/common-types--actionsubitem)\n   * @external\n   */\n  subItems?: ActionSubitem[] | ActionSubitem[][];\n  /**\n   * Custom [PopoverMenuProps](https://www.docs.wixdesignsystem.com/?path=/story/components-overlays--popovermenu) to pass to the sub-items popover menu\n   * @external\n   */\n  popoverMenuProps?: Partial<PopoverMenuProps>;\n};\n\nexport type MultiBulkActionSubItem = ActionSubitem;\n\nexport type ActionSubItemPrivate = Omit<ActionSubitem, 'subItems'> & {\n  subItems?: (ActionSubitem & {\n    componentId?: string;\n    appId?: string;\n  })[][];\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/ActionControl/ActionSubItemProps.tsx"],"sourcesContent":["import { IconElement, PopoverMenuProps } from '@wix/design-system';\n\nexport type ActionSubitem = {\n  /**\n   * A callback that runs each time the button is clicked.\n   * @external\n   */\n  onClick?: any;\n  /**\n   * Button label.\n   * @external\n   */\n  label?: string;\n  /**\n   * An optional Icon prefix.\n   * @external\n   */\n  prefixIcon?: IconElement;\n  /**\n   * An optional tooltip when the popover is disabled.\n   * @external\n   */\n  tooltip?: string;\n  /**\n   * An optional disabled flag.\n   * @external\n   */\n  disabled?: boolean;\n  /**\n   *  A data-hook for the button.\n   * @external\n   */\n  dataHook?: string;\n  /**\n   * A unique name for CTAClick bi event. For example: 'edit'.\n   */\n  biName?: string;\n  /**\n   * Array of action items to render in a popover menu. Actions can be grouped by using an array of arrays, and a divider will be added between each group.\n   * @overrideType [ActionSubitem[]](./?path=/story/common-types--actionsubitem) | [ActionSubitem[][]](./?path=/story/common-types--actionsubitem)\n   * @external\n   */\n  subItems?: ActionSubitem[] | ActionSubitem[][];\n  /**\n   * Custom [PopoverMenuProps](https://www.docs.wixdesignsystem.com/?path=/story/components-overlays--popovermenu) to pass to the sub-items popover menu\n   * @external\n   */\n  popoverMenuProps?: Partial<PopoverMenuProps>;\n};\n\nexport type MultiBulkActionSubItem = ActionSubitem;\n\nexport type ActionSubItemPrivate = Omit<ActionSubitem, 'subItems'> & {\n  subItems?: (ActionSubitem & {\n    componentId?: string;\n    appId?: string;\n  })[][];\n};\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/AutoCompleteFilter/AutoCompleteFilter.js

@@ -4,111 +4,27 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.AutoCompleteFilter = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _state = require("../../state");
+var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
-var _designSystem = require("@wix/design-system");
-var _hooks = require("../../hooks");
-var _AutoCompleteFilterState = require("./AutoCompleteFilterState");
-var _react2 = require("@wix/bex-core/react");
+var _CollectionAutoComplete = require("../CollectionAutoComplete");
 var _providers = require("../../providers");
-var _useFilterCollectionStates = require("../../hooks/useFilterCollectionStates");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/AutoCompleteFilter/AutoCompleteFilter.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 && {}.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 _AutoCompleteFilter(props) {
-  const {
-    filter,
-    collection,
-    renderItem,
-    renderSection,
-    onSelect,
-    onClear,
-    readOnly,
-    ...rest
-  } = props;
-  const container = (0, _react2.useWixPatternsContainer)();
-  const toolbar = (0, _providers.useFilterToolbarState)();
-  const [collectionFilter] = (0, _react.useState)(() => new _state.CollectionFilterState({
-    collection,
-    filter
-  }));
-  const [state] = (0, _react.useState)(() => new _AutoCompleteFilterState.AutoCompleteFilterState({
-    collectionFilter,
-    resetOnClose: false,
-    container,
-    toolbar
-  }));
-  const {
-    translate: t
-  } = collection;
-  (0, _react.useEffect)(() => {
-    return state.init();
-  }, []);
-  const {
-    result: {
-      keyedItems
-    },
-    fetchedLastPage
-  } = collection;
-  const buildOption = (0, _hooks.useBuildOption)({
-    filter,
-    renderItem
-  });
-  const builtOptions = keyedItems.map(buildOption);
-  const options = (0, _hooks.useBuildGroupedOptions)({
-    items: builtOptions,
-    renderSection
-  });
-  const {
-    fixedFooter,
-    showInitialLoader
-  } = (0, _useFilterCollectionStates.useFilterCollectionStates)({
-    collection,
-    fixedFooter: rest.fixedFooter
-  });
-  return /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, (0, _extends2.default)({
-    dataHook: `collection-filter-${filter.name}`,
-    closeOnSelect: true,
-    border: "round",
-    options: options,
-    onClose: () => {
-      state.dropdown.dropdownSelect.close();
-      state.onInputBlur();
-    },
-    onBlur: state.onInputBlur,
-    readOnly: readOnly,
-    clearButton: !readOnly,
-    onClear: !readOnly ? e => {
-      onClear == null || onClear(e);
-      state.clearSelectionAndSearch();
-    } : undefined,
-    placeholder: t('cairo.selectPlaceholder'),
-    onSelect: (option, sameOptionWasPicked) => {
-      const {
-        keyedItem
-      } = option;
-      state.dropdown.dropdownSelect.setSingle(keyedItem);
-      onSelect == null || onSelect(option, sameOptionWasPicked);
-      state.searchInputValue = state.collection.itemName(keyedItem.item);
-    },
-    infiniteScroll: true,
-    value: state.searchInputValue,
-    onChange: e => {
-      state.searchInputValue = e.target.value;
-      collection.search(e.target.value);
-    },
-    hasMore: !showInitialLoader && !fetchedLastPage,
-    loadMore: collection.fetchNextPageIfNeeded
-  }, rest, {
-    fixedFooter: fixedFooter,
+  return /*#__PURE__*/_react.default.createElement(_providers.FilterTranslationProvider, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
+      lineNumber: 23,
       columnNumber: 5
     }
-  }));
+  }, /*#__PURE__*/_react.default.createElement(_CollectionAutoComplete.CollectionAutoComplete, (0, _extends2.default)({}, props, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 24,
+      columnNumber: 7
+    }
+  })), ";");
 }
 const AutoCompleteFilter = exports.AutoCompleteFilter = (0, _mobxReactLite.observer)(_AutoCompleteFilter);
 //# sourceMappingURL=AutoCompleteFilter.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_designSystem","_hooks","_AutoCompleteFilterState","_react2","_providers","_useFilterCollectionStates","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_AutoCompleteFilter","props","filter","collection","renderItem","renderSection","onSelect","onClear","readOnly","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","collectionFilter","useState","CollectionFilterState","state","AutoCompleteFilterState","resetOnClose","translate","useEffect","init","result","keyedItems","fetchedLastPage","buildOption","useBuildOption","builtOptions","map","options","useBuildGroupedOptions","items","fixedFooter","showInitialLoader","useFilterCollectionStates","createElement","AutoComplete","_extends2","dataHook","name","closeOnSelect","border","onClose","dropdown","dropdownSelect","close","onInputBlur","onBlur","clearButton","clearSelectionAndSearch","undefined","placeholder","option","sameOptionWasPicked","keyedItem","setSingle","searchInputValue","itemName","item","infiniteScroll","value","onChange","target","search","hasMore","loadMore","fetchNextPageIfNeeded","__self","__source","fileName","lineNumber","columnNumber","AutoCompleteFilter","exports","observer"],"sources":["../../../../src/components/AutoCompleteFilter/AutoCompleteFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { CollectionFilterState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, Filter, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport {\n  AutoComplete,\n  AutoCompleteProps,\n  DropdownLayoutValueOption,\n} from '@wix/design-system';\nimport { ListItem, useBuildGroupedOptions, useBuildOption } from '../../hooks';\nimport { AutoCompleteFilterState } from './AutoCompleteFilterState';\nimport { SingleSelectFilterBaseProps } from '../SingleSelectFilterBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFilterToolbarState } from '../../providers';\nimport { FilterProps } from '../../model';\nimport { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';\n\nexport type KeyedItemOption<T> = DropdownLayoutValueOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport interface AutoCompleteFilterProps<V, F extends FiltersMap>\n  extends Omit<AutoCompleteProps, 'options'>,\n    FilterProps<V[]> {\n  /**\n   * [ArrayFilter](./?path=/story/features-filter-factories--arrayfilter) state object\n   */\n  filter: Filter<V[]>;\n  /**\n   * Function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) extended by `{section?: string}`.\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n  /**\n   * A function that returns  [ListItemSectionProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemsection) <br/>\n   * According to make it works you need return `sectionId` in `renderItem` method. <br/>\n   * ⚠️ Server should return section items sorted by sections in strict order. Otherwise, when using infinite scrolling the behavior of the sections will be unexpected. <br/>\n   * (Optional)\n   */\n  renderSection?: SingleSelectFilterBaseProps<V>['renderSection'];\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * Typically, a collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) hook.\n   */\n  collection: CollectionState<V, F>;\n}\n\nfunction _AutoCompleteFilter<V, F extends FiltersMap>(\n  props: AutoCompleteFilterProps<V, F>,\n) {\n  const {\n    filter,\n    collection,\n    renderItem,\n    renderSection,\n    onSelect,\n    onClear,\n    readOnly,\n    ...rest\n  } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [state] = useState(\n    () =>\n      new AutoCompleteFilterState({\n        collectionFilter,\n        resetOnClose: false,\n        container,\n        toolbar,\n      }),\n  );\n\n  const { translate: t } = collection;\n\n  useEffect(() => {\n    return state.init();\n  }, []);\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const buildOption = useBuildOption({\n    filter,\n    renderItem,\n  });\n\n  const builtOptions = keyedItems.map(buildOption);\n  const options = useBuildGroupedOptions({\n    items: builtOptions,\n    renderSection,\n  });\n\n  const { fixedFooter, showInitialLoader } = useFilterCollectionStates({\n    collection,\n    fixedFooter: rest.fixedFooter,\n  });\n\n  return (\n    <AutoComplete\n      dataHook={`collection-filter-${filter.name}`}\n      closeOnSelect\n      border=\"round\"\n      options={options}\n      onClose={() => {\n        state.dropdown.dropdownSelect.close();\n        state.onInputBlur();\n      }}\n      onBlur={state.onInputBlur}\n      readOnly={readOnly}\n      clearButton={!readOnly}\n      onClear={\n        !readOnly\n          ? (e) => {\n              onClear?.(e);\n              state.clearSelectionAndSearch();\n            }\n          : undefined\n      }\n      placeholder={t('cairo.selectPlaceholder')}\n      onSelect={(option, sameOptionWasPicked) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        state.dropdown.dropdownSelect.setSingle(keyedItem);\n        onSelect?.(option, sameOptionWasPicked);\n        state.searchInputValue = state.collection.itemName(keyedItem.item);\n      }}\n      infiniteScroll\n      value={state.searchInputValue}\n      onChange={(e) => {\n        state.searchInputValue = e.target.value;\n        collection.search(e.target.value);\n      }}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n      {...rest}\n      fixedFooter={fixedFooter}\n    />\n  );\n}\n\nexport const AutoCompleteFilter = observer(_AutoCompleteFilter);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CollectionAutoComplete","_providers","_jsxFileName","_AutoCompleteFilter","props","default","createElement","FilterTranslationProvider","__self","__source","fileName","lineNumber","columnNumber","CollectionAutoComplete","_extends2","AutoCompleteFilter","exports","observer"],"sources":["../../../../src/components/AutoCompleteFilter/AutoCompleteFilter.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport {\n  CollectionAutoComplete,\n  CollectionAutoCompleteProps,\n} from '../CollectionAutoComplete';\nimport { FilterTranslationProvider } from '../../providers';\n\nexport interface AutoCompleteFilterProps<V, F extends FiltersMap>\n  extends Omit<\n    CollectionAutoCompleteProps<V, F>,\n    'noResultsText' | 'emptyStateText'\n  > {}\n\nfunction _AutoCompleteFilter<V, F extends FiltersMap>(\n  props: Omit<\n    AutoCompleteFilterProps<V, F>,\n    'emptyStateText' | 'noResultsText'\n  >,\n) {\n  return (\n    <FilterTranslationProvider>\n      <CollectionAutoComplete {...props} />;\n    </FilterTranslationProvider>\n  );\n}\n\nexport const AutoCompleteFilter = observer(_AutoCompleteFilter);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,uBAAA,GAAAF,OAAA;AAIA,IAAAG,UAAA,GAAAH,OAAA;AAA4D,IAAAI,YAAA;AAQ5D,SAASC,mBAAmBA,CAC1BC,KAGC,EACD;EACA,oBACER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACL,UAAA,CAAAM,yBAAyB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAR,YAAA;MAAAS,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxBhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,uBAAA,CAAAa,sBAAsB,MAAAC,SAAA,CAAAT,OAAA,MAAKD,KAAK;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAR,YAAA;MAAAS,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC,KACZ,CAAC;AAEhC;AAEO,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAACd,mBAAmB,CAAC","ignoreList":[]}

package/dist/cjs/components/Collapse/Collapse.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Collapse3733583662";
+var _namespace_ = "Collapse3579252705";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Collapse3733583662__root",
-  "exit": "Collapse3733583662__exit"
+  "root": "Collapse3579252705__root",
+  "exit": "Collapse3579252705__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Collapse/Collapse.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse3733583662\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Collapse3733583662__root\",\"exit\":\"Collapse3733583662__exit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse3579252705\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Collapse3579252705__root\",\"exit\":\"Collapse3579252705__exit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionAutoComplete/CollectionAutoComplete.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionAutoComplete = 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 _designSystem = require("@wix/design-system");
+var _hooks = require("../../hooks");
+var _react2 = require("@wix/bex-core/react");
+var _providers = require("../../providers");
+var _useFilterCollectionStates = require("../../hooks/useFilterCollectionStates");
+var _AutoCompleteFilterState = require("../AutoCompleteFilter/AutoCompleteFilterState");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionAutoComplete/CollectionAutoComplete.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 && {}.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 _CollectionAutoComplete(props) {
+  const {
+    filter,
+    collection,
+    renderItem,
+    renderSection,
+    onSelect,
+    onClear,
+    readOnly,
+    ...rest
+  } = props;
+  const container = (0, _react2.useWixPatternsContainer)();
+  const toolbar = (0, _providers.useFilterToolbarState)();
+  const [collectionFilter] = (0, _react.useState)(() => new _state.CollectionFilterState({
+    collection,
+    filter
+  }));
+  const [state] = (0, _react.useState)(() => new _AutoCompleteFilterState.AutoCompleteFilterState({
+    collectionFilter,
+    resetOnClose: false,
+    container,
+    toolbar
+  }));
+  const {
+    translate
+  } = (0, _providers.useDropdownTranslationContext)();
+  (0, _react.useEffect)(() => {
+    return state.init();
+  }, []);
+  const {
+    result: {
+      keyedItems
+    },
+    fetchedLastPage
+  } = collection;
+  const buildOption = (0, _hooks.useBuildOption)({
+    filter,
+    renderItem
+  });
+  const builtOptions = keyedItems.map(buildOption);
+  const options = (0, _hooks.useBuildGroupedOptions)({
+    items: builtOptions,
+    renderSection
+  });
+  const {
+    fixedFooter,
+    showInitialLoader
+  } = (0, _useFilterCollectionStates.useFilterCollectionStates)({
+    collection,
+    fixedFooter: rest.fixedFooter
+  });
+  return /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, (0, _extends2.default)({
+    dataHook: `collection-filter-${filter.name}`,
+    closeOnSelect: true,
+    border: "round",
+    options: options,
+    onClose: () => {
+      state.dropdown.dropdownSelect.close();
+      state.onInputBlur();
+    },
+    onBlur: state.onInputBlur,
+    readOnly: readOnly,
+    clearButton: !readOnly,
+    onClear: !readOnly ? e => {
+      onClear == null || onClear(e);
+      state.clearSelectionAndSearch();
+    } : undefined,
+    placeholder: translate('placeholder'),
+    onSelect: (option, sameOptionWasPicked) => {
+      const {
+        keyedItem
+      } = option;
+      state.dropdown.dropdownSelect.setSingle(keyedItem);
+      onSelect == null || onSelect(option, sameOptionWasPicked);
+      state.searchInputValue = state.collection.itemName(keyedItem.item);
+    },
+    infiniteScroll: true,
+    value: state.searchInputValue,
+    onChange: e => {
+      state.searchInputValue = e.target.value;
+      collection.search(e.target.value);
+    },
+    hasMore: !showInitialLoader && !fetchedLastPage,
+    loadMore: collection.fetchNextPageIfNeeded
+  }, rest, {
+    fixedFooter: fixedFooter,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 113,
+      columnNumber: 5
+    }
+  }));
+}
+const CollectionAutoComplete = exports.CollectionAutoComplete = (0, _mobxReactLite.observer)(_CollectionAutoComplete);
+//# sourceMappingURL=CollectionAutoComplete.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_designSystem","_hooks","_react2","_providers","_useFilterCollectionStates","_AutoCompleteFilterState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionAutoComplete","props","filter","collection","renderItem","renderSection","onSelect","onClear","readOnly","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","collectionFilter","useState","CollectionFilterState","state","AutoCompleteFilterState","resetOnClose","translate","useDropdownTranslationContext","useEffect","init","result","keyedItems","fetchedLastPage","buildOption","useBuildOption","builtOptions","map","options","useBuildGroupedOptions","items","fixedFooter","showInitialLoader","useFilterCollectionStates","createElement","AutoComplete","_extends2","dataHook","name","closeOnSelect","border","onClose","dropdown","dropdownSelect","close","onInputBlur","onBlur","clearButton","clearSelectionAndSearch","undefined","placeholder","option","sameOptionWasPicked","keyedItem","setSingle","searchInputValue","itemName","item","infiniteScroll","value","onChange","target","search","hasMore","loadMore","fetchNextPageIfNeeded","__self","__source","fileName","lineNumber","columnNumber","CollectionAutoComplete","exports","observer"],"sources":["../../../../src/components/CollectionAutoComplete/CollectionAutoComplete.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { CollectionFilterState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, Filter, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport {\n  AutoComplete,\n  AutoCompleteProps,\n  DropdownLayoutValueOption,\n} from '@wix/design-system';\nimport { ListItem, useBuildGroupedOptions, useBuildOption } from '../../hooks';\nimport { SingleSelectFilterBaseProps } from '../SingleSelectFilterBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  useFilterToolbarState,\n  useDropdownTranslationContext,\n} from '../../providers';\nimport { FilterProps } from '../../model';\nimport { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';\nimport { AutoCompleteFilterState } from '../AutoCompleteFilter/AutoCompleteFilterState';\n\nexport type KeyedItemOption<T> = DropdownLayoutValueOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport interface CollectionAutoCompleteProps<V, F extends FiltersMap>\n  extends Omit<AutoCompleteProps, 'options'>,\n    FilterProps<V[]> {\n  /**\n   * [ArrayFilter](./?path=/story/features-filter-factories--arrayfilter) state object\n   */\n  filter: Filter<V[]>;\n  /**\n   * Function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) extended by `{section?: string}`.\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n  /**\n   * A function that returns  [ListItemSectionProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemsection) <br/>\n   * According to make it works you need return `sectionId` in `renderItem` method. <br/>\n   * ⚠️ Server should return section items sorted by sections in strict order. Otherwise, when using infinite scrolling the behavior of the sections will be unexpected. <br/>\n   * (Optional)\n   */\n  renderSection?: SingleSelectFilterBaseProps<V>['renderSection'];\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * Typically, a collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) hook.\n   */\n  collection: CollectionState<V, F>;\n}\n\nfunction _CollectionAutoComplete<V, F extends FiltersMap>(\n  props: CollectionAutoCompleteProps<V, F>,\n) {\n  const {\n    filter,\n    collection,\n    renderItem,\n    renderSection,\n    onSelect,\n    onClear,\n    readOnly,\n    ...rest\n  } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [state] = useState(\n    () =>\n      new AutoCompleteFilterState({\n        collectionFilter,\n        resetOnClose: false,\n        container,\n        toolbar,\n      }),\n  );\n\n  const { translate } = useDropdownTranslationContext();\n\n  useEffect(() => {\n    return state.init();\n  }, []);\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const buildOption = useBuildOption({\n    filter,\n    renderItem,\n  });\n\n  const builtOptions = keyedItems.map(buildOption);\n  const options = useBuildGroupedOptions({\n    items: builtOptions,\n    renderSection,\n  });\n\n  const { fixedFooter, showInitialLoader } = useFilterCollectionStates({\n    collection,\n    fixedFooter: rest.fixedFooter,\n  });\n\n  return (\n    <AutoComplete\n      dataHook={`collection-filter-${filter.name}`}\n      closeOnSelect\n      border=\"round\"\n      options={options}\n      onClose={() => {\n        state.dropdown.dropdownSelect.close();\n        state.onInputBlur();\n      }}\n      onBlur={state.onInputBlur}\n      readOnly={readOnly}\n      clearButton={!readOnly}\n      onClear={\n        !readOnly\n          ? (e) => {\n              onClear?.(e);\n              state.clearSelectionAndSearch();\n            }\n          : undefined\n      }\n      placeholder={translate('placeholder')}\n      onSelect={(option, sameOptionWasPicked) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        state.dropdown.dropdownSelect.setSingle(keyedItem);\n        onSelect?.(option, sameOptionWasPicked);\n        state.searchInputValue = state.collection.itemName(keyedItem.item);\n      }}\n      infiniteScroll\n      value={state.searchInputValue}\n      onChange={(e) => {\n        state.searchInputValue = e.target.value;\n        collection.search(e.target.value);\n      }}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n      {...rest}\n      fixedFooter={fixedFooter}\n    />\n  );\n}\n\nexport const CollectionAutoComplete = observer(_CollectionAutoComplete);\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/dist/cjs/components/CollectionMultiSelectCheckbox/CollectionMultiSelectCheckbox.js

@@ -0,0 +1,203 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionMultiSelectCheckbox = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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 _InputOverflow = require("../InputOverflow");
+var _providers = require("../../providers");
+var _useCollectionFilterInitialFetchTiming = require("../../hooks/useCollectionFilterInitialFetchTiming");
+var _useFilterCollectionStates = require("../../hooks/useFilterCollectionStates");
+var _useCollectionOptions = require("../../hooks/useCollectionOptions");
+var _useDropdownPlaceholder = require("../../hooks/useDropdownPlaceholder");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionMultiSelectCheckbox/CollectionMultiSelectCheckbox.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 && {}.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 _CollectionMultiSelectCheckbox(props) {
+  const {
+    filter,
+    collection,
+    renderItem,
+    onSelect,
+    onClose,
+    onOptionsShow,
+    onDeselect,
+    placeholder: placeholderProp,
+    ...rest
+  } = props;
+  const container = (0, _react2.useWixPatternsContainer)();
+  const toolbar = (0, _providers.useFilterToolbarState)();
+  const {
+    translate
+  } = (0, _providers.useDropdownTranslationContext)();
+  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
+    }
+  } = dropdownSelect;
+  const [textOverflowState] = (0, _react.useState)(() => new _bexCore.TextOverflowState({
+    observable: () => dropdownSelect.select.selectedValues
+  }));
+  const {
+    isOverflow
+  } = textOverflowState;
+  const {
+    fetchedLastPage
+  } = collection;
+  const {
+    fixedFooter,
+    showInitialLoader
+  } = (0, _useFilterCollectionStates.useFilterCollectionStates)({
+    collection,
+    fixedFooter: rest.fixedFooter
+  });
+  const {
+    skipInitialFetch,
+    onFocus
+  } = (0, _useCollectionFilterInitialFetchTiming.useCollectionFilterInitialFetchTiming)(props);
+  (0, _react.useEffect)(() => init({
+    skipInitialFetch
+  }), []);
+  const {
+    selectedValuesText,
+    placeholder
+  } = (0, _useDropdownPlaceholder.useDropdownPlaceholder)({
+    dropdownSelect,
+    filter,
+    shouldShowPlaceholder,
+    isOverflow,
+    placeholderProp
+  });
+  const {
+    options
+  } = (0, _useCollectionOptions.useCollectionOptions)({
+    collection,
+    dropdownSelect,
+    renderItem,
+    filter
+  });
+  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();
+      onOptionsShow == null || 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: translate('clearButtonTooltip'),
+    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: 200,
+        columnNumber: 9
+      }
+    }),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 127,
+      columnNumber: 5
+    }
+  }));
+}
+const CollectionMultiSelectCheckbox = exports.CollectionMultiSelectCheckbox = (0, _mobxReactLite.observer)(_CollectionMultiSelectCheckbox);
+//# sourceMappingURL=CollectionMultiSelectCheckbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_bexCore","_react2","_mobxReactLite","_MultiSelectCheckboxFilterBase","_InputOverflow","_providers","_useCollectionFilterInitialFetchTiming","_useFilterCollectionStates","_useCollectionOptions","_useDropdownPlaceholder","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionMultiSelectCheckbox","props","filter","collection","renderItem","onSelect","onClose","onOptionsShow","onDeselect","placeholder","placeholderProp","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","translate","useDropdownTranslationContext","collectionFilter","useState","CollectionFilterState","dropdownCollectionFilterState","DropdownCollectionFilterState","resetOnClose","dropdownSelect","init","inputState","shouldShowPlaceholder","disableEditing","select","selectedKeys","selectedValues","textOverflowState","TextOverflowState","observable","isOverflow","fetchedLastPage","fixedFooter","showInitialLoader","useFilterCollectionStates","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","selectedValuesText","useDropdownPlaceholder","options","useCollectionOptions","createElement","MultiSelectCheckboxFilterBase","_extends2","infiniteScroll","selectedOptions","hasMore","loadMore","fetchNextPageIfNeeded","hasPendingFilter","closeAndChangeSelectedItems","onBlur","id","option","keyedItem","refreshIfChanged","actionType","clickedValueKey","key","delete","value","query","search","onChange","target","clearResult","onKeyDown","nativeEvent","code","onTabKeyDown","onClickOutside","onClear","clearSearch","clearButton","clearButtonTooltipContent","focusOnClearClick","inputElement","InputOverflow","selected","length","focused","isFocused","text","state","__self","__source","fileName","lineNumber","columnNumber","CollectionMultiSelectCheckbox","exports","observer"],"sources":["../../../../src/components/CollectionMultiSelectCheckbox/CollectionMultiSelectCheckbox.tsx"],"sourcesContent":["import React, { useEffect, 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  MultiSelectCheckboxFilterBaseProps,\n} from '../MultiSelectCheckboxFilterBase';\nimport { ListItem } from '../../hooks';\nimport { InputOverflow } from '../InputOverflow';\nimport {\n  useFilterToolbarState,\n  useDropdownTranslationContext,\n} from '../../providers';\nimport {\n  useCollectionFilterInitialFetchTiming,\n  CollectionFilterInitialFetchTimingProps,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\nimport { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';\nimport { useCollectionOptions } from '../../hooks/useCollectionOptions';\nimport { useDropdownPlaceholder } from '../../hooks/useDropdownPlaceholder';\n\nexport interface CollectionMultiSelectCheckboxProps<\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/features-filter-hooks--usefiltercollection) or [useStaticListFilterCollection](./?path=/story/features-filter-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 _CollectionMultiSelectCheckbox<V, F extends FiltersMap = FiltersMap>(\n  props: CollectionMultiSelectCheckboxProps<V, F>,\n) {\n  const {\n    filter,\n    collection,\n    renderItem,\n    onSelect,\n    onClose,\n    onOptionsShow,\n    onDeselect,\n    placeholder: placeholderProp,\n    ...rest\n  } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const { translate } = useDropdownTranslationContext();\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  } = dropdownSelect;\n\n  const [textOverflowState] = useState(\n    () =>\n      new TextOverflowState({\n        observable: () => dropdownSelect.select.selectedValues,\n      }),\n  );\n  const { isOverflow } = textOverflowState;\n  const { fetchedLastPage } = collection;\n  const { fixedFooter, showInitialLoader } = useFilterCollectionStates({\n    collection,\n    fixedFooter: rest.fixedFooter,\n  });\n\n  const { skipInitialFetch, onFocus } =\n    useCollectionFilterInitialFetchTiming(props);\n\n  useEffect(() => init({ skipInitialFetch }), []);\n\n  const { selectedValuesText, placeholder } = useDropdownPlaceholder({\n    dropdownSelect,\n    filter,\n    shouldShowPlaceholder,\n    isOverflow,\n    placeholderProp,\n  });\n  const { options } = useCollectionOptions({\n    collection,\n    dropdownSelect,\n    renderItem,\n    filter,\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={() => {\n        inputState.onOptionsShow();\n        onOptionsShow?.();\n      }}\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={translate('clearButtonTooltip')}\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 CollectionMultiSelectCheckbox = observer(\n  _CollectionMultiSelectCheckbox,\n);\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_CollectionMultiSelectCheckbox","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/CollectionMultiSelectCheckbox/index.ts"],"sourcesContent":["export * from './CollectionMultiSelectCheckbox';\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","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionToolbar526697388";
+var _namespace_ = "CollectionToolbar3062454255";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CollectionToolbar526697388__root",
-  "left": "CollectionToolbar526697388__left",
-  "right": "CollectionToolbar526697388__right",
-  "fullWidth": "CollectionToolbar526697388__fullWidth"
+  "root": "CollectionToolbar3062454255__root",
+  "left": "CollectionToolbar3062454255__left",
+  "right": "CollectionToolbar3062454255__right",
+  "fullWidth": "CollectionToolbar3062454255__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};