@wix/patterns 0.8.0

package/dist/cjs/components/ActionCell/useRenderActionCellColumn.js

@@ -0,0 +1,37 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useRenderActionCellColumn = useRenderActionCellColumn;
+var _react = _interopRequireWildcard(require("react"));
+var _CollectionTableActionsColumn = require("../CollectionTableActionsColumn");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/ActionCell/useRenderActionCellColumn.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 useRenderActionCellColumn(params) {
+  const {
+    collection,
+    actionCell,
+    sticky
+  } = params;
+  return (0, _react.useMemo)(() => {
+    if (actionCell == null) {
+      return null;
+    }
+    return (keyedItem, index) => {
+      return /*#__PURE__*/_react.default.createElement(_CollectionTableActionsColumn.CollectionTableActionsColumn, {
+        index: index,
+        sticky: sticky,
+        collection: collection,
+        keyedItem: keyedItem,
+        actionCell: actionCell,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 24,
+          columnNumber: 9
+        }
+      });
+    };
+  }, [sticky, actionCell]);
+}
+//# sourceMappingURL=useRenderActionCellColumn.js.map

package/dist/cjs/components/ActionCell/useRenderActionCellColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_CollectionTableActionsColumn","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","useRenderActionCellColumn","params","collection","actionCell","sticky","useMemo","keyedItem","index","createElement","CollectionTableActionsColumn","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/ActionCell/useRenderActionCellColumn.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { CollectionState, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { CollectionTableActionsColumn } from '../CollectionTableActionsColumn';\nimport { ActionCell } from './ActionCell';\n\nexport interface UseRenderActionCellColumnParams<T, F extends FiltersMap> {\n  sticky?: boolean;\n  actionCell?: ActionCell<T, F>;\n  collection: CollectionState<T, F>;\n}\n\nexport function useRenderActionCellColumn<T, F extends FiltersMap>(\n  params: UseRenderActionCellColumnParams<T, F>,\n) {\n  const { collection, actionCell, sticky } = params;\n\n  return useMemo(() => {\n    if (actionCell == null) {\n      return null;\n    }\n\n    return (keyedItem: KeyedItem<T>, index: number) => {\n      return (\n        <CollectionTableActionsColumn\n          index={index}\n          sticky={sticky}\n          collection={collection}\n          keyedItem={keyedItem}\n          actionCell={actionCell}\n        />\n      );\n    };\n  }, [sticky, actionCell]);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,6BAAA,GAAAD,OAAA;AAA+E,IAAAE,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AASxE,SAASY,yBAAyBA,CACvCC,MAA6C,EAC7C;EACA,MAAM;IAAEC,UAAU;IAAEC,UAAU;IAAEC;EAAO,CAAC,GAAGH,MAAM;EAEjD,OAAO,IAAAI,cAAO,EAAC,MAAM;IACnB,IAAIF,UAAU,IAAI,IAAI,EAAE;MACtB,OAAO,IAAI;IACb;IAEA,OAAO,CAACG,SAAuB,EAAEC,KAAa,KAAK;MACjD,oBACEjC,MAAA,CAAAW,OAAA,CAAAuB,aAAA,CAAC/B,6BAAA,CAAAgC,4BAA4B;QAC3BF,KAAK,EAAEA,KAAM;QACbH,MAAM,EAAEA,MAAO;QACfF,UAAU,EAAEA,UAAW;QACvBI,SAAS,EAAEA,SAAU;QACrBH,UAAU,EAAEA,UAAW;QAAAO,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAlC,YAAA;UAAAmC,UAAA;UAAAC,YAAA;QAAA;MAAA,CACxB,CAAC;IAEN,CAAC;EACH,CAAC,EAAE,CAACV,MAAM,EAAED,UAAU,CAAC,CAAC;AAC1B"}

package/dist/cjs/components/AppliedFiltersTagList/AppliedFiltersTagList.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.AppliedFiltersTagList = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/AppliedFiltersTagList/AppliedFiltersTagList.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 _AppliedFiltersTagList(props) {
+  const {
+    state,
+    onClearButtonClicked,
+    ...rest
+  } = props;
+  const {
+    table,
+    tags
+  } = state;
+  const {
+    collection
+  } = table;
+  const {
+    translate: t
+  } = collection;
+  const tagsMap = (0, _react.useMemo)(() => new Map(tags.map(tag => [tag.id, tag])), [tags]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.TagList, (0, _extends2.default)({
+    dataHook: "active-filter-tags",
+    tags: tags,
+    onTagRemove: tagId => {
+      const tag = tagsMap.get(tagId);
+      if (tag != null) {
+        const {
+          value,
+          filter,
+          filterProps
+        } = tag;
+        state._reportFilterToggleBiOnNextResult(filter, filter.itemKey(value));
+        filter.remove([value], {
+          emitEvents: ['change', 'refresh']
+        });
+        filterProps == null || filterProps.onAppliedFilterTagRemove == null || filterProps.onAppliedFilterTagRemove(value);
+      }
+    },
+    size: "small",
+    maxVisibleTags: Infinity,
+    actionButton: {
+      label: t('cairo.clear'),
+      onClick: () => {
+        state.onClearButtonClick();
+        onClearButtonClicked == null || onClearButtonClicked();
+      }
+    }
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 5
+    }
+  }));
+}
+const AppliedFiltersTagList = exports.AppliedFiltersTagList = (0, _mobxReactLite.observer)(_AppliedFiltersTagList);
+//# sourceMappingURL=AppliedFiltersTagList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_AppliedFiltersTagList","props","state","onClearButtonClicked","rest","table","tags","collection","translate","tagsMap","useMemo","Map","map","tag","id","createElement","TagList","_extends2","dataHook","onTagRemove","tagId","value","filter","filterProps","_reportFilterToggleBiOnNextResult","itemKey","remove","emitEvents","onAppliedFilterTagRemove","size","maxVisibleTags","Infinity","actionButton","label","onClick","onClearButtonClick","__self","__source","fileName","lineNumber","columnNumber","AppliedFiltersTagList","exports","observer"],"sources":["../../../../src/components/AppliedFiltersTagList/AppliedFiltersTagList.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { TagList } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { AppliedFiltersTagListState } from './AppliedFiltersTagListState';\nimport { FiltersMap } from '@wix/bex-core';\n\nexport interface AppliedFiltersTagListProps<T, F extends FiltersMap> {\n  state: AppliedFiltersTagListState<T, F>;\n  onClearButtonClicked?: () => unknown;\n}\n\nfunction _AppliedFiltersTagList<T, F extends FiltersMap>(\n  props: AppliedFiltersTagListProps<T, F>,\n) {\n  const { state, onClearButtonClicked, ...rest } = props;\n\n  const { table, tags } = state;\n  const { collection } = table;\n\n  const { translate: t } = collection;\n\n  const tagsMap = useMemo(\n    () => new Map(tags.map((tag) => [tag.id, tag])),\n    [tags],\n  );\n\n  return (\n    <TagList\n      dataHook=\"active-filter-tags\"\n      tags={tags}\n      onTagRemove={(tagId) => {\n        const tag = tagsMap.get(tagId);\n        if (tag != null) {\n          const { value, filter, filterProps } = tag;\n          state._reportFilterToggleBiOnNextResult(\n            filter,\n            filter.itemKey(value),\n          );\n          filter.remove([value], { emitEvents: ['change', 'refresh'] });\n          filterProps?.onAppliedFilterTagRemove?.(value);\n        }\n      }}\n      size=\"small\"\n      maxVisibleTags={Infinity}\n      actionButton={{\n        label: t('cairo.clear'),\n        onClick: () => {\n          state.onClearButtonClick();\n          onClearButtonClicked?.();\n        },\n      }}\n      {...rest}\n    />\n  );\n}\n\nexport const AppliedFiltersTagList = observer(_AppliedFiltersTagList);\n"],"mappings":"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"}

package/dist/cjs/components/AppliedFiltersTagList/AppliedFiltersTagList.uni.driver.js

@@ -0,0 +1,20 @@
+"use strict";
+
+exports.__esModule = true;
+exports.AppliedFiltersTagListUniDriver = AppliedFiltersTagListUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+function AppliedFiltersTagListUniDriver(base, body) {
+  const tagList = (0, _unidriver.TagListUniDriver)(base.$('[data-hook="active-filter-tags"]'), body);
+  const getAppliedFilterTag = (filterName, id) => (0, _unidriver.TagUniDriver)(base.$(`[data-hook="${filterName}${id ? `-${id}` : ''}"]`), body);
+  const appliedFilterTagExists = (filterName, id) => getAppliedFilterTag(filterName, id).exists();
+  const getAppliedFilterTagText = (filterName, id) => getAppliedFilterTag(filterName, id).getLabel();
+  const removeAppliedFilterTag = (filterName, id) => getAppliedFilterTag(filterName, id).removeTag();
+  return {
+    ...tagList,
+    getAppliedFilterTagText,
+    removeAppliedFilterTag,
+    appliedFilterTagExists,
+    getAppliedFilterTag
+  };
+}
+//# sourceMappingURL=AppliedFiltersTagList.uni.driver.js.map

package/dist/cjs/components/AppliedFiltersTagList/AppliedFiltersTagList.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","AppliedFiltersTagListUniDriver","base","body","tagList","TagListUniDriver","$","getAppliedFilterTag","filterName","id","TagUniDriver","appliedFilterTagExists","exists","getAppliedFilterTagText","getLabel","removeAppliedFilterTag","removeTag"],"sources":["../../../../src/components/AppliedFiltersTagList/AppliedFiltersTagList.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  TagListUniDriver,\n  TagUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function AppliedFiltersTagListUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const tagList = TagListUniDriver(\n    base.$('[data-hook=\"active-filter-tags\"]'),\n    body,\n  );\n\n  const getAppliedFilterTag = (filterName: string, id?: string) =>\n    TagUniDriver(\n      base.$(`[data-hook=\"${filterName}${id ? `-${id}` : ''}\"]`),\n      body,\n    );\n\n  const appliedFilterTagExists = (filterName: string, id?: string) =>\n    getAppliedFilterTag(filterName, id).exists();\n\n  const getAppliedFilterTagText = (filterName: string, id?: string) =>\n    getAppliedFilterTag(filterName, id).getLabel();\n\n  const removeAppliedFilterTag = (filterName: string, id?: string) =>\n    getAppliedFilterTag(filterName, id).removeTag();\n\n  return {\n    ...tagList,\n    getAppliedFilterTagText,\n    removeAppliedFilterTag,\n    appliedFilterTagExists,\n    getAppliedFilterTag,\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAKO,SAASC,8BAA8BA,CAC5CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,OAAO,GAAG,IAAAC,2BAAgB,EAC9BH,IAAI,CAACI,CAAC,CAAC,kCAAkC,CAAC,EAC1CH,IACF,CAAC;EAED,MAAMI,mBAAmB,GAAGA,CAACC,UAAkB,EAAEC,EAAW,KAC1D,IAAAC,uBAAY,EACVR,IAAI,CAACI,CAAC,CAAE,eAAcE,UAAW,GAAEC,EAAE,GAAI,IAAGA,EAAG,EAAC,GAAG,EAAG,IAAG,CAAC,EAC1DN,IACF,CAAC;EAEH,MAAMQ,sBAAsB,GAAGA,CAACH,UAAkB,EAAEC,EAAW,KAC7DF,mBAAmB,CAACC,UAAU,EAAEC,EAAE,CAAC,CAACG,MAAM,CAAC,CAAC;EAE9C,MAAMC,uBAAuB,GAAGA,CAACL,UAAkB,EAAEC,EAAW,KAC9DF,mBAAmB,CAACC,UAAU,EAAEC,EAAE,CAAC,CAACK,QAAQ,CAAC,CAAC;EAEhD,MAAMC,sBAAsB,GAAGA,CAACP,UAAkB,EAAEC,EAAW,KAC7DF,mBAAmB,CAACC,UAAU,EAAEC,EAAE,CAAC,CAACO,SAAS,CAAC,CAAC;EAEjD,OAAO;IACL,GAAGZ,OAAO;IACVS,uBAAuB;IACvBE,sBAAsB;IACtBJ,sBAAsB;IACtBJ;EACF,CAAC;AACH"}

package/dist/cjs/components/AppliedFiltersTagList/AppliedFiltersTagListState.js

@@ -0,0 +1,141 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.AppliedFiltersTagListState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
+var _bi = require("@wix/bex-core/bi");
+var _mobx = require("mobx");
+var _events = require("events");
+var _util = require("@wix/bex-core/util");
+class AppliedFiltersTagListState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "table", void 0);
+    (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
+    (0, _defineProperty2.default)(this, "toTag", (key, filter) => {
+      var _filterPropsMap$get;
+      const {
+        filterPropsMap
+      } = this;
+      const {
+        value: filterValue
+      } = filter;
+      const explodeTags = (_filterPropsMap$get = filterPropsMap.get(filter)) == null ? void 0 : _filterPropsMap$get.explodeTags;
+      return filter.toArray.map(value => ({
+        id: Array.isArray(filterValue) || explodeTags ? `${key}-${filter.itemKey(value)}` : key,
+        filter,
+        value
+      }));
+    });
+    (0, _defineProperty2.default)(this, "onClearButtonClick", (0, _mobx.action)(() => {
+      const {
+        table
+      } = this;
+      const {
+        collection
+      } = table;
+      const {
+        query: {
+          nonPersistentFilters
+        }
+      } = collection;
+      collection.emitter.emit('beforeClearFilters', {
+        origin: 'toolbar'
+      });
+      nonPersistentFilters.filter(filter => !filter._hideFromToolbar).forEach(filter => {
+        filter == null || filter.reset({
+          emitEvents: ['change', 'refresh']
+        });
+      });
+    }));
+    this.table = params.table;
+    (0, _mobx.makeObservable)(this, {
+      filterValues: _mobx.computed,
+      tags: _mobx.computed,
+      filterPropsMap: _mobx.computed
+    });
+  }
+  init() {
+    const {
+      multi: {
+        collections
+      }
+    } = this.table;
+    const disposers = [...collections.map(collection => (0, _util.addEventListener)(collection.emitter, 'fetch', () => {
+      const ls = this.events.listeners('fetch').map(l => l(collection));
+      return () => {
+        ls.forEach(l => l());
+      };
+    }))];
+    return () => {
+      disposers.forEach(d => d());
+    };
+  }
+  get filterPropsMap() {
+    const {
+      table: {
+        filtersProps
+      }
+    } = this;
+    return new Map((filtersProps == null ? void 0 : filtersProps.map(filterProps => [filterProps.filter, filterProps])) ?? []);
+  }
+  get filterValues() {
+    const {
+      table: {
+        activeFiltersEntries
+      }
+    } = this;
+    return activeFiltersEntries.filter(([_, filter]) => !filter._hideFromToolbar).flatMap(([key, filter]) => this.toTag(key, filter));
+  }
+  get tags() {
+    const {
+      filterValues,
+      filterPropsMap
+    } = this;
+    return filterValues.map(({
+      id,
+      filter,
+      value
+    }) => {
+      const filterProps = filterPropsMap.get(filter);
+      return {
+        children: filter.itemName(value),
+        filterProps,
+        id,
+        dataHook: id,
+        filter,
+        value,
+        maxWidth: '408px',
+        ...(filterProps == null || filterProps.renderToolbarTag == null ? void 0 : filterProps.renderToolbarTag(value))
+      };
+    });
+  }
+  _reportFilterToggleBiOnNextResult(filter, filterValue) {
+    const {
+      table,
+      events
+    } = this;
+    const {
+      reportBi
+    } = table;
+    const onFetch = collection => {
+      events.off('fetch', onFetch);
+      return (0, _mobx.action)(() => {
+        reportBi((0, _bexCore.withoutDefaults)(_bi.cairoFilterToggled)({
+          ...table._commonDynamicBiParams(),
+          ...collection._commonDynamicBiParams(),
+          actionType: 'remove',
+          origin: 'sub-toolbar',
+          filterName: filter.name,
+          filterValue,
+          numFiltersActive: collection.query.activeFiltersCount,
+          filteredListSize: collection.result.total
+        }));
+      });
+    };
+    events.on('fetch', onFetch);
+  }
+}
+exports.AppliedFiltersTagListState = AppliedFiltersTagListState;
+//# sourceMappingURL=AppliedFiltersTagListState.js.map

