@wix/patterns 1.337.0 → 1.339.0

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

@@ -37,13 +37,7 @@ function _AppliedFiltersTagList(props) {
           filter,
           filterProps
         } = tag;
-        state._reportFilterToggleBiOnNextResult(filter, values);
-        filter.remove(values, {
-          emitEvents: ['change', 'refresh']
-        });
-        values.forEach(value => {
-          filterProps == null || filterProps.onAppliedFilterTagRemove == null || filterProps.onAppliedFilterTagRemove(value);
-        });
+        state.onTagRemove(filter, values, filterProps == null ? void 0 : filterProps.onAppliedFilterTagRemove);
       }
     },
     size: "small",

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

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

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

@@ -19,11 +19,13 @@ class AppliedFiltersTagListState {
     (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
     (0, _defineProperty2.default)(this, "maxWidth", '408px');
     (0, _defineProperty2.default)(this, "onClearButtonClick", (0, _mobx.action)(() => {
+      var _toolbarFiltersState$;
       const {
         table
       } = this;
       const {
-        collection
+        collection,
+        toolbarFiltersState
       } = table;
       const {
         query: {
@@ -38,6 +40,7 @@ class AppliedFiltersTagListState {
           emitEvents: ['change', 'refresh']
         });
       });
+      toolbarFiltersState == null || (_toolbarFiltersState$ = toolbarFiltersState.moreFiltersButtonRef) == null || (_toolbarFiltersState$ = _toolbarFiltersState$.current) == null || _toolbarFiltersState$.focus();
     }));
     this.table = params.table;
     (0, _mobx.makeObservable)(this, {
@@ -134,6 +137,24 @@ class AppliedFiltersTagListState {
     };
     events.on('fetch', onFetch);
   }
+  onTagRemove(filter, values, onAppliedFilterTagRemove) {
+    const {
+      table,
+      tags
+    } = this;
+    const isLastTag = tags.length === 1;
+    this._reportFilterToggleBiOnNextResult(filter, values);
+    filter.remove(values, {
+      emitEvents: ['change', 'refresh']
+    });
+    values.forEach(value => {
+      onAppliedFilterTagRemove == null || onAppliedFilterTagRemove(value);
+    });
+    if (isLastTag) {
+      var _table$toolbarFilters;
+      (_table$toolbarFilters = table.toolbarFiltersState) == null || (_table$toolbarFilters = _table$toolbarFilters.moreFiltersButtonRef) == null || (_table$toolbarFilters = _table$toolbarFilters.current) == null || _table$toolbarFilters.focus();
+    }
+  }
   generateNonAggregatedTag(filterValuesGroup, filterProps) {
     return filterValuesGroup.map(({
       id,
@@ -160,7 +181,7 @@ class AppliedFiltersTagListState {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 190,
+          lineNumber: 215,
           columnNumber: 9
         }
       }, filterValuesGroup.map(({

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer1127640947\";\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\":\"CardContainer1127640947__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer3079601548\";\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\":\"CardContainer3079601548__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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_ = "Collapse4173233543";
+var _namespace_ = "Collapse224372759";
 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": "Collapse4173233543__root",
-  "exit": "Collapse4173233543__exit"
+  "root": "Collapse224372759__root",
+  "exit": "Collapse224372759__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_ = \"Collapse4173233543\";\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\":\"Collapse4173233543__root\",\"exit\":\"Collapse4173233543__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_ = \"Collapse224372759\";\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\":\"Collapse224372759__root\",\"exit\":\"Collapse224372759__exit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yBAAyB;EAAC,MAAM,EAAC;AAAyB,CAAC;AACjF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage1884614354\";\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\":\"CollectionPage1884614354__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\",\"wds-space-300\":\"--wds-space-300\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage1814068000\";\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\":\"CollectionPage1814068000__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\",\"wds-space-300\":\"--wds-space-300\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

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

package/dist/cjs/components/CollectionTable/CollectionTable.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/CollectionTable/CollectionTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTable830039945\";\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\":\"CollectionTable830039945__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,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/CollectionTable/CollectionTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTable2415796293\";\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\":\"CollectionTable2415796293__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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/CollectionToolbar.js

@@ -15,12 +15,14 @@ var _InitialLoadingConditional = require("../InitialLoadingConditional");
 var _useCollectionToolbarSyncedProps = require("./useCollectionToolbarSyncedProps");
 var _useIsCollectionToolbarExists = require("./useIsCollectionToolbarExists");
 var _CollectionToolbarActionsToolbarItemsGroup = require("./CollectionToolbarActionsToolbarItemsGroup");
-var _CollectionToolbarActionsGroupResponsiveLayout = require("./CollectionToolbarActionsGroupResponsiveLayout");
 var _MoreActions = require("../MoreActions");
 var _CollectionToolbarSkeletonItem = require("./CollectionToolbarSkeletonItem");
 var _useIsMobile = require("../../hooks/useIsMobile");
 var _isValidElement = require("../isValidElement");
 var _CollectionSearch = require("../CollectionSearch");
+var _CollectionToolbarLeftGroup = require("./CollectionToolbarLeftGroup");
+var _CollectionToolbarActionsGroupResponsiveLayout = require("./CollectionToolbarActionsGroupResponsiveLayout");
+var _toolbarModeUtils = require("./toolbarModeUtils");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionToolbar/CollectionToolbar.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _CollectionToolbar(props) {
@@ -66,7 +68,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 104,
+        lineNumber: 106,
         columnNumber: 7
       }
     }));
@@ -79,7 +81,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 115,
+      lineNumber: 117,
       columnNumber: 5
     }
   }) : search;
@@ -89,7 +91,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 126,
+      lineNumber: 128,
       columnNumber: 9
     }
   }, views);
