@wix/patterns 1.296.0 → 1.300.0

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

@@ -10,6 +10,9 @@ var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _DisabledTooltip = require("../DisabledTooltip");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ActionControl/ActionPopover.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function isActionSubitemLabel(item) {
+  return typeof item === 'object' && item !== null && 'sectionTitle' in item;
+}
 function ActionPopover(props) {
   const {
     actionItem,
@@ -25,31 +28,50 @@ 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 => {
-        return /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
-          prefixIcon: item.prefixIcon,
-          disabled: item.disabled,
-          text: item.label,
-          key: item.label,
-          subtitle: item.subtitle,
-          dataHook: item.dataHook,
-          onClick: item.onClick,
+      const nodes = [];
+      group.forEach((item, itemIndex) => {
+        if (isActionSubitemLabel(item)) {
+          nodes.push(/*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.SectionTitle, {
+            key: `section-${index}-${itemIndex}`,
+            title: item.sectionTitle,
+            dataHook: item.dataHook,
+            __self: this,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 35,
+              columnNumber: 15
+            }
+          }));
+        } else {
+          nodes.push(/*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+            prefixIcon: item.prefixIcon,
+            disabled: item.disabled,
+            text: item.label,
+            key: item.label,
+            subtitle: item.subtitle,
+            dataHook: item.dataHook,
+            onClick: item.onClick,
+            __self: this,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 43,
+              columnNumber: 15
+            }
+          }));
+        }
+      });
+      if (index !== array.length - 1) {
+        nodes.push(/*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
+          key: `divider-${index}`,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 25,
-            columnNumber: 15
+            lineNumber: 57,
+            columnNumber: 22
           }
-        });
-      }), ...(index !== array.length - 1 ? [/*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
-        key: index,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 37,
-          columnNumber: 16
-        }
-      })] : [])];
+        }));
+      }
+      return [...result, ...nodes];
     }, []);
   }, [subItems]);
   return /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, (0, _extends2.default)({}, popoverMenuProps, {
@@ -62,7 +84,7 @@ function ActionPopover(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 48,
+        lineNumber: 69,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -82,21 +104,21 @@ function ActionPopover(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 65,
+          lineNumber: 86,
           columnNumber: 25
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 52,
+        lineNumber: 73,
         columnNumber: 11
       }
     }, actionItem.label)),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 44,
+      lineNumber: 65,
       columnNumber: 5
     }
   }), allActions);

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_wixUiIconsCommon","_DisabledTooltip","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ActionPopover","props","actionItem","size","priority","onPopoverClick","fullWidth","dataHook","subItems","popoverMenuProps","allActions","useMemo","filter","subItemGroup","length","reduce","result","group","index","array","map","item","createElement","PopoverMenu","MenuItem","prefixIcon","disabled","text","label","key","subtitle","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  fullWidth?: ButtonProps['fullWidth'];\n  onPopoverClick?: () => void;\n}) {\n  const { actionItem, size, priority, onPopoverClick, fullWidth } = 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                subtitle={item.subtitle}\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            fullWidth={fullWidth}\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","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","isActionSubitemLabel","item","ActionPopover","props","actionItem","size","priority","onPopoverClick","fullWidth","dataHook","subItems","popoverMenuProps","allActions","useMemo","filter","subItemGroup","length","reduce","result","group","index","array","nodes","forEach","itemIndex","push","createElement","PopoverMenu","SectionTitle","key","title","sectionTitle","__self","__source","fileName","lineNumber","columnNumber","MenuItem","prefixIcon","disabled","text","label","subtitle","onClick","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 {\n  ActionSubItemPrivate,\n  ActionSubitemLabelPrivate,\n} from './ActionSubItemProps';\nimport { DisabledTooltip } from '../DisabledTooltip';\n\nfunction isActionSubitemLabel(\n  item: NonNullable<ActionSubItemPrivate['subItems']>[number][number],\n): item is ActionSubitemLabelPrivate {\n  return typeof item === 'object' && item !== null && 'sectionTitle' in item;\n}\n\nexport function ActionPopover(props: {\n  actionItem: ActionSubItemPrivate;\n  size?: ButtonProps['size'];\n  priority?: ButtonProps['priority'];\n  fullWidth?: ButtonProps['fullWidth'];\n  onPopoverClick?: () => void;\n}) {\n  const { actionItem, size, priority, onPopoverClick, fullWidth } = 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        const nodes: ReactNode[] = [];\n\n        group.forEach((item, itemIndex) => {\n          if (isActionSubitemLabel(item)) {\n            nodes.push(\n              <PopoverMenu.SectionTitle\n                key={`section-${index}-${itemIndex}`}\n                title={item.sectionTitle}\n                dataHook={item.dataHook}\n              />,\n            );\n          } else {\n            nodes.push(\n              <PopoverMenu.MenuItem\n                prefixIcon={item.prefixIcon}\n                disabled={item.disabled}\n                text={item.label}\n                key={item.label}\n                subtitle={item.subtitle}\n                dataHook={item.dataHook}\n                onClick={item.onClick}\n              />,\n            );\n          }\n        });\n\n        if (index !== array.length - 1) {\n          nodes.push(<PopoverMenu.Divider key={`divider-${index}`} />);\n        }\n\n        return [...result, ...nodes];\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            fullWidth={fullWidth}\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/ActionControl/ActionSubItemProps.js.map

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

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

@@ -157,14 +157,16 @@ class AppliedFiltersTagListState {
     return {
       children: /*#__PURE__*/_react.default.createElement(_FilterTagContent.FilterTagContent, {
         filterProps: filterProps,
-        values: filterValuesGroup,
         __self: this,
         __source: {
           fileName: _jsxFileName,
           lineNumber: 190,
           columnNumber: 9
         }
-      }),
+      }, filterValuesGroup.map(({
+        filter,
+        value
+      }) => filter.itemName(value)).join(', ')),
       key: filterProps == null ? void 0 : filterProps.filter.name,
       filterProps,
       id: 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        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":[]}
+{"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 filterProps={filterProps}>\n          {filterValuesGroup\n            .map(({ filter, value }: FilterTagValue<V>) =>\n              filter.itemName(value),\n            )\n            .join(', ')}\n        </FilterTagContent>\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/AppliedFiltersTagList/FilterTagContent.js

@@ -7,7 +7,7 @@ var _react = _interopRequireDefault(require("react"));
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/AppliedFiltersTagList/FilterTagContent.tsx";
 function FilterTagContent({
   filterProps,
-  values
+  children
 }) {
   var _filterProps$toolbarT, _filterProps$accordio;
   const filterName = (filterProps == null || (_filterProps$toolbarT = filterProps.toolbarTagProps) == null ? void 0 : _filterProps$toolbarT.label) ?? (filterProps == null || (_filterProps$accordio = filterProps.accordionItemProps) == null ? void 0 : _filterProps$accordio.label);
@@ -18,12 +18,9 @@ function FilterTagContent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 19,
+      lineNumber: 18,
       columnNumber: 9
     }
-  }, `${filterName}: `), values.map(({
-    filter,
-    value
-  }) => filter.itemName(value)).join(', '));
+  }, `${filterName}: `), children);
 }
 //# sourceMappingURL=FilterTagContent.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_jsxFileName","FilterTagContent","filterProps","values","_filterProps$toolbarT","_filterProps$accordio","filterName","toolbarTagProps","label","accordionItemProps","default","createElement","Fragment","style","fontWeight","__self","__source","fileName","lineNumber","columnNumber","map","filter","value","itemName","join"],"sources":["../../../../src/components/AppliedFiltersTagList/FilterTagContent.tsx"],"sourcesContent":["import React from 'react';\nimport { FilterTagValue } from './AppliedFiltersTagListState';\nimport { FilterProps } from '../../model';\n\nexport function FilterTagContent<V>({\n  filterProps,\n  values,\n}: {\n  filterProps?: FilterProps<V>;\n  values: FilterTagValue<V>[];\n}) {\n  const filterName =\n    filterProps?.toolbarTagProps?.label ??\n    filterProps?.accordionItemProps?.label;\n\n  return (\n    <>\n      {filterName && (\n        <span style={{ fontWeight: 530 }}>{`${filterName}: `}</span>\n      )}\n      {values\n        .map(({ filter, value }: FilterTagValue<V>) => filter.itemName(value))\n        .join(', ')}\n    </>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,YAAA;AAInB,SAASC,gBAAgBA,CAAI;EAClCC,WAAW;EACXC;AAIF,CAAC,EAAE;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACD,MAAMC,UAAU,GACd,CAAAJ,WAAW,aAAAE,qBAAA,GAAXF,WAAW,CAAEK,eAAe,qBAA5BH,qBAAA,CAA8BI,KAAK,MACnCN,WAAW,aAAAG,qBAAA,GAAXH,WAAW,CAAEO,kBAAkB,qBAA/BJ,qBAAA,CAAiCG,KAAK;EAExC,oBACEX,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAAd,MAAA,CAAAa,OAAA,CAAAE,QAAA,QACGN,UAAU,iBACTT,MAAA,CAAAa,OAAA,CAAAC,aAAA;IAAME,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAI,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAE,GAAGb,UAAU,IAAW,CAC5D,EACAH,MAAM,CACJiB,GAAG,CAAC,CAAC;IAAEC,MAAM;IAAEC;EAAyB,CAAC,KAAKD,MAAM,CAACE,QAAQ,CAACD,KAAK,CAAC,CAAC,CACrEE,IAAI,CAAC,IAAI,CACZ,CAAC;AAEP","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_jsxFileName","FilterTagContent","filterProps","children","_filterProps$toolbarT","_filterProps$accordio","filterName","toolbarTagProps","label","accordionItemProps","default","createElement","Fragment","style","fontWeight","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/AppliedFiltersTagList/FilterTagContent.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { FilterProps } from '../../model';\n\nexport function FilterTagContent<V>({\n  filterProps,\n  children,\n}: {\n  filterProps?: FilterProps<V>;\n  children?: ReactNode;\n}) {\n  const filterName =\n    filterProps?.toolbarTagProps?.label ??\n    filterProps?.accordionItemProps?.label;\n\n  return (\n    <>\n      {filterName && (\n        <span style={{ fontWeight: 530 }}>{`${filterName}: `}</span>\n      )}\n      {children}\n    </>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyC,IAAAC,YAAA;AAGlC,SAASC,gBAAgBA,CAAI;EAClCC,WAAW;EACXC;AAIF,CAAC,EAAE;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACD,MAAMC,UAAU,GACd,CAAAJ,WAAW,aAAAE,qBAAA,GAAXF,WAAW,CAAEK,eAAe,qBAA5BH,qBAAA,CAA8BI,KAAK,MACnCN,WAAW,aAAAG,qBAAA,GAAXH,WAAW,CAAEO,kBAAkB,qBAA/BJ,qBAAA,CAAiCG,KAAK;EAExC,oBACEX,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAAd,MAAA,CAAAa,OAAA,CAAAE,QAAA,QACGN,UAAU,iBACTT,MAAA,CAAAa,OAAA,CAAAC,aAAA;IAAME,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAI,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAE,GAAGb,UAAU,IAAW,CAC5D,EACAH,QACD,CAAC;AAEP","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CardContainer1393187604";
