@wix/patterns 1.423.0 → 1.424.0

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

@@ -2,12 +2,15 @@
 
 exports.__esModule = true;
 exports.useTableCollectionSyncProps = useTableCollectionSyncProps;
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _useToolbarCollectionSyncProps = require("../ToolbarCollection/useToolbarCollectionSyncProps");
 var _assertComponentType = require("../assertComponentType");
 var _useColumnsSyncProps = require("../../hooks/useColumnsSyncProps");
 var _isValidElement = require("../isValidElement");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionTable/useTableCollectionSyncProps.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 useTableCollectionSyncProps(props) {
+  var _state$collectionFiel;
   const {
     state: table,
     customColumns,
@@ -19,6 +22,7 @@ function useTableCollectionSyncProps(props) {
     selectionDisabled,
     checkboxTooltipContent,
     dataExtension,
+    fieldsSource,
     isUsingTableVirtualization,
     isUsingExpandCollapse,
     dragAndDropReorderModeToolbar
@@ -38,17 +42,37 @@ function useTableCollectionSyncProps(props) {
     isUsingTableVirtualization,
     isUsingExpandCollapse
   });
-  (0, _useColumnsSyncProps.useColumnsSyncProps)({
-    toolbar: state,
-    customColumns,
-    columns: tableColumns
-  });
+
+  // Attach the field source first, so the custom-columns button it declares is
+  // available to useColumnsSyncProps below.
   (0, _react.useState)(() => {
     if ((0, _isValidElement.isValidElement)(dataExtension)) {
       dataExtension.type.setDataExtensionOnTable(state, dataExtension.props);
     } else {
       dataExtension == null || dataExtension.setDataExtensionOnTable(state);
     }
+    if (fieldsSource) {
+      fieldsSource.setOnTable(state);
+    }
+  });
+
+  // When a source is attached, the table gets a custom-columns button even if the
+  // consumer didn't pass one. The source supplies CustomColumns via its components
+  // bag (DI) so the implementation ships in the source's feature chunk, not the
+  // table chunk.
+  const SourceCustomColumns = (_state$collectionFiel = state.collectionFieldsSource) == null ? void 0 : _state$collectionFiel.components.CustomColumns;
+  const effectiveCustomColumns = customColumns ?? (SourceCustomColumns ? /*#__PURE__*/_react.default.createElement(SourceCustomColumns, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 84,
+      columnNumber: 28
+    }
+  }) : undefined);
+  (0, _useColumnsSyncProps.useColumnsSyncProps)({
+    toolbar: state,
+    customColumns: effectiveCustomColumns,
+    columns: tableColumns
   });
   (0, _react.useEffect)(() => {
     if (!dataExtension) {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_useToolbarCollectionSyncProps","_assertComponentType","_useColumnsSyncProps","_isValidElement","useTableCollectionSyncProps","props","state","table","customColumns","columns","tableColumns","showSelection","actionCell","multiLevelSorting","views","selectionDisabled","checkboxTooltipContent","dataExtension","isUsingTableVirtualization","isUsingExpandCollapse","dragAndDropReorderModeToolbar","assertComponentType","toolbar","useToolbarCollectionSyncProps","isUsingDragAndDrop","dragAndDrop","isUsingBulkActionsToolbar","bulkActionToolbar","isUsingHorizontalScroll","horizontalScroll","isUsingFolders","useColumnsSyncProps","useState","isValidElement","type","setDataExtensionOnTable","useEffect","syncTableCollectionProps","setReorderModeState","_dnd","selectionProps","set","bulk","selectionDisabledProp","checkboxTooltipContentProp"],"sources":["../../../../src/components/CollectionTable/useTableCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useState } from 'react';\nimport { CollectionTableProps } from './CollectionTable';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport { assertComponentType } from '../assertComponentType';\nimport {\n  CheckboxTooltipContentProp,\n  SelectionDisabledProp,\n} from '../../state/BulkActionToolbarState';\nimport { useColumnsSyncProps } from '../../hooks/useColumnsSyncProps';\nimport { DataExtensionProps, DataExtensionType } from '../DataExtension';\nimport { isValidElement } from '../isValidElement';\n\nexport function useTableCollectionSyncProps<T, F extends FiltersMap>(\n  props: CollectionTableProps<T, F> & {\n    isUsingTableVirtualization: boolean;\n    isUsingExpandCollapse?: boolean;\n  },\n) {\n  const {\n    state: table,\n    customColumns,\n    columns: tableColumns,\n    showSelection,\n    actionCell,\n    multiLevelSorting,\n    views,\n    selectionDisabled,\n    checkboxTooltipContent,\n    dataExtension,\n    isUsingTableVirtualization,\n    isUsingExpandCollapse,\n    dragAndDropReorderModeToolbar,\n  } = props;\n\n  assertComponentType(customColumns, 'CustomColumns', 'customColumns');\n  assertComponentType(\n    multiLevelSorting,\n    'MultiLevelSorting',\n    'multiLevelSorting',\n  );\n  assertComponentType(views, 'CollectionViewsDropdown', 'views');\n  assertComponentType(\n    dragAndDropReorderModeToolbar,\n    'ReorderModeToolbar',\n    'dragAndDropReorderModeToolbar',\n  );\n\n  const state = table.toolbar;\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state,\n    isUsingDragAndDrop: !!props.dragAndDrop,\n    isUsingBulkActionsToolbar: !!props.bulkActionToolbar,\n    isUsingHorizontalScroll: props.horizontalScroll ?? false,\n    isUsingFolders: false,\n    isUsingTableVirtualization,\n    isUsingExpandCollapse,\n  });\n\n  useColumnsSyncProps({\n    toolbar: state,\n    customColumns,\n    columns: tableColumns,\n  });\n\n  useState(() => {\n    if (isValidElement<DataExtensionProps, DataExtensionType>(dataExtension)) {\n      dataExtension.type.setDataExtensionOnTable(state, dataExtension.props);\n    } else {\n      dataExtension?.setDataExtensionOnTable(state);\n    }\n  });\n\n  useEffect(() => {\n    if (!dataExtension) {\n      return;\n    }\n    (isValidElement<DataExtensionProps, DataExtensionType>(dataExtension)\n      ? dataExtension.type\n      : dataExtension\n    ).syncTableCollectionProps(state);\n  }, []);\n\n  useEffect(() => {\n    if (!dragAndDropReorderModeToolbar) {\n      return;\n    }\n    dragAndDropReorderModeToolbar?.type.setReorderModeState(state);\n  }, [state._dnd, dragAndDropReorderModeToolbar]);\n\n  useEffect(() => state.selectionProps.set({ showSelection }), [showSelection]);\n  useEffect(() => state.actionCell.set(actionCell), [actionCell]);\n\n  if (selectionDisabled != null) {\n    state.bulk.selectionDisabledProp =\n      selectionDisabled as SelectionDisabledProp;\n  }\n\n  if (checkboxTooltipContent != null) {\n    state.bulk.checkboxTooltipContentProp =\n      checkboxTooltipContent as CheckboxTooltipContentProp;\n  }\n\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useToolbarCollectionSyncProps","_assertComponentType","_useColumnsSyncProps","_isValidElement","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useTableCollectionSyncProps","props","_state$collectionFiel","state","table","customColumns","columns","tableColumns","showSelection","actionCell","multiLevelSorting","views","selectionDisabled","checkboxTooltipContent","dataExtension","fieldsSource","isUsingTableVirtualization","isUsingExpandCollapse","dragAndDropReorderModeToolbar","assertComponentType","toolbar","useToolbarCollectionSyncProps","isUsingDragAndDrop","dragAndDrop","isUsingBulkActionsToolbar","bulkActionToolbar","isUsingHorizontalScroll","horizontalScroll","isUsingFolders","useState","isValidElement","type","setDataExtensionOnTable","setOnTable","SourceCustomColumns","collectionFieldsSource","components","CustomColumns","effectiveCustomColumns","createElement","__self","__source","fileName","lineNumber","columnNumber","undefined","useColumnsSyncProps","useEffect","syncTableCollectionProps","setReorderModeState","_dnd","selectionProps","bulk","selectionDisabledProp","checkboxTooltipContentProp"],"sources":["../../../../src/components/CollectionTable/useTableCollectionSyncProps.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport React, { useEffect, useState } from 'react';\nimport { CollectionTableProps } from './CollectionTable';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport { assertComponentType } from '../assertComponentType';\nimport {\n  CheckboxTooltipContentProp,\n  SelectionDisabledProp,\n} from '../../state/BulkActionToolbarState';\nimport { useColumnsSyncProps } from '../../hooks/useColumnsSyncProps';\nimport { DataExtensionProps, DataExtensionType } from '../DataExtension';\nimport { isValidElement } from '../isValidElement';\n\nexport function useTableCollectionSyncProps<T, F extends FiltersMap>(\n  props: CollectionTableProps<T, F> & {\n    isUsingTableVirtualization: boolean;\n    isUsingExpandCollapse?: boolean;\n  },\n) {\n  const {\n    state: table,\n    customColumns,\n    columns: tableColumns,\n    showSelection,\n    actionCell,\n    multiLevelSorting,\n    views,\n    selectionDisabled,\n    checkboxTooltipContent,\n    dataExtension,\n    fieldsSource,\n    isUsingTableVirtualization,\n    isUsingExpandCollapse,\n    dragAndDropReorderModeToolbar,\n  } = props;\n\n  assertComponentType(customColumns, 'CustomColumns', 'customColumns');\n  assertComponentType(\n    multiLevelSorting,\n    'MultiLevelSorting',\n    'multiLevelSorting',\n  );\n  assertComponentType(views, 'CollectionViewsDropdown', 'views');\n  assertComponentType(\n    dragAndDropReorderModeToolbar,\n    'ReorderModeToolbar',\n    'dragAndDropReorderModeToolbar',\n  );\n\n  const state = table.toolbar;\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state,\n    isUsingDragAndDrop: !!props.dragAndDrop,\n    isUsingBulkActionsToolbar: !!props.bulkActionToolbar,\n    isUsingHorizontalScroll: props.horizontalScroll ?? false,\n    isUsingFolders: false,\n    isUsingTableVirtualization,\n    isUsingExpandCollapse,\n  });\n\n  // Attach the field source first, so the custom-columns button it declares is\n  // available to useColumnsSyncProps below.\n  useState(() => {\n    if (isValidElement<DataExtensionProps, DataExtensionType>(dataExtension)) {\n      dataExtension.type.setDataExtensionOnTable(state, dataExtension.props);\n    } else {\n      dataExtension?.setDataExtensionOnTable(state);\n    }\n    if (fieldsSource) {\n      fieldsSource.setOnTable(state);\n    }\n  });\n\n  // When a source is attached, the table gets a custom-columns button even if the\n  // consumer didn't pass one. The source supplies CustomColumns via its components\n  // bag (DI) so the implementation ships in the source's feature chunk, not the\n  // table chunk.\n  const SourceCustomColumns =\n    state.collectionFieldsSource?.components.CustomColumns;\n  const effectiveCustomColumns =\n    customColumns ??\n    (SourceCustomColumns ? <SourceCustomColumns /> : undefined);\n\n  useColumnsSyncProps({\n    toolbar: state,\n    customColumns: effectiveCustomColumns,\n    columns: tableColumns,\n  });\n\n  useEffect(() => {\n    if (!dataExtension) {\n      return;\n    }\n    (isValidElement<DataExtensionProps, DataExtensionType>(dataExtension)\n      ? dataExtension.type\n      : dataExtension\n    ).syncTableCollectionProps(state);\n  }, []);\n\n  useEffect(() => {\n    if (!dragAndDropReorderModeToolbar) {\n      return;\n    }\n    dragAndDropReorderModeToolbar?.type.setReorderModeState(state);\n  }, [state._dnd, dragAndDropReorderModeToolbar]);\n\n  useEffect(() => state.selectionProps.set({ showSelection }), [showSelection]);\n  useEffect(() => state.actionCell.set(actionCell), [actionCell]);\n\n  if (selectionDisabled != null) {\n    state.bulk.selectionDisabledProp =\n      selectionDisabled as SelectionDisabledProp;\n  }\n\n  if (checkboxTooltipContent != null) {\n    state.bulk.checkboxTooltipContentProp =\n      checkboxTooltipContent as CheckboxTooltipContentProp;\n  }\n\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.js