@@ -111,7 +113,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 155,
+        lineNumber: 157,
         columnNumber: 9
       }
     }, featureFilters));
@@ -125,7 +127,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 166,
+        lineNumber: 168,
         columnNumber: 7
       }
     }, tabs);
@@ -150,43 +152,44 @@ function _CollectionToolbar(props) {
   const showCustomColumnsOnTheLeft = analyticsCustomColumnsDiscoverability === 'b' || analyticsCustomColumnsDiscoverability === 'c';
   const immidiatelyInteractWithToolbarsEnabled = (_state$container$inte = state.container.internalExperiments) == null ? void 0 : _state$container$inte.enabled('specs.cairo.ImmidiatelyInteractWithToolbars');
   const CollectionToolbarActionsGroup = isMobile || responsive.responsiveDisabled ? _CollectionToolbarActionsToolbarItemsGroup.CollectionToolbarActionsToolbarItemsGroup : _CollectionToolbarActionsGroupResponsiveLayout.CollectionToolbarActionsGroupResponsiveLayout;
+  const responsiveMode = (0, _toolbarModeUtils.getToolbarMode)({
+    isDisabled: responsive.responsiveDisabled,
+    hasTabs: !!tabs,
+    hasTitle: !!left && !viewsToolbarItem,
+    hasViews: !!viewsToolbarItem
+  });
   const toolbarElement = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
     position: "start",
     className: (0, _CollectionToolbarStCss.st)(_CollectionToolbarStCss.classes.left, {
-      expandable: !!tabs
+      expandable: !!tabs,
+      title: responsiveMode === 'title'
     }),
     dataHook: "collection-table-toolbar-filters",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 218,
+      lineNumber: 227,
       columnNumber: 7
     }
-  }, left ?? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem && /*#__PURE__*/_react.default.createElement(_InitialLoadingConditional.InitialLoadingConditional, {
+  }, /*#__PURE__*/_react.default.createElement(_CollectionToolbarLeftGroup.CollectionToolbarLeftGroup, {
     state: state,
-    loadingElement: /*#__PURE__*/_react.default.createElement(_CollectionToolbarSkeletonItem.CollectionToolbarSkeletonItem, {
-      dataHook: "toolbar-views-skeleton",
-      width: "100px",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 229,
-        columnNumber: 19
-      }
-    }),
+    left: left,
+    viewsToolbarItem: viewsToolbarItem,
+    filtersElement: filtersElement,
+    mode: responsiveMode,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 226,
-      columnNumber: 15
+      lineNumber: 235,
+      columnNumber: 9
     }
-  }, viewsToolbarItem), !viewsToolbarItem ? filtersElement : undefined)), /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
+  })), /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
     position: isMobile ? undefined : 'end',
     className: (0, _CollectionToolbarStCss.st)(_CollectionToolbarStCss.classes.right, {}, ...[rendersStart ? undefined : _CollectionToolbarStCss.classes.fullWidth]),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 243,
+      lineNumber: 244,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(CollectionToolbarActionsGroup, {
@@ -200,31 +203,32 @@ function _CollectionToolbar(props) {
     search: searchElement,
     showCustomColumnsOnTheLeft: showCustomColumnsOnTheLeft,
     left: left,
+    hasTabs: !!tabs,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 251,
+      lineNumber: 252,
       columnNumber: 9
     }
   }), primaryActionButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 265,
+      lineNumber: 267,
       columnNumber: 11
     }
   }, primaryActionButton), moreActions && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 268,
+      lineNumber: 270,
       columnNumber: 11
     }
   }, addDataHookToMoreActions()), secondaryActions && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 271,
+      lineNumber: 273,
       columnNumber: 11
     }
   }, secondaryActions), shouldAddDivider && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -233,7 +237,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 274,
+      lineNumber: 276,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -242,14 +246,14 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 275,
+      lineNumber: 277,
       columnNumber: 13
     }
   })), tableGridSwitchButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 282,
+      lineNumber: 284,
       columnNumber: 11
     }
   }, tableGridSwitchButton)));
@@ -261,7 +265,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 292,
+        lineNumber: 294,
         columnNumber: 9
       }
     }),
@@ -269,7 +273,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 289,
+      lineNumber: 291,
       columnNumber: 5
     }
   }, toolbarElement);
@@ -278,7 +282,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 304,
+      lineNumber: 306,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -287,7 +291,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 305,
+      lineNumber: 307,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -295,20 +299,21 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 306,
+      lineNumber: 308,
       columnNumber: 9
     }
   }, state.isReorderModeToolbarVisible ? dragAndDropReorderModeToolbar : /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar, {
     removeVerticalPadding: true,
     className: (0, _CollectionToolbarStCss.st)(_CollectionToolbarStCss.classes.root, {
       views: !responsive.responsiveDisabled,
-      mobile: isMobile
+      mobile: isMobile,
+      responsiveMode
     }),
     dataHook: "collection-table-toolbar",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 314,
+      lineNumber: 316,
       columnNumber: 13
     }
   }, toolbarWithSkeleton))));