+var _namespace_ = "CardContainer96728732";
 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": "CardContainer1393187604__root"
+  "root": "CardContainer96728732__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CardContainer/CardContainer.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/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer1393187604\";\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\":\"CardContainer1393187604__root\"};\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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer96728732\";\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\":\"CardContainer96728732__root\"};\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,uBAAuB;AACzC,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;AAA6B,CAAC;AACpD,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/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_ = "Collapse2836442632";
+var _namespace_ = "Collapse2752988996";
 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": "Collapse2836442632__root",
-  "exit": "Collapse2836442632__exit"
+  "root": "Collapse2752988996__root",
+  "exit": "Collapse2752988996__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_ = \"Collapse2836442632\";\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\":\"Collapse2836442632__root\",\"exit\":\"Collapse2836442632__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_ = \"Collapse2752988996\";\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\":\"Collapse2752988996__root\",\"exit\":\"Collapse2752988996__exit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionPage3106655869";
+var _namespace_ = "CollectionPage275142463";
 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": "CollectionPage3106655869__root"
+  "root": "CollectionPage275142463__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionPageNew/CollectionPage.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/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage3106655869\";\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\":\"CollectionPage3106655869__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,+BAA+B,EAAC;AAAiC,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/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage275142463\";\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\":\"CollectionPage275142463__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,+BAA+B,EAAC;AAAiC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionSearch.js