@@ -26,7 +26,7 @@ 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) {
-  var _state$tagsCollection, _state$collectionData, _state$container$inte, _state$container$expe, _state$container$inte2, _props;
+  var _state$collectionFiel, _state$tagsCollection, _state$collectionFiel2, _state$container$inte, _state$container$expe, _state$container$inte2, _props;
   const {
     state,
     search = true,
@@ -62,6 +62,15 @@ function _CollectionToolbar(props) {
       isPanelLayout
     }
   } = state;
+  const SourceCustomColumns = (_state$collectionFiel = state.collectionFieldsSource) == null ? void 0 : _state$collectionFiel.components.CustomColumns;
+  const effectiveCustomColumns = customColumns ?? (SourceCustomColumns ? /*#__PURE__*/_react.default.createElement(SourceCustomColumns, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 111,
+      columnNumber: 28
+    }
+  }) : undefined);
   const addDataHookToMoreActions = () => {
     return /*#__PURE__*/_react.default.createElement(_MoreActions.MoreActions, (0, _extends2.default)({
       dataHook: "toolbar-more-actions"
@@ -69,7 +78,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 109,
+        lineNumber: 115,
         columnNumber: 7
       }
     }));
@@ -82,7 +91,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 126,
       columnNumber: 5
     }
   }) : search;
@@ -92,13 +101,13 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 137,
       columnNumber: 9
     }
   }, views);
-  const CollectionToolbarFilters = ((_state$tagsCollection = state.tagsCollectionState) == null ? void 0 : _state$tagsCollection.components.CollectionToolbarFilters) || ((_state$collectionData = state.collectionDataExtension) == null ? void 0 : _state$collectionData.components.CollectionToolbarFilters);
+  const ToolbarFilters = ((_state$tagsCollection = state.tagsCollectionState) == null ? void 0 : _state$tagsCollection.components.CollectionToolbarFilters) ?? ((_state$collectionFiel2 = state.collectionFieldsSource) == null ? void 0 : _state$collectionFiel2.components.CollectionToolbarFilters);
   const filtersElement = (0, _react.useMemo)(() => {
-    var _state$collectionData2, _state$tagsCollection2;
+    var _state$collectionFiel3, _state$tagsCollection2;
     if (!state.container.initTask.status.isSuccess) {
       return;
     }
@@ -108,13 +117,13 @@ function _CollectionToolbar(props) {
     if (filtersProp) {
       return filtersProp;
     }
-    const featureFilters = [...(((_state$collectionData2 = state.collectionDataExtension) == null ? void 0 : _state$collectionData2.buildCustomFieldFilters()) || []), (_state$tagsCollection2 = state.tagsCollectionState) == null ? void 0 : _state$tagsCollection2.buildTagsFilterWrapper()].filter(Boolean);
-    return filtersProp ?? (CollectionToolbarFilters && /*#__PURE__*/_react.default.createElement(CollectionToolbarFilters, {
+    const featureFilters = [...(((_state$collectionFiel3 = state.collectionFieldsSource) == null ? void 0 : _state$collectionFiel3.buildFilters()) || []), (_state$tagsCollection2 = state.tagsCollectionState) == null ? void 0 : _state$tagsCollection2.buildTagsFilterWrapper()].filter(Boolean);
+    return filtersProp ?? (ToolbarFilters && /*#__PURE__*/_react.default.createElement(ToolbarFilters, {
       inline: 0,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 160,
+        lineNumber: 166,
         columnNumber: 9
       }
     }, featureFilters));
@@ -128,7 +137,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 171,
+        lineNumber: 175,
         columnNumber: 7
       }
     }, tabs);
@@ -170,7 +179,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 237,
+      lineNumber: 241,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_CollectionToolbarLeftGroup.CollectionToolbarLeftGroup, {
@@ -182,7 +191,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 245,
+      lineNumber: 249,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
@@ -191,7 +200,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 254,
+      lineNumber: 258,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(CollectionToolbarActionsGroup, {
@@ -200,7 +209,7 @@ function _CollectionToolbar(props) {
     filtersElement: filtersElement,
     MoreFiltersButton: MoreFiltersButton,
     multiLevelSorting: multiLevelSorting,
-    customColumns: isMobile || isPanelLayout ? undefined : customColumns,
+    customColumns: isMobile || isPanelLayout ? undefined : effectiveCustomColumns,
     exportButton: exportButton,
     importButton: importButton,
     search: searchElement,
@@ -212,28 +221,28 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 262,
+      lineNumber: 266,
       columnNumber: 9
     }
   }), primaryActionButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 288,
+      lineNumber: 294,
       columnNumber: 11
     }
   }, primaryActionButton), moreActions && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 291,