package/dist/cjs/components/AppliedFiltersTagList/AppliedFiltersTagListState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","_bi","_mobx","_events","_util","AppliedFiltersTagListState","constructor","params","_defineProperty2","default","EventEmitter","key","filter","_filterPropsMap$get","filterPropsMap","value","filterValue","explodeTags","get","toArray","map","id","Array","isArray","itemKey","action","table","collection","query","nonPersistentFilters","emitter","emit","origin","_hideFromToolbar","forEach","reset","emitEvents","makeObservable","filterValues","computed","tags","init","multi","collections","disposers","addEventListener","ls","events","listeners","l","d","filtersProps","Map","filterProps","activeFiltersEntries","_","flatMap","toTag","children","itemName","dataHook","maxWidth","renderToolbarTag","_reportFilterToggleBiOnNextResult","reportBi","onFetch","off","withoutDefaults","cairoFilterToggled","_commonDynamicBiParams","actionType","filterName","name","numFiltersActive","activeFiltersCount","filteredListSize","result","total","on","exports"],"sources":["../../../../src/components/AppliedFiltersTagList/AppliedFiltersTagListState.ts"],"sourcesContent":["import {\n  CollectionState,\n  Filter,\n  FiltersMap,\n  withoutDefaults,\n} from '@wix/bex-core';\nimport { cairoFilterToggled } from '@wix/bex-core/bi';\nimport { action, computed, makeObservable } from 'mobx';\nimport { ToolbarCollectionState } from '../../state';\nimport { EventEmitter } from 'events';\nimport { TypedEmitter } from '@wix/bex-core/events';\nimport { addEventListener } from '@wix/bex-core/util';\n\nexport interface AppliedFiltersTagListStateParams<T, F extends FiltersMap> {\n  readonly table: ToolbarCollectionState<T, F>;\n}\n\nexport class AppliedFiltersTagListState<T, F extends FiltersMap> {\n  readonly table;\n\n  readonly events = new EventEmitter() as TypedEmitter<{\n    fetch: (collection: CollectionState<unknown, {}>) => () => unknown;\n  }>;\n\n  constructor(params: Readonly<AppliedFiltersTagListStateParams<T, F>>) {\n    this.table = params.table;\n\n    makeObservable(this, {\n      filterValues: computed,\n      tags: computed,\n      filterPropsMap: computed,\n    });\n  }\n\n  init() {\n    const {\n      multi: { collections },\n    } = this.table;\n\n    const disposers = [\n      ...collections.map((collection) =>\n        addEventListener(collection.emitter, 'fetch', () => {\n          const ls = this.events.listeners('fetch').map((l) => l(collection));\n          return () => {\n            ls.forEach((l) => l());\n          };\n        }),\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n\n  get filterPropsMap() {\n    const {\n      table: { filtersProps },\n    } = this;\n\n    return new Map(\n      filtersProps?.map((filterProps) => [filterProps.filter, filterProps]) ??\n        [],\n    );\n  }\n\n  toTag = <V>(key: string, filter: Filter<V>) => {\n    const { filterPropsMap } = this;\n    const { value: filterValue } = filter;\n\n    const explodeTags = filterPropsMap.get(filter)?.explodeTags;\n\n    return filter.toArray.map((value) => ({\n      id:\n        Array.isArray(filterValue) || explodeTags\n          ? `${key}-${filter.itemKey(value)}`\n          : key,\n      filter,\n      value,\n    }));\n  };\n\n  get filterValues() {\n    const {\n      table: { activeFiltersEntries },\n    } = this;\n\n    return activeFiltersEntries\n      .filter(([_, filter]) => !filter._hideFromToolbar)\n      .flatMap(([key, filter]) => this.toTag(key, filter));\n  }\n\n  get tags() {\n    const { filterValues, filterPropsMap } = this;\n\n    return filterValues.map(({ id, filter, value }) => {\n      const filterProps = filterPropsMap.get(filter);\n\n      return {\n        children: filter.itemName(value),\n        filterProps,\n        id,\n        dataHook: id,\n        filter,\n        value,\n        maxWidth: '408px',\n        ...filterProps?.renderToolbarTag?.(value),\n      };\n    });\n  }\n\n  _reportFilterToggleBiOnNextResult<V>(filter: Filter<V>, filterValue: string) {\n    const { table, events } = this;\n    const { reportBi } = table;\n\n    const onFetch = (collection: CollectionState<unknown>) => {\n      events.off('fetch', onFetch);\n\n      return action(() => {\n        reportBi(\n          withoutDefaults(cairoFilterToggled)({\n            ...table._commonDynamicBiParams(),\n            ...collection._commonDynamicBiParams(),\n            actionType: 'remove',\n            origin: 'sub-toolbar',\n            filterName: filter.name,\n            filterValue,\n            numFiltersActive: collection.query.activeFiltersCount,\n            filteredListSize: collection.result.total,\n          }),\n        );\n      });\n    };\n\n    events.on('fetch', onFetch);\n  }\n\n  onClearButtonClick = action(() => {\n    const { table } = this;\n    const { collection } = table;\n    const {\n      query: { nonPersistentFilters },\n    } = collection;\n    collection.emitter.emit('beforeClearFilters', { origin: 'toolbar' });\n    nonPersistentFilters\n      .filter((filter) => !filter._hideFromToolbar)\n      .forEach((filter) => {\n        filter?.reset({ emitEvents: ['change', 'refresh'] });\n      });\n  });\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAMA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAJ,OAAA;AAMO,MAAMK,0BAA0B,CAA0B;EAO/DC,WAAWA,CAACC,MAAwD,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,kBAJpD,IAAIC,oBAAY,CAAC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,iBA8C5B,CAAIE,GAAW,EAAEC,MAAiB,KAAK;MAAA,IAAAC,mBAAA;MAC7C,MAAM;QAAEC;MAAe,CAAC,GAAG,IAAI;MAC/B,MAAM;QAAEC,KAAK,EAAEC;MAAY,CAAC,GAAGJ,MAAM;MAErC,MAAMK,WAAW,IAAAJ,mBAAA,GAAGC,cAAc,CAACI,GAAG,CAACN,MAAM,CAAC,qBAA1BC,mBAAA,CAA4BI,WAAW;MAE3D,OAAOL,MAAM,CAACO,OAAO,CAACC,GAAG,CAAEL,KAAK,KAAM;QACpCM,EAAE,EACAC,KAAK,CAACC,OAAO,CAACP,WAAW,CAAC,IAAIC,WAAW,GACpC,GAAEN,GAAI,IAAGC,MAAM,CAACY,OAAO,CAACT,KAAK,CAAE,EAAC,GACjCJ,GAAG;QACTC,MAAM;QACNG;MACF,CAAC,CAAC,CAAC;IACL,CAAC;IAAA,IAAAP,gBAAA,CAAAC,OAAA,8BAyDoB,IAAAgB,YAAM,EAAC,MAAM;MAChC,MAAM;QAAEC;MAAM,CAAC,GAAG,IAAI;MACtB,MAAM;QAAEC;MAAW,CAAC,GAAGD,KAAK;MAC5B,MAAM;QACJE,KAAK,EAAE;UAAEC;QAAqB;MAChC,CAAC,GAAGF,UAAU;MACdA,UAAU,CAACG,OAAO,CAACC,IAAI,CAAC,oBAAoB,EAAE;QAAEC,MAAM,EAAE;MAAU,CAAC,CAAC;MACpEH,oBAAoB,CACjBjB,MAAM,CAAEA,MAAM,IAAK,CAACA,MAAM,CAACqB,gBAAgB,CAAC,CAC5CC,OAAO,CAAEtB,MAAM,IAAK;QACnBA,MAAM,YAANA,MAAM,CAAEuB,KAAK,CAAC;UAAEC,UAAU,EAAE,CAAC,QAAQ,EAAE,SAAS;QAAE,CAAC,CAAC;MACtD,CAAC,CAAC;IACN,CAAC,CAAC;IA5HA,IAAI,CAACV,KAAK,GAAGnB,MAAM,CAACmB,KAAK;IAEzB,IAAAW,oBAAc,EAAC,IAAI,EAAE;MACnBC,YAAY,EAAEC,cAAQ;MACtBC,IAAI,EAAED,cAAQ;MACdzB,cAAc,EAAEyB;IAClB,CAAC,CAAC;EACJ;EAEAE,IAAIA,CAAA,EAAG;IACL,MAAM;MACJC,KAAK,EAAE;QAAEC;MAAY;IACvB,CAAC,GAAG,IAAI,CAACjB,KAAK;IAEd,MAAMkB,SAAS,GAAG,CAChB,GAAGD,WAAW,CAACvB,GAAG,CAAEO,UAAU,IAC5B,IAAAkB,sBAAgB,EAAClB,UAAU,CAACG,OAAO,EAAE,OAAO,EAAE,MAAM;MAClD,MAAMgB,EAAE,GAAG,IAAI,CAACC,MAAM,CAACC,SAAS,CAAC,OAAO,CAAC,CAAC5B,GAAG,CAAE6B,CAAC,IAAKA,CAAC,CAACtB,UAAU,CAAC,CAAC;MACnE,OAAO,MAAM;QACXmB,EAAE,CAACZ,OAAO,CAAEe,CAAC,IAAKA,CAAC,CAAC,CAAC,CAAC;MACxB,CAAC;IACH,CAAC,CACH,CAAC,CACF;IAED,OAAO,MAAM;MACXL,SAAS,CAACV,OAAO,CAAEgB,CAAC,IAAKA,CAAC,CAAC,CAAC,CAAC;IAC/B,CAAC;EACH;EAEA,IAAIpC,cAAcA,CAAA,EAAG;IACnB,MAAM;MACJY,KAAK,EAAE;QAAEyB;MAAa;IACxB,CAAC,GAAG,IAAI;IAER,OAAO,IAAIC,GAAG,CACZ,CAAAD,YAAY,oBAAZA,YAAY,CAAE/B,GAAG,CAAEiC,WAAW,IAAK,CAACA,WAAW,CAACzC,MAAM,EAAEyC,WAAW,CAAC,CAAC,KACnE,EACJ,CAAC;EACH;EAkBA,IAAIf,YAAYA,CAAA,EAAG;IACjB,MAAM;MACJZ,KAAK,EAAE;QAAE4B;MAAqB;IAChC,CAAC,GAAG,IAAI;IAER,OAAOA,oBAAoB,CACxB1C,MAAM,CAAC,CAAC,CAAC2C,CAAC,EAAE3C,MAAM,CAAC,KAAK,CAACA,MAAM,CAACqB,gBAAgB,CAAC,CACjDuB,OAAO,CAAC,CAAC,CAAC7C,GAAG,EAAEC,MAAM,CAAC,KAAK,IAAI,CAAC6C,KAAK,CAAC9C,GAAG,EAAEC,MAAM,CAAC,CAAC;EACxD;EAEA,IAAI4B,IAAIA,CAAA,EAAG;IACT,MAAM;MAAEF,YAAY;MAAExB;IAAe,CAAC,GAAG,IAAI;IAE7C,OAAOwB,YAAY,CAAClB,GAAG,CAAC,CAAC;MAAEC,EAAE;MAAET,MAAM;MAAEG;IAAM,CAAC,KAAK;MACjD,MAAMsC,WAAW,GAAGvC,cAAc,CAACI,GAAG,CAACN,MAAM,CAAC;MAE9C,OAAO;QACL8C,QAAQ,EAAE9C,MAAM,CAAC+C,QAAQ,CAAC5C,KAAK,CAAC;QAChCsC,WAAW;QACXhC,EAAE;QACFuC,QAAQ,EAAEvC,EAAE;QACZT,MAAM;QACNG,KAAK;QACL8C,QAAQ,EAAE,OAAO;QACjB,IAAGR,WAAW,YAAXA,WAAW,CAAES,gBAAgB,oBAA7BT,WAAW,CAAES,gBAAgB,CAAG/C,KAAK,CAAC;MAC3C,CAAC;IACH,CAAC,CAAC;EACJ;EAEAgD,iCAAiCA,CAAInD,MAAiB,EAAEI,WAAmB,EAAE;IAC3E,MAAM;MAAEU,KAAK;MAAEqB;IAAO,CAAC,GAAG,IAAI;IAC9B,MAAM;MAAEiB;IAAS,CAAC,GAAGtC,KAAK;IAE1B,MAAMuC,OAAO,GAAItC,UAAoC,IAAK;MACxDoB,MAAM,CAACmB,GAAG,CAAC,OAAO,EAAED,OAAO,CAAC;MAE5B,OAAO,IAAAxC,YAAM,EAAC,MAAM;QAClBuC,QAAQ,CACN,IAAAG,wBAAe,EAACC,sBAAkB,CAAC,CAAC;UAClC,GAAG1C,KAAK,CAAC2C,sBAAsB,CAAC,CAAC;UACjC,GAAG1C,UAAU,CAAC0C,sBAAsB,CAAC,CAAC;UACtCC,UAAU,EAAE,QAAQ;UACpBtC,MAAM,EAAE,aAAa;UACrBuC,UAAU,EAAE3D,MAAM,CAAC4D,IAAI;UACvBxD,WAAW;UACXyD,gBAAgB,EAAE9C,UAAU,CAACC,KAAK,CAAC8C,kBAAkB;UACrDC,gBAAgB,EAAEhD,UAAU,CAACiD,MAAM,CAACC;QACtC,CAAC,CACH,CAAC;MACH,CAAC,CAAC;IACJ,CAAC;IAED9B,MAAM,CAAC+B,EAAE,CAAC,OAAO,EAAEb,OAAO,CAAC;EAC7B;AAeF;AAACc,OAAA,CAAA1E,0BAAA,GAAAA,0BAAA"}

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

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

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

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

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

@@ -0,0 +1,104 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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 _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 _providers = require("../../providers");
+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 && 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 _AutoCompleteFilter(props) {
+  const {
+    filter,
+    collection,
+    renderItem,
+    renderSection,
+    placeholder,
+    onSelect,
+    onClear,
+    ...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
+  });
+  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,
+    clearButton: true,
+    onClear: e => {
+      onClear == null || onClear(e);
+      state.clearSelectionAndSearch();
+    },
+    placeholder: 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: !fetchedLastPage,
+    loadMore: collection.fetchNextPageIfNeeded
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 105,
+      columnNumber: 5
+    }
+  }));
+}
+const AutoCompleteFilter = exports.AutoCompleteFilter = (0, _mobxReactLite.observer)(_AutoCompleteFilter);
+//# sourceMappingURL=AutoCompleteFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_designSystem","_hooks","_AutoCompleteFilterState","_react2","_providers","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_AutoCompleteFilter","props","filter","collection","renderItem","renderSection","placeholder","onSelect","onClear","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","collectionFilter","useState","CollectionFilterState","state","AutoCompleteFilterState","resetOnClose","translate","useEffect","init","result","keyedItems","fetchedLastPage","buildOption","useBuildOption","builtOptions","map","options","useBuildGroupedOptions","items","createElement","AutoComplete","_extends2","dataHook","name","closeOnSelect","border","onClose","dropdown","dropdownSelect","close","onInputBlur","onBlur","clearButton","clearSelectionAndSearch","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';\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/common-factories--arrayfilter) state object\n   */\n  filter: Filter<V[]>;\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   * 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/common-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    placeholder,\n    onSelect,\n    onClear,\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\n  const options = useBuildGroupedOptions({\n    items: builtOptions,\n    renderSection,\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      clearButton\n      onClear={(e) => {\n        onClear?.(e);\n        state.clearSelectionAndSearch();\n      }}\n      placeholder={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={!fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n      {...rest}\n    />\n  );\n}\n\nexport const AutoCompleteFilter = observer(_AutoCompleteFilter);\n"],"mappings":"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"}

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

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.AutoCompleteFilterState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _state = require("../../state");
+var _mobx = require("mobx");
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+class AutoCompleteFilterState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "dropdown", void 0);
+    (0, _defineProperty2.default)(this, "searchInputValue", '');
+    (0, _defineProperty2.default)(this, "_scheduleOnInputBlur", (0, _debounce.default)((0, _mobx.action)(searchValue => {
+      const {
+        dropdown: {
+          dropdownSelect
+        },
+        searchInputValue
+      } = this;
+      if (searchValue !== searchInputValue) {
+        return;
+      }
+      if (!searchInputValue) {
+        dropdownSelect.clear();
+      } else {
+        this.syncSelectedToInput();
+      }
+    }), 100));
+    this.dropdown = new _state.DropdownCollectionFilterState(params);
+    (0, _mobx.makeObservable)(this, {
+      syncSelectedToInput: _mobx.action.bound,
+      clearSelectionAndSearch: _mobx.action.bound,
+      onInputBlur: _mobx.action.bound,
+      searchInputValue: _mobx.observable.ref
+    });
+    const {
+      events
+    } = this.dropdown.dropdownSelect;
+    events.on('syncSelectedItems', this.syncSelectedToInput);
+    this.syncSelectedToInput();
+  }
+  syncSelectedToInput() {
+    const {
+      dropdown: {
+        dropdownSelect,
+        collectionFilter: {
+          collection
+        }
+      }
+    } = this;
+    const [selected] = dropdownSelect.selectedItems;
+    collection.search('');
+    if (selected) {
+      this.searchInputValue = collection.itemName(selected);
+    } else {
+      this.searchInputValue = '';
+    }
+  }
+  clearSelectionAndSearch() {
+    const {
+      dropdown: {
+        dropdownSelect
+      },
+      collection
+    } = this;
+    this.searchInputValue = '';
+    dropdownSelect.clear();
+    collection.clearSearch();
+  }
+  onInputBlur() {
+    this._scheduleOnInputBlur(this.searchInputValue);
+  }
+  get collection() {
+    const {
+      dropdown: {
+        collectionFilter: {
+          collection
+        }
+      }
+    } = this;
+    return collection;
+  }
+  init() {
+    return this.dropdown.init();
+  }
+}
+exports.AutoCompleteFilterState = AutoCompleteFilterState;
+//# sourceMappingURL=AutoCompleteFilterState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_state","require","_mobx","_debounce","_interopRequireDefault","AutoCompleteFilterState","constructor","params","_defineProperty2","default","debounce","action","searchValue","dropdown","dropdownSelect","searchInputValue","clear","syncSelectedToInput","DropdownCollectionFilterState","makeObservable","bound","clearSelectionAndSearch","onInputBlur","observable","ref","events","on","collectionFilter","collection","selected","selectedItems","search","itemName","clearSearch","_scheduleOnInputBlur","init","exports"],"sources":["../../../../src/components/AutoCompleteFilter/AutoCompleteFilterState.ts"],"sourcesContent":["import {\n  DropdownCollectionFilterState,\n  DropdownCollectionFilterStateParams,\n} from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { action, makeObservable, observable } from 'mobx';\nimport debounce from 'lodash/debounce';\n\nexport interface AutoCompleteFilterStateParams<V, F extends FiltersMap>\n  extends DropdownCollectionFilterStateParams<V, F> {}\n\nexport class AutoCompleteFilterState<V, F extends FiltersMap> {\n  dropdown: DropdownCollectionFilterState<V, F>;\n  searchInputValue = '';\n\n  constructor(params: AutoCompleteFilterStateParams<V, F>) {\n    this.dropdown = new DropdownCollectionFilterState(params);\n\n    makeObservable(this, {\n      syncSelectedToInput: action.bound,\n      clearSelectionAndSearch: action.bound,\n      onInputBlur: action.bound,\n      searchInputValue: observable.ref,\n    });\n\n    const { events } = this.dropdown.dropdownSelect;\n    events.on('syncSelectedItems', this.syncSelectedToInput);\n\n    this.syncSelectedToInput();\n  }\n\n  syncSelectedToInput() {\n    const {\n      dropdown: {\n        dropdownSelect,\n        collectionFilter: { collection },\n      },\n    } = this;\n    const [selected] = dropdownSelect.selectedItems;\n\n    collection.search('');\n\n    if (selected) {\n      this.searchInputValue = collection.itemName(selected);\n    } else {\n      this.searchInputValue = '';\n    }\n  }\n\n  clearSelectionAndSearch() {\n    const {\n      dropdown: { dropdownSelect },\n      collection,\n    } = this;\n    this.searchInputValue = '';\n    dropdownSelect.clear();\n    collection.clearSearch();\n  }\n\n  _scheduleOnInputBlur = debounce(\n    action((searchValue: string) => {\n      const {\n        dropdown: { dropdownSelect },\n        searchInputValue,\n      } = this;\n\n      if (searchValue !== searchInputValue) {\n        return;\n      }\n\n      if (!searchInputValue) {\n        dropdownSelect.clear();\n      } else {\n        this.syncSelectedToInput();\n      }\n    }),\n    100,\n  );\n\n  onInputBlur() {\n    this._scheduleOnInputBlur(this.searchInputValue);\n  }\n\n  get collection() {\n    const {\n      dropdown: {\n        collectionFilter: { collection },\n      },\n    } = this;\n\n    return collection;\n  }\n\n  init() {\n    return this.dropdown.init();\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AAKO,MAAMI,uBAAuB,CAA0B;EAI5DC,WAAWA,CAACC,MAA2C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,4BAFtC,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA,gCA8CE,IAAAC,iBAAQ,EAC7B,IAAAC,YAAM,EAAEC,WAAmB,IAAK;MAC9B,MAAM;QACJC,QAAQ,EAAE;UAAEC;QAAe,CAAC;QAC5BC;MACF,CAAC,GAAG,IAAI;MAER,IAAIH,WAAW,KAAKG,gBAAgB,EAAE;QACpC;MACF;MAEA,IAAI,CAACA,gBAAgB,EAAE;QACrBD,cAAc,CAACE,KAAK,CAAC,CAAC;MACxB,CAAC,MAAM;QACL,IAAI,CAACC,mBAAmB,CAAC,CAAC;MAC5B;IACF,CAAC,CAAC,EACF,GACF,CAAC;IA7DC,IAAI,CAACJ,QAAQ,GAAG,IAAIK,oCAA6B,CAACX,MAAM,CAAC;IAEzD,IAAAY,oBAAc,EAAC,IAAI,EAAE;MACnBF,mBAAmB,EAAEN,YAAM,CAACS,KAAK;MACjCC,uBAAuB,EAAEV,YAAM,CAACS,KAAK;MACrCE,WAAW,EAAEX,YAAM,CAACS,KAAK;MACzBL,gBAAgB,EAAEQ,gBAAU,CAACC;IAC/B,CAAC,CAAC;IAEF,MAAM;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACZ,QAAQ,CAACC,cAAc;IAC/CW,MAAM,CAACC,EAAE,CAAC,mBAAmB,EAAE,IAAI,CAACT,mBAAmB,CAAC;IAExD,IAAI,CAACA,mBAAmB,CAAC,CAAC;EAC5B;EAEAA,mBAAmBA,CAAA,EAAG;IACpB,MAAM;MACJJ,QAAQ,EAAE;QACRC,cAAc;QACda,gBAAgB,EAAE;UAAEC;QAAW;MACjC;IACF,CAAC,GAAG,IAAI;IACR,MAAM,CAACC,QAAQ,CAAC,GAAGf,cAAc,CAACgB,aAAa;IAE/CF,UAAU,CAACG,MAAM,CAAC,EAAE,CAAC;IAErB,IAAIF,QAAQ,EAAE;MACZ,IAAI,CAACd,gBAAgB,GAAGa,UAAU,CAACI,QAAQ,CAACH,QAAQ,CAAC;IACvD,CAAC,MAAM;MACL,IAAI,CAACd,gBAAgB,GAAG,EAAE;IAC5B;EACF;EAEAM,uBAAuBA,CAAA,EAAG;IACxB,MAAM;MACJR,QAAQ,EAAE;QAAEC;MAAe,CAAC;MAC5Bc;IACF,CAAC,GAAG,IAAI;IACR,IAAI,CAACb,gBAAgB,GAAG,EAAE;IAC1BD,cAAc,CAACE,KAAK,CAAC,CAAC;IACtBY,UAAU,CAACK,WAAW,CAAC,CAAC;EAC1B;EAsBAX,WAAWA,CAAA,EAAG;IACZ,IAAI,CAACY,oBAAoB,CAAC,IAAI,CAACnB,gBAAgB,CAAC;EAClD;EAEA,IAAIa,UAAUA,CAAA,EAAG;IACf,MAAM;MACJf,QAAQ,EAAE;QACRc,gBAAgB,EAAE;UAAEC;QAAW;MACjC;IACF,CAAC,GAAG,IAAI;IAER,OAAOA,UAAU;EACnB;EAEAO,IAAIA,CAAA,EAAG;IACL,OAAO,IAAI,CAACtB,QAAQ,CAACsB,IAAI,CAAC,CAAC;EAC7B;AACF;AAACC,OAAA,CAAA/B,uBAAA,GAAAA,uBAAA"}

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

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

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

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

