@wix/patterns 1.6.0 → 1.8.0

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/ActionCell/ActionCell.ts"],"sourcesContent":["import {\n  TableActionCellProps,\n  TableActionCellSecondaryAction,\n  TableActionCellSecondaryDivider,\n} from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ActionCellAPI } from '../../state';\n\nexport type SecondaryActionAction = TableActionCellSecondaryAction & {\n  biName?: string;\n  componentId?: string;\n  appId?: string;\n  divider?: false;\n};\n\nexport type SecondaryAction =\n  | SecondaryActionAction\n  | TableActionCellSecondaryDivider;\n\nexport interface ActionCellProps\n  extends Omit<TableActionCellProps, 'primaryAction' | 'secondaryActions'> {\n  /**\n   * Primary call to action for each item in a table. Controls the behavior and appearance of the primary action. <br>\n   * Supported parameters:\n   *  + `disabledMessage`: Message to show when the action is disabled.\n   *  + `text`: Specifies action label.\n   *  + `skin`: Deprecated property that was previously used to control the visual appearance of a button. It has been replaced by the visibility property, which switches skin properties automatically based on visibility options.\n   *  + `onClick`: Defines a callback function which is called on button click.\n   *  + `disabled`: [bool] Whether user interactions are disabled.\n   *  + `prefixIcon`: Icon in front of a button label.\n   *  + `suffixIcon`: Icon after a button label.\n   *  + `as`: Renders button as another component or a DOM tag.\n   *  + `visibility`: Specifies whether the primary action button is visible. When the value is set to `'onHover'`, the button is only visible when the mouse hovers over it, and it appears as a primary button. When the value is set to `'always'`, the button is always visible and appears as a secondary button.\n   * \n   * This prop extends the `primaryAction` prop in Wix Design System's [TableActionCellProp](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--tableactioncell) component.   \n\n   * @external\n   */\n  primaryAction?: TableActionCellProps['primaryAction'] & {\n    biName?: string;\n    disabledMessage?: string;\n  };\n  /**\n   * Secondary CTAs for each item in a table. Controls the behavior and appearance of the secondary actions. <br>\n   * Supported parameters:\n   *  + `deleteSecondaryAction:` A function that adds a \"Delete\" action as a secondary action. \n   *  + `text`: Specifies action label to be shown in the tooltip or popover menu.\n   *  + `icon`: Action icon.\n   *  + `onClick`: Defines a callback function which is called on button click.\n   *  + `subtitle`: Action subtitle. \n   *  + `disabled`: [bool] Whether user interactions are disabled.\n   *  + `dataHook`: A data-hook HTML attribute to be used in the tests.\n   *  + `disabledDescription`: [string] Text to display in tooltip when action is visible and disabled.\n   *  + `tooltipProps`: Controls the tooltip appearance. \n   *  + `skin`: Controls the skin of the item. \n   * \n   * OR Divider object containing\n   *  + `divider`: A divider between the action items in popover menu.\n   * \n   * This prop extends the `primaryAction` prop in Wix Design System's [TableActionCellProp](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--tableactioncell) component.   \n   * @external\n   */\n  secondaryActions?: SecondaryAction[];\n\n  /**\n   * This ID is used to specify the target container for extension menu items.\n   * Read more on [Extensions](./?path=/story/guides--extensions)\n   */\n  containerId?: string;\n}\n\nexport type ActionCell<T, F extends FiltersMap> =\n  | ActionCellProps\n  | ((item: T, index: number, api: ActionCellAPI<T, F>) => ActionCellProps);\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/ActionCell/ActionCell.ts"],"sourcesContent":["import {\n  TableActionCellProps,\n  TableActionCellSecondaryAction,\n  TableActionCellSecondaryDivider,\n} from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ActionCellAPI } from '../../state';\n\nexport type SecondaryActionAction = TableActionCellSecondaryAction & {\n  biName?: string;\n  componentId?: string;\n  appId?: string;\n  divider?: false;\n};\n\nexport type SecondaryAction =\n  | SecondaryActionAction\n  | TableActionCellSecondaryDivider;\n\nexport interface ActionCellProps\n  extends Omit<TableActionCellProps, 'primaryAction' | 'secondaryActions'> {\n  /**\n   * Primary call to action for each item in a table. Controls the behavior and appearance of the primary action. <br>\n   * Supported parameters:\n   *  + `disabledMessage`: Message to show when the action is disabled.\n   *  + `text`: Specifies action label.\n   *  + `skin`: Deprecated property that was previously used to control the visual appearance of a button. It has been replaced by the visibility property, which switches skin properties automatically based on visibility options.\n   *  + `onClick`: Defines a callback function which is called on button click.\n   *  + `disabled`: [bool] Whether user interactions are disabled.\n   *  + `prefixIcon`: Icon in front of a button label.\n   *  + `suffixIcon`: Icon after a button label.\n   *  + `as`: Renders button as another component or a DOM tag.\n   *  + `visibility`: Specifies whether the primary action button is visible. When the value is set to `'onHover'`, the button is only visible when the mouse hovers over it, and it appears as a primary button. When the value is set to `'always'`, the button is always visible and appears as a secondary button.\n   * \n   * This prop extends the `primaryAction` prop in Wix Design System's [TableActionCellProp](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--tableactioncell) component.   \n\n   * @external\n   */\n  primaryAction?: TableActionCellProps['primaryAction'] & {\n    biName?: string;\n    disabledMessage?: string;\n  };\n  /**\n   * Secondary CTAs for each item in a table. Controls the behavior and appearance of the secondary actions. <br>\n   * Supported parameters:\n   *  + `deleteSecondaryAction:` A function that adds a \"Delete\" action as a secondary action.\n   *  + `text`: Specifies action label to be shown in the tooltip or popover menu.\n   *  + `icon`: Action icon.\n   *  + `onClick`: Defines a callback function which is called on button click.\n   *  + `subtitle`: Action subtitle.\n   *  + `disabled`: [bool] Whether user interactions are disabled.\n   *  + `dataHook`: A data-hook HTML attribute to be used in the tests.\n   *  + `disabledDescription`: [string] Text to display in tooltip when action is visible and disabled.\n   *  + `tooltipProps`: Controls the tooltip appearance.\n   *  + `skin`: Controls the skin of the item.\n   *\n   * OR Divider object containing\n   *  + `divider`: A divider between the action items in popover menu.\n   *\n   * This prop extends the `primaryAction` prop in Wix Design System's [TableActionCellProp](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--tableactioncell) component.\n   * @external\n   */\n  secondaryActions?: SecondaryAction[];\n\n  /**\n   * This ID is used to specify the target container for extension menu items.\n   * Read more on [Extensions](./?path=/story/guides--extensions)\n   */\n  containerId?: string;\n}\n\nexport type ActionCell<T, F extends FiltersMap> =\n  | ActionCellProps\n  | ((item: T, index: number, api: ActionCellAPI<T, F>) => ActionCellProps);\n"],"mappings":"","ignoreList":[]}

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

@@ -16,7 +16,6 @@ var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cj
 class AppliedFiltersTagListState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "table", void 0);
-    (0, _defineProperty2.default)(this, "showFilterTagsWithLabelsAndAggregated", void 0);
     (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
     (0, _defineProperty2.default)(this, "maxWidth", '408px');
     (0, _defineProperty2.default)(this, "onClearButtonClick", (0, _mobx.action)(() => {
@@ -41,7 +40,6 @@ class AppliedFiltersTagListState {
       });
     }));
     this.table = params.table;