+      lineNumber: 297,
       columnNumber: 11
     }
   }, addDataHookToMoreActions()), secondaryActions && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 294,
+      lineNumber: 300,
       columnNumber: 11
     }
   }, secondaryActions), shouldAddDivider && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -242,7 +251,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 297,
+      lineNumber: 303,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -251,14 +260,14 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 298,
+      lineNumber: 304,
       columnNumber: 13
     }
   })), !isLayoutToggleRedesignEnabled && tableGridSwitchButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 305,
+      lineNumber: 311,
       columnNumber: 11
     }
   }, tableGridSwitchButton)));
@@ -270,7 +279,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 315,
+        lineNumber: 321,
         columnNumber: 9
       }
     }),
@@ -278,7 +287,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 312,
+      lineNumber: 318,
       columnNumber: 5
     }
   }, toolbarElement);
@@ -287,7 +296,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 327,
+      lineNumber: 333,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -296,7 +305,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 328,
+      lineNumber: 334,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -304,7 +313,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 329,
+      lineNumber: 335,
       columnNumber: 9
     }
   }, state.isReorderModeToolbarVisible ? dragAndDropReorderModeToolbar : /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar, {
@@ -318,7 +327,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 337,
+      lineNumber: 343,
       columnNumber: 13
     }
   }, toolbarWithSkeleton))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_CollectionContext","_assertComponentType","_ToolbarItemBox","_CollectionToolbarStCss","_InitialLoadingConditional","_useCollectionToolbarSyncedProps","_useIsCollectionToolbarExists","_CollectionToolbarActionsToolbarItemsGroup","_MoreActions","_CollectionToolbarSkeletonItem","_useIsMobile","_isValidElement","_CollectionSearch","_CollectionToolbarLeftGroup","_CollectionToolbarActionsGroupResponsiveLayout","_toolbarModeUtils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionToolbar","props","_state$tagsCollection","_state$collectionData","_state$container$inte","_state$container$expe","_state$container$inte2","_props","state","search","title","tabs","customColumns","multiLevelSorting","views","dataHook","filters","filtersProp","tableGridSwitchButton","exportButton","importButton","dragAndDropReorderModeToolbar","primaryActionButton","secondaryActions","moreActions","isMobile","useIsMobile","hasOtherToolbarFeatures","useIsCollectionToolbarExists","excludeSearch","searchIsExpandable","undefined","assertComponentType","collection","featuredComponents","toolbar","responsive","container","isPanelLayout","addDataHookToMoreActions","createElement","MoreActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","searchElement","isValidElement","cloneElement","expandable","CollectionSearch","size","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","ToolbarItemBox","CollectionToolbarFilters","tagsCollectionState","components","collectionDataExtension","filtersElement","useMemo","_state$collectionData2","_state$tagsCollection2","initTask","status","isSuccess","featureFilters","buildCustomFieldFilters","buildTagsFilterWrapper","filter","Boolean","inline","left","removeStartPadding","layout","useCollectionToolbarSyncedProps","rendersStart","setRendersStart","useState","useEffect","_state$toolbarFilters","_state$toolbarFilters2","_state$toolbarFilters3","toolbarFiltersState","totalInlineFilters","toolbarFiltersStateInitialized","isLayoutToggleRedesignEnabled","internalExperiments","enabled","shouldAddDivider","analyticsCustomColumnsDiscoverability","experiments","showCustomColumnsOnTheLeft","immidiatelyInteractWithToolbarsEnabled","CollectionToolbarActionsGroup","responsiveDisabled","CollectionToolbarActionsToolbarItemsGroup","CollectionToolbarActionsGroupResponsiveLayout","responsiveMode","getToolbarMode","isDisabled","hasTabs","hasTitle","hasViews","toolbarElement","Fragment","TableToolbar","ItemGroup","position","className","st","classes","CollectionToolbarLeftGroup","mode","right","fullWidth","viewTypeState","Item","Box","alignSelf","paddingLeft","Divider","direction","toolbarWithSkeleton","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","width","hideLoadingElement","CollectionProvider","minHeight","subtitle","isReorderModeToolbarVisible","removeVerticalPadding","root","mobile","CollectionToolbar","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"sourcesContent":["import React, {\n  cloneElement,\n  FunctionComponent,\n  ReactElement,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Divider, TableToolbar } from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionProvider } from '../CollectionContext';\nimport { ToolbarCollectionState } from '../../state';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport type {\n  CollectionSearchElement,\n  MultiLevelSortingElement,\n} from '../assertComponentType';\nimport { assertComponentType } from '../assertComponentType';\nimport { ToolbarItemBox } from '../ToolbarItemBox';\nimport { classes, st } from './CollectionToolbar.st.css.js';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport {\n  ToolbarBaseProps,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { useCollectionToolbarSyncedProps } from './useCollectionToolbarSyncedProps';\nimport { useIsCollectionToolbarExists } from './useIsCollectionToolbarExists';\nimport { CollectionToolbarActionsToolbarItemsGroup } from './CollectionToolbarActionsToolbarItemsGroup';\nimport { MoreActions } from '../MoreActions';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { isValidElement } from '../isValidElement';\nimport { CollectionSearch } from '../CollectionSearch';\nimport { CollectionToolbarLeftGroup } from './CollectionToolbarLeftGroup';\nimport { CollectionToolbarActionsGroupResponsiveLayout } from './CollectionToolbarActionsGroupResponsiveLayout';\nimport { getToolbarMode } from './toolbarModeUtils';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton/TableGridSwitchButton';\n\nexport interface CollectionToolbarProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  title?: ToolbarCollectionBaseProps<T, F>['title'];\n  tabs?: ToolbarCollectionBaseProps<T, F>['tabs'];\n  customColumns?: ToolbarCollectionBaseProps<T, F>['customColumns'];\n  multiLevelSorting?: MultiLevelSortingElement;\n  views?: ToolbarCollectionBaseProps<T, F>['views'];\n  search?: ToolbarBaseProps['search'];\n  dataHook?: string;\n  filters?: ToolbarCollectionBaseProps<T, F>['filters'];\n  tableGridSwitchButton?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['tableGridSwitchButton'];\n  exportButton?: ToolbarCollectionBaseProps<T, F>['exportButton'];\n  importButton?: ToolbarCollectionBaseProps<T, F>['importButton'];\n  primaryActionButton?: ToolbarCollectionBaseProps<T, F>['primaryActionButton'];\n  dragAndDropReorderModeToolbar?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['dragAndDropReorderModeToolbar'];\n  secondaryActions?: ToolbarCollectionBaseProps<T, F>['secondaryActions'];\n  moreActions?: ToolbarCollectionBaseProps<T, F>['moreActions'];\n}\n\nfunction _CollectionToolbar<T, F extends FiltersMap>(\n  props: CollectionToolbarProps<T, F>,\n) {\n  const {\n    state,\n    search = true,\n    title,\n    tabs,\n    customColumns,\n    multiLevelSorting,\n    views,\n    dataHook,\n    filters: filtersProp,\n    tableGridSwitchButton,\n    exportButton,\n    importButton,\n    dragAndDropReorderModeToolbar,\n    primaryActionButton,\n    secondaryActions,\n    moreActions,\n  } = props;\n\n  const isMobile = useIsMobile();\n\n  const hasOtherToolbarFeatures = useIsCollectionToolbarExists(props, {\n    excludeSearch: true,\n    isMobile,\n  });\n  const searchIsExpandable = isMobile ? hasOtherToolbarFeatures : undefined;\n\n  assertComponentType(\n    primaryActionButton,\n    'PrimaryActionButton',\n    'PrimaryActionButton',\n  );\n  const {\n    collection,\n    featuredComponents,\n    toolbar: { responsive },\n    container: { isPanelLayout },\n  } = state;\n\n  const addDataHookToMoreActions = () => {\n    return (\n      <MoreActions dataHook=\"toolbar-more-actions\" {...moreActions!.props} />\n    );\n  };\n\n  const searchElement = isPanelLayout ? undefined : isValidElement(search) ? (\n    cloneElement(search as CollectionSearchElement, {\n      expandable:\n        searchIsExpandable ??\n        (search as CollectionSearchElement).props.expandable,\n    })\n  ) : search ? (\n    <CollectionSearch size=\"small\" expandable={searchIsExpandable} />\n  ) : (\n    search\n  );\n\n  const MoreFiltersButton = featuredComponents.moreFiltersButton\n    .value as PartialFunctionComponent as FunctionComponent | null;\n\n  const viewsToolbarItem = isPanelLayout\n    ? undefined\n    : views && (\n        <ToolbarItemBox dataHook=\"collection-table-toolbar-views-item\">\n          {views}\n        </ToolbarItemBox>\n      );\n\n  const CollectionToolbarFilters =\n    state.tagsCollectionState?.components.CollectionToolbarFilters ||\n    state.collectionDataExtension?.components.CollectionToolbarFilters;\n\n  const filtersElement = useMemo(() => {\n    if (!state.container.initTask.status.isSuccess) {\n      return;\n    }\n\n    if (isMobile) {\n      return undefined;\n    }\n\n    if (filtersProp) {\n      return filtersProp;\n    }\n    const featureFilters = [\n      ...(state.collectionDataExtension?.buildCustomFieldFilters() || []),\n      state.tagsCollectionState?.buildTagsFilterWrapper(),\n    ].filter(Boolean);\n\n    return (\n      filtersProp ??\n      (CollectionToolbarFilters && (\n        <CollectionToolbarFilters inline={0}>\n          {featureFilters}\n        </CollectionToolbarFilters>\n      ))\n    );\n  }, [filtersProp, isMobile, state.container.initTask.status]);\n\n  let left: ReactElement | undefined;\n\n  if (tabs) {\n    left = (\n      <ToolbarItemBox removeStartPadding expandable layout=\"button\">\n        {tabs}\n      </ToolbarItemBox>\n    );\n  } else if (title && !isMobile) {\n    left = title;\n  }\n\n  useCollectionToolbarSyncedProps({\n    left,\n    filtersElement,\n    viewsToolbarItem,\n    state,\n  });\n\n  /* checking if something is rendered in the .left TableToolbar.ItemGroup (not empty) */\n  const [rendersStart, setRendersStart] = useState<boolean>();\n\n  useEffect(() => {\n    setRendersStart(\n      !!left ||\n        !!viewsToolbarItem ||\n        (state.toolbarFiltersState?.totalInlineFilters.value !== undefined &&\n          state.toolbarFiltersState?.totalInlineFilters.value !== null &&\n          state.toolbarFiltersState?.totalInlineFilters.value > 0),\n    );\n  }, [left, viewsToolbarItem, state.toolbarFiltersStateInitialized]);\n\n  const isLayoutToggleRedesignEnabled =\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.layout-toggle.redesign',\n    );\n\n  const shouldAddDivider =\n    !isLayoutToggleRedesignEnabled &&\n    tableGridSwitchButton &&\n    (searchElement || MoreFiltersButton);\n\n  const analyticsCustomColumnsDiscoverability =\n    state.container.experiments?.get(\n      'specs.analytics.CustomColumnsWithLabelAndNewIcon',\n    );\n\n  const showCustomColumnsOnTheLeft =\n    analyticsCustomColumnsDiscoverability === 'b' ||\n    analyticsCustomColumnsDiscoverability === 'c';\n\n  const immidiatelyInteractWithToolbarsEnabled =\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.ImmidiatelyInteractWithToolbars',\n    );\n\n  const CollectionToolbarActionsGroup =\n    isMobile || responsive.responsiveDisabled\n      ? CollectionToolbarActionsToolbarItemsGroup\n      : CollectionToolbarActionsGroupResponsiveLayout;\n\n  const responsiveMode = getToolbarMode({\n    isDisabled: responsive.responsiveDisabled,\n    hasTabs: !!tabs,\n    hasTitle: !!left && !viewsToolbarItem,\n    hasViews: !!viewsToolbarItem,\n  });\n\n  const toolbarElement = (\n    <>\n      <TableToolbar.ItemGroup\n        position=\"start\"\n        className={st(classes.left, {\n          expandable: !!tabs,\n          title: responsiveMode === 'title',\n        })}\n        dataHook=\"collection-table-toolbar-filters\"\n      >\n        <CollectionToolbarLeftGroup\n          state={state}\n          left={left}\n          viewsToolbarItem={viewsToolbarItem}\n          filtersElement={filtersElement}\n          mode={responsiveMode}\n        />\n      </TableToolbar.ItemGroup>\n\n      <TableToolbar.ItemGroup\n        position={isMobile ? undefined : 'end'}\n        className={st(\n          classes.right,\n          {},\n          ...[rendersStart ? undefined : classes.fullWidth],\n        )}\n      >\n        <CollectionToolbarActionsGroup\n          state={state}\n          viewsToolbarItem={viewsToolbarItem}\n          filtersElement={filtersElement}\n          MoreFiltersButton={MoreFiltersButton}\n          multiLevelSorting={multiLevelSorting}\n          customColumns={isMobile || isPanelLayout ? undefined : customColumns}\n          exportButton={exportButton}\n          importButton={importButton}\n          search={searchElement}\n          showCustomColumnsOnTheLeft={showCustomColumnsOnTheLeft}\n          left={left}\n          hasTabs={!!tabs}\n          tableGridSwitchButton={\n            isLayoutToggleRedesignEnabled ? tableGridSwitchButton : undefined\n          }\n          viewTypeState={\n            isLayoutToggleRedesignEnabled\n              ? (\n                  tableGridSwitchButton as ReactElement<TableGridSwitchButtonProps>\n                )?.props?.state\n              : undefined\n          }\n        />\n\n        {primaryActionButton && (\n          <TableToolbar.Item>{primaryActionButton}</TableToolbar.Item>\n        )}\n        {moreActions && (\n          <TableToolbar.Item>{addDataHookToMoreActions()}</TableToolbar.Item>\n        )}\n        {secondaryActions && (\n          <TableToolbar.Item>{secondaryActions}</TableToolbar.Item>\n        )}\n        {shouldAddDivider && (\n          <Box alignSelf=\"stretch\" paddingLeft=\"SP2\">\n            <Divider\n              direction=\"vertical\"\n              dataHook=\"collection-table--grid-switch--divider\"\n            />\n          </Box>\n        )}\n        {!isLayoutToggleRedesignEnabled && tableGridSwitchButton && (\n          <TableToolbar.Item>{tableGridSwitchButton}</TableToolbar.Item>\n        )}\n      </TableToolbar.ItemGroup>\n    </>\n  );\n\n  const toolbarWithSkeleton = (\n    <InitialLoadingConditional\n      state={state}\n      loadingElement={\n        <CollectionToolbarSkeletonItem\n          dataHook=\"toolbar-skeleton\"\n          width=\"100px\"\n        />\n      }\n      hideLoadingElement={immidiatelyInteractWithToolbarsEnabled}\n    >\n      {toolbarElement}\n    </InitialLoadingConditional>\n  );\n\n  return (\n    <CollectionProvider value={collection}>\n      <Box direction=\"vertical\" dataHook={dataHook}>\n        <Box\n          minHeight={\n            isPanelLayout ? '48px' : title?.props.subtitle ? '78px' : '60px'\n          }\n        >\n          {state.isReorderModeToolbarVisible ? (\n            dragAndDropReorderModeToolbar\n          ) : (\n            <TableToolbar\n              removeVerticalPadding\n              className={st(classes.root, {\n                views: !responsive.responsiveDisabled,\n                mobile: isMobile,\n                responsiveMode,\n              })}\n              dataHook=\"collection-table-toolbar\"\n            >\n              {toolbarWithSkeleton}\n            </TableToolbar>\n          )}\n        </Box>\n      </Box>\n    </CollectionProvider>\n  );\n}\n\nexport const CollectionToolbar = observer(_CollectionToolbar);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_CollectionContext","_assertComponentType","_ToolbarItemBox","_CollectionToolbarStCss","_InitialLoadingConditional","_useCollectionToolbarSyncedProps","_useIsCollectionToolbarExists","_CollectionToolbarActionsToolbarItemsGroup","_MoreActions","_CollectionToolbarSkeletonItem","_useIsMobile","_isValidElement","_CollectionSearch","_CollectionToolbarLeftGroup","_CollectionToolbarActionsGroupResponsiveLayout","_toolbarModeUtils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionToolbar","props","_state$collectionFiel","_state$tagsCollection","_state$collectionFiel2","_state$container$inte","_state$container$expe","_state$container$inte2","_props","state","search","title","tabs","customColumns","multiLevelSorting","views","dataHook","filters","filtersProp","tableGridSwitchButton","exportButton","importButton","dragAndDropReorderModeToolbar","primaryActionButton","secondaryActions","moreActions","isMobile","useIsMobile","hasOtherToolbarFeatures","useIsCollectionToolbarExists","excludeSearch","searchIsExpandable","undefined","assertComponentType","collection","featuredComponents","toolbar","responsive","container","isPanelLayout","SourceCustomColumns","collectionFieldsSource","components","CustomColumns","effectiveCustomColumns","createElement","__self","__source","fileName","lineNumber","columnNumber","addDataHookToMoreActions","MoreActions","_extends2","searchElement","isValidElement","cloneElement","expandable","CollectionSearch","size","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","ToolbarItemBox","ToolbarFilters","tagsCollectionState","CollectionToolbarFilters","filtersElement","useMemo","_state$collectionFiel3","_state$tagsCollection2","initTask","status","isSuccess","featureFilters","buildFilters","buildTagsFilterWrapper","filter","Boolean","inline","left","removeStartPadding","layout","useCollectionToolbarSyncedProps","rendersStart","setRendersStart","useState","useEffect","_state$toolbarFilters","_state$toolbarFilters2","_state$toolbarFilters3","toolbarFiltersState","totalInlineFilters","toolbarFiltersStateInitialized","isLayoutToggleRedesignEnabled","internalExperiments","enabled","shouldAddDivider","analyticsCustomColumnsDiscoverability","experiments","showCustomColumnsOnTheLeft","immidiatelyInteractWithToolbarsEnabled","CollectionToolbarActionsGroup","responsiveDisabled","CollectionToolbarActionsToolbarItemsGroup","CollectionToolbarActionsGroupResponsiveLayout","responsiveMode","getToolbarMode","isDisabled","hasTabs","hasTitle","hasViews","toolbarElement","Fragment","TableToolbar","ItemGroup","position","className","st","classes","CollectionToolbarLeftGroup","mode","right","fullWidth","viewTypeState","Item","Box","alignSelf","paddingLeft","Divider","direction","toolbarWithSkeleton","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","width","hideLoadingElement","CollectionProvider","minHeight","subtitle","isReorderModeToolbarVisible","removeVerticalPadding","root","mobile","CollectionToolbar","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"sourcesContent":["import React, {\n  cloneElement,\n  FunctionComponent,\n  ReactElement,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Divider, TableToolbar } from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionProvider } from '../CollectionContext';\nimport { ToolbarCollectionState } from '../../state';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport type {\n  CollectionSearchElement,\n  MultiLevelSortingElement,\n} from '../assertComponentType';\nimport { assertComponentType } from '../assertComponentType';\nimport { ToolbarItemBox } from '../ToolbarItemBox';\nimport { classes, st } from './CollectionToolbar.st.css.js';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport {\n  ToolbarBaseProps,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { useCollectionToolbarSyncedProps } from './useCollectionToolbarSyncedProps';\nimport { useIsCollectionToolbarExists } from './useIsCollectionToolbarExists';\nimport { CollectionToolbarActionsToolbarItemsGroup } from './CollectionToolbarActionsToolbarItemsGroup';\nimport { MoreActions } from '../MoreActions';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { isValidElement } from '../isValidElement';\nimport { CollectionSearch } from '../CollectionSearch';\nimport { CollectionToolbarLeftGroup } from './CollectionToolbarLeftGroup';\nimport { CollectionToolbarActionsGroupResponsiveLayout } from './CollectionToolbarActionsGroupResponsiveLayout';\nimport { getToolbarMode } from './toolbarModeUtils';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton/TableGridSwitchButton';\n\nexport interface CollectionToolbarProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  title?: ToolbarCollectionBaseProps<T, F>['title'];\n  tabs?: ToolbarCollectionBaseProps<T, F>['tabs'];\n  customColumns?: ToolbarCollectionBaseProps<T, F>['customColumns'];\n  multiLevelSorting?: MultiLevelSortingElement;\n  views?: ToolbarCollectionBaseProps<T, F>['views'];\n  search?: ToolbarBaseProps['search'];\n  dataHook?: string;\n  filters?: ToolbarCollectionBaseProps<T, F>['filters'];\n  tableGridSwitchButton?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['tableGridSwitchButton'];\n  exportButton?: ToolbarCollectionBaseProps<T, F>['exportButton'];\n  importButton?: ToolbarCollectionBaseProps<T, F>['importButton'];\n  primaryActionButton?: ToolbarCollectionBaseProps<T, F>['primaryActionButton'];\n  dragAndDropReorderModeToolbar?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['dragAndDropReorderModeToolbar'];\n  secondaryActions?: ToolbarCollectionBaseProps<T, F>['secondaryActions'];\n  moreActions?: ToolbarCollectionBaseProps<T, F>['moreActions'];\n}\n\nfunction _CollectionToolbar<T, F extends FiltersMap>(\n  props: CollectionToolbarProps<T, F>,\n) {\n  const {\n    state,\n    search = true,\n    title,\n    tabs,\n    customColumns,\n    multiLevelSorting,\n    views,\n    dataHook,\n    filters: filtersProp,\n    tableGridSwitchButton,\n    exportButton,\n    importButton,\n    dragAndDropReorderModeToolbar,\n    primaryActionButton,\n    secondaryActions,\n    moreActions,\n  } = props;\n\n  const isMobile = useIsMobile();\n\n  const hasOtherToolbarFeatures = useIsCollectionToolbarExists(props, {\n    excludeSearch: true,\n    isMobile,\n  });\n  const searchIsExpandable = isMobile ? hasOtherToolbarFeatures : undefined;\n\n  assertComponentType(\n    primaryActionButton,\n    'PrimaryActionButton',\n    'PrimaryActionButton',\n  );\n  const {\n    collection,\n    featuredComponents,\n    toolbar: { responsive },\n    container: { isPanelLayout },\n  } = state;\n\n  const SourceCustomColumns =\n    state.collectionFieldsSource?.components.CustomColumns;\n  const effectiveCustomColumns =\n    customColumns ??\n    (SourceCustomColumns ? <SourceCustomColumns /> : undefined);\n\n  const addDataHookToMoreActions = () => {\n    return (\n      <MoreActions dataHook=\"toolbar-more-actions\" {...moreActions!.props} />\n    );\n  };\n\n  const searchElement = isPanelLayout ? undefined : isValidElement(search) ? (\n    cloneElement(search as CollectionSearchElement, {\n      expandable:\n        searchIsExpandable ??\n        (search as CollectionSearchElement).props.expandable,\n    })\n  ) : search ? (\n    <CollectionSearch size=\"small\" expandable={searchIsExpandable} />\n  ) : (\n    search\n  );\n\n  const MoreFiltersButton = featuredComponents.moreFiltersButton\n    .value as PartialFunctionComponent as FunctionComponent | null;\n\n  const viewsToolbarItem = isPanelLayout\n    ? undefined\n    : views && (\n        <ToolbarItemBox dataHook=\"collection-table-toolbar-views-item\">\n          {views}\n        </ToolbarItemBox>\n      );\n\n  const ToolbarFilters =\n    state.tagsCollectionState?.components.CollectionToolbarFilters ??\n    state.collectionFieldsSource?.components.CollectionToolbarFilters;\n\n  const filtersElement = useMemo(() => {\n    if (!state.container.initTask.status.isSuccess) {\n      return;\n    }\n\n    if (isMobile) {\n      return undefined;\n    }\n\n    if (filtersProp) {\n      return filtersProp;\n    }\n    const featureFilters = [\n      ...(state.collectionFieldsSource?.buildFilters() || []),\n      state.tagsCollectionState?.buildTagsFilterWrapper(),\n    ].filter(Boolean);\n\n    return (\n      filtersProp ??\n      (ToolbarFilters && (\n        <ToolbarFilters inline={0}>{featureFilters}</ToolbarFilters>\n      ))\n    );\n  }, [filtersProp, isMobile, state.container.initTask.status]);\n\n  let left: ReactElement | undefined;\n\n  if (tabs) {\n    left = (\n      <ToolbarItemBox removeStartPadding expandable layout=\"button\">\n        {tabs}\n      </ToolbarItemBox>\n    );\n  } else if (title && !isMobile) {\n    left = title;\n  }\n\n  useCollectionToolbarSyncedProps({\n    left,\n    filtersElement,\n    viewsToolbarItem,\n    state,\n  });\n\n  /* checking if something is rendered in the .left TableToolbar.ItemGroup (not empty) */\n  const [rendersStart, setRendersStart] = useState<boolean>();\n\n  useEffect(() => {\n    setRendersStart(\n      !!left ||\n        !!viewsToolbarItem ||\n        (state.toolbarFiltersState?.totalInlineFilters.value !== undefined &&\n          state.toolbarFiltersState?.totalInlineFilters.value !== null &&\n          state.toolbarFiltersState?.totalInlineFilters.value > 0),\n    );\n  }, [left, viewsToolbarItem, state.toolbarFiltersStateInitialized]);\n\n  const isLayoutToggleRedesignEnabled =\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.layout-toggle.redesign',\n    );\n\n  const shouldAddDivider =\n    !isLayoutToggleRedesignEnabled &&\n    tableGridSwitchButton &&\n    (searchElement || MoreFiltersButton);\n\n  const analyticsCustomColumnsDiscoverability =\n    state.container.experiments?.get(\n      'specs.analytics.CustomColumnsWithLabelAndNewIcon',\n    );\n\n  const showCustomColumnsOnTheLeft =\n    analyticsCustomColumnsDiscoverability === 'b' ||\n    analyticsCustomColumnsDiscoverability === 'c';\n\n  const immidiatelyInteractWithToolbarsEnabled =\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.ImmidiatelyInteractWithToolbars',\n    );\n\n  const CollectionToolbarActionsGroup =\n    isMobile || responsive.responsiveDisabled\n      ? CollectionToolbarActionsToolbarItemsGroup\n      : CollectionToolbarActionsGroupResponsiveLayout;\n\n  const responsiveMode = getToolbarMode({\n    isDisabled: responsive.responsiveDisabled,\n    hasTabs: !!tabs,\n    hasTitle: !!left && !viewsToolbarItem,\n    hasViews: !!viewsToolbarItem,\n  });\n\n  const toolbarElement = (\n    <>\n      <TableToolbar.ItemGroup\n        position=\"start\"\n        className={st(classes.left, {\n          expandable: !!tabs,\n          title: responsiveMode === 'title',\n        })}\n        dataHook=\"collection-table-toolbar-filters\"\n      >\n        <CollectionToolbarLeftGroup\n          state={state}\n          left={left}\n          viewsToolbarItem={viewsToolbarItem}\n          filtersElement={filtersElement}\n          mode={responsiveMode}\n        />\n      </TableToolbar.ItemGroup>\n\n      <TableToolbar.ItemGroup\n        position={isMobile ? undefined : 'end'}\n        className={st(\n          classes.right,\n          {},\n          ...[rendersStart ? undefined : classes.fullWidth],\n        )}\n      >\n        <CollectionToolbarActionsGroup\n          state={state}\n          viewsToolbarItem={viewsToolbarItem}\n          filtersElement={filtersElement}\n          MoreFiltersButton={MoreFiltersButton}\n          multiLevelSorting={multiLevelSorting}\n          customColumns={\n            isMobile || isPanelLayout ? undefined : effectiveCustomColumns\n          }\n          exportButton={exportButton}\n          importButton={importButton}\n          search={searchElement}\n          showCustomColumnsOnTheLeft={showCustomColumnsOnTheLeft}\n          left={left}\n          hasTabs={!!tabs}\n          tableGridSwitchButton={\n            isLayoutToggleRedesignEnabled ? tableGridSwitchButton : undefined\n          }\n          viewTypeState={\n            isLayoutToggleRedesignEnabled\n              ? (\n                  tableGridSwitchButton as ReactElement<TableGridSwitchButtonProps>\n                )?.props?.state\n              : undefined\n          }\n        />\n\n        {primaryActionButton && (\n          <TableToolbar.Item>{primaryActionButton}</TableToolbar.Item>\n        )}\n        {moreActions && (\n          <TableToolbar.Item>{addDataHookToMoreActions()}</TableToolbar.Item>\n        )}\n        {secondaryActions && (\n          <TableToolbar.Item>{secondaryActions}</TableToolbar.Item>\n        )}\n        {shouldAddDivider && (\n          <Box alignSelf=\"stretch\" paddingLeft=\"SP2\">\n            <Divider\n              direction=\"vertical\"\n              dataHook=\"collection-table--grid-switch--divider\"\n            />\n          </Box>\n        )}\n        {!isLayoutToggleRedesignEnabled && tableGridSwitchButton && (\n          <TableToolbar.Item>{tableGridSwitchButton}</TableToolbar.Item>\n        )}\n      </TableToolbar.ItemGroup>\n    </>\n  );\n\n  const toolbarWithSkeleton = (\n    <InitialLoadingConditional\n      state={state}\n      loadingElement={\n        <CollectionToolbarSkeletonItem\n          dataHook=\"toolbar-skeleton\"\n          width=\"100px\"\n        />\n      }\n      hideLoadingElement={immidiatelyInteractWithToolbarsEnabled}\n    >\n      {toolbarElement}\n    </InitialLoadingConditional>\n  );\n\n  return (\n    <CollectionProvider value={collection}>\n      <Box direction=\"vertical\" dataHook={dataHook}>\n        <Box\n          minHeight={\n            isPanelLayout ? '48px' : title?.props.subtitle ? '78px' : '60px'\n          }\n        >\n          {state.isReorderModeToolbarVisible ? (\n            dragAndDropReorderModeToolbar\n          ) : (\n            <TableToolbar\n              removeVerticalPadding\n              className={st(classes.root, {\n                views: !responsive.responsiveDisabled,\n                mobile: isMobile,\n                responsiveMode,\n              })}\n              dataHook=\"collection-table-toolbar\"\n            >\n              {toolbarWithSkeleton}\n            </TableToolbar>\n          )}\n        </Box>\n      </Box>\n    </CollectionProvider>\n  );\n}\n\nexport const CollectionToolbar = observer(_CollectionToolbar);\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_ = "CollectionToolbar2054934925";