@@ -6,13 +6,16 @@ exports.CollectionSearch = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@wix/bex-core/react");
+var _useIsMobile = require("../hooks/useIsMobile");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionSearch.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)(function CollectionSearch({
   onSearchChange,
   onSearchClick,
   onSearchBlur,
+  onExpandChange,
   visibility,
   expandable,
   ...rest
@@ -24,7 +27,23 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
     },
     translate: t
   } = collection;
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Search, (0, _extends2.default)({
+  const isMobile = (0, _useIsMobile.useIsMobile)();
+  const [isSearchExpanded, setIsSearchExpanded] = (0, _react.useState)(!!search.value);
+  const searchInputRef = (0, _react.useRef)(null);
+  const updateExpandedState = (0, _react.useCallback)(isExpanded => {
+    setIsSearchExpanded(isExpanded);
+    onExpandChange == null || onExpandChange(isExpanded);
+  }, [onExpandChange]);
+  const handleCancel = (0, _react.useCallback)(() => {
+    collection.clearSearch();
+    onSearchChange == null || onSearchChange('');
+    if (searchInputRef.current) {
+      searchInputRef.current.blur();
+    }
+    updateExpandedState(false);
+  }, [collection, onSearchChange, updateExpandedState]);
+  const showCancelButton = isMobile && isSearchExpanded;
+  const searchElement = /*#__PURE__*/_react.default.createElement(_designSystem.Search, (0, _extends2.default)({
     dataHook: "collection-search",
     onChange: e => {
       const value = e.target.value;
@@ -33,6 +52,7 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
       });
       onSearchChange == null || onSearchChange(value);
     },
+    ref: searchInputRef,
     value: search.value,
     onClear: () => {
       const value = '';
@@ -40,22 +60,53 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
       onSearchChange == null || onSearchChange(value);
     },
     expandable: expandable,
+    expandDirection: isMobile ? 'left' : undefined,
     placeholder: t('cairo.searchPlaceholder', {
       defaultValue: ''
     }),
-    onInputClicked: () => onSearchClick == null ? void 0 : onSearchClick(),
+    onInputClicked: () => {
+      updateExpandedState(true);
+      onSearchClick == null || onSearchClick();
+    },
     textOverflow: "ellipsis",
     onBlur: e => {
       const value = e.target.value;
+      if (!value) {
+        updateExpandedState(false);
+      }
       onSearchBlur == null || onSearchBlur(value);
     }
   }, rest, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 32,
+      lineNumber: 60,
       columnNumber: 5
     }
   }));