package/dist/cjs/components/BorderOnlyBox.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.BorderOnlyBox = BorderOnlyBox;
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/BorderOnlyBox.tsx";
+function BorderOnlyBox() {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    width: "100%",
+    borderTopColor: "D60",
+    borderTopWidth: "1px",
+    borderTopStyle: "solid",
+    boxSizing: "border-box",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 6,
+      columnNumber: 5
+    }
+  });
+}
+//# sourceMappingURL=BorderOnlyBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_jsxFileName","BorderOnlyBox","default","createElement","Box","width","borderTopColor","borderTopWidth","borderTopStyle","boxSizing","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../src/components/BorderOnlyBox.tsx"],"sourcesContent":["import { Box } from '@wix/design-system';\nimport React from 'react';\n\nexport function BorderOnlyBox() {\n  return (\n    <Box\n      width=\"100%\"\n      borderTopColor=\"D60\"\n      borderTopWidth=\"1px\"\n      borderTopStyle=\"solid\"\n      boxSizing=\"border-box\"\n    />\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,IAAAG,YAAA;AAEnB,SAASC,aAAaA,CAAA,EAAG;EAC9B,oBACEH,MAAA,CAAAI,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IACFC,KAAK,EAAC,MAAM;IACZC,cAAc,EAAC,KAAK;IACpBC,cAAc,EAAC,KAAK;IACpBC,cAAc,EAAC,OAAO;IACtBC,SAAS,EAAC,YAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CACvB,CAAC;AAEN"}