+var _namespace_ = "CollectionToolbar3931104184";
 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": "CollectionToolbar2054934925__root",
-  "left": "CollectionToolbar2054934925__left",
-  "right": "CollectionToolbar2054934925__right",
-  "fullWidth": "CollectionToolbar2054934925__fullWidth"
+  "root": "CollectionToolbar3931104184__root",
+  "left": "CollectionToolbar3931104184__left",
+  "right": "CollectionToolbar3931104184__right",
+  "fullWidth": "CollectionToolbar3931104184__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_ = \"CollectionToolbar2054934925\";\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\":\"CollectionToolbar2054934925__root\",\"left\":\"CollectionToolbar2054934925__left\",\"right\":\"CollectionToolbar2054934925__right\",\"fullWidth\":\"CollectionToolbar2054934925__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_ = \"CollectionToolbar3931104184\";\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\":\"CollectionToolbar3931104184__root\",\"left\":\"CollectionToolbar3931104184__left\",\"right\":\"CollectionToolbar3931104184__right\",\"fullWidth\":\"CollectionToolbar3931104184__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,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SearchOrCustomFilter2461435889";
+var _namespace_ = "SearchOrCustomFilter96467332";
 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": "SearchOrCustomFilter2461435889__root",
-  "search": "SearchOrCustomFilter2461435889__search",
-  "searchMobile": "SearchOrCustomFilter2461435889__searchMobile"
+  "root": "SearchOrCustomFilter96467332__root",
+  "search": "SearchOrCustomFilter96467332__search",
+  "searchMobile": "SearchOrCustomFilter96467332__searchMobile"
 };
 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_ = \"SearchOrCustomFilter2461435889\";\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\":\"SearchOrCustomFilter2461435889__root\",\"search\":\"SearchOrCustomFilter2461435889__search\",\"searchMobile\":\"SearchOrCustomFilter2461435889__searchMobile\"};\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,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,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_ = \"SearchOrCustomFilter96467332\";\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\":\"SearchOrCustomFilter96467332__root\",\"search\":\"SearchOrCustomFilter96467332__search\",\"searchMobile\":\"SearchOrCustomFilter96467332__searchMobile\"};\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,8BAA8B;AAChD,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,oCAAoC;EAAC,QAAQ,EAAC,sCAAsC;EAAC,cAAc,EAAC;AAA4C,CAAC;AACvK,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/useIsCollectionToolbarExists.js

