@wix/patterns 1.175.0 → 1.177.0

package/dist/cjs/components/ActionControl/ActionPopover.js

@@ -25,12 +25,12 @@ function ActionPopover(props) {
   } = actionItem;
   const allActions = (0, _react.useMemo)(() => {
     return subItems == null ? void 0 : subItems.filter(subItemGroup => subItemGroup == null ? void 0 : subItemGroup.length).reduce((result, group, index, array) => {
-      return [...result, ...group.map((item, i) => {
+      return [...result, ...group.map(item => {
         return /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
           prefixIcon: item.prefixIcon,
           disabled: item.disabled,
           text: item.label,
-          key: i,
+          key: item.label,
           dataHook: item.dataHook,
           onClick: item.onClick,
           __self: this,
@@ -41,11 +41,12 @@ function ActionPopover(props) {
           }
         });
       }), ...(index !== array.length - 1 ? [/*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
+        key: index,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 34,
-          columnNumber: 45
+          lineNumber: 35,
+          columnNumber: 16
         }
       })] : [])];
     }, []);
@@ -60,7 +61,7 @@ function ActionPopover(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 44,
+        lineNumber: 46,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -79,21 +80,21 @@ function ActionPopover(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 60,
+          lineNumber: 62,
           columnNumber: 25
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 48,
+        lineNumber: 50,
         columnNumber: 11
       }
     }, actionItem.label)),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 40,
+      lineNumber: 42,
       columnNumber: 5
     }
   }), allActions);

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_wixUiIconsCommon","_DisabledTooltip","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ActionPopover","props","actionItem","size","priority","onPopoverClick","dataHook","subItems","popoverMenuProps","allActions","useMemo","filter","subItemGroup","length","reduce","result","group","index","array","map","item","createElement","PopoverMenu","MenuItem","prefixIcon","disabled","text","label","key","onClick","__self","__source","fileName","lineNumber","columnNumber","Divider","_extends2","undefined","triggerElement","toggle","DisabledTooltip","content","tooltip","Button","skin","ellipsis","suffixIcon","ChevronDown"],"sources":["../../../../src/components/ActionControl/ActionPopover.tsx"],"sourcesContent":["import { PopoverMenu, Button, ButtonProps } from '@wix/design-system';\nimport React, { ReactNode, useMemo } from 'react';\nimport { ChevronDown } from '@wix/wix-ui-icons-common';\nimport { ActionSubItemPrivate } from './ActionSubItemProps';\nimport { DisabledTooltip } from '../DisabledTooltip';\n\nexport function ActionPopover(props: {\n  actionItem: ActionSubItemPrivate;\n  size?: ButtonProps['size'];\n  priority?: ButtonProps['priority'];\n  onPopoverClick?: () => void;\n}) {\n  const { actionItem, size, priority, onPopoverClick } = props;\n  const { dataHook, subItems, popoverMenuProps } = actionItem;\n\n  const allActions = useMemo(() => {\n    return subItems\n      ?.filter((subItemGroup) => subItemGroup?.length)\n      .reduce<ReactNode[]>((result, group, index, array) => {\n        return [\n          ...result,\n          ...group.map((item, i) => {\n            return (\n              <PopoverMenu.MenuItem\n                prefixIcon={item.prefixIcon}\n                disabled={item.disabled}\n                text={item.label}\n                key={i}\n                dataHook={item.dataHook}\n                onClick={item.onClick}\n              />\n            );\n          }),\n          ...(index !== array.length - 1 ? [<PopoverMenu.Divider />] : []),\n        ];\n      }, []);\n  }, [subItems]);\n\n  return (\n    <PopoverMenu\n      {...popoverMenuProps}\n      dataHook={dataHook ? `${dataHook}-popover` : undefined}\n      triggerElement={({ toggle }) => (\n        <DisabledTooltip\n          content={actionItem.tooltip}\n          dataHook={dataHook ? `${dataHook}-tooltip` : undefined}\n        >\n          <Button\n            skin=\"standard\"\n            priority={priority}\n            size={size}\n            dataHook={actionItem.dataHook}\n            onClick={() => {\n              onPopoverClick?.();\n              toggle();\n            }}\n            ellipsis\n            prefixIcon={actionItem.prefixIcon}\n            disabled={actionItem.disabled}\n            suffixIcon={<ChevronDown />}\n          >\n            {actionItem.label}\n          </Button>\n        </DisabledTooltip>\n      )}\n    >\n      {allActions}\n    </PopoverMenu>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_wixUiIconsCommon","_DisabledTooltip","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ActionPopover","props","actionItem","size","priority","onPopoverClick","dataHook","subItems","popoverMenuProps","allActions","useMemo","filter","subItemGroup","length","reduce","result","group","index","array","map","item","createElement","PopoverMenu","MenuItem","prefixIcon","disabled","text","label","key","onClick","__self","__source","fileName","lineNumber","columnNumber","Divider","_extends2","undefined","triggerElement","toggle","DisabledTooltip","content","tooltip","Button","skin","ellipsis","suffixIcon","ChevronDown"],"sources":["../../../../src/components/ActionControl/ActionPopover.tsx"],"sourcesContent":["import { PopoverMenu, Button, ButtonProps } from '@wix/design-system';\nimport React, { ReactNode, useMemo } from 'react';\nimport { ChevronDown } from '@wix/wix-ui-icons-common';\nimport { ActionSubItemPrivate } from './ActionSubItemProps';\nimport { DisabledTooltip } from '../DisabledTooltip';\n\nexport function ActionPopover(props: {\n  actionItem: ActionSubItemPrivate;\n  size?: ButtonProps['size'];\n  priority?: ButtonProps['priority'];\n  onPopoverClick?: () => void;\n}) {\n  const { actionItem, size, priority, onPopoverClick } = props;\n  const { dataHook, subItems, popoverMenuProps } = actionItem;\n\n  const allActions = useMemo(() => {\n    return subItems\n      ?.filter((subItemGroup) => subItemGroup?.length)\n      .reduce<ReactNode[]>((result, group, index, array) => {\n        return [\n          ...result,\n          ...group.map((item) => {\n            return (\n              <PopoverMenu.MenuItem\n                prefixIcon={item.prefixIcon}\n                disabled={item.disabled}\n                text={item.label}\n                key={item.label}\n                dataHook={item.dataHook}\n                onClick={item.onClick}\n              />\n            );\n          }),\n          ...(index !== array.length - 1\n            ? [<PopoverMenu.Divider key={index} />]\n            : []),\n        ];\n      }, []);\n  }, [subItems]);\n\n  return (\n    <PopoverMenu\n      {...popoverMenuProps}\n      dataHook={dataHook ? `${dataHook}-popover` : undefined}\n      triggerElement={({ toggle }) => (\n        <DisabledTooltip\n          content={actionItem.tooltip}\n          dataHook={dataHook ? `${dataHook}-tooltip` : undefined}\n        >\n          <Button\n            skin=\"standard\"\n            priority={priority}\n            size={size}\n            dataHook={actionItem.dataHook}\n            onClick={() => {\n              onPopoverClick?.();\n              toggle();\n            }}\n            ellipsis\n            prefixIcon={actionItem.prefixIcon}\n            disabled={actionItem.disabled}\n            suffixIcon={<ChevronDown />}\n          >\n            {actionItem.label}\n          </Button>\n        </DisabledTooltip>\n      )}\n    >\n      {allActions}\n    </PopoverMenu>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -142,6 +142,7 @@ class AppliedFiltersTagListState {
     }) => {
       return {
         children: filter.itemName(value),
+        key: id,
         filterProps,
         id,
         dataHook: id,
@@ -160,10 +161,11 @@ class AppliedFiltersTagListState {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 189,
+          lineNumber: 190,
           columnNumber: 9
         }
       }),
+      key: filterProps == null ? void 0 : filterProps.filter.name,
       filterProps,
       id: filterProps == null ? void 0 : filterProps.filter.name,
       dataHook: filterProps == null ? void 0 : filterProps.filter.name,

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_bi","_mobx","_events","_util","_groupBy","_interopRequireDefault","_FilterTagContent","_react","_jsxFileName","AppliedFiltersTagListState","constructor","params","_defineProperty2","default","EventEmitter","action","table","collection","query","nonPersistentFilters","emitter","emit","origin","filter","_hideFromToolbar","forEach","reset","emitEvents","makeObservable","filterValues","computed","tags","filterPropsMap","init","multi","collections","disposers","map","addEventListener","ls","events","listeners","l","d","filtersProps","Map","filterProps","toTag","key","_filterPropsMap$get","value","filterValue","explodeTags","get","toArray","id","Array","isArray","itemKey","activeFiltersEntries","_","flatMap","groupedFilters","groupBy","Object","entries","filterValuesGroup","renderToolbarTag","generateNonAggregatedTag","generateAggregatedTag","_reportFilterToggleBiOnNextResult","values","filterValuesKeys","reportBi","onFetch","off","withoutDefaults","cairoFilterToggled","_commonDynamicBiParams","actionType","filterName","name","join","numFiltersActive","activeFiltersCount","filteredListSize","result","total","isCustomField","on","children","itemName","dataHook","maxWidth","createElement","FilterTagContent","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/AppliedFiltersTagList/AppliedFiltersTagListState.tsx"],"sourcesContent":["import {\n  CollectionState,\n  Filter,\n  FilterItem,\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';\nimport groupBy from 'lodash/groupBy';\nimport { FilterTagContent } from './FilterTagContent';\nimport React from 'react';\nimport { FilterProps } from '../../model';\n\nexport interface FilterTagValue<V> {\n  id: string;\n  filter: Filter<V>;\n  value: FilterItem<V>;\n}\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  readonly events = new EventEmitter() as TypedEmitter<{\n    fetch: (collection: CollectionState<unknown, {}>) => () => unknown;\n  }>;\n\n  maxWidth = '408px';\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    const groupedFilters = groupBy(filterValues, 'filter.name');\n\n    return Object.entries(groupedFilters).flatMap(([_, filterValuesGroup]) => {\n      const filterProps = filterPropsMap.get(filterValuesGroup[0].filter);\n\n      if (filterProps?.renderToolbarTag) {\n        return this.generateNonAggregatedTag(filterValuesGroup, filterProps);\n      }\n\n      return this.generateAggregatedTag(filterValuesGroup, filterProps);\n    });\n  }\n\n  _reportFilterToggleBiOnNextResult<V>(\n    filter: Filter<V>,\n    values: FilterItem<V>[],\n  ) {\n    const filterValuesKeys = values.map((value) => filter.itemKey(value));\n\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: filterValuesKeys.join(),\n            numFiltersActive: collection.query.activeFiltersCount,\n            filteredListSize: collection.result.total,\n            isCustomField: !!filter.isCustomField,\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  private generateNonAggregatedTag<V>(\n    filterValuesGroup: FilterTagValue<V>[],\n    filterProps?: FilterProps<V>,\n  ) {\n    return filterValuesGroup.map(({ id, filter, value }) => {\n      return {\n        children: filter.itemName(value),\n        filterProps,\n        id,\n        dataHook: id,\n        filter,\n        values: [value],\n        maxWidth: this.maxWidth,\n        ...filterProps?.renderToolbarTag?.(value),\n      };\n    });\n  }\n\n  private generateAggregatedTag<V>(\n    filterValuesGroup: FilterTagValue<V>[],\n    filterProps?: FilterProps<V>,\n  ) {\n    return {\n      children: (\n        <FilterTagContent\n          filterProps={filterProps}\n          values={filterValuesGroup}\n        />\n      ),\n      filterProps,\n      id: filterProps?.filter.name!,\n      dataHook: filterProps?.filter.name!,\n      filter: filterValuesGroup[0].filter,\n      values: filterValuesGroup.map(({ value }) => value),\n      maxWidth: this.maxWidth,\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_bi","_mobx","_events","_util","_groupBy","_interopRequireDefault","_FilterTagContent","_react","_jsxFileName","AppliedFiltersTagListState","constructor","params","_defineProperty2","default","EventEmitter","action","table","collection","query","nonPersistentFilters","emitter","emit","origin","filter","_hideFromToolbar","forEach","reset","emitEvents","makeObservable","filterValues","computed","tags","filterPropsMap","init","multi","collections","disposers","map","addEventListener","ls","events","listeners","l","d","filtersProps","Map","filterProps","toTag","key","_filterPropsMap$get","value","filterValue","explodeTags","get","toArray","id","Array","isArray","itemKey","activeFiltersEntries","_","flatMap","groupedFilters","groupBy","Object","entries","filterValuesGroup","renderToolbarTag","generateNonAggregatedTag","generateAggregatedTag","_reportFilterToggleBiOnNextResult","values","filterValuesKeys","reportBi","onFetch","off","withoutDefaults","cairoFilterToggled","_commonDynamicBiParams","actionType","filterName","name","join","numFiltersActive","activeFiltersCount","filteredListSize","result","total","isCustomField","on","children","itemName","dataHook","maxWidth","createElement","FilterTagContent","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/AppliedFiltersTagList/AppliedFiltersTagListState.tsx"],"sourcesContent":["import {\n  CollectionState,\n  Filter,\n  FilterItem,\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';\nimport groupBy from 'lodash/groupBy';\nimport { FilterTagContent } from './FilterTagContent';\nimport React from 'react';\nimport { FilterProps } from '../../model';\n\nexport interface FilterTagValue<V> {\n  id: string;\n  filter: Filter<V>;\n  value: FilterItem<V>;\n}\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  readonly events = new EventEmitter() as TypedEmitter<{\n    fetch: (collection: CollectionState<unknown, {}>) => () => unknown;\n  }>;\n\n  maxWidth = '408px';\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    const groupedFilters = groupBy(filterValues, 'filter.name');\n\n    return Object.entries(groupedFilters).flatMap(([_, filterValuesGroup]) => {\n      const filterProps = filterPropsMap.get(filterValuesGroup[0].filter);\n\n      if (filterProps?.renderToolbarTag) {\n        return this.generateNonAggregatedTag(filterValuesGroup, filterProps);\n      }\n\n      return this.generateAggregatedTag(filterValuesGroup, filterProps);\n    });\n  }\n\n  _reportFilterToggleBiOnNextResult<V>(\n    filter: Filter<V>,\n    values: FilterItem<V>[],\n  ) {\n    const filterValuesKeys = values.map((value) => filter.itemKey(value));\n\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: filterValuesKeys.join(),\n            numFiltersActive: collection.query.activeFiltersCount,\n            filteredListSize: collection.result.total,\n            isCustomField: !!filter.isCustomField,\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  private generateNonAggregatedTag<V>(\n    filterValuesGroup: FilterTagValue<V>[],\n    filterProps?: FilterProps<V>,\n  ) {\n    return filterValuesGroup.map(({ id, filter, value }) => {\n      return {\n        children: filter.itemName(value),\n        key: id,\n        filterProps,\n        id,\n        dataHook: id,\n        filter,\n        values: [value],\n        maxWidth: this.maxWidth,\n        ...filterProps?.renderToolbarTag?.(value),\n      };\n    });\n  }\n\n  private generateAggregatedTag<V>(\n    filterValuesGroup: FilterTagValue<V>[],\n    filterProps?: FilterProps<V>,\n  ) {\n    return {\n      children: (\n        <FilterTagContent\n          filterProps={filterProps}\n          values={filterValuesGroup}\n        />\n      ),\n      key: filterProps?.filter.name!,\n      filterProps,\n      id: filterProps?.filter.name!,\n      dataHook: filterProps?.filter.name!,\n      filter: filterValuesGroup[0].filter,\n      values: filterValuesGroup.map(({ value }) => value),\n      maxWidth: this.maxWidth,\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -28,8 +28,10 @@ function _Collapse(props) {
     style: styleProp,
     ...rest
   } = props;
-  const ref = (0, _react.useRef)();
+  const ref = (0, _react.useRef)(null);
   const [initialStyle, setInitialStyle] = (0, _react.useState)(false);
+  const enterTimeoutRef = (0, _react.useRef)();
+  const exitTimeoutRef = (0, _react.useRef)();
   const {
     status,
     show
@@ -42,6 +44,12 @@ function _Collapse(props) {
       }
     });
   }, []);
+  (0, _react.useEffect)(() => {
+    return () => {
+      window.clearTimeout(enterTimeoutRef.current);
+      window.clearTimeout(exitTimeoutRef.current);
+    };
+  }, []);
   const statusStyle = (0, _react.useMemo)(() => {
     var _ref$current;
     return initialStyle ? {
@@ -70,7 +78,7 @@ function _Collapse(props) {
     },
     onEntered: (node, isAppearing) => {
       state.setStatus('entered');
-      setTimeout((0, _mobx.action)(() => {
+      enterTimeoutRef.current = window.setTimeout((0, _mobx.action)(() => {
         if (state.status === 'entered') {
           state.setStatus('afterEntered');
         }
@@ -83,7 +91,7 @@ function _Collapse(props) {
     },
     onExiting: node => {
       state.setStatus('beforeExit');
-      setTimeout((0, _mobx.action)(() => {
+      exitTimeoutRef.current = window.setTimeout((0, _mobx.action)(() => {
         if (state.status === 'beforeExit') {
           state.setStatus('exiting');
         }
@@ -99,7 +107,7 @@ function _Collapse(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 92,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
@@ -113,7 +121,7 @@ function _Collapse(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 127,
+      lineNumber: 137,
       columnNumber: 7
     }
   }, children));

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

@@ -1 +1 @@
-{"version":3,"names":["_reactTransitionGroup","require","_react","_interopRequireWildcard","_CollapseStCss","_mobxReactLite","_mobx","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_Collapse","props","children","timeout","state","onExit","onExiting","onExited","onEnter","onEntering","onEntered","dataHook","rootRef","style","styleProp","rest","ref","useRef","initialStyle","setInitialStyle","useState","status","show","useLayoutEffect","runInAction","statusStyle","useMemo","_ref$current","overflow","height","current","scrollHeight","transitionDuration","createElement","Transition","_extends2","in","node","isAppearing","setStatus","setTimeout","action","__self","__source","fileName","lineNumber","columnNumber","el","className","st","classes","root","Collapse","exports","observer"],"sources":["../../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["import { Transition } from 'react-transition-group';\nimport { TimeoutProps } from 'react-transition-group/Transition';\nimport React, {\n  CSSProperties,\n  HTMLAttributes,\n  ReactElement,\n  RefCallback,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { st, classes } from './Collapse.st.css.js';\nimport { TransitionState } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { action, runInAction } from 'mobx';\n\nexport interface CollapseProps<T> extends Omit<TimeoutProps<undefined>, 'in'> {\n  children: ReactElement<{ className?: string; style?: CSSProperties }>;\n  state: TransitionState<T>;\n  dataHook?: string;\n  style?: HTMLAttributes<HTMLDivElement>['style'];\n  rootRef?: RefCallback<HTMLDivElement | null>;\n}\n\nfunction _Collapse<T>(props: CollapseProps<T>) {\n  const {\n    children,\n    timeout,\n    state,\n    onExit,\n    onExiting,\n    onExited,\n    onEnter,\n    onEntering,\n    onEntered,\n    dataHook,\n    rootRef,\n    style: styleProp,\n    ...rest\n  } = props;\n\n  const ref = useRef<HTMLDivElement | null>();\n  const [initialStyle, setInitialStyle] = useState(false);\n  const { status, show } = state;\n\n  useLayoutEffect(() => {\n    setInitialStyle(true);\n    runInAction(() => {\n      if (state.show) {\n        state.status = 'entered';\n      }\n    });\n  }, []);\n\n  const statusStyle = useMemo(\n    () =>\n      initialStyle\n        ? {\n            ...(status !== 'afterEntered' && { overflow: 'hidden' }),\n            ...(status !== 'afterEntered' && {\n              height:\n                status === 'exited' || status === 'exiting'\n                  ? 0\n                  : ref.current?.scrollHeight,\n            }),\n          }\n        : {},\n    [status, initialStyle],\n  );\n\n  const style = useMemo(\n    () => ({\n      transitionDuration: `${timeout}ms`,\n      ...styleProp,\n      ...statusStyle,\n    }),\n    [timeout, styleProp, statusStyle],\n  );\n\n  return (\n    <Transition\n      in={show}\n      onEnter={(node, isAppearing) => {\n        state.setStatus('enter');\n        onEnter?.(node, isAppearing);\n      }}\n      onEntering={(node, isAppearing) => {\n        state.setStatus('entering');\n        onEntering?.(node, isAppearing);\n      }}\n      onEntered={(node, isAppearing) => {\n        state.setStatus('entered');\n        setTimeout(\n          action(() => {\n            if (state.status === 'entered') {\n              state.setStatus('afterEntered');\n            }\n          }),\n          0,\n        );\n        onEntered?.(node, isAppearing);\n      }}\n      onExit={(node) => {\n        state.setStatus('exit');\n        onExit?.(node);\n      }}\n      onExiting={(node) => {\n        state.setStatus('beforeExit');\n        setTimeout(\n          action(() => {\n            if (state.status === 'beforeExit') {\n              state.setStatus('exiting');\n            }\n          }),\n          0,\n        );\n        onExiting?.(node);\n      }}\n      onExited={(node) => {\n        state.setStatus('exited');\n        onExited?.(node);\n      }}\n      timeout={timeout}\n      {...rest}\n    >\n      <div\n        data-hook={dataHook}\n        ref={(el) => {\n          ref.current = el;\n          rootRef?.(el);\n        }}\n        className={st(classes.root)}\n        style={style}\n      >\n        {children}\n      </div>\n    </Transition>\n  );\n}\n\nexport const Collapse = observer(_Collapse);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactTransitionGroup","require","_react","_interopRequireWildcard","_CollapseStCss","_mobxReactLite","_mobx","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_Collapse","props","children","timeout","state","onExit","onExiting","onExited","onEnter","onEntering","onEntered","dataHook","rootRef","style","styleProp","rest","ref","useRef","initialStyle","setInitialStyle","useState","enterTimeoutRef","exitTimeoutRef","status","show","useLayoutEffect","runInAction","useEffect","window","clearTimeout","current","statusStyle","useMemo","_ref$current","overflow","height","scrollHeight","transitionDuration","createElement","Transition","_extends2","in","node","isAppearing","setStatus","setTimeout","action","__self","__source","fileName","lineNumber","columnNumber","el","className","st","classes","root","Collapse","exports","observer"],"sources":["../../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["import { Transition } from 'react-transition-group';\nimport { TimeoutProps } from 'react-transition-group/Transition';\nimport React, {\n  CSSProperties,\n  HTMLAttributes,\n  ReactElement,\n  RefCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { st, classes } from './Collapse.st.css.js';\nimport { TransitionState } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { action, runInAction } from 'mobx';\n\nexport interface CollapseProps<T> extends Omit<TimeoutProps<undefined>, 'in'> {\n  children: ReactElement<{ className?: string; style?: CSSProperties }>;\n  state: TransitionState<T>;\n  dataHook?: string;\n  style?: HTMLAttributes<HTMLDivElement>['style'];\n  rootRef?: RefCallback<HTMLDivElement | null>;\n}\n\nfunction _Collapse<T>(props: CollapseProps<T>) {\n  const {\n    children,\n    timeout,\n    state,\n    onExit,\n    onExiting,\n    onExited,\n    onEnter,\n    onEntering,\n    onEntered,\n    dataHook,\n    rootRef,\n    style: styleProp,\n    ...rest\n  } = props;\n\n  const ref = useRef<HTMLDivElement | null>(null);\n  const [initialStyle, setInitialStyle] = useState(false);\n  const enterTimeoutRef = useRef<number>();\n  const exitTimeoutRef = useRef<number>();\n  const { status, show } = state;\n\n  useLayoutEffect(() => {\n    setInitialStyle(true);\n    runInAction(() => {\n      if (state.show) {\n        state.status = 'entered';\n      }\n    });\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      window.clearTimeout(enterTimeoutRef.current);\n      window.clearTimeout(exitTimeoutRef.current);\n    };\n  }, []);\n\n  const statusStyle = useMemo(\n    () =>\n      initialStyle\n        ? {\n            ...(status !== 'afterEntered' && { overflow: 'hidden' }),\n            ...(status !== 'afterEntered' && {\n              height:\n                status === 'exited' || status === 'exiting'\n                  ? 0\n                  : ref.current?.scrollHeight,\n            }),\n          }\n        : {},\n    [status, initialStyle],\n  );\n\n  const style = useMemo(\n    () => ({\n      transitionDuration: `${timeout}ms`,\n      ...styleProp,\n      ...statusStyle,\n    }),\n    [timeout, styleProp, statusStyle],\n  );\n\n  return (\n    <Transition\n      in={show}\n      onEnter={(node, isAppearing) => {\n        state.setStatus('enter');\n        onEnter?.(node, isAppearing);\n      }}\n      onEntering={(node, isAppearing) => {\n        state.setStatus('entering');\n        onEntering?.(node, isAppearing);\n      }}\n      onEntered={(node, isAppearing) => {\n        state.setStatus('entered');\n        enterTimeoutRef.current = window.setTimeout(\n          action(() => {\n            if (state.status === 'entered') {\n              state.setStatus('afterEntered');\n            }\n          }),\n          0,\n        );\n        onEntered?.(node, isAppearing);\n      }}\n      onExit={(node) => {\n        state.setStatus('exit');\n        onExit?.(node);\n      }}\n      onExiting={(node) => {\n        state.setStatus('beforeExit');\n        exitTimeoutRef.current = window.setTimeout(\n          action(() => {\n            if (state.status === 'beforeExit') {\n              state.setStatus('exiting');\n            }\n          }),\n          0,\n        );\n        onExiting?.(node);\n      }}\n      onExited={(node) => {\n        state.setStatus('exited');\n        onExited?.(node);\n      }}\n      timeout={timeout}\n      {...rest}\n    >\n      <div\n        data-hook={dataHook}\n        ref={(el) => {\n          ref.current = el;\n          rootRef?.(el);\n        }}\n        className={st(classes.root)}\n        style={style}\n      >\n        {children}\n      </div>\n    </Transition>\n  );\n}\n\nexport const Collapse = observer(_Collapse);\n"],"mappings":"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","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_ = "Collapse3579252705";
+var _namespace_ = "Collapse202027025";
 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": "Collapse3579252705__root",
-  "exit": "Collapse3579252705__exit"
+  "root": "Collapse202027025__root",
+  "exit": "Collapse202027025__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_ = \"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":[]}
+{"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_ = \"Collapse202027025\";\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\":\"Collapse202027025__root\",\"exit\":\"Collapse202027025__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,mBAAmB;AACrC,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,yBAAyB;EAAC,MAAM,EAAC;AAAyB,CAAC;AACjF,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/CollectionActionsBar.js

@@ -25,7 +25,6 @@ const CollectionActionsBar = exports.CollectionActionsBar = (0, _mobxReactLite.o
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
-    skin: "standard",
     priority: "secondary",
     __self: void 0,
     __source: {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mobxReactLite","_jsxFileName","CollectionActionsBar","exports","observer","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","padding","IconButton","skin","priority","More"],"sources":["../../../src/components/CollectionActionsBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton } from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common';\nimport { observer } from 'mobx-react-lite';\n\nexport const CollectionActionsBar = observer(() => {\n  return (\n    <Box>\n      <Box padding=\"SP1\">\n        <IconButton skin=\"standard\" priority=\"secondary\">\n          <More />\n        </IconButton>\n      </Box>\n    </Box>\n  );\n});\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAEpC,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAAC,MAAM;EACjD,oBACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,GAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACFjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,GAAG;IAACM,OAAO,EAAC,KAAK;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChBjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAgB,UAAU;IAACC,IAAI,EAAC,UAAU;IAACC,QAAQ,EAAC,WAAW;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC9CjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,iBAAA,CAAAkB,IAAI;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACG,CACT,CACF,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mobxReactLite","_jsxFileName","CollectionActionsBar","exports","observer","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","padding","IconButton","priority","More"],"sources":["../../../src/components/CollectionActionsBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton } from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common';\nimport { observer } from 'mobx-react-lite';\n\nexport const CollectionActionsBar = observer(() => {\n  return (\n    <Box>\n      <Box padding=\"SP1\">\n        <IconButton priority=\"secondary\">\n          <More />\n        </IconButton>\n      </Box>\n    </Box>\n  );\n});\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAEpC,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAAC,MAAM;EACjD,oBACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,GAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACFjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,GAAG;IAACM,OAAO,EAAC,KAAK;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChBjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAgB,UAAU;IAACC,QAAQ,EAAC,WAAW;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC9BjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,iBAAA,CAAAiB,IAAI;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACG,CACT,CACF,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

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

@@ -25,6 +25,7 @@ function _CollectionAutoComplete(props) {
     onSelect,
     onClear,
     readOnly,
+    placeholder,
     ...rest
   } = props;
   const container = (0, _react2.useWixPatternsContainer)();
@@ -83,7 +84,7 @@ function _CollectionAutoComplete(props) {
       onClear == null || onClear(e);
       state.clearSelectionAndSearch();
     } : undefined,
-    placeholder: translate('placeholder'),
+    placeholder: placeholder ?? translate('placeholder'),
     onSelect: (option, sameOptionWasPicked) => {
       const {
         keyedItem
@@ -105,7 +106,7 @@ function _CollectionAutoComplete(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 113,
+      lineNumber: 114,
       columnNumber: 5
     }
   }));

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

@@ -1 +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":[]}
+{"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","placeholder","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","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    placeholder,\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={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/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_ = "CollectionToolbar3062454255";
+var _namespace_ = "CollectionToolbar3858753294";
 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": "CollectionToolbar3062454255__root",
-  "left": "CollectionToolbar3062454255__left",
-  "right": "CollectionToolbar3062454255__right",
-  "fullWidth": "CollectionToolbar3062454255__fullWidth"
+  "root": "CollectionToolbar3858753294__root",
+  "left": "CollectionToolbar3858753294__left",
+  "right": "CollectionToolbar3858753294__right",
+  "fullWidth": "CollectionToolbar3858753294__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar3062454255\";\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\":\"CollectionToolbar3062454255__root\",\"left\":\"CollectionToolbar3062454255__left\",\"right\":\"CollectionToolbar3062454255__right\",\"fullWidth\":\"CollectionToolbar3062454255__fullWidth\"};\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,6BAA6B;AAC/C,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,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar3858753294\";\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\":\"CollectionToolbar3858753294__root\",\"left\":\"CollectionToolbar3858753294__left\",\"right\":\"CollectionToolbar3858753294__right\",\"fullWidth\":\"CollectionToolbar3858753294__fullWidth\"};\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,6BAA6B;AAC/C,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,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,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/CollectionToolbar/SearchOrCustomFilter.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_ = "SearchOrCustomFilter2351425915";
+var _namespace_ = "SearchOrCustomFilter302556739";
 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": "SearchOrCustomFilter2351425915__root",
-  "search": "SearchOrCustomFilter2351425915__search"
+  "root": "SearchOrCustomFilter302556739__root",
+  "search": "SearchOrCustomFilter302556739__search"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.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/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter2351425915\";\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\":\"SearchOrCustomFilter2351425915__root\",\"search\":\"SearchOrCustomFilter2351425915__search\"};\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,gCAAgC;AAClD,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,sCAAsC;EAAC,QAAQ,EAAC;AAAwC,CAAC;AAC/G,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/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter302556739\";\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\":\"SearchOrCustomFilter302556739__root\",\"search\":\"SearchOrCustomFilter302556739__search\"};\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,+BAA+B;AACjD,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,qCAAqC;EAAC,QAAQ,EAAC;AAAuC,CAAC;AAC7G,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/CollectionToolbarFilters/CollectionToolbarFiltersState.js

@@ -21,7 +21,7 @@ class CollectionToolbarFiltersState {
       } = this.toolbar;
       const isOpened = this.toolbar.panels.toggleSidePanel('filters');
       // to be called after the panel is opened/closed and call stack is cleared
-      setTimeout(() => {
+      window.setTimeout(() => {
         reportBi((0, _bexCore.withoutDefaults)(_bi.cairoFiltersPanelUsed)({
           ...this.toolbar._commonDynamicBiParams(),
           isOpened,

package/dist/cjs/components/CollectionToolbarFilters/CollectionToolbarFiltersState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_bi","_mobx","CollectionToolbarFiltersState","constructor","params","_defineProperty2","default","ValueBox","undefined","action","actionStartTime","performance","now","reportBi","toolbar","isOpened","panels","toggleSidePanel","setTimeout","withoutDefaults","cairoFiltersPanelUsed","_commonDynamicBiParams","origin","feature","timeFromAction","Math","round","makeObservable","panelFilterElements","computed","panelFilters","totalInlineFilters","value","filterElements","slice","map","element","props","filter","exports"],"sources":["../../../../src/components/CollectionToolbarFilters/CollectionToolbarFiltersState.ts"],"sourcesContent":["import { ToolbarCollectionState } from '../../state';\nimport { FiltersMap, ValueBox, withoutDefaults } from '@wix/bex-core';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { action, computed, makeObservable } from 'mobx';\nimport { ReactNode } from 'react';\nimport { FilterElement } from './filterElement';\n\nexport interface CollectionToolbarFiltersStateParams<T, F extends FiltersMap> {\n  readonly toolbar: ToolbarCollectionState<T, F>;\n}\n\nexport class CollectionToolbarFiltersState<T, F extends FiltersMap> {\n  readonly toolbar;\n\n  readonly panelTitle = new ValueBox<ReactNode>(undefined);\n  readonly totalInlineFilters = new ValueBox<number | null>(null);\n  readonly filterElements = new ValueBox<FilterElement[]>([]);\n\n  onClearButtonClicked?: () => unknown;\n\n  constructor(params: CollectionToolbarFiltersStateParams<T, F>) {\n    this.toolbar = params.toolbar;\n\n    makeObservable(this, {\n      panelFilterElements: computed,\n      panelFilters: computed,\n    });\n  }\n\n  get panelFilterElements() {\n    const {\n      totalInlineFilters: { value: totalInlineFilters },\n      filterElements: { value: filterElements },\n    } = this;\n    return totalInlineFilters != null\n      ? filterElements.slice(totalInlineFilters)\n      : [];\n  }\n\n  get panelFilters() {\n    return this.panelFilterElements.map((element) => element.props.filter);\n  }\n\n  onFiltersButtonClick = action(() => {\n    const actionStartTime = performance.now();\n    const { reportBi } = this.toolbar;\n\n    const isOpened = this.toolbar.panels.toggleSidePanel('filters');\n    // to be called after the panel is opened/closed and call stack is cleared\n    setTimeout(() => {\n      reportBi(\n        withoutDefaults(cairoFiltersPanelUsed)({\n          ...this.toolbar._commonDynamicBiParams(),\n          isOpened,\n          origin: 'Filter Button',\n          feature: 'Filter',\n          timeFromAction: Math.round(performance.now() - actionStartTime),\n        }),\n      );\n    });\n  });\n}\n"],"mappings":";;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAQO,MAAMG,6BAA6B,CAA0B;EASlEC,WAAWA,CAACC,MAAiD,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,sBANzC,IAAIC,iBAAQ,CAAYC,SAAS,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,8BAC1B,IAAIC,iBAAQ,CAAgB,IAAI,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,0BACrC,IAAIC,iBAAQ,CAAkB,EAAE,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,gCA2BpC,IAAAG,YAAM,EAAC,MAAM;MAClC,MAAMC,eAAe,GAAGC,WAAW,CAACC,GAAG,CAAC,CAAC;MACzC,MAAM;QAAEC;MAAS,CAAC,GAAG,IAAI,CAACC,OAAO;MAEjC,MAAMC,QAAQ,GAAG,IAAI,CAACD,OAAO,CAACE,MAAM,CAACC,eAAe,CAAC,SAAS,CAAC;MAC/D;MACAC,UAAU,CAAC,MAAM;QACfL,QAAQ,CACN,IAAAM,wBAAe,EAACC,yBAAqB,CAAC,CAAC;UACrC,GAAG,IAAI,CAACN,OAAO,CAACO,sBAAsB,CAAC,CAAC;UACxCN,QAAQ;UACRO,MAAM,EAAE,eAAe;UACvBC,OAAO,EAAE,QAAQ;UACjBC,cAAc,EAAEC,IAAI,CAACC,KAAK,CAACf,WAAW,CAACC,GAAG,CAAC,CAAC,GAAGF,eAAe;QAChE,CAAC,CACH,CAAC;MACH,CAAC,CAAC;IACJ,CAAC,CAAC;IAvCA,IAAI,CAACI,OAAO,GAAGV,MAAM,CAACU,OAAO;IAE7B,IAAAa,oBAAc,EAAC,IAAI,EAAE;MACnBC,mBAAmB,EAAEC,cAAQ;MAC7BC,YAAY,EAAED;IAChB,CAAC,CAAC;EACJ;EAEA,IAAID,mBAAmBA,CAAA,EAAG;IACxB,MAAM;MACJG,kBAAkB,EAAE;QAAEC,KAAK,EAAED;MAAmB,CAAC;MACjDE,cAAc,EAAE;QAAED,KAAK,EAAEC;MAAe;IAC1C,CAAC,GAAG,IAAI;IACR,OAAOF,kBAAkB,IAAI,IAAI,GAC7BE,cAAc,CAACC,KAAK,CAACH,kBAAkB,CAAC,GACxC,EAAE;EACR;EAEA,IAAID,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACF,mBAAmB,CAACO,GAAG,CAAEC,OAAO,IAAKA,OAAO,CAACC,KAAK,CAACC,MAAM,CAAC;EACxE;AAoBF;AAACC,OAAA,CAAArC,6BAAA,GAAAA,6BAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_bi","_mobx","CollectionToolbarFiltersState","constructor","params","_defineProperty2","default","ValueBox","undefined","action","actionStartTime","performance","now","reportBi","toolbar","isOpened","panels","toggleSidePanel","window","setTimeout","withoutDefaults","cairoFiltersPanelUsed","_commonDynamicBiParams","origin","feature","timeFromAction","Math","round","makeObservable","panelFilterElements","computed","panelFilters","totalInlineFilters","value","filterElements","slice","map","element","props","filter","exports"],"sources":["../../../../src/components/CollectionToolbarFilters/CollectionToolbarFiltersState.ts"],"sourcesContent":["import { ToolbarCollectionState } from '../../state';\nimport { FiltersMap, ValueBox, withoutDefaults } from '@wix/bex-core';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { action, computed, makeObservable } from 'mobx';\nimport { ReactNode } from 'react';\nimport { FilterElement } from './filterElement';\n\nexport interface CollectionToolbarFiltersStateParams<T, F extends FiltersMap> {\n  readonly toolbar: ToolbarCollectionState<T, F>;\n}\n\nexport class CollectionToolbarFiltersState<T, F extends FiltersMap> {\n  readonly toolbar;\n\n  readonly panelTitle = new ValueBox<ReactNode>(undefined);\n  readonly totalInlineFilters = new ValueBox<number | null>(null);\n  readonly filterElements = new ValueBox<FilterElement[]>([]);\n\n  onClearButtonClicked?: () => unknown;\n\n  constructor(params: CollectionToolbarFiltersStateParams<T, F>) {\n    this.toolbar = params.toolbar;\n\n    makeObservable(this, {\n      panelFilterElements: computed,\n      panelFilters: computed,\n    });\n  }\n\n  get panelFilterElements() {\n    const {\n      totalInlineFilters: { value: totalInlineFilters },\n      filterElements: { value: filterElements },\n    } = this;\n    return totalInlineFilters != null\n      ? filterElements.slice(totalInlineFilters)\n      : [];\n  }\n\n  get panelFilters() {\n    return this.panelFilterElements.map((element) => element.props.filter);\n  }\n\n  onFiltersButtonClick = action(() => {\n    const actionStartTime = performance.now();\n    const { reportBi } = this.toolbar;\n\n    const isOpened = this.toolbar.panels.toggleSidePanel('filters');\n    // to be called after the panel is opened/closed and call stack is cleared\n    window.setTimeout(() => {\n      reportBi(\n        withoutDefaults(cairoFiltersPanelUsed)({\n          ...this.toolbar._commonDynamicBiParams(),\n          isOpened,\n          origin: 'Filter Button',\n          feature: 'Filter',\n          timeFromAction: Math.round(performance.now() - actionStartTime),\n        }),\n      );\n    });\n  });\n}\n"],"mappings":";;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAQO,MAAMG,6BAA6B,CAA0B;EASlEC,WAAWA,CAACC,MAAiD,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,sBANzC,IAAIC,iBAAQ,CAAYC,SAAS,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,8BAC1B,IAAIC,iBAAQ,CAAgB,IAAI,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,0BACrC,IAAIC,iBAAQ,CAAkB,EAAE,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,gCA2BpC,IAAAG,YAAM,EAAC,MAAM;MAClC,MAAMC,eAAe,GAAGC,WAAW,CAACC,GAAG,CAAC,CAAC;MACzC,MAAM;QAAEC;MAAS,CAAC,GAAG,IAAI,CAACC,OAAO;MAEjC,MAAMC,QAAQ,GAAG,IAAI,CAACD,OAAO,CAACE,MAAM,CAACC,eAAe,CAAC,SAAS,CAAC;MAC/D;MACAC,MAAM,CAACC,UAAU,CAAC,MAAM;QACtBN,QAAQ,CACN,IAAAO,wBAAe,EAACC,yBAAqB,CAAC,CAAC;UACrC,GAAG,IAAI,CAACP,OAAO,CAACQ,sBAAsB,CAAC,CAAC;UACxCP,QAAQ;UACRQ,MAAM,EAAE,eAAe;UACvBC,OAAO,EAAE,QAAQ;UACjBC,cAAc,EAAEC,IAAI,CAACC,KAAK,CAAChB,WAAW,CAACC,GAAG,CAAC,CAAC,GAAGF,eAAe;QAChE,CAAC,CACH,CAAC;MACH,CAAC,CAAC;IACJ,CAAC,CAAC;IAvCA,IAAI,CAACI,OAAO,GAAGV,MAAM,CAACU,OAAO;IAE7B,IAAAc,oBAAc,EAAC,IAAI,EAAE;MACnBC,mBAAmB,EAAEC,cAAQ;MAC7BC,YAAY,EAAED;IAChB,CAAC,CAAC;EACJ;EAEA,IAAID,mBAAmBA,CAAA,EAAG;IACxB,MAAM;MACJG,kBAAkB,EAAE;QAAEC,KAAK,EAAED;MAAmB,CAAC;MACjDE,cAAc,EAAE;QAAED,KAAK,EAAEC;MAAe;IAC1C,CAAC,GAAG,IAAI;IACR,OAAOF,kBAAkB,IAAI,IAAI,GAC7BE,cAAc,CAACC,KAAK,CAACH,kBAAkB,CAAC,GACxC,EAAE;EACR;EAEA,IAAID,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACF,mBAAmB,CAACO,GAAG,CAAEC,OAAO,IAAKA,OAAO,CAACC,KAAK,CAACC,MAAM,CAAC;EACxE;AAoBF;AAACC,OAAA,CAAAtC,6BAAA,GAAAA,6BAAA","ignoreList":[]}

package/dist/cjs/components/CollectionToolbars/ToolbarState.js

@@ -33,18 +33,18 @@ class ToolbarState {
       table.scrollElementRect.height = scrollElementRect.height;
       table.scrollElementRect.top = scrollElementRect.top;
     });
-    const onResizedOrMovedThrottled = table.container.lodash.throttle(() => requestAnimationFrame(onResizedOrMoved), 300);
+    const onResizedOrMovedThrottled = table.container.lodash.throttle(() => window.requestAnimationFrame(onResizedOrMoved), 300);
     const onScroll = () => {
       onResizedOrMovedThrottled();
     };
     scrollElement.addEventListener('scroll', onScroll);
     const dispose = (0, _bexCore.addResizeObserver)(scrollElement, onResizedOrMovedThrottled);
-    const onResizedOrMovedAnimationFrame = requestAnimationFrame(() => {
-      requestAnimationFrame(onResizedOrMoved);
+    const onResizedOrMovedAnimationFrame = window.requestAnimationFrame(() => {
+      window.requestAnimationFrame(onResizedOrMoved);
     });
     return () => {
       dispose == null || dispose();
-      cancelAnimationFrame(onResizedOrMovedAnimationFrame);
+      window.cancelAnimationFrame(onResizedOrMovedAnimationFrame);
       scrollElement.removeEventListener('scroll', onScroll);
     };
   }

package/dist/cjs/components/CollectionToolbars/ToolbarState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","_ToolbarResponsiveState","ToolbarState","constructor","toolbar","_defineProperty2","default","responsive","ToolbarResponsiveState","makeObservable","init","action","_subscribeResizeOrMoved","scrollElement","table","onResizedOrMoved","scrollElementRect","getBoundingClientRect","height","top","onResizedOrMovedThrottled","container","lodash","throttle","requestAnimationFrame","onScroll","addEventListener","dispose","addResizeObserver","onResizedOrMovedAnimationFrame","cancelAnimationFrame","removeEventListener","disposers","toolbarRect","forEach","d","exports"],"sources":["../../../../src/components/CollectionToolbars/ToolbarState.ts"],"sourcesContent":["import { addResizeObserver, FiltersMap } from '@wix/bex-core';\nimport { action, makeObservable } from 'mobx';\nimport { ToolbarCollectionState } from '../../state';\nimport { ToolbarResponsiveState } from '../../state/Toolbar/ToolbarResponsiveState';\n\nexport class ToolbarState<T, F extends FiltersMap> {\n  readonly toolbar;\n  readonly responsive;\n\n  constructor(toolbar: ToolbarCollectionState<T, F>) {\n    this.toolbar = toolbar;\n    this.responsive = new ToolbarResponsiveState({\n      toolbar: this,\n    });\n\n    makeObservable(this, {\n      init: action,\n    });\n  }\n\n  _subscribeResizeOrMoved({\n    scrollElement,\n  }: {\n    readonly scrollElement?: HTMLElement | null;\n  }) {\n    const { toolbar: table } = this;\n\n    if (scrollElement == null) {\n      return;\n    }\n\n    const onResizedOrMoved = action(function onResizedOrMoved() {\n      const scrollElementRect = scrollElement.getBoundingClientRect();\n      table.scrollElementRect.height = scrollElementRect.height;\n      table.scrollElementRect.top = scrollElementRect.top;\n    });\n\n    const onResizedOrMovedThrottled = table.container.lodash.throttle(\n      () => requestAnimationFrame(onResizedOrMoved),\n      300,\n    );\n\n    const onScroll = () => {\n      onResizedOrMovedThrottled();\n    };\n\n    scrollElement.addEventListener('scroll', onScroll);\n\n    const dispose = addResizeObserver(scrollElement, onResizedOrMovedThrottled);\n\n    const onResizedOrMovedAnimationFrame = requestAnimationFrame(() => {\n      requestAnimationFrame(onResizedOrMoved);\n    });\n\n    return () => {\n      dispose?.();\n      cancelAnimationFrame(onResizedOrMovedAnimationFrame);\n      scrollElement.removeEventListener('scroll', onScroll);\n    };\n  }\n\n  init({ scrollElement }: { scrollElement?: HTMLElement | null }) {\n    const { toolbar, responsive } = this;\n    const disposers = [\n      toolbar.toolbarRect.init({ scrollElement }),\n      this._subscribeResizeOrMoved({ scrollElement }),\n      responsive.init(),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,uBAAA,GAAAF,OAAA;AAEO,MAAMG,YAAY,CAA0B;EAIjDC,WAAWA,CAACC,OAAqC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACjD,IAAI,CAACF,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACG,UAAU,GAAG,IAAIC,8CAAsB,CAAC;MAC3CJ,OAAO,EAAE;IACX,CAAC,CAAC;IAEF,IAAAK,oBAAc,EAAC,IAAI,EAAE;MACnBC,IAAI,EAAEC;IACR,CAAC,CAAC;EACJ;EAEAC,uBAAuBA,CAAC;IACtBC;EAGF,CAAC,EAAE;IACD,MAAM;MAAET,OAAO,EAAEU;IAAM,CAAC,GAAG,IAAI;IAE/B,IAAID,aAAa,IAAI,IAAI,EAAE;MACzB;IACF;IAEA,MAAME,gBAAgB,GAAG,IAAAJ,YAAM,EAAC,SAASI,gBAAgBA,CAAA,EAAG;MAC1D,MAAMC,iBAAiB,GAAGH,aAAa,CAACI,qBAAqB,CAAC,CAAC;MAC/DH,KAAK,CAACE,iBAAiB,CAACE,MAAM,GAAGF,iBAAiB,CAACE,MAAM;MACzDJ,KAAK,CAACE,iBAAiB,CAACG,GAAG,GAAGH,iBAAiB,CAACG,GAAG;IACrD,CAAC,CAAC;IAEF,MAAMC,yBAAyB,GAAGN,KAAK,CAACO,SAAS,CAACC,MAAM,CAACC,QAAQ,CAC/D,MAAMC,qBAAqB,CAACT,gBAAgB,CAAC,EAC7C,GACF,CAAC;IAED,MAAMU,QAAQ,GAAGA,CAAA,KAAM;MACrBL,yBAAyB,CAAC,CAAC;IAC7B,CAAC;IAEDP,aAAa,CAACa,gBAAgB,CAAC,QAAQ,EAAED,QAAQ,CAAC;IAElD,MAAME,OAAO,GAAG,IAAAC,0BAAiB,EAACf,aAAa,EAAEO,yBAAyB,CAAC;IAE3E,MAAMS,8BAA8B,GAAGL,qBAAqB,CAAC,MAAM;MACjEA,qBAAqB,CAACT,gBAAgB,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO,MAAM;MACXY,OAAO,YAAPA,OAAO,CAAG,CAAC;MACXG,oBAAoB,CAACD,8BAA8B,CAAC;MACpDhB,aAAa,CAACkB,mBAAmB,CAAC,QAAQ,EAAEN,QAAQ,CAAC;IACvD,CAAC;EACH;EAEAf,IAAIA,CAAC;IAAEG;EAAsD,CAAC,EAAE;IAC9D,MAAM;MAAET,OAAO;MAAEG;IAAW,CAAC,GAAG,IAAI;IACpC,MAAMyB,SAAS,GAAG,CAChB5B,OAAO,CAAC6B,WAAW,CAACvB,IAAI,CAAC;MAAEG;IAAc,CAAC,CAAC,EAC3C,IAAI,CAACD,uBAAuB,CAAC;MAAEC;IAAc,CAAC,CAAC,EAC/CN,UAAU,CAACG,IAAI,CAAC,CAAC,CAClB;IAED,OAAO,MAAM;MACXsB,SAAS,CAACE,OAAO,CAAEC,CAAC,IAAKA,CAAC,oBAADA,CAAC,CAAG,CAAC,CAAC;IACjC,CAAC;EACH;AACF;AAACC,OAAA,CAAAlC,YAAA,GAAAA,YAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","_ToolbarResponsiveState","ToolbarState","constructor","toolbar","_defineProperty2","default","responsive","ToolbarResponsiveState","makeObservable","init","action","_subscribeResizeOrMoved","scrollElement","table","onResizedOrMoved","scrollElementRect","getBoundingClientRect","height","top","onResizedOrMovedThrottled","container","lodash","throttle","window","requestAnimationFrame","onScroll","addEventListener","dispose","addResizeObserver","onResizedOrMovedAnimationFrame","cancelAnimationFrame","removeEventListener","disposers","toolbarRect","forEach","d","exports"],"sources":["../../../../src/components/CollectionToolbars/ToolbarState.ts"],"sourcesContent":["import { addResizeObserver, FiltersMap } from '@wix/bex-core';\nimport { action, makeObservable } from 'mobx';\nimport { ToolbarCollectionState } from '../../state';\nimport { ToolbarResponsiveState } from '../../state/Toolbar/ToolbarResponsiveState';\n\nexport class ToolbarState<T, F extends FiltersMap> {\n  readonly toolbar;\n  readonly responsive;\n\n  constructor(toolbar: ToolbarCollectionState<T, F>) {\n    this.toolbar = toolbar;\n    this.responsive = new ToolbarResponsiveState({\n      toolbar: this,\n    });\n\n    makeObservable(this, {\n      init: action,\n    });\n  }\n\n  _subscribeResizeOrMoved({\n    scrollElement,\n  }: {\n    readonly scrollElement?: HTMLElement | null;\n  }) {\n    const { toolbar: table } = this;\n\n    if (scrollElement == null) {\n      return;\n    }\n\n    const onResizedOrMoved = action(function onResizedOrMoved() {\n      const scrollElementRect = scrollElement.getBoundingClientRect();\n      table.scrollElementRect.height = scrollElementRect.height;\n      table.scrollElementRect.top = scrollElementRect.top;\n    });\n\n    const onResizedOrMovedThrottled = table.container.lodash.throttle(\n      () => window.requestAnimationFrame(onResizedOrMoved),\n      300,\n    );\n\n    const onScroll = () => {\n      onResizedOrMovedThrottled();\n    };\n\n    scrollElement.addEventListener('scroll', onScroll);\n\n    const dispose = addResizeObserver(scrollElement, onResizedOrMovedThrottled);\n\n    const onResizedOrMovedAnimationFrame = window.requestAnimationFrame(() => {\n      window.requestAnimationFrame(onResizedOrMoved);\n    });\n\n    return () => {\n      dispose?.();\n      window.cancelAnimationFrame(onResizedOrMovedAnimationFrame);\n      scrollElement.removeEventListener('scroll', onScroll);\n    };\n  }\n\n  init({ scrollElement }: { scrollElement?: HTMLElement | null }) {\n    const { toolbar, responsive } = this;\n    const disposers = [\n      toolbar.toolbarRect.init({ scrollElement }),\n      this._subscribeResizeOrMoved({ scrollElement }),\n      responsive.init(),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,uBAAA,GAAAF,OAAA;AAEO,MAAMG,YAAY,CAA0B;EAIjDC,WAAWA,CAACC,OAAqC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACjD,IAAI,CAACF,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACG,UAAU,GAAG,IAAIC,8CAAsB,CAAC;MAC3CJ,OAAO,EAAE;IACX,CAAC,CAAC;IAEF,IAAAK,oBAAc,EAAC,IAAI,EAAE;MACnBC,IAAI,EAAEC;IACR,CAAC,CAAC;EACJ;EAEAC,uBAAuBA,CAAC;IACtBC;EAGF,CAAC,EAAE;IACD,MAAM;MAAET,OAAO,EAAEU;IAAM,CAAC,GAAG,IAAI;IAE/B,IAAID,aAAa,IAAI,IAAI,EAAE;MACzB;IACF;IAEA,MAAME,gBAAgB,GAAG,IAAAJ,YAAM,EAAC,SAASI,gBAAgBA,CAAA,EAAG;MAC1D,MAAMC,iBAAiB,GAAGH,aAAa,CAACI,qBAAqB,CAAC,CAAC;MAC/DH,KAAK,CAACE,iBAAiB,CAACE,MAAM,GAAGF,iBAAiB,CAACE,MAAM;MACzDJ,KAAK,CAACE,iBAAiB,CAACG,GAAG,GAAGH,iBAAiB,CAACG,GAAG;IACrD,CAAC,CAAC;IAEF,MAAMC,yBAAyB,GAAGN,KAAK,CAACO,SAAS,CAACC,MAAM,CAACC,QAAQ,CAC/D,MAAMC,MAAM,CAACC,qBAAqB,CAACV,gBAAgB,CAAC,EACpD,GACF,CAAC;IAED,MAAMW,QAAQ,GAAGA,CAAA,KAAM;MACrBN,yBAAyB,CAAC,CAAC;IAC7B,CAAC;IAEDP,aAAa,CAACc,gBAAgB,CAAC,QAAQ,EAAED,QAAQ,CAAC;IAElD,MAAME,OAAO,GAAG,IAAAC,0BAAiB,EAAChB,aAAa,EAAEO,yBAAyB,CAAC;IAE3E,MAAMU,8BAA8B,GAAGN,MAAM,CAACC,qBAAqB,CAAC,MAAM;MACxED,MAAM,CAACC,qBAAqB,CAACV,gBAAgB,CAAC;IAChD,CAAC,CAAC;IAEF,OAAO,MAAM;MACXa,OAAO,YAAPA,OAAO,CAAG,CAAC;MACXJ,MAAM,CAACO,oBAAoB,CAACD,8BAA8B,CAAC;MAC3DjB,aAAa,CAACmB,mBAAmB,CAAC,QAAQ,EAAEN,QAAQ,CAAC;IACvD,CAAC;EACH;EAEAhB,IAAIA,CAAC;IAAEG;EAAsD,CAAC,EAAE;IAC9D,MAAM;MAAET,OAAO;MAAEG;IAAW,CAAC,GAAG,IAAI;IACpC,MAAM0B,SAAS,GAAG,CAChB7B,OAAO,CAAC8B,WAAW,CAACxB,IAAI,CAAC;MAAEG;IAAc,CAAC,CAAC,EAC3C,IAAI,CAACD,uBAAuB,CAAC;MAAEC;IAAc,CAAC,CAAC,EAC/CN,UAAU,CAACG,IAAI,CAAC,CAAC,CAClB;IAED,OAAO,MAAM;MACXuB,SAAS,CAACE,OAAO,CAAEC,CAAC,IAAKA,CAAC,oBAADA,CAAC,CAAG,CAAC,CAAC;IACjC,CAAC;EACH;AACF;AAACC,OAAA,CAAAnC,YAAA,GAAAA,YAAA","ignoreList":[]}