-    this.showFilterTagsWithLabelsAndAggregated = params.showFilterTagsWithLabelsAndAggregated;
     (0, _mobx.makeObservable)(this, {
       filterValues: _mobx.computed,
       tags: _mobx.computed,
@@ -103,7 +101,7 @@ class AppliedFiltersTagListState {
     const groupedFilters = (0, _groupBy.default)(filterValues, 'filter.name');
     return Object.entries(groupedFilters).flatMap(([_, filterValuesGroup]) => {
       const filterProps = filterPropsMap.get(filterValuesGroup[0].filter);
-      if (filterProps != null && filterProps.renderToolbarTag || !this.showFilterTagsWithLabelsAndAggregated) {
+      if (filterProps != null && filterProps.renderToolbarTag) {
         return this.generateNonAggregatedTag(filterValuesGroup, filterProps);
       }
       return this.generateAggregatedTag(filterValuesGroup, filterProps);
@@ -154,15 +152,14 @@ class AppliedFiltersTagListState {
     });
   }
   generateAggregatedTag(filterValuesGroup, filterProps) {
-    var _filterProps$accordio;
     return {
       children: /*#__PURE__*/_react.default.createElement(_FilterTagContent.FilterTagContent, {
-        filterName: filterProps == null || (_filterProps$accordio = filterProps.accordionItemProps) == null ? void 0 : _filterProps$accordio.label,
+        filterProps: filterProps,
         values: filterValuesGroup,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 194,
+          lineNumber: 188,
           columnNumber: 9
         }
       }),

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","showFilterTagsWithLabelsAndAggregated","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","on","children","itemName","dataHook","maxWidth","_filterProps$accordio","createElement","FilterTagContent","accordionItemProps","label","__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  readonly showFilterTagsWithLabelsAndAggregated?: boolean;\n}\n\nexport class AppliedFiltersTagListState<T, F extends FiltersMap> {\n  readonly table;\n  readonly showFilterTagsWithLabelsAndAggregated;\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    this.showFilterTagsWithLabelsAndAggregated =\n      params.showFilterTagsWithLabelsAndAggregated;\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    return Object.entries(groupedFilters).flatMap(([_, filterValuesGroup]) => {\n      const filterProps = filterPropsMap.get(filterValuesGroup[0].filter);\n\n      if (\n        filterProps?.renderToolbarTag ||\n        !this.showFilterTagsWithLabelsAndAggregated\n      ) {\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          }),\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          filterName={filterProps?.accordionItemProps?.label}\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","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          }),\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":[]}

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

@@ -6,9 +6,11 @@ exports.FilterTagContent = FilterTagContent;
 var _react = _interopRequireDefault(require("react"));
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/AppliedFiltersTagList/FilterTagContent.tsx";
 function FilterTagContent({
-  filterName,
+  filterProps,
   values
 }) {
+  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);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, filterName && /*#__PURE__*/_react.default.createElement("span", {
     style: {
       fontWeight: 530
@@ -16,7 +18,7 @@ function FilterTagContent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 14,
+      lineNumber: 19,
       columnNumber: 9
     }
   }, `${filterName}: `), values.map(({

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_jsxFileName","FilterTagContent","filterName","values","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';\n\nexport function FilterTagContent<V>({\n  filterName,\n  values,\n}: {\n  filterName?: string;\n  values: FilterTagValue<V>[];\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;AAGnB,SAASC,gBAAgBA,CAAI;EAClCC,UAAU;EACVC;AAIF,CAAC,EAAE;EACD,oBACEN,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAAAR,MAAA,CAAAO,OAAA,CAAAE,QAAA,QACGJ,UAAU,iBACTL,MAAA,CAAAO,OAAA,CAAAC,aAAA;IAAME,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAI,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAG,GAAEX,UAAW,IAAU,CAC5D,EACAC,MAAM,CACJW,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","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,GAAG,GAAEb,UAAW,IAAU,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":[]}

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_ = "Collapse2452591045";
+var _namespace_ = "Collapse2858872053";
 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": "Collapse2452591045__root",
-  "exit": "Collapse2452591045__exit"
+  "root": "Collapse2858872053__root",
+  "exit": "Collapse2858872053__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_ = \"Collapse2452591045\";\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\":\"Collapse2452591045__root\",\"exit\":\"Collapse2452591045__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_ = \"Collapse2858872053\";\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\":\"Collapse2858872053__root\",\"exit\":\"Collapse2858872053__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.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.CollectionPage = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _designSystem = require("@wix/design-system");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _useCollectionPageChild = require("../../hooks/useCollectionPageChild");
 var _CollectionPageHeaderNew = require("../CollectionPageHeaderNew");
 var _PageWrapper = require("../PageWrapper");
@@ -15,8 +15,11 @@ var _providers = require("../../providers");
 var _usePageHeaderNew = require("../../hooks/usePageHeaderNew");
 var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionPageNew/CollectionPage.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _CollectionPage({
   children,
+  scrollableContentRef,
   ...rest
 }) {
   const wrappedChildren = (0, _useCollectionPageChild.useCollectionPageChild)(children);
@@ -31,12 +34,13 @@ function _CollectionPage({
     hasHeader: header != null,
     hideHeaderTotal
   });
+  (0, _react.useEffect)(() => collectionPageState.init(), []);
   return /*#__PURE__*/_react.default.createElement(_providers.CollectionPageContextProvider, {
     value: collectionPageState,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 41,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_PageWrapper.PageWrapperBase, {
@@ -44,14 +48,19 @@ function _CollectionPage({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 42,
       columnNumber: 7
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Page, (0, _extends2.default)({}, rest, {
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Page, (0, _extends2.default)({
+    scrollableContentRef: el => {
+      collectionPageState.pageState.scrollableContentRef.current = el;
+      scrollableContentRef == null || scrollableContentRef(el);
+    }
+  }, rest, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 43,
       columnNumber: 9
     }
   }), wrappedChildren)));

package/dist/cjs/components/CollectionPageNew/CollectionPage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_useCollectionPageChild","_CollectionPageHeaderNew","_PageWrapper","_CollectionPageContent","_mobxReactLite","_providers","_usePageHeaderNew","_react2","_jsxFileName","_CollectionPage","children","rest","wrappedChildren","useCollectionPageChild","childrenArr","React","Children","toArray","title","pageTitle","hideTotal","hideHeaderTotal","header","usePageHeader","collectionPageState","useCollectionPageState","hasHeader","default","createElement","CollectionPageContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","PageWrapperBase","pageState","Page","_extends2","Header","CollectionPageHeader","Content","CollectionPageContent","displayName","CollectionPage","exports","observer"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.tsx"],"sourcesContent":["import { PageProps, Page } from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { useCollectionPageChild } from '../../hooks/useCollectionPageChild';\nimport { CollectionPageHeader } from '../CollectionPageHeaderNew';\nimport { PageWrapperBase } from '../PageWrapper';\nimport { CollectionPageContent } from '../CollectionPageContent';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionPageContextProvider } from '../../providers';\nimport { usePageHeader } from '../../hooks/usePageHeaderNew';\nimport { useCollectionPageState } from '@wix/bex-core/react';\n\nexport interface CollectionPageProps extends PageProps {\n  /**\n   * Accepts [CollectionPage.Header](./?path=/story/components-page-collectionpage--collectionpage-header) and [CollectionPage.Content](./?path=/story/components-page-collectionpage--collectionpage-content) elements\n   * @external\n   */\n  children?: ReactNode;\n}\n\nfunction _CollectionPage({ children, ...rest }: CollectionPageProps) {\n  const wrappedChildren = useCollectionPageChild(children);\n  const childrenArr = React.Children.toArray(children);\n  const {\n    title: pageTitle,\n    hideTotal: hideHeaderTotal,\n    header,\n  } = usePageHeader(childrenArr);\n  const collectionPageState = useCollectionPageState({\n    pageTitle,\n    hasHeader: header != null,\n    hideHeaderTotal,\n  });\n\n  return (\n    <CollectionPageContextProvider value={collectionPageState}>\n      <PageWrapperBase pageState={collectionPageState.pageState}>\n        <Page {...rest}>{wrappedChildren}</Page>\n      </PageWrapperBase>\n    </CollectionPageContextProvider>\n  );\n}\n\n_CollectionPage.Header = CollectionPageHeader;\n_CollectionPage.Content = CollectionPageContent;\n\n_CollectionPage.displayName = 'CollectionPage';\n\nexport const CollectionPage = observer(_CollectionPage);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AACA,IAAAI,wBAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,sBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,iBAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AAA6D,IAAAW,YAAA;AAU7D,SAASC,eAAeA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAA0B,CAAC,EAAE;EACnE,MAAMC,eAAe,GAAG,IAAAC,8CAAsB,EAACH,QAAQ,CAAC;EACxD,MAAMI,WAAW,GAAGC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACP,QAAQ,CAAC;EACpD,MAAM;IACJQ,KAAK,EAAEC,SAAS;IAChBC,SAAS,EAAEC,eAAe;IAC1BC;EACF,CAAC,GAAG,IAAAC,+BAAa,EAACT,WAAW,CAAC;EAC9B,MAAMU,mBAAmB,GAAG,IAAAC,8BAAsB,EAAC;IACjDN,SAAS;IACTO,SAAS,EAAEJ,MAAM,IAAI,IAAI;IACzBD;EACF,CAAC,CAAC;EAEF,oBACEvB,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAACvB,UAAA,CAAAwB,6BAA6B;IAACC,KAAK,EAAEN,mBAAoB;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxDrC,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAAC1B,YAAA,CAAAkC,eAAe;IAACC,SAAS,EAAEb,mBAAmB,CAACa,SAAU;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxDrC,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAAChC,aAAA,CAAA0C,IAAI,MAAAC,SAAA,CAAAZ,OAAA,MAAKhB,IAAI;IAAAoB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,IAAGvB,eAAsB,CACxB,CACY,CAAC;AAEpC;AAEAH,eAAe,CAAC+B,MAAM,GAAGC,6CAAoB;AAC7ChC,eAAe,CAACiC,OAAO,GAAGC,4CAAqB;AAE/ClC,eAAe,CAACmC,WAAW,GAAG,gBAAgB;AAEvC,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAACtC,eAAe,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_useCollectionPageChild","_CollectionPageHeaderNew","_PageWrapper","_CollectionPageContent","_mobxReactLite","_providers","_usePageHeaderNew","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionPage","children","scrollableContentRef","rest","wrappedChildren","useCollectionPageChild","childrenArr","React","Children","toArray","title","pageTitle","hideTotal","hideHeaderTotal","header","usePageHeader","collectionPageState","useCollectionPageState","hasHeader","useEffect","init","createElement","CollectionPageContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","PageWrapperBase","pageState","Page","_extends2","el","current","Header","CollectionPageHeader","Content","CollectionPageContent","displayName","CollectionPage","exports","observer"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.tsx"],"sourcesContent":["import { PageProps, Page } from '@wix/design-system';\nimport React, { ReactNode, useEffect } from 'react';\nimport { useCollectionPageChild } from '../../hooks/useCollectionPageChild';\nimport { CollectionPageHeader } from '../CollectionPageHeaderNew';\nimport { PageWrapperBase } from '../PageWrapper';\nimport { CollectionPageContent } from '../CollectionPageContent';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionPageContextProvider } from '../../providers';\nimport { usePageHeader } from '../../hooks/usePageHeaderNew';\nimport { useCollectionPageState } from '@wix/bex-core/react';\n\nexport interface CollectionPageProps extends PageProps {\n  /**\n   * Accepts [CollectionPage.Header](./?path=/story/components-page-collectionpage--collectionpage-header) and [CollectionPage.Content](./?path=/story/components-page-collectionpage--collectionpage-content) elements\n   * @external\n   */\n  children?: ReactNode;\n}\n\nfunction _CollectionPage({\n  children,\n  scrollableContentRef,\n  ...rest\n}: CollectionPageProps) {\n  const wrappedChildren = useCollectionPageChild(children);\n  const childrenArr = React.Children.toArray(children);\n  const {\n    title: pageTitle,\n    hideTotal: hideHeaderTotal,\n    header,\n  } = usePageHeader(childrenArr);\n  const collectionPageState = useCollectionPageState({\n    pageTitle,\n    hasHeader: header != null,\n    hideHeaderTotal,\n  });\n\n  useEffect(() => collectionPageState.init(), []);\n\n  return (\n    <CollectionPageContextProvider value={collectionPageState}>\n      <PageWrapperBase pageState={collectionPageState.pageState}>\n        <Page\n          scrollableContentRef={(el) => {\n            collectionPageState.pageState.scrollableContentRef.current = el;\n            scrollableContentRef?.(el);\n          }}\n          {...rest}\n        >\n          {wrappedChildren}\n        </Page>\n      </PageWrapperBase>\n    </CollectionPageContextProvider>\n  );\n}\n\n_CollectionPage.Header = CollectionPageHeader;\n_CollectionPage.Content = CollectionPageContent;\n\n_CollectionPage.displayName = 'CollectionPage';\n\nexport const CollectionPage = observer(_CollectionPage);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AACA,IAAAI,wBAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,sBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,iBAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AAA6D,IAAAW,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAU7D,SAASW,eAAeA,CAAC;EACvBC,QAAQ;EACRC,oBAAoB;EACpB,GAAGC;AACgB,CAAC,EAAE;EACtB,MAAMC,eAAe,GAAG,IAAAC,8CAAsB,EAACJ,QAAQ,CAAC;EACxD,MAAMK,WAAW,GAAGC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACR,QAAQ,CAAC;EACpD,MAAM;IACJS,KAAK,EAAEC,SAAS;IAChBC,SAAS,EAAEC,eAAe;IAC1BC;EACF,CAAC,GAAG,IAAAC,+BAAa,EAACT,WAAW,CAAC;EAC9B,MAAMU,mBAAmB,GAAG,IAAAC,8BAAsB,EAAC;IACjDN,SAAS;IACTO,SAAS,EAAEJ,MAAM,IAAI,IAAI;IACzBD;EACF,CAAC,CAAC;EAEF,IAAAM,gBAAS,EAAC,MAAMH,mBAAmB,CAACI,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAE/C,oBACEnD,MAAA,CAAAiB,OAAA,CAAAmC,aAAA,CAAC7C,UAAA,CAAA8C,6BAA6B;IAACC,KAAK,EAAEP,mBAAoB;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/C,YAAA;MAAAgD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxD3D,MAAA,CAAAiB,OAAA,CAAAmC,aAAA,CAAChD,YAAA,CAAAwD,eAAe;IAACC,SAAS,EAAEd,mBAAmB,CAACc,SAAU;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/C,YAAA;MAAAgD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxD3D,MAAA,CAAAiB,OAAA,CAAAmC,aAAA,CAACtD,aAAA,CAAAgE,IAAI,MAAAC,SAAA,CAAA9C,OAAA;IACHgB,oBAAoB,EAAG+B,EAAE,IAAK;MAC5BjB,mBAAmB,CAACc,SAAS,CAAC5B,oBAAoB,CAACgC,OAAO,GAAGD,EAAE;MAC/D/B,oBAAoB,YAApBA,oBAAoB,CAAG+B,EAAE,CAAC;IAC5B;EAAE,GACE9B,IAAI;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/C,YAAA;MAAAgD,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEPxB,eACG,CACS,CACY,CAAC;AAEpC;AAEAJ,eAAe,CAACmC,MAAM,GAAGC,6CAAoB;AAC7CpC,eAAe,CAACqC,OAAO,GAAGC,4CAAqB;AAE/CtC,eAAe,CAACuC,WAAW,GAAG,gBAAgB;AAEvC,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAAC1C,eAAe,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CollectionCard","_InitialLoader","_useTableCollectionSyncProps","_CollectionTableWSRTable","_CollectionTableContent","_PageInfiniteScrollLoader","_ActionCell","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_providers","_isValidElement","_jsxFileName","_CollectionTable","props","_state$container$inte","_state$container$inte2","state","tableState","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","dataExtension","tags","views","extraToolbar","bulkActionToolbar","exportButton","exportModal","bulkActionModal","sticky","stickyProp","actionCell","actionCellWidth","actionCellProps","columns","columnsProp","onRowClick","onSortClick","showSelection","showSelectionProp","search","renderError","emptyState","noResultsState","children","onSelectedItems","cardProps","minCardHeight","dataHook","topNotification","tableGridSwitchButton","useShowLoaderWhenEmpty","useNewInfiniteScrollLoader","dragAndDrop","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropCancel","dragAndDropReorderModeToolbar","horizontalScroll","horizontalScrollProp","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","maxSelection","showTitleBar","BodyElementType","isApplyColumnWidthStyle","rowVerticalPadding","rest","dataExtensionType","isValidElement","type","toolbar","container","internalExperiments","enabled","scrollableContentRef","useScrollableContentContext","current","collection","internalScroll","default","createElement","CustomColumns","__self","__source","fileName","lineNumber","columnNumber","useTableCollectionSyncProps","isUsingTableVirtualization","selectedOrderedColumnsOrAll","bulkSelect","query","createWSRColumnBase","useCreateWSRColumnBase","transformedColumns","map","column","index","length","render","id","sortable","infoTooltipProps","width","style","restColumn","columnBase","undefined","sortDescending","sort","getIsSortDescending","keyedItem","rowNum","item","actionCellColumn","useActionCellColumn","stickyActionCell","columnsWithActions","internalOnSortClick","col","sortMode","clearResult","multiple","table","CollectionTableWSRTable","_extends2","selectionToolbar","SingleCollectionBulkActionToolbar","onSelectionChanged","_selectedIds","_change","allSelected","selectedValues","selectionDisabled","row","bulk","isRowCheckboxDisabled","TablePlaceholderStates","result","originQuery","CollectionTableContent","PageInfiniteScrollLoader","scrollMoreAlways","CollectionTableDragAndDropContext","onSubmit","onCancel","onBulkSubmit","tableSkeletonEnabled","CollectionCard","initialLoader","InitialLoader","minHeight","featuredComponents","value","SingleCollectionBulkActionModal","CollectionTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTable.tsx"],"sourcesContent":["import { TableColumn as WSRTableColumn } from '@wix/design-system';\nimport React, { ReactElement } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { CollectionCard } from '../CollectionCard';\nimport { InitialLoader } from '../InitialLoader';\nimport { TableColumn } from '../../model';\nimport { TableState } from '../../state';\nimport { useTableCollectionSyncProps } from './useTableCollectionSyncProps';\nimport type { TableDragAndDropType } from '../TableDragAndDrop';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n} from './CollectionTableWSRTable';\nimport { CollectionTableContent } from './CollectionTableContent';\nimport { PageInfiniteScrollLoader } from '../PageInfiniteScrollLoader';\nimport { useActionCellColumn } from '../ActionCell';\nimport {\n  BulkActionModalRenderProp,\n  BulkActionToolbarRenderProp,\n  SingleCollectionBulkActionModal,\n  SingleCollectionBulkActionToolbar,\n} from '../BulkAction';\nimport { CollectionTableBaseCommonProps } from './CollectionTableBaseCommonProps';\nimport {\n  DataExtensionProps,\n  type DataExtensionElement,\n  type DataExtensionType,\n} from '../DataExtension';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport type { TagsElement } from '../Tags';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { useScrollableContentContext } from '../../providers';\nimport { isValidElement } from '../isValidElement';\n\nexport interface CollectionTableBaseProps<T, F extends FiltersMap>\n  extends CollectionTableWSRTableBaseProps<T, T, F>,\n    CollectionTableBaseCommonProps<T, F> {\n  /**\n   * Table columns. Supported properties:\n   *  + `id`: The column's unique identifier. Required for making the column selectable.\n   *  + `title`: A string or an element to display in the table header for a column.\n   *  + `render`: A callback that is called for each row in the data to display the value of this row for the specified column.\n   *  + `sortableColumns`: [bool] Whether the table items are sortable. <br> This prop accepts a [Sortable Columns](./?path=%2Fstory%2Fcomponents-collection-features--sortable-columns) component. If `sortableColumns` is set to `true`, visitors can click a column header to sort the table items accordingly. \n   * @external\n   */\n  columns: TableColumn<T>[];\n\n  /** \n   * Whether to show a checkbox column for selecting items. \n   * @default false\n   * @external\n   */\n  showSelection?: boolean;\n  /**\n   * A callback method to be called on row click. Signature: `onRowClick(rowData, rowNum)`. To enable hover effect you should set this prop.\n   * @external\n   */\n  onRowClick?: (item: T, index: number) => void;\n  /**\n   * A [`<ExportButton />`](./?path=/story/components-collection-features--exportto) react element to be added to the toolbar\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * This prop accepts a [Drag and Drop](./?path=%2Fstory%2Fcomponents-collection-features--drag-and-drop) component.\n   * @external\n   */\n  dragAndDrop?: TableDragAndDropType;\n\n  /**\n   * Data extension implementation: `import { DataExtension } from '@wix/patterns';`\n   */\n  dataExtension?: DataExtensionType | DataExtensionElement;\n\n  tags?: TagsElement<T>;\n\n  /**\n   * Render a custom toolbar when more than 1 item is selected.<br>\n   * The function accepts the following parameters\n   *   * `selectedValues`: The items that were checked via the selection column\n   *   * `uncheckedValues`: The items that were unchecked via the selection column\n   *   * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n   *   * `openModal`: Opens the modal that contains the component from `bulkActionModal` render prop\n   *   * `clearSelection`: Clears all existing selection, call this after the action on the selected items was done\n   *   * `total`: Total items in the server (taken from [`fetchData`](./?path=/story/common-hooks--usecollection) return value).\n   *   * `openConfirmModal`: Opens a `<MessageModalLayout/>` to confirm an action about to be applied on the selected items.\n   *   * `query`: ComputedQuery<F> - Representation of the current paging, sorting & filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`\n   *\n   * > When passed, enables `showSelection` by default.\n   * @external\n   */\n  bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n  /**\n   * Opens a modal from the [MultiBulkActionToolbar](./?path=%2Fstory%2Fcomponents-collection-features--multibulkactiontoolbar). \n   * Supported parameters:\n   *  + `selectedValues`: Selected item values.\n   *  + `uncheckedValues`: Unselected item values.\n   *  + `isSelectAll`: [bool] Whether the **Select All** option is selected.\n   *  + `closeModal`: Closes the modal.\n   *  + `query`: [object] Instance of [ComputedQuery](./?path=%2Fstory%2Fcommon-models--computedquery) that represents the query that resulted in an empty state. Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`.\n   * @external\n   */\n  bulkActionModal?: BulkActionModalRenderProp<T, F>;\n}\n\nexport interface CollectionTableProps<T, F extends FiltersMap>\n  extends CollectionTableBaseProps<T, F> {\n  state: TableState<T, F>;\n}\n\nfunction _CollectionTable<T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableProps<T, F>,\n) {\n  const {\n    state: tableState,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    dataExtension,\n    tags,\n    views,\n    extraToolbar,\n    bulkActionToolbar,\n    exportButton,\n    exportModal,\n    bulkActionModal,\n    sticky: stickyProp,\n    actionCell,\n    actionCellWidth,\n    actionCellProps,\n    columns: columnsProp,\n    onRowClick,\n    onSortClick,\n    showSelection: showSelectionProp,\n    search,\n    renderError,\n    emptyState,\n    noResultsState,\n    children,\n    onSelectedItems,\n    cardProps,\n    minCardHeight,\n    dataHook,\n    topNotification,\n    tableGridSwitchButton,\n    useShowLoaderWhenEmpty,\n    useNewInfiniteScrollLoader,\n    dragAndDrop,\n    dragAndDropBulkSubmit,\n    dragAndDropSubmit,\n    dragAndDropCancel,\n    dragAndDropReorderModeToolbar,\n    horizontalScroll: horizontalScrollProp,\n    stickyColumns,\n    stickySelectionColumn,\n    hideBulkSelectionCheckbox,\n    maxSelection,\n    showTitleBar = true,\n    BodyElementType,\n    isApplyColumnWidthStyle,\n    rowVerticalPadding,\n    ...rest\n  } = props;\n\n  const dataExtensionType = isValidElement<\n    DataExtensionProps,\n    DataExtensionType\n  >(dataExtension)\n    ? dataExtension.type\n    : dataExtension;\n\n  const state = tableState.toolbar;\n\n  const showSelection = showSelectionProp ?? bulkActionToolbar != null;\n\n  const horizontalScroll =\n    horizontalScrollProp ??\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.HorizontalScrollAsDefault',\n    );\n\n  const { scrollableContentRef } = useScrollableContentContext();\n\n  const sticky = stickyProp ?? scrollableContentRef?.current != null;\n\n  const { collection, internalScroll } = state;\n\n  const customColumns =\n    props.customColumns ||\n    (dataExtensionType && <dataExtensionType.CustomColumns />);\n\n  useTableCollectionSyncProps({\n    ...props,\n    dataExtension,\n    showSelection,\n    customColumns,\n    tags,\n    isUsingTableVirtualization: !!BodyElementType,\n  });\n\n  const { selectedOrderedColumnsOrAll } = state;\n\n  const { bulkSelect, query } = collection;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const transformedColumns: WSRTableColumn<KeyedItem<T>>[] =\n    selectedOrderedColumnsOrAll.map((column, index, { length }) => {\n      const {\n        render,\n        id,\n        sortable,\n        infoTooltipProps,\n        title,\n        width,\n        style,\n        ...restColumn\n      } = column;\n\n      const columnBase = createWSRColumnBase(column, index, length);\n\n      return {\n        ...restColumn,\n        ...columnBase,\n        ...(isApplyColumnWidthStyle ? undefined : { style, width }),\n        sortDescending:\n          sortable && id ? query.sort.getIsSortDescending(id) : undefined,\n        render: (keyedItem: KeyedItem<T>, rowNum: number) =>\n          render(keyedItem.item, rowNum),\n      };\n    });\n\n  const actionCellColumn = useActionCellColumn({\n    actionCellProps: {\n      ...(actionCellProps ?? {}),\n      stickyActionCell: horizontalScroll || actionCellProps?.stickyActionCell,\n    },\n    actionCellWidth,\n    collection,\n    sticky,\n    actionCell,\n  });\n\n  const columnsWithActions: WSRTableColumn<KeyedItem<T>>[] = actionCellColumn\n    ? [...transformedColumns, actionCellColumn]\n    : transformedColumns;\n\n  const internalOnSortClick = (col: TableColumn<F>, index: number) => {\n    onSortClick?.(col, index);\n\n    if (col.id != null) {\n      state.collection.sort(\n        { id: col.id, sortMode: col.sortMode },\n        {\n          clearResult: true,\n          multiple: multiLevelSortingProp !== undefined,\n        },\n      );\n    }\n  };\n\n  let table = (\n    <CollectionTableWSRTable\n      {...props}\n      customColumns={customColumns}\n      rowVerticalPadding={rowVerticalPadding}\n      dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n      selectionToolbar={\n        bulkActionToolbar && (\n          <SingleCollectionBulkActionToolbar\n            state={state}\n            bulkActionToolbar={bulkActionToolbar}\n          />\n        )\n      }\n      horizontalScroll={horizontalScroll}\n      minCardHeight={minCardHeight}\n      sticky={sticky}\n      showTitleBar={showTitleBar}\n      state={tableState}\n      columns={columnsWithActions}\n      onSortClick={internalOnSortClick}\n      showSelection={showSelection}\n      onSelectionChanged={(_selectedIds, _change) => {\n        state.onSelectionChanged(_selectedIds, _change);\n        onSelectedItems?.(bulkSelect.allSelected, bulkSelect.selectedValues);\n        rest.onSelectionChanged?.(_selectedIds, _change);\n      }}\n      selectionDisabled={(row) => state.bulk.isRowCheckboxDisabled(row)}\n      onRowClick={onRowClick && (({ item }, index) => onRowClick(item, index))}\n      isApplyColumnWidthStyle={isApplyColumnWidthStyle}\n    >\n      <TablePlaceholderStates\n        state={tableState}\n        renderError={renderError}\n        rowVerticalPadding={rowVerticalPadding}\n        emptyState={emptyState}\n        noResultsState={noResultsState}\n        topNotification={\n          typeof topNotification === 'function'\n            ? () => topNotification({ query: collection.result.originQuery })\n            : topNotification\n        }\n      />\n\n      <CollectionTableContent state={tableState}>\n        {useNewInfiniteScrollLoader || internalScroll ? (\n          <PageInfiniteScrollLoader\n            dataHook=\"infinite-scroll-loader\"\n            state={collection}\n            scrollMoreAlways\n          />\n        ) : undefined}\n        {children}\n      </CollectionTableContent>\n    </CollectionTableWSRTable>\n  );\n\n  if (dragAndDrop) {\n    const { CollectionTableDragAndDropContext } = dragAndDrop;\n    table = (\n      <CollectionTableDragAndDropContext\n        state={state}\n        onSubmit={dragAndDropSubmit}\n        onCancel={dragAndDropCancel}\n        onBulkSubmit={dragAndDropBulkSubmit}\n      >\n        {table}\n      </CollectionTableDragAndDropContext>\n    );\n  }\n\n  const tableSkeletonEnabled = state.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n\n  return (\n    <CollectionCard\n      renderError={renderError}\n      state={state}\n      initialLoader={\n        !tableSkeletonEnabled && (\n          <InitialLoader\n            dataHook=\"placeholder-states-loading-state\"\n            state={state}\n            minHeight={minCardHeight}\n          />\n        )\n      }\n      dataHook={dataHook}\n      dataExtension={dataExtensionType}\n      tags={tags}\n      {...cardProps}\n    >\n      {exportModal ?? state.featuredComponents.exportModal.value}\n      {bulkActionModal && (\n        <SingleCollectionBulkActionModal\n          state={state}\n          bulkActionModal={bulkActionModal}\n        />\n      )}\n      {table}\n    </CollectionCard>\n  );\n}\n\nexport const CollectionTable = observer(_CollectionTable);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CollectionCard","_InitialLoader","_useTableCollectionSyncProps","_CollectionTableWSRTable","_CollectionTableContent","_PageInfiniteScrollLoader","_ActionCell","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_providers","_isValidElement","_jsxFileName","_CollectionTable","props","_state$container$inte","_state$container$inte2","state","tableState","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","dataExtension","tags","views","extraToolbar","bulkActionToolbar","exportButton","exportModal","bulkActionModal","sticky","stickyProp","actionCell","actionCellWidth","actionCellProps","columns","columnsProp","onRowClick","onSortClick","showSelection","showSelectionProp","search","renderError","emptyState","noResultsState","children","onSelectedItems","cardProps","minCardHeight","dataHook","topNotification","tableGridSwitchButton","useShowLoaderWhenEmpty","useNewInfiniteScrollLoader","dragAndDrop","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropCancel","dragAndDropReorderModeToolbar","horizontalScroll","horizontalScrollProp","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","maxSelection","showTitleBar","BodyElementType","isApplyColumnWidthStyle","rowVerticalPadding","rest","dataExtensionType","isValidElement","type","toolbar","container","internalExperiments","enabled","scrollableContentRef","useScrollableContentContext","current","collection","internalScroll","default","createElement","CustomColumns","__self","__source","fileName","lineNumber","columnNumber","useTableCollectionSyncProps","isUsingTableVirtualization","selectedOrderedColumnsOrAll","bulkSelect","query","createWSRColumnBase","useCreateWSRColumnBase","transformedColumns","map","column","index","length","render","id","sortable","infoTooltipProps","width","style","restColumn","columnBase","undefined","sortDescending","sort","getIsSortDescending","keyedItem","rowNum","item","actionCellColumn","useActionCellColumn","stickyActionCell","columnsWithActions","internalOnSortClick","col","sortMode","clearResult","multiple","table","CollectionTableWSRTable","_extends2","selectionToolbar","SingleCollectionBulkActionToolbar","onSelectionChanged","_selectedIds","_change","allSelected","selectedValues","selectionDisabled","row","bulk","isRowCheckboxDisabled","TablePlaceholderStates","result","originQuery","CollectionTableContent","PageInfiniteScrollLoader","scrollMoreAlways","CollectionTableDragAndDropContext","onSubmit","onCancel","onBulkSubmit","tableSkeletonEnabled","CollectionCard","initialLoader","InitialLoader","minHeight","featuredComponents","value","SingleCollectionBulkActionModal","CollectionTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTable.tsx"],"sourcesContent":["import { TableColumn as WSRTableColumn } from '@wix/design-system';\nimport React, { ReactElement } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { CollectionCard } from '../CollectionCard';\nimport { InitialLoader } from '../InitialLoader';\nimport { TableColumn } from '../../model';\nimport { TableState } from '../../state';\nimport { useTableCollectionSyncProps } from './useTableCollectionSyncProps';\nimport type { TableDragAndDropType } from '../TableDragAndDrop';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n} from './CollectionTableWSRTable';\nimport { CollectionTableContent } from './CollectionTableContent';\nimport { PageInfiniteScrollLoader } from '../PageInfiniteScrollLoader';\nimport { useActionCellColumn } from '../ActionCell';\nimport {\n  BulkActionModalRenderProp,\n  BulkActionToolbarRenderProp,\n  SingleCollectionBulkActionModal,\n  SingleCollectionBulkActionToolbar,\n} from '../BulkAction';\nimport { CollectionTableBaseCommonProps } from './CollectionTableBaseCommonProps';\nimport {\n  DataExtensionProps,\n  type DataExtensionElement,\n  type DataExtensionType,\n} from '../DataExtension';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport type { TagsElement } from '../Tags';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { useScrollableContentContext } from '../../providers';\nimport { isValidElement } from '../isValidElement';\n\nexport interface CollectionTableBaseProps<T, F extends FiltersMap>\n  extends CollectionTableWSRTableBaseProps<T, T, F>,\n    CollectionTableBaseCommonProps<T, F> {\n  /**\n   * Table columns. Supported properties:\n   *  + `id`: The column's unique identifier. Required for making the column selectable.\n   *  + `title`: A string or an element to display in the table header for a column.\n   *  + `render`: A callback that is called for each row in the data to display the value of this row for the specified column.\n   *  + `sortableColumns`: [bool] Whether the table items are sortable. <br> This prop accepts a [Sortable Columns](./?path=%2Fstory%2Fcomponents-collection-features--sortable-columns) component. If `sortableColumns` is set to `true`, visitors can click a column header to sort the table items accordingly.\n   * @external\n   */\n  columns: TableColumn<T>[];\n\n  /**\n   * Whether to show a checkbox column for selecting items.\n   * @default false\n   * @external\n   */\n  showSelection?: boolean;\n  /**\n   * A callback method to be called on row click. Signature: `onRowClick(rowData, rowNum)`. To enable hover effect you should set this prop.\n   * @external\n   */\n  onRowClick?: (item: T, index: number) => void;\n  /**\n   * A [`<ExportButton />`](./?path=/story/components-collection-features--exportto) react element to be added to the toolbar\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * This prop accepts a [Drag and Drop](./?path=%2Fstory%2Fcomponents-collection-features--drag-and-drop) component.\n   * @external\n   */\n  dragAndDrop?: TableDragAndDropType;\n\n  /**\n   * Data extension implementation: `import { DataExtension } from '@wix/patterns';`\n   */\n  dataExtension?: DataExtensionType | DataExtensionElement;\n\n  tags?: TagsElement<T>;\n\n  /**\n   * Render a custom toolbar when more than 1 item is selected.<br>\n   * The function accepts the following parameters\n   *   * `selectedValues`: The items that were checked via the selection column\n   *   * `uncheckedValues`: The items that were unchecked via the selection column\n   *   * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n   *   * `openModal`: Opens the modal that contains the component from `bulkActionModal` render prop\n   *   * `clearSelection`: Clears all existing selection, call this after the action on the selected items was done\n   *   * `total`: Total items in the server (taken from [`fetchData`](./?path=/story/common-hooks--usecollection) return value).\n   *   * `openConfirmModal`: Opens a `<MessageModalLayout/>` to confirm an action about to be applied on the selected items.\n   *   * `query`: ComputedQuery<F> - Representation of the current paging, sorting & filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`\n   *\n   * > When passed, enables `showSelection` by default.\n   * @external\n   */\n  bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n  /**\n   * Opens a modal from the [MultiBulkActionToolbar](./?path=%2Fstory%2Fcomponents-collection-features--multibulkactiontoolbar).\n   * Supported parameters:\n   *  + `selectedValues`: Selected item values.\n   *  + `uncheckedValues`: Unselected item values.\n   *  + `isSelectAll`: [bool] Whether the **Select All** option is selected.\n   *  + `closeModal`: Closes the modal.\n   *  + `query`: [object] Instance of [ComputedQuery](./?path=%2Fstory%2Fcommon-models--computedquery) that represents the query that resulted in an empty state. Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`.\n   * @external\n   */\n  bulkActionModal?: BulkActionModalRenderProp<T, F>;\n}\n\nexport interface CollectionTableProps<T, F extends FiltersMap>\n  extends CollectionTableBaseProps<T, F> {\n  state: TableState<T, F>;\n}\n\nfunction _CollectionTable<T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableProps<T, F>,\n) {\n  const {\n    state: tableState,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    dataExtension,\n    tags,\n    views,\n    extraToolbar,\n    bulkActionToolbar,\n    exportButton,\n    exportModal,\n    bulkActionModal,\n    sticky: stickyProp,\n    actionCell,\n    actionCellWidth,\n    actionCellProps,\n    columns: columnsProp,\n    onRowClick,\n    onSortClick,\n    showSelection: showSelectionProp,\n    search,\n    renderError,\n    emptyState,\n    noResultsState,\n    children,\n    onSelectedItems,\n    cardProps,\n    minCardHeight,\n    dataHook,\n    topNotification,\n    tableGridSwitchButton,\n    useShowLoaderWhenEmpty,\n    useNewInfiniteScrollLoader,\n    dragAndDrop,\n    dragAndDropBulkSubmit,\n    dragAndDropSubmit,\n    dragAndDropCancel,\n    dragAndDropReorderModeToolbar,\n    horizontalScroll: horizontalScrollProp,\n    stickyColumns,\n    stickySelectionColumn,\n    hideBulkSelectionCheckbox,\n    maxSelection,\n    showTitleBar = true,\n    BodyElementType,\n    isApplyColumnWidthStyle,\n    rowVerticalPadding,\n    ...rest\n  } = props;\n\n  const dataExtensionType = isValidElement<\n    DataExtensionProps,\n    DataExtensionType\n  >(dataExtension)\n    ? dataExtension.type\n    : dataExtension;\n\n  const state = tableState.toolbar;\n\n  const showSelection = showSelectionProp ?? bulkActionToolbar != null;\n\n  const horizontalScroll =\n    horizontalScrollProp ??\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.HorizontalScrollAsDefault',\n    );\n\n  const { scrollableContentRef } = useScrollableContentContext();\n\n  const sticky = stickyProp ?? scrollableContentRef?.current != null;\n\n  const { collection, internalScroll } = state;\n\n  const customColumns =\n    props.customColumns ||\n    (dataExtensionType && <dataExtensionType.CustomColumns />);\n\n  useTableCollectionSyncProps({\n    ...props,\n    dataExtension,\n    showSelection,\n    customColumns,\n    tags,\n    isUsingTableVirtualization: !!BodyElementType,\n  });\n\n  const { selectedOrderedColumnsOrAll } = state;\n\n  const { bulkSelect, query } = collection;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const transformedColumns: WSRTableColumn<KeyedItem<T>>[] =\n    selectedOrderedColumnsOrAll.map((column, index, { length }) => {\n      const {\n        render,\n        id,\n        sortable,\n        infoTooltipProps,\n        title,\n        width,\n        style,\n        ...restColumn\n      } = column;\n\n      const columnBase = createWSRColumnBase(column, index, length);\n\n      return {\n        ...restColumn,\n        ...columnBase,\n        ...(isApplyColumnWidthStyle ? undefined : { style, width }),\n        sortDescending:\n          sortable && id ? query.sort.getIsSortDescending(id) : undefined,\n        render: (keyedItem: KeyedItem<T>, rowNum: number) =>\n          render(keyedItem.item, rowNum),\n      };\n    });\n\n  const actionCellColumn = useActionCellColumn({\n    actionCellProps: {\n      ...(actionCellProps ?? {}),\n      stickyActionCell: horizontalScroll || actionCellProps?.stickyActionCell,\n    },\n    actionCellWidth,\n    collection,\n    sticky,\n    actionCell,\n  });\n\n  const columnsWithActions: WSRTableColumn<KeyedItem<T>>[] = actionCellColumn\n    ? [...transformedColumns, actionCellColumn]\n    : transformedColumns;\n\n  const internalOnSortClick = (col: TableColumn<F>, index: number) => {\n    onSortClick?.(col, index);\n\n    if (col.id != null) {\n      state.collection.sort(\n        { id: col.id, sortMode: col.sortMode },\n        {\n          clearResult: true,\n          multiple: multiLevelSortingProp !== undefined,\n        },\n      );\n    }\n  };\n\n  let table = (\n    <CollectionTableWSRTable\n      {...props}\n      customColumns={customColumns}\n      rowVerticalPadding={rowVerticalPadding}\n      dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n      selectionToolbar={\n        bulkActionToolbar && (\n          <SingleCollectionBulkActionToolbar\n            state={state}\n            bulkActionToolbar={bulkActionToolbar}\n          />\n        )\n      }\n      horizontalScroll={horizontalScroll}\n      minCardHeight={minCardHeight}\n      sticky={sticky}\n      showTitleBar={showTitleBar}\n      state={tableState}\n      columns={columnsWithActions}\n      onSortClick={internalOnSortClick}\n      showSelection={showSelection}\n      onSelectionChanged={(_selectedIds, _change) => {\n        state.onSelectionChanged(_selectedIds, _change);\n        onSelectedItems?.(bulkSelect.allSelected, bulkSelect.selectedValues);\n        rest.onSelectionChanged?.(_selectedIds, _change);\n      }}\n      selectionDisabled={(row) => state.bulk.isRowCheckboxDisabled(row)}\n      onRowClick={onRowClick && (({ item }, index) => onRowClick(item, index))}\n      isApplyColumnWidthStyle={isApplyColumnWidthStyle}\n    >\n      <TablePlaceholderStates\n        state={tableState}\n        renderError={renderError}\n        rowVerticalPadding={rowVerticalPadding}\n        emptyState={emptyState}\n        noResultsState={noResultsState}\n        topNotification={\n          typeof topNotification === 'function'\n            ? () => topNotification({ query: collection.result.originQuery })\n            : topNotification\n        }\n      />\n\n      <CollectionTableContent state={tableState}>\n        {useNewInfiniteScrollLoader || internalScroll ? (\n          <PageInfiniteScrollLoader\n            dataHook=\"infinite-scroll-loader\"\n            state={collection}\n            scrollMoreAlways\n          />\n        ) : undefined}\n        {children}\n      </CollectionTableContent>\n    </CollectionTableWSRTable>\n  );\n\n  if (dragAndDrop) {\n    const { CollectionTableDragAndDropContext } = dragAndDrop;\n    table = (\n      <CollectionTableDragAndDropContext\n        state={state}\n        onSubmit={dragAndDropSubmit}\n        onCancel={dragAndDropCancel}\n        onBulkSubmit={dragAndDropBulkSubmit}\n      >\n        {table}\n      </CollectionTableDragAndDropContext>\n    );\n  }\n\n  const tableSkeletonEnabled = state.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n\n  return (\n    <CollectionCard\n      renderError={renderError}\n      state={state}\n      initialLoader={\n        !tableSkeletonEnabled && (\n          <InitialLoader\n            dataHook=\"placeholder-states-loading-state\"\n            state={state}\n            minHeight={minCardHeight}\n          />\n        )\n      }\n      dataHook={dataHook}\n      dataExtension={dataExtensionType}\n      tags={tags}\n      {...cardProps}\n    >\n      {exportModal ?? state.featuredComponents.exportModal.value}\n      {bulkActionModal && (\n        <SingleCollectionBulkActionModal\n          state={state}\n          bulkActionModal={bulkActionModal}\n        />\n      )}\n      {table}\n    </CollectionCard>\n  );\n}\n\nexport const CollectionTable = observer(_CollectionTable);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionTable/CollectionTableBaseCommonProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/CollectionTable/CollectionTableBaseCommonProps.ts"],"sourcesContent":["import { TableColumn as TableColumnWSR } from '@wix/design-system/dist/types/Table';\nimport { ActionCell } from '../ActionCell';\nimport { FiltersMap } from '@wix/bex-core';\n\ninterface ActionCellPropsType<T>\n  extends Partial<Omit<TableColumnWSR<T>, 'render' | 'style'>> {}\n\nexport interface CollectionTableBaseCommonProps<T, F extends FiltersMap> {\n  /**\n   * A table's last column. Use this column to add an action at the end of each row. For example, a delete button to delete an item. Pass an []`ActionCellProps`](./?path=%2Fstory%2Fcomponents-collection-features--actioncellprops) object, or a function that returns an `ActionCellProps` object.\n   * \n   * @external\n   */\n  actionCell?: ActionCell<T, F>;\n  /**\n   * Width of the column containing the `actionCell` component.\n   * \n   * @external\n   */\n  actionCellWidth?: string | number;\n  /**\n   * Extra columns props for the actions cell\n   */\n  actionCellProps?: ActionCellPropsType<T>;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/CollectionTable/CollectionTableBaseCommonProps.ts"],"sourcesContent":["import { TableColumn as TableColumnWSR } from '@wix/design-system/dist/types/Table';\nimport { ActionCell } from '../ActionCell';\nimport { FiltersMap } from '@wix/bex-core';\n\ninterface ActionCellPropsType<T>\n  extends Partial<Omit<TableColumnWSR<T>, 'render' | 'style'>> {}\n\nexport interface CollectionTableBaseCommonProps<T, F extends FiltersMap> {\n  /**\n   * A table's last column. Use this column to add an action at the end of each row. For example, a delete button to delete an item. Pass an []`ActionCellProps`](./?path=%2Fstory%2Fcomponents-collection-features--actioncellprops) object, or a function that returns an `ActionCellProps` object.\n   *\n   * @external\n   */\n  actionCell?: ActionCell<T, F>;\n  /**\n   * Width of the column containing the `actionCell` component.\n   *\n   * @external\n   */\n  actionCellWidth?: string | number;\n  /**\n   * Extra columns props for the actions cell\n   */\n  actionCellProps?: ActionCellPropsType<T>;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_bi","_CollectionContext","_CollectionToolbars","_BorderOnlyBox","_commonStCss","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionTableWSRTable","props","_toolbar$container$in","state","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","views","extraToolbar","summaryBar","selectionToolbar","dragAndDropReorderModeToolbar","showSelection","showSelectionProp","exportButton","tags","sticky","onRowClick","search","children","tableGridSwitchButton","useShowLoaderWhenEmpty","dragAndDrop","showTitleBar","horizontalScroll","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","columns","primaryActionButton","onSelectionChanged","toolbar","tableState","table","keyedItems","bulk","collection","toolbarCollection","initTask","result","hasAvailableItems","showRefreshLoader","showErrorState","showEmptyState","handleRowCLick","useCallback","item","index","reportBi","cairoCtaClicked","ctaName","ctaIndex","Table","WSRTable","tableSkeletonEnabled","container","internalExperiments","enabled","hideTitleBar","showLoadingState","status","isError","showBorderBox","createElement","className","st","classes","fullHeight","column","__self","__source","fileName","lineNumber","columnNumber","_extends2","withWrapper","data","undefined","showHeaderWhenEmpty","rowDataHook","rowData","key","controlled","getStickyColumnsCount","selectedIds","onSelectionStarted","_selectedIds","_change","CollectionToolbars","titleBar","Fragment","BorderOnlyBox","style","display","Titlebar","CollectionProvider","value","Box","width","direction","minHeight","flex","verticalAlign","CollectionTableWSRTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.tsx"],"sourcesContent":["import {\n  Box,\n  Table as WSRTable,\n  TableColumn as WSRTableColumn,\n  TableProps,\n} from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ForwardRefExoticComponent,\n  ReactElement,\n  useCallback,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { cairoCtaClicked } from '@wix/bex-core/bi';\nimport { CollectionProvider } from '../CollectionContext';\nimport { TableState, ToolbarCollectionState } from '../../state';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport { BorderOnlyBox } from '../BorderOnlyBox';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { CollectionTableContentBaseProps } from './CollectionTableContent';\nimport { classes, st } from '../common.st.css.js';\n\nexport interface CollectionTableWSRTableBaseProps<U, T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F>,\n    CollectionTableContentBaseProps,\n    Omit<\n      TableProps<KeyedItem<U>>,\n      | 'columns'\n      | 'data'\n      | 'rowDataHook'\n      | 'onRowClick'\n      | 'onDragEnd'\n      | 'onDragStart'\n      | 'onDragCancel'\n      | 'isDragAndDropDisabled'\n      | 'hideBulkSelectionCheckbox'\n    > {\n  useShowLoaderWhenEmpty?: boolean;\n  useNewInfiniteScrollLoader?: boolean;\n\n  /**\n   * Whether to add a sticky column. <br>\n   * Sticky columns allow you to display specific columns at all times while the visitor scrolls the table horizontally. \n   * @external\n   */\n  stickySelectionColumn?: boolean;\n\n  /**\n   * Limits the amount of rows a visitor can select.\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Hides bulk selection checkbox in the table titlebar, If the [`MultiBulkActionToolbar`](./?path=/story/components-collection-features--multibulkactiontoolbar) feature is enabled, this flag will have no effect.\n   * @external\n   */\n  hideBulkSelectionCheckbox?: boolean;\n\n  BodyElementType?: ComponentType<{ children: ReactElement[] }>;\n\n  TrElementType?: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: any;\n    className: string;\n  }>;\n}\n\nexport interface CollectionTableWSRTableProps<U, T, F extends FiltersMap>\n  extends CollectionTableWSRTableBaseProps<U, T, F> {\n  state: {\n    tableState: TableState<T, F>;\n    toolbar: ToolbarCollectionState<T, F>;\n    keyedItems: KeyedItem<U>[];\n  };\n\n  sticky: boolean;\n\n  columns: WSRTableColumn<KeyedItem<U>>[];\n  onRowClick?: (item: KeyedItem<U>, index: number) => void;\n}\n\nfunction _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableWSRTableProps<U, T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    views,\n    extraToolbar,\n    summaryBar,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    showSelection: showSelectionProp,\n    exportButton,\n    tags,\n    sticky,\n    onRowClick,\n    search,\n    children,\n    tableGridSwitchButton,\n    useShowLoaderWhenEmpty,\n    dragAndDrop,\n    showTitleBar,\n    horizontalScroll,\n    stickyColumns,\n    stickySelectionColumn,\n    hideBulkSelectionCheckbox,\n    columns,\n    primaryActionButton,\n    onSelectionChanged,\n  } = props;\n\n  const { toolbar, tableState: table, keyedItems } = state;\n  const { bulk, collection: toolbarCollection, initTask } = toolbar;\n  const { collection } = table;\n  const {\n    result: { hasAvailableItems },\n  } = toolbarCollection;\n  const { showRefreshLoader, showErrorState, showEmptyState } = collection;\n\n  const handleRowCLick = useCallback(\n    (item: KeyedItem<U>, index: number) => {\n      state.toolbar.reportBi(\n        cairoCtaClicked({ ctaName: 'row_area', ctaIndex: index }),\n      );\n      onRowClick?.(item, index);\n    },\n    [onRowClick],\n  );\n\n  const Table = WSRTable as ComponentType<TableProps<KeyedItem<U>>>;\n\n  const showSelection = showSelectionProp ?? selectionToolbar != null;\n\n  const tableSkeletonEnabled = toolbar.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n\n  const hideTitleBar =\n    !hasAvailableItems || table.showLoadingState || initTask.status.isError;\n\n  const showBorderBox =\n    !(tableSkeletonEnabled && table.showLoadingState) &&\n    (hideTitleBar || !showTitleBar);\n\n  return (\n    <div\n      data-hook=\"collection-table\"\n      className={st(classes.fullHeight, classes.column)}\n    >\n      <Table\n        {...props}\n        withWrapper={false}\n        data={keyedItems}\n        columns={columns}\n        onRowClick={onRowClick ? handleRowCLick : undefined}\n        // this forces WSR <Table/> to render the loader even when `data.length=0`\n        showHeaderWhenEmpty={\n          useShowLoaderWhenEmpty &&\n          !showRefreshLoader &&\n          !showErrorState &&\n          !showEmptyState\n        }\n        hideBulkSelectionCheckbox={\n          selectionToolbar ? false : hideBulkSelectionCheckbox\n        }\n        dragAndDrop={dragAndDrop}\n        rowDataHook={(rowData) => `table-row-${rowData.key}`}\n        controlled\n        horizontalScroll={horizontalScroll}\n        stickyColumns={table.getStickyColumnsCount({\n          horizontalScroll,\n          stickyColumns,\n          showSelection,\n          stickySelectionColumn,\n        })}\n        showSelection={showSelection}\n        selectedIds={bulk.selectedIds}\n        onSelectionStarted={state.toolbar.onSelectionStarted}\n        onSelectionChanged={\n          onSelectionChanged ??\n          ((_selectedIds, _change) => {\n            state.toolbar.onSelectionChanged(_selectedIds, _change);\n          })\n        }\n      >\n        <CollectionToolbars\n          sticky={sticky}\n          state={toolbar}\n          search={search}\n          customColumns={customColumnsProp}\n          multiLevelSorting={multiLevelSortingProp}\n          views={views}\n          title={title}\n          tabs={tabs}\n          filters={filters}\n          selectionToolbar={selectionToolbar}\n          dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n          extraToolbar={extraToolbar}\n          summaryBar={summaryBar}\n          titleBar={\n            <>\n              {showBorderBox && <BorderOnlyBox />}\n              {!hideTitleBar && (\n                <div\n                  data-hook=\"titlebar-a11y-wrapper\"\n                  style={{ display: showTitleBar ? undefined : 'none' }}\n                >\n                  <WSRTable.Titlebar />\n                </div>\n              )}\n            </>\n          }\n          tableGridSwitchButton={tableGridSwitchButton}\n          exportButton={exportButton}\n          tags={tags}\n          primaryActionButton={primaryActionButton}\n        />\n        <CollectionProvider value={collection}>\n          <Box\n            width=\"100%\"\n            direction=\"vertical\"\n            minHeight={0}\n            flex={1}\n            verticalAlign=\"middle\"\n          >\n            {children}\n          </Box>\n        </CollectionProvider>\n      </Table>\n    </div>\n  );\n}\n\nexport const CollectionTableWSRTable = observer(_CollectionTableWSRTable);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_bi","_CollectionContext","_CollectionToolbars","_BorderOnlyBox","_commonStCss","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionTableWSRTable","props","_toolbar$container$in","state","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","views","extraToolbar","summaryBar","selectionToolbar","dragAndDropReorderModeToolbar","showSelection","showSelectionProp","exportButton","tags","sticky","onRowClick","search","children","tableGridSwitchButton","useShowLoaderWhenEmpty","dragAndDrop","showTitleBar","horizontalScroll","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","columns","primaryActionButton","onSelectionChanged","toolbar","tableState","table","keyedItems","bulk","collection","toolbarCollection","initTask","result","hasAvailableItems","showRefreshLoader","showErrorState","showEmptyState","handleRowCLick","useCallback","item","index","reportBi","cairoCtaClicked","ctaName","ctaIndex","Table","WSRTable","tableSkeletonEnabled","container","internalExperiments","enabled","hideTitleBar","showLoadingState","status","isError","showBorderBox","createElement","className","st","classes","fullHeight","column","__self","__source","fileName","lineNumber","columnNumber","_extends2","withWrapper","data","undefined","showHeaderWhenEmpty","rowDataHook","rowData","key","controlled","getStickyColumnsCount","selectedIds","onSelectionStarted","_selectedIds","_change","CollectionToolbars","titleBar","Fragment","BorderOnlyBox","style","display","Titlebar","CollectionProvider","value","Box","width","direction","minHeight","flex","verticalAlign","CollectionTableWSRTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.tsx"],"sourcesContent":["import {\n  Box,\n  Table as WSRTable,\n  TableColumn as WSRTableColumn,\n  TableProps,\n} from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ForwardRefExoticComponent,\n  ReactElement,\n  useCallback,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { cairoCtaClicked } from '@wix/bex-core/bi';\nimport { CollectionProvider } from '../CollectionContext';\nimport { TableState, ToolbarCollectionState } from '../../state';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport { BorderOnlyBox } from '../BorderOnlyBox';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { CollectionTableContentBaseProps } from './CollectionTableContent';\nimport { classes, st } from '../common.st.css.js';\n\nexport interface CollectionTableWSRTableBaseProps<U, T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F>,\n    CollectionTableContentBaseProps,\n    Omit<\n      TableProps<KeyedItem<U>>,\n      | 'columns'\n      | 'data'\n      | 'rowDataHook'\n      | 'onRowClick'\n      | 'onDragEnd'\n      | 'onDragStart'\n      | 'onDragCancel'\n      | 'isDragAndDropDisabled'\n      | 'hideBulkSelectionCheckbox'\n    > {\n  useShowLoaderWhenEmpty?: boolean;\n  useNewInfiniteScrollLoader?: boolean;\n\n  /**\n   * Whether to add a sticky column. <br>\n   * Sticky columns allow you to display specific columns at all times while the visitor scrolls the table horizontally.\n   * @external\n   */\n  stickySelectionColumn?: boolean;\n\n  /**\n   * Limits the amount of rows a visitor can select.\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Hides bulk selection checkbox in the table titlebar, If the [`MultiBulkActionToolbar`](./?path=/story/components-collection-features--multibulkactiontoolbar) feature is enabled, this flag will have no effect.\n   * @external\n   */\n  hideBulkSelectionCheckbox?: boolean;\n\n  BodyElementType?: ComponentType<{ children: ReactElement[] }>;\n\n  TrElementType?: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: any;\n    className: string;\n  }>;\n}\n\nexport interface CollectionTableWSRTableProps<U, T, F extends FiltersMap>\n  extends CollectionTableWSRTableBaseProps<U, T, F> {\n  state: {\n    tableState: TableState<T, F>;\n    toolbar: ToolbarCollectionState<T, F>;\n    keyedItems: KeyedItem<U>[];\n  };\n\n  sticky: boolean;\n\n  columns: WSRTableColumn<KeyedItem<U>>[];\n  onRowClick?: (item: KeyedItem<U>, index: number) => void;\n}\n\nfunction _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableWSRTableProps<U, T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    views,\n    extraToolbar,\n    summaryBar,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    showSelection: showSelectionProp,\n    exportButton,\n    tags,\n    sticky,\n    onRowClick,\n    search,\n    children,\n    tableGridSwitchButton,\n    useShowLoaderWhenEmpty,\n    dragAndDrop,\n    showTitleBar,\n    horizontalScroll,\n    stickyColumns,\n    stickySelectionColumn,\n    hideBulkSelectionCheckbox,\n    columns,\n    primaryActionButton,\n    onSelectionChanged,\n  } = props;\n\n  const { toolbar, tableState: table, keyedItems } = state;\n  const { bulk, collection: toolbarCollection, initTask } = toolbar;\n  const { collection } = table;\n  const {\n    result: { hasAvailableItems },\n  } = toolbarCollection;\n  const { showRefreshLoader, showErrorState, showEmptyState } = collection;\n\n  const handleRowCLick = useCallback(\n    (item: KeyedItem<U>, index: number) => {\n      state.toolbar.reportBi(\n        cairoCtaClicked({ ctaName: 'row_area', ctaIndex: index }),\n      );\n      onRowClick?.(item, index);\n    },\n    [onRowClick],\n  );\n\n  const Table = WSRTable as ComponentType<TableProps<KeyedItem<U>>>;\n\n  const showSelection = showSelectionProp ?? selectionToolbar != null;\n\n  const tableSkeletonEnabled = toolbar.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n\n  const hideTitleBar =\n    !hasAvailableItems || table.showLoadingState || initTask.status.isError;\n\n  const showBorderBox =\n    !(tableSkeletonEnabled && table.showLoadingState) &&\n    (hideTitleBar || !showTitleBar);\n\n  return (\n    <div\n      data-hook=\"collection-table\"\n      className={st(classes.fullHeight, classes.column)}\n    >\n      <Table\n        {...props}\n        withWrapper={false}\n        data={keyedItems}\n        columns={columns}\n        onRowClick={onRowClick ? handleRowCLick : undefined}\n        // this forces WSR <Table/> to render the loader even when `data.length=0`\n        showHeaderWhenEmpty={\n          useShowLoaderWhenEmpty &&\n          !showRefreshLoader &&\n          !showErrorState &&\n          !showEmptyState\n        }\n        hideBulkSelectionCheckbox={\n          selectionToolbar ? false : hideBulkSelectionCheckbox\n        }\n        dragAndDrop={dragAndDrop}\n        rowDataHook={(rowData) => `table-row-${rowData.key}`}\n        controlled\n        horizontalScroll={horizontalScroll}\n        stickyColumns={table.getStickyColumnsCount({\n          horizontalScroll,\n          stickyColumns,\n          showSelection,\n          stickySelectionColumn,\n        })}\n        showSelection={showSelection}\n        selectedIds={bulk.selectedIds}\n        onSelectionStarted={state.toolbar.onSelectionStarted}\n        onSelectionChanged={\n          onSelectionChanged ??\n          ((_selectedIds, _change) => {\n            state.toolbar.onSelectionChanged(_selectedIds, _change);\n          })\n        }\n      >\n        <CollectionToolbars\n          sticky={sticky}\n          state={toolbar}\n          search={search}\n          customColumns={customColumnsProp}\n          multiLevelSorting={multiLevelSortingProp}\n          views={views}\n          title={title}\n          tabs={tabs}\n          filters={filters}\n          selectionToolbar={selectionToolbar}\n          dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n          extraToolbar={extraToolbar}\n          summaryBar={summaryBar}\n          titleBar={\n            <>\n              {showBorderBox && <BorderOnlyBox />}\n              {!hideTitleBar && (\n                <div\n                  data-hook=\"titlebar-a11y-wrapper\"\n                  style={{ display: showTitleBar ? undefined : 'none' }}\n                >\n                  <WSRTable.Titlebar />\n                </div>\n              )}\n            </>\n          }\n          tableGridSwitchButton={tableGridSwitchButton}\n          exportButton={exportButton}\n          tags={tags}\n          primaryActionButton={primaryActionButton}\n        />\n        <CollectionProvider value={collection}>\n          <Box\n            width=\"100%\"\n            direction=\"vertical\"\n            minHeight={0}\n            flex={1}\n            verticalAlign=\"middle\"\n          >\n            {children}\n          </Box>\n        </CollectionProvider>\n      </Table>\n    </div>\n  );\n}\n\nexport const CollectionTableWSRTable = observer(_CollectionTableWSRTable);\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_ = "CollectionToolbar1361548909";
+var _namespace_ = "CollectionToolbar1239085675";
 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": "CollectionToolbar1361548909__root",
-  "left": "CollectionToolbar1361548909__left",
-  "right": "CollectionToolbar1361548909__right",
-  "fullWidth": "CollectionToolbar1361548909__fullWidth"
+  "root": "CollectionToolbar1239085675__root",
+  "left": "CollectionToolbar1239085675__left",
+  "right": "CollectionToolbar1239085675__right",
+  "fullWidth": "CollectionToolbar1239085675__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_ = \"CollectionToolbar1361548909\";\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\":\"CollectionToolbar1361548909__root\",\"left\":\"CollectionToolbar1361548909__left\",\"right\":\"CollectionToolbar1361548909__right\",\"fullWidth\":\"CollectionToolbar1361548909__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_ = \"CollectionToolbar1239085675\";\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\":\"CollectionToolbar1239085675__root\",\"left\":\"CollectionToolbar1239085675__left\",\"right\":\"CollectionToolbar1239085675__right\",\"fullWidth\":\"CollectionToolbar1239085675__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_ = "SearchOrCustomFilter2272884877";
+var _namespace_ = "SearchOrCustomFilter653380988";
 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": "SearchOrCustomFilter2272884877__root",
-  "search": "SearchOrCustomFilter2272884877__search"
+  "root": "SearchOrCustomFilter653380988__root",
+  "search": "SearchOrCustomFilter653380988__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_ = \"SearchOrCustomFilter2272884877\";\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\":\"SearchOrCustomFilter2272884877__root\",\"search\":\"SearchOrCustomFilter2272884877__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_ = \"SearchOrCustomFilter653380988\";\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\":\"SearchOrCustomFilter653380988__root\",\"search\":\"SearchOrCustomFilter653380988__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":[]}