@@ -6,7 +6,7 @@ const useIsCollectionToolbarExists = (props, {
   excludeSearch = false,
   isMobile
 } = {}) => {
-  var _state$collectionData, _state$tagsCollection;
+  var _state$collectionFiel, _state$tagsCollection;
   const {
     title,
     tabs,
@@ -23,14 +23,14 @@ const useIsCollectionToolbarExists = (props, {
     moreActions,
     state
   } = props;
-  const hasExplicitFeatures = !!(!isMobile && title || tabs || views || customColumns || multiLevelSorting || exportButton || importButton || primaryActionButton || secondaryActions || moreActions || tableGridSwitchButton || filters);
+  const hasExplicitFeatures = !!(!isMobile && title || tabs || views || customColumns || state.collectionFieldsSource || multiLevelSorting || exportButton || importButton || primaryActionButton || secondaryActions || moreActions || tableGridSwitchButton || filters);
   if (hasExplicitFeatures) {
     return true;
   }
   if (!excludeSearch && search !== false) {
     return true;
   }
-  const hasDynamicFilters = (((_state$collectionData = state.collectionDataExtension) == null ? void 0 : _state$collectionData.buildCustomFieldFilters()) || []).length > 0 || !!((_state$tagsCollection = state.tagsCollectionState) != null && _state$tagsCollection.buildTagsFilterWrapper());
+  const hasDynamicFilters = (((_state$collectionFiel = state.collectionFieldsSource) == null ? void 0 : _state$collectionFiel.buildFilters()) || []).length > 0 || !!((_state$tagsCollection = state.tagsCollectionState) != null && _state$tagsCollection.buildTagsFilterWrapper());
   return hasDynamicFilters;
 };
 exports.useIsCollectionToolbarExists = useIsCollectionToolbarExists;

package/dist/cjs/components/CollectionToolbar/useIsCollectionToolbarExists.js.map

@@ -1 +1 @@
-{"version":3,"names":["useIsCollectionToolbarExists","props","excludeSearch","isMobile","_state$collectionData","_state$tagsCollection","title","tabs","views","customColumns","multiLevelSorting","search","filters","tableGridSwitchButton","exportButton","importButton","primaryActionButton","secondaryActions","moreActions","state","hasExplicitFeatures","hasDynamicFilters","collectionDataExtension","buildCustomFieldFilters","length","tagsCollectionState","buildTagsFilterWrapper","exports"],"sources":["../../../../src/components/CollectionToolbar/useIsCollectionToolbarExists.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { CollectionToolbarProps } from './CollectionToolbar';\n\nexport const useIsCollectionToolbarExists = <T, F extends FiltersMap>(\n  props: CollectionToolbarProps<T, F>,\n  {\n    excludeSearch = false,\n    isMobile,\n  }: { excludeSearch?: boolean; isMobile?: boolean } = {},\n): boolean => {\n  const {\n    title,\n    tabs,\n    views,\n    customColumns,\n    multiLevelSorting,\n    search,\n    filters,\n    tableGridSwitchButton,\n    exportButton,\n    importButton,\n    primaryActionButton,\n    secondaryActions,\n    moreActions,\n    state,\n  } = props;\n\n  const hasExplicitFeatures = !!(\n    (!isMobile && title) ||\n    tabs ||\n    views ||\n    customColumns ||\n    multiLevelSorting ||\n    exportButton ||\n    importButton ||\n    primaryActionButton ||\n    secondaryActions ||\n    moreActions ||\n    tableGridSwitchButton ||\n    filters\n  );\n\n  if (hasExplicitFeatures) {\n    return true;\n  }\n\n  if (!excludeSearch && search !== false) {\n    return true;\n  }\n\n  const hasDynamicFilters =\n    (state.collectionDataExtension?.buildCustomFieldFilters() || []).length >\n      0 || !!state.tagsCollectionState?.buildTagsFilterWrapper();\n\n  return hasDynamicFilters;\n};\n"],"mappings":";;;;AAGO,MAAMA,4BAA4B,GAAGA,CAC1CC,KAAmC,EACnC;EACEC,aAAa,GAAG,KAAK;EACrBC;AAC+C,CAAC,GAAG,CAAC,CAAC,KAC3C;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACZ,MAAM;IACJC,KAAK;IACLC,IAAI;IACJC,KAAK;IACLC,aAAa;IACbC,iBAAiB;IACjBC,MAAM;IACNC,OAAO;IACPC,qBAAqB;IACrBC,YAAY;IACZC,YAAY;IACZC,mBAAmB;IACnBC,gBAAgB;IAChBC,WAAW;IACXC;EACF,CAAC,GAAGlB,KAAK;EAET,MAAMmB,mBAAmB,GAAG,CAAC,EAC1B,CAACjB,QAAQ,IAAIG,KAAK,IACnBC,IAAI,IACJC,KAAK,IACLC,aAAa,IACbC,iBAAiB,IACjBI,YAAY,IACZC,YAAY,IACZC,mBAAmB,IACnBC,gBAAgB,IAChBC,WAAW,IACXL,qBAAqB,IACrBD,OAAO,CACR;EAED,IAAIQ,mBAAmB,EAAE;IACvB,OAAO,IAAI;EACb;EAEA,IAAI,CAAClB,aAAa,IAAIS,MAAM,KAAK,KAAK,EAAE;IACtC,OAAO,IAAI;EACb;EAEA,MAAMU,iBAAiB,GACrB,CAAC,EAAAjB,qBAAA,GAAAe,KAAK,CAACG,uBAAuB,qBAA7BlB,qBAAA,CAA+BmB,uBAAuB,CAAC,CAAC,KAAI,EAAE,EAAEC,MAAM,GACrE,CAAC,IAAI,CAAC,GAAAnB,qBAAA,GAACc,KAAK,CAACM,mBAAmB,aAAzBpB,qBAAA,CAA2BqB,sBAAsB,CAAC,CAAC;EAE9D,OAAOL,iBAAiB;AAC1B,CAAC;AAACM,OAAA,CAAA3B,4BAAA,GAAAA,4BAAA","ignoreList":[]}
+{"version":3,"names":["useIsCollectionToolbarExists","props","excludeSearch","isMobile","_state$collectionFiel","_state$tagsCollection","title","tabs","views","customColumns","multiLevelSorting","search","filters","tableGridSwitchButton","exportButton","importButton","primaryActionButton","secondaryActions","moreActions","state","hasExplicitFeatures","collectionFieldsSource","hasDynamicFilters","buildFilters","length","tagsCollectionState","buildTagsFilterWrapper","exports"],"sources":["../../../../src/components/CollectionToolbar/useIsCollectionToolbarExists.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { CollectionToolbarProps } from './CollectionToolbar';\n\nexport const useIsCollectionToolbarExists = <T, F extends FiltersMap>(\n  props: CollectionToolbarProps<T, F>,\n  {\n    excludeSearch = false,\n    isMobile,\n  }: { excludeSearch?: boolean; isMobile?: boolean } = {},\n): boolean => {\n  const {\n    title,\n    tabs,\n    views,\n    customColumns,\n    multiLevelSorting,\n    search,\n    filters,\n    tableGridSwitchButton,\n    exportButton,\n    importButton,\n    primaryActionButton,\n    secondaryActions,\n    moreActions,\n    state,\n  } = props;\n\n  const hasExplicitFeatures = !!(\n    (!isMobile && title) ||\n    tabs ||\n    views ||\n    customColumns ||\n    state.collectionFieldsSource ||\n    multiLevelSorting ||\n    exportButton ||\n    importButton ||\n    primaryActionButton ||\n    secondaryActions ||\n    moreActions ||\n    tableGridSwitchButton ||\n    filters\n  );\n\n  if (hasExplicitFeatures) {\n    return true;\n  }\n\n  if (!excludeSearch && search !== false) {\n    return true;\n  }\n\n  const hasDynamicFilters =\n    (state.collectionFieldsSource?.buildFilters() || []).length > 0 ||\n    !!state.tagsCollectionState?.buildTagsFilterWrapper();\n\n  return hasDynamicFilters;\n};\n"],"mappings":";;;;AAGO,MAAMA,4BAA4B,GAAGA,CAC1CC,KAAmC,EACnC;EACEC,aAAa,GAAG,KAAK;EACrBC;AAC+C,CAAC,GAAG,CAAC,CAAC,KAC3C;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACZ,MAAM;IACJC,KAAK;IACLC,IAAI;IACJC,KAAK;IACLC,aAAa;IACbC,iBAAiB;IACjBC,MAAM;IACNC,OAAO;IACPC,qBAAqB;IACrBC,YAAY;IACZC,YAAY;IACZC,mBAAmB;IACnBC,gBAAgB;IAChBC,WAAW;IACXC;EACF,CAAC,GAAGlB,KAAK;EAET,MAAMmB,mBAAmB,GAAG,CAAC,EAC1B,CAACjB,QAAQ,IAAIG,KAAK,IACnBC,IAAI,IACJC,KAAK,IACLC,aAAa,IACbU,KAAK,CAACE,sBAAsB,IAC5BX,iBAAiB,IACjBI,YAAY,IACZC,YAAY,IACZC,mBAAmB,IACnBC,gBAAgB,IAChBC,WAAW,IACXL,qBAAqB,IACrBD,OAAO,CACR;EAED,IAAIQ,mBAAmB,EAAE;IACvB,OAAO,IAAI;EACb;EAEA,IAAI,CAAClB,aAAa,IAAIS,MAAM,KAAK,KAAK,EAAE;IACtC,OAAO,IAAI;EACb;EAEA,MAAMW,iBAAiB,GACrB,CAAC,EAAAlB,qBAAA,GAAAe,KAAK,CAACE,sBAAsB,qBAA5BjB,qBAAA,CAA8BmB,YAAY,CAAC,CAAC,KAAI,EAAE,EAAEC,MAAM,GAAG,CAAC,IAC/D,CAAC,GAAAnB,qBAAA,GAACc,KAAK,CAACM,mBAAmB,aAAzBpB,qBAAA,CAA2BqB,sBAAsB,CAAC,CAAC;EAEvD,OAAOJ,iBAAiB;AAC1B,CAAC;AAACK,OAAA,CAAA3B,4BAAA,GAAAA,4BAAA","ignoreList":[]}

package/dist/cjs/components/CollectionToolbarFilters/useFiltersSyncProps.js

@@ -35,18 +35,13 @@ function addTagsFilter(children, state) {
   return children;
 }
 function addCustomFieldFilters(children, state) {
-  var _state$collectionData;
-  const customFieldFilters = (_state$collectionData = state.collectionDataExtension) == null ? void 0 : _state$collectionData.dataExtension.filterableCustomFields.map(customField => {
-    var _state$collectionData2;
-    if (children.some(child => child.props.filter.name === customField.id)) {
-      return null;
-    }
-    return (_state$collectionData2 = state.collectionDataExtension) == null ? void 0 : _state$collectionData2.buildCustomFieldFilterWrapper(customField);
-  }).filter(Boolean);
-  if (customFieldFilters) {
-    return [...children, ...customFieldFilters];
+  var _state$collectionFiel;
+  const builtFilters = (_state$collectionFiel = state.collectionFieldsSource) == null ? void 0 : _state$collectionFiel.buildFilters();
+  if (!builtFilters) {
+    return children;
   }
-  return children;
+  const newFilters = builtFilters.filter(built => !children.some(child => child.props.filter.name === built.props.filter.name));
+  return [...children, ...newFilters];
 }
 const useFiltersSyncProps = children => {
   const state = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();