+  if (isMobile && expandable) {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      width: "100%",
+      gap: "SP2",
+      verticalAlign: "middle",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 95,
+        columnNumber: 7
+      }
+    }, searchElement, showCancelButton && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+      dataHook: "collection-search-cancel",
+      onClick: handleCancel,
+      size: "small",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 98,
+        columnNumber: 11
+      }
+    }, t('cairo.cancel.button')));
+  }
+  return searchElement;
 });
 //# sourceMappingURL=CollectionSearch.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_react2","_jsxFileName","CollectionSearch","exports","observer","onSearchChange","onSearchClick","onSearchBlur","visibility","expandable","rest","collection","useCollectionContext","query","search","translate","t","default","createElement","Search","_extends2","dataHook","onChange","e","value","target","clearResult","onClear","clearSearch","placeholder","defaultValue","onInputClicked","textOverflow","onBlur","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../src/components/CollectionSearch.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { Search, SearchProps } from '@wix/design-system';\nimport React, { CSSProperties } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useCollectionContext } from '@wix/bex-core/react';\n\nexport interface CollectionSearchProps extends Partial<SearchProps> {\n  onSearchChange?: (value: string) => unknown;\n  onSearchClick?: () => unknown;\n  onSearchBlur?: (value: string) => unknown;\n  visibility?: CSSProperties['visibility'];\n}\n\nexport const CollectionSearch = observer(function CollectionSearch<\n  T,\n  F extends FiltersMap = FiltersMap,\n>({\n  onSearchChange,\n  onSearchClick,\n  onSearchBlur,\n  visibility,\n  expandable,\n  ...rest\n}: CollectionSearchProps) {\n  const collection = useCollectionContext<T, F>();\n  const {\n    query: { search },\n    translate: t,\n  } = collection;\n\n  return (\n    <Search\n      dataHook=\"collection-search\"\n      onChange={(e) => {\n        const value = e.target.value;\n        collection.search(e.target.value, { clearResult: true });\n        onSearchChange?.(value);\n      }}\n      value={search.value}\n      onClear={() => {\n        const value = '';\n        collection.clearSearch();\n        onSearchChange?.(value);\n      }}\n      expandable={expandable}\n      placeholder={t('cairo.searchPlaceholder', { defaultValue: '' })}\n      onInputClicked={() => onSearchClick?.()}\n      textOverflow=\"ellipsis\"\n      onBlur={(e) => {\n        const value = e.target.value;\n        onSearchBlur?.(value);\n      }}\n      {...rest}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAA2D,IAAAK,YAAA;AASpD,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAAC,SAASF,gBAAgBA,CAGhE;EACAG,cAAc;EACdC,aAAa;EACbC,YAAY;EACZC,UAAU;EACVC,UAAU;EACV,GAAGC;AACkB,CAAC,EAAE;EACxB,MAAMC,UAAU,GAAG,IAAAC,4BAAoB,EAAO,CAAC;EAC/C,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAO,CAAC;IACjBC,SAAS,EAAEC;EACb,CAAC,GAAGL,UAAU;EAEd,oBACEb,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsB,MAAM,MAAAC,SAAA,CAAAH,OAAA;IACLI,QAAQ,EAAC,mBAAmB;IAC5BC,QAAQ,EAAGC,CAAC,IAAK;MACf,MAAMC,KAAK,GAAGD,CAAC,CAACE,MAAM,CAACD,KAAK;MAC5Bb,UAAU,CAACG,MAAM,CAACS,CAAC,CAACE,MAAM,CAACD,KAAK,EAAE;QAAEE,WAAW,EAAE;MAAK,CAAC,CAAC;MACxDrB,cAAc,YAAdA,cAAc,CAAGmB,KAAK,CAAC;IACzB,CAAE;IACFA,KAAK,EAAEV,MAAM,CAACU,KAAM;IACpBG,OAAO,EAAEA,CAAA,KAAM;MACb,MAAMH,KAAK,GAAG,EAAE;MAChBb,UAAU,CAACiB,WAAW,CAAC,CAAC;MACxBvB,cAAc,YAAdA,cAAc,CAAGmB,KAAK,CAAC;IACzB,CAAE;IACFf,UAAU,EAAEA,UAAW;IACvBoB,WAAW,EAAEb,CAAC,CAAC,yBAAyB,EAAE;MAAEc,YAAY,EAAE;IAAG,CAAC,CAAE;IAChEC,cAAc,EAAEA,CAAA,KAAMzB,aAAa,oBAAbA,aAAa,CAAG,CAAE;IACxC0B,YAAY,EAAC,UAAU;IACvBC,MAAM,EAAGV,CAAC,IAAK;MACb,MAAMC,KAAK,GAAGD,CAAC,CAACE,MAAM,CAACD,KAAK;MAC5BjB,YAAY,YAAZA,YAAY,CAAGiB,KAAK,CAAC;IACvB;EAAE,GACEd,IAAI;IAAAwB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireWildcard","_react2","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollectionSearch","exports","observer","onSearchChange","onSearchClick","onSearchBlur","onExpandChange","visibility","expandable","rest","collection","useCollectionContext","query","search","translate","isMobile","useIsMobile","isSearchExpanded","setIsSearchExpanded","useState","value","searchInputRef","useRef","updateExpandedState","useCallback","isExpanded","handleCancel","clearSearch","current","blur","showCancelButton","searchElement","createElement","Search","_extends2","dataHook","onChange","target","clearResult","ref","onClear","expandDirection","undefined","placeholder","defaultValue","onInputClicked","textOverflow","onBlur","__self","__source","fileName","lineNumber","columnNumber","Box","width","gap","verticalAlign","TextButton","onClick","size"],"sources":["../../../src/components/CollectionSearch.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { Box, Search, SearchProps, TextButton } from '@wix/design-system';\nimport React, { CSSProperties, useState, useRef, useCallback } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useCollectionContext } from '@wix/bex-core/react';\nimport { useIsMobile } from '../hooks/useIsMobile';\n\nexport interface CollectionSearchProps extends Partial<SearchProps> {\n  onSearchChange?: (value: string) => unknown;\n  onSearchClick?: () => unknown;\n  onSearchBlur?: (value: string) => unknown;\n  onExpandChange?: (isExpanded: boolean) => unknown;\n  visibility?: CSSProperties['visibility'];\n}\n\nexport const CollectionSearch = observer(function CollectionSearch<\n  T,\n  F extends FiltersMap = FiltersMap,\n>({\n  onSearchChange,\n  onSearchClick,\n  onSearchBlur,\n  onExpandChange,\n  visibility,\n  expandable,\n  ...rest\n}: CollectionSearchProps) {\n  const collection = useCollectionContext<T, F>();\n  const {\n    query: { search },\n    translate: t,\n  } = collection;\n\n  const isMobile = useIsMobile();\n  const [isSearchExpanded, setIsSearchExpanded] = useState(!!search.value);\n  const searchInputRef = useRef<Search>(null);\n\n  const updateExpandedState = useCallback(\n    (isExpanded: boolean) => {\n      setIsSearchExpanded(isExpanded);\n      onExpandChange?.(isExpanded);\n    },\n    [onExpandChange],\n  );\n\n  const handleCancel = useCallback(() => {\n    collection.clearSearch();\n    onSearchChange?.('');\n\n    if (searchInputRef.current) {\n      searchInputRef.current.blur();\n    }\n\n    updateExpandedState(false);\n  }, [collection, onSearchChange, updateExpandedState]);\n\n  const showCancelButton = isMobile && isSearchExpanded;\n\n  const searchElement = (\n    <Search\n      dataHook=\"collection-search\"\n      onChange={(e) => {\n        const value = e.target.value;\n        collection.search(e.target.value, { clearResult: true });\n        onSearchChange?.(value);\n      }}\n      ref={searchInputRef}\n      value={search.value}\n      onClear={() => {\n        const value = '';\n        collection.clearSearch();\n        onSearchChange?.(value);\n      }}\n      expandable={expandable}\n      expandDirection={isMobile ? 'left' : undefined}\n      placeholder={t('cairo.searchPlaceholder', { defaultValue: '' })}\n      onInputClicked={() => {\n        updateExpandedState(true);\n        onSearchClick?.();\n      }}\n      textOverflow=\"ellipsis\"\n      onBlur={(e) => {\n        const value = e.target.value;\n        if (!value) {\n          updateExpandedState(false);\n        }\n        onSearchBlur?.(value);\n      }}\n      {...rest}\n    />\n  );\n\n  if (isMobile && expandable) {\n    return (\n      <Box width=\"100%\" gap=\"SP2\" verticalAlign=\"middle\">\n        {searchElement}\n        {showCancelButton && (\n          <TextButton\n            dataHook=\"collection-search-cancel\"\n            onClick={handleCancel}\n            size=\"small\"\n          >\n            {t('cairo.cancel.button')}\n          </TextButton>\n        )}\n      </Box>\n    );\n  }\n\n  return searchElement;\n});\n"],"mappings":"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","ignoreList":[]}