package/dist/cjs/components/BulkAction/BulkActionModalRenderProp.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=BulkActionModalRenderProp.js.map

package/dist/cjs/components/BulkAction/BulkActionModalRenderProp.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/BulkAction/BulkActionModalRenderProp.ts"],"sourcesContent":["import { ComputedQueryFull, FiltersMap } from '@wix/bex-core';\nimport { ReactElement } from 'react';\n\nexport interface BulkActionModalRenderPropParams<T, F extends FiltersMap> {\n  openModal: () => void;\n  closeModal: () => void;\n  closeModalAndScrollTop: () => void;\n  readonly isModalOpen: boolean;\n  readonly allSelected: boolean;\n  readonly selectedValues: T[];\n  readonly uncheckedValues: T[];\n  scrollToTop: () => void;\n  query: ComputedQueryFull<F>;\n}\n\nexport type BulkActionModalRenderProp<T, F extends FiltersMap> = (\n  params: BulkActionModalRenderPropParams<T, F>,\n) => ReactElement;\n"],"mappings":""}

package/dist/cjs/components/BulkAction/BulkActionToolbarRenderProp.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=BulkActionToolbarRenderProp.js.map

package/dist/cjs/components/BulkAction/BulkActionToolbarRenderProp.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/BulkAction/BulkActionToolbarRenderProp.ts"],"sourcesContent":["import { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport { MessageModalLayoutProps } from '@wix/design-system';\nimport { ReactElement } from 'react';\n\nexport type BulkActionToolbarRenderProp<T, F extends FiltersMap> = (props: {\n  selectedValues: T[];\n  uncheckedValues: T[];\n  allSelected: boolean;\n  openModal: () => void;\n  clearSelection: () => void;\n  total: number;\n  openConfirmModal: (props?: Partial<MessageModalLayoutProps>) => void;\n  query: ComputedQuery<F>;\n}) => ReactElement;\n"],"mappings":""}