@wix/patterns 1.66.0 → 1.67.0

package/dist/cjs/components/SkeletonCard/SkeletonCard.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_ = "SkeletonCard2080297393";
+var _namespace_ = "SkeletonCard2513928433";
 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": "SkeletonCard2080297393__root",
-  "headerLoading": "SkeletonCard2080297393__headerLoading"
+  "root": "SkeletonCard2513928433__root",
+  "headerLoading": "SkeletonCard2513928433__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard2080297393\";\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\":\"SkeletonCard2080297393__root\",\"headerLoading\":\"SkeletonCard2080297393__headerLoading\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard2513928433\";\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\":\"SkeletonCard2513928433__root\",\"headerLoading\":\"SkeletonCard2513928433__headerLoading\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/SlidingModal/SlidingModal.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_ = "SlidingModal320653431";
+var _namespace_ = "SlidingModal490789798";
 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": "SlidingModal320653431__root"
+  "root": "SlidingModal490789798__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

package/dist/cjs/components/Table/TableVirtualHeader.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_ = "TableVirtualHeader1763476833";
+var _namespace_ = "TableVirtualHeader1827829321";
 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": "TableVirtualHeader1763476833__root"
+  "root": "TableVirtualHeader1827829321__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Table/TableVirtualHeader.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/Table/TableVirtualHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TableVirtualHeader1763476833\";\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\":\"TableVirtualHeader1763476833__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,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;AAAoC,CAAC;AAC3D,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/Table/TableVirtualHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TableVirtualHeader1827829321\";\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\":\"TableVirtualHeader1827829321__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,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;AAAoC,CAAC;AAC3D,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/TableFolders/TableFoldersContent.js

@@ -204,6 +204,7 @@ function _TableFoldersContent(props) {
     selectionDisabled: selectionDisabledProp && (({
       item
     }) => selectionDisabledProp == null ? void 0 : selectionDisabledProp(item.originalKeyedItem.item)),
+    topNotification: topNotification,
     __self: this,
     __source: {
       fileName: _jsxFileName,
@@ -215,12 +216,11 @@ function _TableFoldersContent(props) {
     emptyState: emptyState,
     noResultsState: noResultsState,
     renderError: renderError,
-    topNotification: topNotification,
     rowVerticalPadding: rowVerticalPadding,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 304,
+      lineNumber: 305,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionTableContent.CollectionTableContent, {

package/dist/cjs/components/TableFolders/TableFoldersContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_FolderIcon","_CollectionTableWSRTable","_CollectionTableContent","_VirtualTableRepeater","_VirtualGridStateContext","_useOrFolderActionCellColumn","_TableFoldersInfiniteScroll","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_getVirtualTableProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableFoldersContent","props","state","columns","renderError","emptyState","noResultsState","iconColumn","multiLevelSorting","actionCell","folderActionCell","actionCellWidth","actionCellProps","filters","customColumns","views","bulkActionToolbar","bulkActionModal","tableGridSwitchButton","topNotification","search","showTitleBar","onRowClick","onFolderRowClick","selectionDisabled","selectionDisabledProp","horizontalScroll","rowVerticalPadding","rest","actionCellColumn","useOrFolderActionCellColumn","stickyActionCell","collections","toolbar","selectedOrderedColumnsOrAll","createWSRColumnBase","useCreateWSRColumnBase","finalColumns","key","title","width","style","undefined","render","item","rowNum","_tag","renderFolder","originalKeyedItem","createElement","FolderIcon","__self","__source","fileName","lineNumber","columnNumber","Avatar","dataHook","name","items","itemName","map","column","index","length","id","sortable","infoTooltipProps","restColumn","sortDescending","query","sort","getIsSortDescending","row","BodyElementType","useState","children","VirtualGridStateProvider","value","virtual","VirtualTableRepeater","useCallback","bulk","Table","CollectionTableWSRTable","showSelection","_extends2","showHeaderWhenEmpty","sticky","selectionToolbar","MultiCollectionBulkActionToolbar","getVirtualTableProps","isApplyColumnWidthStyle","onSortClick","col","sortMode","clearResult","multiple","TablePlaceholderStates","CollectionTableContent","table","TableFoldersInfiniteScroll","TableFoldersContent","exports","observer"],"sources":["../../../../src/components/TableFolders/TableFoldersContent.tsx"],"sourcesContent":["import { Avatar, TableColumn as WSRTableColumn } from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ReactElement,\n  useCallback,\n  useState,\n} from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { RowItem, RowKeyedItem, TableFoldersState } from '../../state';\nimport { ActionCell } from '../ActionCell';\nimport { PartialAllFilters } from '../../state/FoldersAndItemsCollectionsState';\nimport { FolderIcon } from '../FolderIcon';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n  CollectionTableWSRTableProps,\n} from '../CollectionTable/CollectionTableWSRTable';\nimport { CollectionTableContent } from '../CollectionTable/CollectionTableContent';\nimport {\n  VirtualTableRepeater,\n  VirtualTableRepeaterProps,\n} from '../VirtualGridRepeater/VirtualTableRepeater';\nimport { VirtualGridStateProvider } from '../VirtualGridRepeater/VirtualGridStateContext';\nimport { TableFoldersColumn } from './TableFolders.types';\nimport { useOrFolderActionCellColumn } from './useOrFolderActionCellColumn';\nimport { TableFoldersInfiniteScroll } from './TableFoldersInfiniteScroll';\nimport {\n  MultiCollectionBulkActionModalRenderProps,\n  MultiCollectionBulkActionToolbar,\n  MultiCollectionBulkActionToolbarRenderProps,\n} from '../BulkAction';\nimport { TableColumn } from '../../model';\nimport { CollectionTableActionCellProps } from '../CollectionTable/CollectionTableBaseCommonProps';\nimport { SelectionDisabledProp } from '../../state/BulkActionToolbarState';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { getVirtualTableProps } from '../Table/getVirtualTableProps';\n\ntype UnionTableProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = CollectionTableWSRTableProps<\n  RowItem<T1, T2>,\n  T1,\n  PartialAllFilters<F1, F2>\n>;\n\ntype TableFolderWSRTableBaseProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = CollectionTableWSRTableBaseProps<\n  RowItem<T1, T2>,\n  T1,\n  PartialAllFilters<F1, F2>\n>;\n\nexport interface TableFoldersContentProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends Omit<\n      TableFolderWSRTableBaseProps<T1, F1, T2, F2>,\n      'actionCell' | 'sticky' | 'topNotification' | 'selectionDisabled'\n    >,\n    CollectionTableActionCellProps<T1, F1> {\n  dataHook?: string;\n  /** A TableFoldersState instance created using [useTableFolders](./?path=/story/base-components-collections-tablefolders-usetablefolders--usetablefolders). */\n  state: TableFoldersState<T1, F1, T2, F2>;\n  /** The same as [Table.columns](./?path=/story/base-components-collections-table-table--table), with the addition of `renderFolder` property. */\n  columns: TableFoldersColumn<T1, T2>[];\n  /** Specific entry for rendering the item icon, defaults to simple `Avatar` (for folders a `Folder` icon is rendered). */\n  iconColumn?: TableFoldersColumn<T1, T2>;\n\n  onRowClick?: (item: T1, index: number) => void;\n  /** Callback for folder row click  */\n  onFolderRowClick?: (item: T2, index: number) => void;\n  /** Disables row checkbox */\n  selectionDisabled?: (item: T1 | T2) => void;\n  folderActionCell?: ActionCell<T2, F2>;\n  topNotification?: ReactElement;\n  /**\n   * A toolbar for performing bulk actions on multiple items.\n   * Supported parameters:\n   *  + `selectedValues`: Selected item values.\n   *  + `uncheckedValues`: Unselected item values.\n   *  + `isSelectAll`: [bool] Whether the **Select All** option is selected.\n   *  + `openModal`: Opens a modal that contains the component from `bulkActionModal` render prop.\n   *  + `clearSelection`: Clears all selections. Call this after the action on the selected items finishes.\n   *  + `closeModal`: Closes the modal.\n   *  + `openConfirmModal`: Opens a `<MessageModalLayout />` to confirm an action to be applied to the selected items.\n   *  + `query`: [object] Instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted in an empty state. Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`.\n   * @external\n   */\n  bulkActionToolbar?: MultiCollectionBulkActionToolbarRenderProps;\n  /**\n   * Render a modal to be opened from `bulkActionToolbar`.<br>\n   * The function accepts the following parameters\n   *   * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n   *   * `closeModal`: Closes the a modal\n   */\n  bulkActionModal?: MultiCollectionBulkActionModalRenderProps;\n}\n\nfunction _TableFoldersContent<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(props: TableFoldersContentProps<T1, F1, T2, F2>) {\n  const {\n    state,\n    columns,\n    renderError,\n    emptyState,\n    noResultsState,\n    iconColumn,\n    multiLevelSorting,\n    actionCell,\n    folderActionCell,\n    actionCellWidth,\n    actionCellProps,\n    filters,\n    customColumns,\n    views,\n    bulkActionToolbar,\n    bulkActionModal,\n    tableGridSwitchButton,\n    topNotification,\n    search,\n    showTitleBar = true,\n    onRowClick,\n    onFolderRowClick,\n    selectionDisabled: selectionDisabledProp,\n    horizontalScroll = true,\n    rowVerticalPadding,\n    ...rest\n  } = props;\n\n  const actionCellColumn = useOrFolderActionCellColumn({\n    actionCell,\n    folderActionCell,\n    actionCellWidth,\n    actionCellProps: {\n      ...(actionCellProps ?? {}),\n      stickyActionCell: true,\n    },\n    state: state.collections,\n  });\n\n  const {\n    toolbar: { selectedOrderedColumnsOrAll },\n  } = state;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const finalColumns = [\n    {\n      key: 'cairo-avatar',\n      title: '',\n      width: '48px',\n      ...iconColumn,\n      style: undefined,\n      render: ({ item }, rowNum) => {\n        if (item._tag === 'folder') {\n          return (\n            iconColumn?.renderFolder?.(item.originalKeyedItem.item, rowNum) ?? (\n              <FolderIcon data-hook=\"folder-icon\" />\n            )\n          );\n        }\n\n        return (\n          iconColumn?.render?.(item.originalKeyedItem.item, rowNum) ?? (\n            <Avatar\n              dataHook=\"item-avatar\"\n              name={state.collections.items.itemName(\n                item.originalKeyedItem.item,\n              )}\n            />\n          )\n        );\n      },\n    },\n    ...(selectedOrderedColumnsOrAll as TableFoldersColumn<T1, T2>[]).map(\n      (column, index, { length }) => {\n        const {\n          id,\n          title,\n          width,\n          sortable,\n          infoTooltipProps,\n          render,\n          renderFolder,\n          ...restColumn\n        } = column;\n\n        return {\n          ...restColumn,\n          ...createWSRColumnBase(column, index, length),\n          sortDescending:\n            sortable && id\n              ? state.collections.query.sort.getIsSortDescending(id)\n              : undefined,\n          render: (row: RowKeyedItem<T1, T2>, rowNum: number) => {\n            const item = row.item;\n            if (item._tag === 'folder') {\n              return renderFolder?.(item.originalKeyedItem.item, rowNum);\n            }\n\n            return render(item.originalKeyedItem.item, rowNum);\n          },\n        };\n      },\n    ),\n    ...(actionCellColumn ? [actionCellColumn] : []),\n  ] as WSRTableColumn<RowKeyedItem<T1, T2>>[];\n\n  const [BodyElementType] = useState(\n    () =>\n      ({ children }: VirtualTableRepeaterProps) =>\n        (\n          <VirtualGridStateProvider value={state.virtual}>\n            <VirtualTableRepeater>{children}</VirtualTableRepeater>\n          </VirtualGridStateProvider>\n        ),\n  );\n\n  const selectionDisabled = useCallback(\n    ({ item }: KeyedItem<T1 | T2>) => selectionDisabledProp?.(item),\n    [selectionDisabledProp],\n  );\n\n  if (selectionDisabled != null) {\n    state.toolbar.bulk.selectionDisabledProp =\n      selectionDisabled as SelectionDisabledProp;\n  }\n\n  const Table = CollectionTableWSRTable as ComponentType<\n    UnionTableProps<T1, F1, T2, F2>\n  >;\n\n  const showSelection = bulkActionToolbar != null;\n\n  return (\n    <Table\n      {...rest}\n      showHeaderWhenEmpty\n      state={state}\n      sticky\n      search={search}\n      filters={filters}\n      customColumns={customColumns}\n      views={views}\n      showSelection={showSelection}\n      selectionToolbar={\n        bulkActionToolbar && (\n          <MultiCollectionBulkActionToolbar\n            state={state.toolbar}\n            bulkActionToolbar={bulkActionToolbar}\n          />\n        )\n      }\n      tableGridSwitchButton={tableGridSwitchButton}\n      horizontalScroll={horizontalScroll}\n      emptyState={emptyState}\n      noResultsState={noResultsState}\n      {...getVirtualTableProps({ horizontalScroll })}\n      columns={finalColumns}\n      showTitleBar={showTitleBar}\n      isApplyColumnWidthStyle={true}\n      BodyElementType={BodyElementType}\n      onSortClick={(col: TableColumn<{}>) => {\n        if (col.id != null) {\n          state.collections.items.sort(\n            { id: col.id, sortMode: col.sortMode },\n            {\n              clearResult: true,\n              multiple: multiLevelSorting !== undefined,\n            },\n          );\n        }\n      }}\n      onRowClick={\n        (onRowClick || onFolderRowClick) &&\n        (({ item }, index) => {\n          if (item._tag === 'folder') {\n            onFolderRowClick?.(item.originalKeyedItem.item, index);\n          } else {\n            onRowClick?.(item.originalKeyedItem.item, index);\n          }\n        })\n      }\n      selectionDisabled={\n        selectionDisabledProp &&\n        (({ item }) => selectionDisabledProp?.(item.originalKeyedItem.item))\n      }\n    >\n      <TablePlaceholderStates\n        state={state}\n        emptyState={emptyState}\n        noResultsState={noResultsState}\n        renderError={renderError}\n        topNotification={topNotification}\n        rowVerticalPadding={rowVerticalPadding}\n      />\n\n      <CollectionTableContent state={state.table}>\n        <TableFoldersInfiniteScroll state={state} />\n      </CollectionTableContent>\n    </Table>\n  );\n}\n\nexport const TableFoldersContent = observer(_TableFoldersContent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_FolderIcon","_CollectionTableWSRTable","_CollectionTableContent","_VirtualTableRepeater","_VirtualGridStateContext","_useOrFolderActionCellColumn","_TableFoldersInfiniteScroll","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_getVirtualTableProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableFoldersContent","props","state","columns","renderError","emptyState","noResultsState","iconColumn","multiLevelSorting","actionCell","folderActionCell","actionCellWidth","actionCellProps","filters","customColumns","views","bulkActionToolbar","bulkActionModal","tableGridSwitchButton","topNotification","search","showTitleBar","onRowClick","onFolderRowClick","selectionDisabled","selectionDisabledProp","horizontalScroll","rowVerticalPadding","rest","actionCellColumn","useOrFolderActionCellColumn","stickyActionCell","collections","toolbar","selectedOrderedColumnsOrAll","createWSRColumnBase","useCreateWSRColumnBase","finalColumns","key","title","width","style","undefined","render","item","rowNum","_tag","renderFolder","originalKeyedItem","createElement","FolderIcon","__self","__source","fileName","lineNumber","columnNumber","Avatar","dataHook","name","items","itemName","map","column","index","length","id","sortable","infoTooltipProps","restColumn","sortDescending","query","sort","getIsSortDescending","row","BodyElementType","useState","children","VirtualGridStateProvider","value","virtual","VirtualTableRepeater","useCallback","bulk","Table","CollectionTableWSRTable","showSelection","_extends2","showHeaderWhenEmpty","sticky","selectionToolbar","MultiCollectionBulkActionToolbar","getVirtualTableProps","isApplyColumnWidthStyle","onSortClick","col","sortMode","clearResult","multiple","TablePlaceholderStates","CollectionTableContent","table","TableFoldersInfiniteScroll","TableFoldersContent","exports","observer"],"sources":["../../../../src/components/TableFolders/TableFoldersContent.tsx"],"sourcesContent":["import { Avatar, TableColumn as WSRTableColumn } from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ReactElement,\n  useCallback,\n  useState,\n} from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { RowItem, RowKeyedItem, TableFoldersState } from '../../state';\nimport { ActionCell } from '../ActionCell';\nimport { PartialAllFilters } from '../../state/FoldersAndItemsCollectionsState';\nimport { FolderIcon } from '../FolderIcon';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n  CollectionTableWSRTableProps,\n} from '../CollectionTable/CollectionTableWSRTable';\nimport { CollectionTableContent } from '../CollectionTable/CollectionTableContent';\nimport {\n  VirtualTableRepeater,\n  VirtualTableRepeaterProps,\n} from '../VirtualGridRepeater/VirtualTableRepeater';\nimport { VirtualGridStateProvider } from '../VirtualGridRepeater/VirtualGridStateContext';\nimport { TableFoldersColumn } from './TableFolders.types';\nimport { useOrFolderActionCellColumn } from './useOrFolderActionCellColumn';\nimport { TableFoldersInfiniteScroll } from './TableFoldersInfiniteScroll';\nimport {\n  MultiCollectionBulkActionModalRenderProps,\n  MultiCollectionBulkActionToolbar,\n  MultiCollectionBulkActionToolbarRenderProps,\n} from '../BulkAction';\nimport { TableColumn } from '../../model';\nimport { CollectionTableActionCellProps } from '../CollectionTable/CollectionTableBaseCommonProps';\nimport { SelectionDisabledProp } from '../../state/BulkActionToolbarState';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { getVirtualTableProps } from '../Table/getVirtualTableProps';\n\ntype UnionTableProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = CollectionTableWSRTableProps<\n  RowItem<T1, T2>,\n  T1,\n  PartialAllFilters<F1, F2>\n>;\n\ntype TableFolderWSRTableBaseProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = CollectionTableWSRTableBaseProps<\n  RowItem<T1, T2>,\n  T1,\n  PartialAllFilters<F1, F2>\n>;\n\nexport interface TableFoldersContentProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends Omit<\n      TableFolderWSRTableBaseProps<T1, F1, T2, F2>,\n      'actionCell' | 'sticky' | 'topNotification' | 'selectionDisabled'\n    >,\n    CollectionTableActionCellProps<T1, F1> {\n  dataHook?: string;\n  /** A TableFoldersState instance created using [useTableFolders](./?path=/story/base-components-collections-tablefolders-usetablefolders--usetablefolders). */\n  state: TableFoldersState<T1, F1, T2, F2>;\n  /** The same as [Table.columns](./?path=/story/base-components-collections-table-table--table), with the addition of `renderFolder` property. */\n  columns: TableFoldersColumn<T1, T2>[];\n  /** Specific entry for rendering the item icon, defaults to simple `Avatar` (for folders a `Folder` icon is rendered). */\n  iconColumn?: TableFoldersColumn<T1, T2>;\n\n  onRowClick?: (item: T1, index: number) => void;\n  /** Callback for folder row click  */\n  onFolderRowClick?: (item: T2, index: number) => void;\n  /** Disables row checkbox */\n  selectionDisabled?: (item: T1 | T2) => void;\n  folderActionCell?: ActionCell<T2, F2>;\n  topNotification?: ReactElement;\n  /**\n   * A toolbar for performing bulk actions on multiple items.\n   * Supported parameters:\n   *  + `selectedValues`: Selected item values.\n   *  + `uncheckedValues`: Unselected item values.\n   *  + `isSelectAll`: [bool] Whether the **Select All** option is selected.\n   *  + `openModal`: Opens a modal that contains the component from `bulkActionModal` render prop.\n   *  + `clearSelection`: Clears all selections. Call this after the action on the selected items finishes.\n   *  + `closeModal`: Closes the modal.\n   *  + `openConfirmModal`: Opens a `<MessageModalLayout />` to confirm an action to be applied to the selected items.\n   *  + `query`: [object] Instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted in an empty state. Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`.\n   * @external\n   */\n  bulkActionToolbar?: MultiCollectionBulkActionToolbarRenderProps;\n  /**\n   * Render a modal to be opened from `bulkActionToolbar`.<br>\n   * The function accepts the following parameters\n   *   * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n   *   * `closeModal`: Closes the a modal\n   */\n  bulkActionModal?: MultiCollectionBulkActionModalRenderProps;\n}\n\nfunction _TableFoldersContent<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(props: TableFoldersContentProps<T1, F1, T2, F2>) {\n  const {\n    state,\n    columns,\n    renderError,\n    emptyState,\n    noResultsState,\n    iconColumn,\n    multiLevelSorting,\n    actionCell,\n    folderActionCell,\n    actionCellWidth,\n    actionCellProps,\n    filters,\n    customColumns,\n    views,\n    bulkActionToolbar,\n    bulkActionModal,\n    tableGridSwitchButton,\n    topNotification,\n    search,\n    showTitleBar = true,\n    onRowClick,\n    onFolderRowClick,\n    selectionDisabled: selectionDisabledProp,\n    horizontalScroll = true,\n    rowVerticalPadding,\n    ...rest\n  } = props;\n\n  const actionCellColumn = useOrFolderActionCellColumn({\n    actionCell,\n    folderActionCell,\n    actionCellWidth,\n    actionCellProps: {\n      ...(actionCellProps ?? {}),\n      stickyActionCell: true,\n    },\n    state: state.collections,\n  });\n\n  const {\n    toolbar: { selectedOrderedColumnsOrAll },\n  } = state;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const finalColumns = [\n    {\n      key: 'cairo-avatar',\n      title: '',\n      width: '48px',\n      ...iconColumn,\n      style: undefined,\n      render: ({ item }, rowNum) => {\n        if (item._tag === 'folder') {\n          return (\n            iconColumn?.renderFolder?.(item.originalKeyedItem.item, rowNum) ?? (\n              <FolderIcon data-hook=\"folder-icon\" />\n            )\n          );\n        }\n\n        return (\n          iconColumn?.render?.(item.originalKeyedItem.item, rowNum) ?? (\n            <Avatar\n              dataHook=\"item-avatar\"\n              name={state.collections.items.itemName(\n                item.originalKeyedItem.item,\n              )}\n            />\n          )\n        );\n      },\n    },\n    ...(selectedOrderedColumnsOrAll as TableFoldersColumn<T1, T2>[]).map(\n      (column, index, { length }) => {\n        const {\n          id,\n          title,\n          width,\n          sortable,\n          infoTooltipProps,\n          render,\n          renderFolder,\n          ...restColumn\n        } = column;\n\n        return {\n          ...restColumn,\n          ...createWSRColumnBase(column, index, length),\n          sortDescending:\n            sortable && id\n              ? state.collections.query.sort.getIsSortDescending(id)\n              : undefined,\n          render: (row: RowKeyedItem<T1, T2>, rowNum: number) => {\n            const item = row.item;\n            if (item._tag === 'folder') {\n              return renderFolder?.(item.originalKeyedItem.item, rowNum);\n            }\n\n            return render(item.originalKeyedItem.item, rowNum);\n          },\n        };\n      },\n    ),\n    ...(actionCellColumn ? [actionCellColumn] : []),\n  ] as WSRTableColumn<RowKeyedItem<T1, T2>>[];\n\n  const [BodyElementType] = useState(\n    () =>\n      ({ children }: VirtualTableRepeaterProps) =>\n        (\n          <VirtualGridStateProvider value={state.virtual}>\n            <VirtualTableRepeater>{children}</VirtualTableRepeater>\n          </VirtualGridStateProvider>\n        ),\n  );\n\n  const selectionDisabled = useCallback(\n    ({ item }: KeyedItem<T1 | T2>) => selectionDisabledProp?.(item),\n    [selectionDisabledProp],\n  );\n\n  if (selectionDisabled != null) {\n    state.toolbar.bulk.selectionDisabledProp =\n      selectionDisabled as SelectionDisabledProp;\n  }\n\n  const Table = CollectionTableWSRTable as ComponentType<\n    UnionTableProps<T1, F1, T2, F2>\n  >;\n\n  const showSelection = bulkActionToolbar != null;\n\n  return (\n    <Table\n      {...rest}\n      showHeaderWhenEmpty\n      state={state}\n      sticky\n      search={search}\n      filters={filters}\n      customColumns={customColumns}\n      views={views}\n      showSelection={showSelection}\n      selectionToolbar={\n        bulkActionToolbar && (\n          <MultiCollectionBulkActionToolbar\n            state={state.toolbar}\n            bulkActionToolbar={bulkActionToolbar}\n          />\n        )\n      }\n      tableGridSwitchButton={tableGridSwitchButton}\n      horizontalScroll={horizontalScroll}\n      emptyState={emptyState}\n      noResultsState={noResultsState}\n      {...getVirtualTableProps({ horizontalScroll })}\n      columns={finalColumns}\n      showTitleBar={showTitleBar}\n      isApplyColumnWidthStyle={true}\n      BodyElementType={BodyElementType}\n      onSortClick={(col: TableColumn<{}>) => {\n        if (col.id != null) {\n          state.collections.items.sort(\n            { id: col.id, sortMode: col.sortMode },\n            {\n              clearResult: true,\n              multiple: multiLevelSorting !== undefined,\n            },\n          );\n        }\n      }}\n      onRowClick={\n        (onRowClick || onFolderRowClick) &&\n        (({ item }, index) => {\n          if (item._tag === 'folder') {\n            onFolderRowClick?.(item.originalKeyedItem.item, index);\n          } else {\n            onRowClick?.(item.originalKeyedItem.item, index);\n          }\n        })\n      }\n      selectionDisabled={\n        selectionDisabledProp &&\n        (({ item }) => selectionDisabledProp?.(item.originalKeyedItem.item))\n      }\n      topNotification={topNotification}\n    >\n      <TablePlaceholderStates\n        state={state}\n        emptyState={emptyState}\n        noResultsState={noResultsState}\n        renderError={renderError}\n        rowVerticalPadding={rowVerticalPadding}\n      />\n\n      <CollectionTableContent state={state.table}>\n        <TableFoldersInfiniteScroll state={state} />\n      </CollectionTableContent>\n    </Table>\n  );\n}\n\nexport const TableFoldersContent = observer(_TableFoldersContent);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableTopNotification/TableTopNotification.js

@@ -70,9 +70,16 @@ function _TableTopNotification(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 71,
+        lineNumber: 76,
         columnNumber: 7
       }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.SubToolbar, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 91,
+        columnNumber: 9
+      }
     }, /*#__PURE__*/_react.default.createElement(_Fade.Fade, {
       timeout: 300,
       in: show,
@@ -80,16 +87,17 @@ function _TableTopNotification(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 86,
-        columnNumber: 9
+        lineNumber: 92,
+        columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-      padding: "SP4",
+      paddingTop: "15px",
+      paddingBottom: "15px",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 87,
-        columnNumber: 11
+        lineNumber: 93,
+        columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.SectionHelper, (0, _extends2.default)({}, rest, {
       dataHook: "table-top-notification",
@@ -102,10 +110,10 @@ function _TableTopNotification(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 88,
-        columnNumber: 13
+        lineNumber: 94,
+        columnNumber: 15
       }
-    }), text, children))));
+    }), text, children)))));
   }
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, child, /*#__PURE__*/_react.default.createElement("div", {
     ref: el => {
@@ -114,7 +122,7 @@ function _TableTopNotification(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
+      lineNumber: 117,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_Fade","_Collapse","_mobxReactLite","_ToolbarCollectionContext","_TableTopNotificationState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableTopNotification","props","onClose","showCloseButton","onAfterClose","onAfterOpen","hideOnSearch","children","appearance","rest","toolbarCollectionState","useToolbarCollectionContext","collection","totalStickyContentHeight","_topNotification","topNotification","query","search","state","useState","TableTopNotificationState","getStickyContentHeight","reportBI","reportBi","targetRef","useRef","useEffect","init","position","data","text","show","child","isEmpty","createElement","Collapse","timeout","onEntered","style","flexShrink","top","zIndex","width","__self","__source","fileName","lineNumber","columnNumber","Fade","in","unmountOnExit","Box","padding","SectionHelper","_extends2","dataHook","clickClose","Fragment","ref","el","current","TableTopNotification","exports","observer","displayName"],"sources":["../../../../src/components/TableTopNotification/TableTopNotification.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useRef, useState } from 'react';\nimport { Box, SectionHelper, SectionHelperProps } from '@wix/design-system';\nimport { Fade } from '../Fade';\nimport { Collapse } from '../Collapse';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TableTopNotificationState } from './TableTopNotificationState';\n\nexport interface TableTopNotificationProps extends Partial<SectionHelperProps> {\n  /**\n   * After the notification close animation finished\n   */\n  onAfterClose?: () => unknown;\n  /**\n   * After the notification open animation finished\n   */\n  onAfterOpen?: () => unknown;\n\n  /** hide the notification when search is applied.\n   * @default false\n   */\n  hideOnSearch?: boolean;\n\n  children?: ReactNode;\n}\n\nfunction _TableTopNotification(props: TableTopNotificationProps) {\n  const {\n    onClose,\n    showCloseButton = !!onClose,\n    onAfterClose,\n    onAfterOpen,\n    hideOnSearch,\n    children,\n    appearance = 'standard',\n    ...rest\n  } = props;\n\n  const toolbarCollectionState = useToolbarCollectionContext();\n\n  const { collection, totalStickyContentHeight } = toolbarCollectionState;\n\n  const {\n    _topNotification: topNotification,\n    query: { search },\n  } = collection;\n\n  const [state] = useState(\n    () =>\n      new TableTopNotificationState({\n        topNotification,\n        getStickyContentHeight: () =>\n          toolbarCollectionState.totalStickyContentHeight,\n        reportBI: toolbarCollectionState.reportBi,\n      }),\n  );\n\n  const targetRef = useRef<HTMLDivElement | null>();\n\n  useEffect(() => state.init(), []);\n\n  const { position } = state;\n  const { data: text, show } = topNotification;\n\n  let child;\n\n  if (hideOnSearch && !search.isEmpty) {\n    child = null;\n  } else {\n    child = (\n      <Collapse\n        timeout={300}\n        state={topNotification}\n        onEntered={onAfterOpen}\n        style={{\n          flexShrink: 0,\n          ...(position === 'sticky' &&\n            totalStickyContentHeight != null && {\n              position: 'sticky',\n              top: totalStickyContentHeight,\n              zIndex: 1100,\n            }),\n          width: '100%',\n        }}\n      >\n        <Fade timeout={300} in={show} unmountOnExit>\n          <Box padding=\"SP4\">\n            <SectionHelper\n              {...rest}\n              dataHook=\"table-top-notification\"\n              showCloseButton={showCloseButton}\n              onClose={(e) => {\n                topNotification.clickClose(onAfterClose);\n                onClose?.(e);\n              }}\n              appearance={appearance}\n            >\n              {text}\n              {children}\n            </SectionHelper>\n          </Box>\n        </Fade>\n      </Collapse>\n    );\n  }\n\n  return (\n    <>\n      {child}\n      <div\n        ref={(el) => {\n          targetRef.current = el;\n        }}\n      />\n    </>\n  );\n}\n\nexport const TableTopNotification = observer(_TableTopNotification);\nTableTopNotification.displayName = 'TableTopNotification';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_Fade","_Collapse","_mobxReactLite","_ToolbarCollectionContext","_TableTopNotificationState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableTopNotification","props","onClose","showCloseButton","onAfterClose","onAfterOpen","hideOnSearch","children","appearance","rest","toolbarCollectionState","useToolbarCollectionContext","collection","totalStickyContentHeight","_topNotification","topNotification","query","search","state","useState","TableTopNotificationState","getStickyContentHeight","reportBI","reportBi","targetRef","useRef","useEffect","init","position","data","text","show","child","isEmpty","createElement","Collapse","timeout","onEntered","style","flexShrink","top","zIndex","width","__self","__source","fileName","lineNumber","columnNumber","Table","SubToolbar","Fade","in","unmountOnExit","Box","paddingTop","paddingBottom","SectionHelper","_extends2","dataHook","clickClose","Fragment","ref","el","current","TableTopNotification","exports","observer","displayName"],"sources":["../../../../src/components/TableTopNotification/TableTopNotification.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useRef, useState } from 'react';\nimport {\n  Box,\n  SectionHelper,\n  SectionHelperProps,\n  Table,\n} from '@wix/design-system';\nimport { Fade } from '../Fade';\nimport { Collapse } from '../Collapse';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TableTopNotificationState } from './TableTopNotificationState';\n\nexport interface TableTopNotificationProps extends Partial<SectionHelperProps> {\n  /**\n   * After the notification close animation finished\n   */\n  onAfterClose?: () => unknown;\n  /**\n   * After the notification open animation finished\n   */\n  onAfterOpen?: () => unknown;\n\n  /** hide the notification when search is applied.\n   * @default false\n   */\n  hideOnSearch?: boolean;\n\n  children?: ReactNode;\n}\n\nfunction _TableTopNotification(props: TableTopNotificationProps) {\n  const {\n    onClose,\n    showCloseButton = !!onClose,\n    onAfterClose,\n    onAfterOpen,\n    hideOnSearch,\n    children,\n    appearance = 'standard',\n    ...rest\n  } = props;\n\n  const toolbarCollectionState = useToolbarCollectionContext();\n\n  const { collection, totalStickyContentHeight } = toolbarCollectionState;\n\n  const {\n    _topNotification: topNotification,\n    query: { search },\n  } = collection;\n\n  const [state] = useState(\n    () =>\n      new TableTopNotificationState({\n        topNotification,\n        getStickyContentHeight: () =>\n          toolbarCollectionState.totalStickyContentHeight,\n        reportBI: toolbarCollectionState.reportBi,\n      }),\n  );\n\n  const targetRef = useRef<HTMLDivElement | null>();\n\n  useEffect(() => state.init(), []);\n\n  const { position } = state;\n  const { data: text, show } = topNotification;\n\n  let child;\n\n  if (hideOnSearch && !search.isEmpty) {\n    child = null;\n  } else {\n    child = (\n      <Collapse\n        timeout={300}\n        state={topNotification}\n        onEntered={onAfterOpen}\n        style={{\n          flexShrink: 0,\n          ...(position === 'sticky' &&\n            totalStickyContentHeight != null && {\n              position: 'sticky',\n              top: totalStickyContentHeight,\n              zIndex: 1100,\n            }),\n          width: '100%',\n        }}\n      >\n        <Table.SubToolbar>\n          <Fade timeout={300} in={show} unmountOnExit>\n            <Box paddingTop=\"15px\" paddingBottom=\"15px\">\n              <SectionHelper\n                {...rest}\n                dataHook=\"table-top-notification\"\n                showCloseButton={showCloseButton}\n                onClose={(e) => {\n                  topNotification.clickClose(onAfterClose);\n                  onClose?.(e);\n                }}\n                appearance={appearance}\n              >\n                {text}\n                {children}\n              </SectionHelper>\n            </Box>\n          </Fade>\n        </Table.SubToolbar>\n      </Collapse>\n    );\n  }\n\n  return (\n    <>\n      {child}\n      <div\n        ref={(el) => {\n          targetRef.current = el;\n        }}\n      />\n    </>\n  );\n}\n\nexport const TableTopNotification = observer(_TableTopNotification);\nTableTopNotification.displayName = 'TableTopNotification';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsFilter.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_ = "TabsFilter100207325";
+var _namespace_ = "TabsFilter537725878";
 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": "TabsFilter100207325__root",
-  "title": "TabsFilter100207325__title"
+  "root": "TabsFilter537725878__root",
+  "title": "TabsFilter537725878__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/TabsFilter/TabsFilter.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/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter100207325\";\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\":\"TabsFilter100207325__root\",\"title\":\"TabsFilter100207325__title\"};\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,qBAAqB;AACvC,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,2BAA2B;EAAC,OAAO,EAAC;AAA4B,CAAC;AACvF,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/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter537725878\";\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\":\"TabsFilter537725878__root\",\"title\":\"TabsFilter537725878__title\"};\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,qBAAqB;AACvC,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,2BAA2B;EAAC,OAAO,EAAC;AAA4B,CAAC;AACvF,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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.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_ = "ManageTagsModal270513090";
+var _namespace_ = "ManageTagsModal2319618608";
 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": "ManageTagsModal270513090__root"
+  "root": "ManageTagsModal2319618608__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal270513090\";\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\":\"ManageTagsModal270513090__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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal2319618608\";\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\":\"ManageTagsModal2319618608__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/ToolbarCollection/ToolbarCollection.js

@@ -26,7 +26,8 @@ function ToolbarCollection(props) {
     tableGridSwitchButton,
     exportButton,
     primaryActionButton,
-    summaryBar
+    summaryBar,
+    topNotification
   } = props;
   (0, _assertComponentType.assertComponentType)(views, 'CollectionViewsDropdown', 'views');
   (0, _checkConflictingToolbarProps.checkConflictingToolbarProps)(props);
@@ -52,6 +53,9 @@ function ToolbarCollection(props) {
     exportButton: exportButton,
     primaryActionButton: primaryActionButton,
     summaryBar: summaryBar,
+    topNotification: typeof topNotification === 'function' ? () => topNotification({
+      query: state.collection.result.originQuery
+    }) : topNotification,
     titleBar: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       width: "100%",
       borderTopColor: "D60",
@@ -61,14 +65,14 @@ function ToolbarCollection(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 328,
+        lineNumber: 335,
         columnNumber: 11
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 312,
+      lineNumber: 313,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -81,7 +85,7 @@ function ToolbarCollection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 337,
+      lineNumber: 344,
       columnNumber: 7
     }
   }, children));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_assertComponentType","_CollectionToolbars","_checkConflictingToolbarProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToolbarCollection","props","state","filters","title","tabs","views","extraToolbar","selectionToolbar","dragAndDropReorderModeToolbar","sticky","stickyProp","search","children","tableGridSwitchButton","exportButton","primaryActionButton","summaryBar","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","titleBar","Box","width","borderTopColor","borderTopWidth","borderTopStyle","boxSizing","__self","__source","fileName","lineNumber","columnNumber","dataHook","direction","minHeight","flex","verticalAlign"],"sources":["../../../../src/components/ToolbarCollection/ToolbarCollection.tsx"],"sourcesContent":["import { Box, CardProps, usePageScrollContext } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useState,\n} from 'react';\nimport { CollectionToolbarProps, FilterElement, TabsFilterProps } from '../..';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport {\n  assertComponentType,\n  CollectionSearchElement,\n  CollectionToolbarFiltersElement,\n  CollectionViewsDropdownElement,\n  CustomColumnsElement,\n  PrimaryActionButtonElement,\n  ReorderModeToolbarElement,\n  TabsFilterElement,\n  ToolbarTitleElement,\n  TopNotificationElement,\n} from '../assertComponentType';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport {\n  DragAndDropBulkSubmit,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport type { AddApplyFiltersButtonType } from '../FiltersPanel/AddApplyFiltersButton';\nimport type { TagsElement } from '../Tags';\nimport type { ExtensionMenuItemsType } from '../ExtensionMenuItems';\nimport { TablePlaceholderStatesProps } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { DragAndDropCategoriesProps } from '../DragAndDrop/DragAndDropCategoriesProps';\n\nexport interface ToolbarBaseProps<T> {\n  /**\n   * Displays a title at the left of a toolbar. Accepts a [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle) component.\n   * @overrideType [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle)\n   * @external\n   */\n  title?: ToolbarTitleElement;\n  /**\n   * Displays a search input on the right side of the table toolbar.<br> <br>\n   * Accepts a boolean or a custom React element as a parameter. When passing `false`, no search input is displayed.\n   * @default true\n   * @external\n   */\n  search?: boolean | FilterElement | CollectionSearchElement;\n\n  /**\n   * Indicates whether to show Table Title Bar or not.\n   * Note: if you pass `showTitleBar = false` title bar is not removed from the DOM. For better accessibility column titles should be defined as well.\n   * @default true\n   * @external\n   */\n  showTitleBar?: boolean;\n  /**\n   * A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * Enables tags feature. In this element you can pass the configuration\n   */\n  tags?: TagsElement<T>;\n  /**\n   * A [`<ExportModal />`](./?path=/story/features-export--exportto#CTA_is_out_of_the_table) react element to be rendered in table's context.\n   */\n  exportModal?: ReactElement;\n}\n\nexport interface ToolbarCollectionBaseProps<T, F extends FiltersMap>\n  extends ToolbarBaseProps<T>,\n    DragAndDropCategoriesProps<F> {\n  children?: ReactNode | ReactNode[];\n\n  /**\n   * Adds view options to the table headers.\n   * Accepts a [Views](./?path=/story/features-display-views--views) component.\n   * @overrideType [Views](./?path=/story/features-display-views--views)\n   * @external\n   */\n  views?: CollectionViewsDropdownElement<F>;\n  /**\n   * Adds filters to the toolbar and/or a sliding panel.\n   * Accepts a `ToolbarFilters` component, which must have the `panelTitle` prop defined.\n   * @overrideType [ToolbarFilters](./?path=%2Fstory%2Ffeatures-filter-components--toolbarfilters)\n   * @external\n   */\n  filters?: CollectionToolbarFiltersElement;\n  /**\n   * Displays tabs at the left of a toolbar.\n   * Accepts a [TabsFilter](./?path=/story/features-filter-components--tabsfilter) component.\n   * @overrideType [TabsFilter](./?path=/story/features-filter-components--tabsfilter)\n   * @external\n   */\n  tabs?: TabsFilterElement<TabsFilterProps<T>>;\n\n  selectionToolbar?: ReactElement;\n\n  sticky?: boolean;\n  /**\n   * Minimum height for a card's container when showing:<br>\n   * - A loader<br>\n   * - Empty state<br>\n   * - Error state\n   * <br><br>\n   * If no unit is specified, `px` is used.\n   * @default 300px\n   * @external\n   */\n  minCardHeight?: CSSProperties['minHeight'];\n\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters <br>\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n   *   * `isOnline`: Indicates whether internet connection is available <br>\n   *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n   * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n   * @external\n   */\n  renderError?: TablePlaceholderStatesProps['renderError'];\n\n  /**\n   * Renders when there are no items to display. Accepts a [`CollectionEmptyState`](./?path=/story/features-display-empty-states--collectionemptystate) component.\n   * @external\n   * @overrideType [CollectionEmptyState](./?path=/story/features-display-empty-states--collectionemptystate)\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Shown when a search or filter has no results.\n   * Accepts a [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate) component,\n   * or a function that accepts the following parameters:\n   * - `hasAvailableItems`: Indicates whether other items may be shown using other filter or search parameters.\n   * - `query`: An instance of [`ComputedQuery`](./?path=/story/common-models--computedquery) representing the query that resulted in the empty state.\n   * The function should return [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate).\n   * @external\n   * @overrideType [CollectionNoResultsState](./?path=/story/features-display-empty-states--collectionnoresultsstate)\n   */\n  noResultsState?:\n    | ReactNode\n    | ((params: {\n        hasAvailableItems: boolean;\n        query: ComputedQuery<F>;\n      }) => ReactNode);\n\n  cardProps?: Partial<CardProps>;\n  onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n  /**\n   * Renders a notification below the header. Accepts a [`TableTopNotification`](./?path=/story/features-display-tabletopnotification--tabletopnotification) component.\n   * @overrideType [TableTopNotification](./?path=/story/features-display-tabletopnotification--tabletopnotification)\n   * @external\n   */\n  topNotification?:\n    | TopNotificationElement\n    | ((params: {\n        query: ComputedQuery<F>;\n      }) => TopNotificationElement | boolean | null | undefined)\n    | boolean\n    | null\n    | undefined;\n\n  extraToolbar?: ReactNode;\n\n  /**\n   * Display a summary bar below the toolbar.\n   * Accepts a [`SummaryBar`](./?path=/story/features-display-toolbar--summarybar) component.\n   * @overrideType [SummaryBar](./?path=/story/features-display-toolbar--summarybar)\n   * @external\n   */\n  summaryBar?: ReactNode;\n  tableGridSwitchButton?: ReactElement<TableGridSwitchButtonProps>;\n\n  /**\n   * Function that submits a drop event to the server. <br> <br>\n   * The parameter is an event object containing the following details: <br>\n   * -`from: {item: T; index: number}`: The dragged item. <br>\n   * -`after: null | [item: T; iindex: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters.\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n  /**\n   * Function that submits an array of drop events to the server. <br> <br>\n   * The parameter is an array of event objects containing the following details: <br>\n   * -`from: {item: T; index: number}`: The dragged item. <br>\n   * -`after: null | [item: T; index: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters. <br>\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n\n  /**\n   * A function that cancels a drop event. <br>\n   * Supported arguments: <br>\n   * - `from: {item: T; index: number}`: The dragged item.\n   * - `after: null | {item: T; index: number}`: The item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`.\n   * - `filters`: Currently applied filters. Used in cases where your server holds a unique ordering per filtering. See the `dragAndDropCategories` prop.\n   *\n   * If the move is cancelled, the function returns a toast config object with a message. Otherwise, the function will return a null value.\n   * @external\n   */\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n  /**\n   * @deprecated It doesn't need to be passed implicitly anymore.\n   */\n  extensionMenuItems?: ExtensionMenuItemsType;\n\n  /**\n   * Drag and drop reorder mode toolbar. This prop accepts a `ReorderModeToolbar` component.<br>\n   * The `ReorderModeToolbar` component accepts the following props:<br>\n   *  + `learnMoreUrl`: [string] A URL in the toolbar.<br>\n   *  + `reorderModeTitle`: [string] A title in the toolbar.\n   * @external\n   */\n  dragAndDropReorderModeToolbar?: ReorderModeToolbarElement | null;\n\n  /**\n   * Adds functionality to allow visitors to create choose which columns to display and in what order. Accepts a [CustomColumns](./?path=/story/features-display--customcolumns) component.\n   * @overrideType [CustomColumns](./?path=/story/features-display--customcolumns)\n   * @external\n   */\n  customColumns?: CustomColumnsElement | null;\n\n  /**\n   * Adds functionality to allow visitors to sort multiple columns simultaneously.\n   * Accepts a [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting) component.\n   * @overrideType [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting)\n   * @external\n   */\n  multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n  /**\n   * Adds functionality for a primary action button in the toolbar.\n   * Accepts a [PrimaryActionButton](./?path=/story/features-actions-primaryactionbutton--primaryactionbutton) component.\n   * @external\n   * @overrideType [PrimaryActionButton](./?path=/story/features-actions-primaryactionbutton--primaryactionbutton)\n   */\n  primaryActionButton?: PrimaryActionButtonElement;\n\n  /**\n   * Apply filter button implementation: `import { AddApplyFiltersButton } from '@wix/patterns';`\n   * <br>\n   * Add `Apply` button to the filters panel footer. Panel filters will be applied only after the button is clicked.\n   */\n  AddApplyFiltersButton?: AddApplyFiltersButtonType;\n\n  /**\n   * Limits the amount of rows a visitor can select.\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Indicates whether the table should have an [internal scroll](./?path=/story/features-display-internal-scroll--internal-scroll) instead of the default page scroll.\n   * @external\n   */\n  internalScroll?: boolean;\n}\n\nexport interface ToolbarCollectionProps<T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function ToolbarCollection<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    views,\n    extraToolbar,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    sticky: stickyProp,\n    search,\n    children,\n    tableGridSwitchButton,\n    exportButton,\n    primaryActionButton,\n    summaryBar,\n  } = props;\n  assertComponentType(views, 'CollectionViewsDropdown', 'views');\n  checkConflictingToolbarProps(props);\n\n  const { scrollableContentRef: scrollablePageRef } = usePageScrollContext();\n\n  const [sticky, setSticky] = useState(\n    stickyProp ?? scrollablePageRef?.current != null,\n  );\n\n  useEffect(() => {\n    setSticky(stickyProp ?? scrollablePageRef?.current != null);\n  }, [stickyProp]);\n\n  return (\n    <>\n      <CollectionToolbars\n        sticky={sticky}\n        state={state}\n        search={search}\n        views={views}\n        title={title}\n        tabs={tabs}\n        filters={filters}\n        selectionToolbar={selectionToolbar}\n        dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n        extraToolbar={extraToolbar}\n        tableGridSwitchButton={tableGridSwitchButton}\n        exportButton={exportButton}\n        primaryActionButton={primaryActionButton}\n        summaryBar={summaryBar}\n        titleBar={\n          <Box\n            width=\"100%\"\n            borderTopColor=\"D60\"\n            borderTopWidth=\"1px\"\n            borderTopStyle=\"solid\"\n            boxSizing=\"border-box\"\n          />\n        }\n      />\n      <Box\n        dataHook=\"toolbar-collection-content\"\n        width=\"100%\"\n        direction=\"vertical\"\n        minHeight={0}\n        flex={1}\n        verticalAlign=\"middle\"\n      >\n        {children}\n      </Box>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_assertComponentType","_CollectionToolbars","_checkConflictingToolbarProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToolbarCollection","props","state","filters","title","tabs","views","extraToolbar","selectionToolbar","dragAndDropReorderModeToolbar","sticky","stickyProp","search","children","tableGridSwitchButton","exportButton","primaryActionButton","summaryBar","topNotification","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","query","collection","result","originQuery","titleBar","Box","width","borderTopColor","borderTopWidth","borderTopStyle","boxSizing","__self","__source","fileName","lineNumber","columnNumber","dataHook","direction","minHeight","flex","verticalAlign"],"sources":["../../../../src/components/ToolbarCollection/ToolbarCollection.tsx"],"sourcesContent":["import { Box, CardProps, usePageScrollContext } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useState,\n} from 'react';\nimport { CollectionToolbarProps, FilterElement, TabsFilterProps } from '../..';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport {\n  assertComponentType,\n  CollectionSearchElement,\n  CollectionToolbarFiltersElement,\n  CollectionViewsDropdownElement,\n  CustomColumnsElement,\n  PrimaryActionButtonElement,\n  ReorderModeToolbarElement,\n  TabsFilterElement,\n  ToolbarTitleElement,\n  TopNotificationElement,\n} from '../assertComponentType';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport {\n  DragAndDropBulkSubmit,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport type { AddApplyFiltersButtonType } from '../FiltersPanel/AddApplyFiltersButton';\nimport type { TagsElement } from '../Tags';\nimport type { ExtensionMenuItemsType } from '../ExtensionMenuItems';\nimport { TablePlaceholderStatesProps } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { DragAndDropCategoriesProps } from '../DragAndDrop/DragAndDropCategoriesProps';\n\nexport interface ToolbarBaseProps<T> {\n  /**\n   * Displays a title at the left of a toolbar. Accepts a [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle) component.\n   * @overrideType [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle)\n   * @external\n   */\n  title?: ToolbarTitleElement;\n  /**\n   * Displays a search input on the right side of the table toolbar.<br> <br>\n   * Accepts a boolean or a custom React element as a parameter. When passing `false`, no search input is displayed.\n   * @default true\n   * @external\n   */\n  search?: boolean | FilterElement | CollectionSearchElement;\n\n  /**\n   * Indicates whether to show Table Title Bar or not.\n   * Note: if you pass `showTitleBar = false` title bar is not removed from the DOM. For better accessibility column titles should be defined as well.\n   * @default true\n   * @external\n   */\n  showTitleBar?: boolean;\n  /**\n   * A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * Enables tags feature. In this element you can pass the configuration\n   */\n  tags?: TagsElement<T>;\n  /**\n   * A [`<ExportModal />`](./?path=/story/features-export--exportto#CTA_is_out_of_the_table) react element to be rendered in table's context.\n   */\n  exportModal?: ReactElement;\n}\n\nexport interface ToolbarCollectionBaseProps<T, F extends FiltersMap>\n  extends ToolbarBaseProps<T>,\n    DragAndDropCategoriesProps<F> {\n  children?: ReactNode | ReactNode[];\n\n  /**\n   * Adds view options to the table headers.\n   * Accepts a [Views](./?path=/story/features-display-views--views) component.\n   * @overrideType [Views](./?path=/story/features-display-views--views)\n   * @external\n   */\n  views?: CollectionViewsDropdownElement<F>;\n  /**\n   * Adds filters to the toolbar and/or a sliding panel.\n   * Accepts a `ToolbarFilters` component, which must have the `panelTitle` prop defined.\n   * @overrideType [ToolbarFilters](./?path=%2Fstory%2Ffeatures-filter-components--toolbarfilters)\n   * @external\n   */\n  filters?: CollectionToolbarFiltersElement;\n  /**\n   * Displays tabs at the left of a toolbar.\n   * Accepts a [TabsFilter](./?path=/story/features-filter-components--tabsfilter) component.\n   * @overrideType [TabsFilter](./?path=/story/features-filter-components--tabsfilter)\n   * @external\n   */\n  tabs?: TabsFilterElement<TabsFilterProps<T>>;\n\n  selectionToolbar?: ReactElement;\n\n  sticky?: boolean;\n  /**\n   * Minimum height for a card's container when showing:<br>\n   * - A loader<br>\n   * - Empty state<br>\n   * - Error state\n   * <br><br>\n   * If no unit is specified, `px` is used.\n   * @default 300px\n   * @external\n   */\n  minCardHeight?: CSSProperties['minHeight'];\n\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters <br>\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n   *   * `isOnline`: Indicates whether internet connection is available <br>\n   *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n   * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n   * @external\n   */\n  renderError?: TablePlaceholderStatesProps['renderError'];\n\n  /**\n   * Renders when there are no items to display. Accepts a [`CollectionEmptyState`](./?path=/story/features-display-empty-states--collectionemptystate) component.\n   * @external\n   * @overrideType [CollectionEmptyState](./?path=/story/features-display-empty-states--collectionemptystate)\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Shown when a search or filter has no results.\n   * Accepts a [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate) component,\n   * or a function that accepts the following parameters:\n   * - `hasAvailableItems`: Indicates whether other items may be shown using other filter or search parameters.\n   * - `query`: An instance of [`ComputedQuery`](./?path=/story/common-models--computedquery) representing the query that resulted in the empty state.\n   * The function should return [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate).\n   * @external\n   * @overrideType [CollectionNoResultsState](./?path=/story/features-display-empty-states--collectionnoresultsstate)\n   */\n  noResultsState?:\n    | ReactNode\n    | ((params: {\n        hasAvailableItems: boolean;\n        query: ComputedQuery<F>;\n      }) => ReactNode);\n\n  cardProps?: Partial<CardProps>;\n  onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n  /**\n   * Renders a notification below the header. Accepts a [`TableTopNotification`](./?path=/story/features-display-tabletopnotification--tabletopnotification) component.\n   * @overrideType [TableTopNotification](./?path=/story/features-display-tabletopnotification--tabletopnotification)\n   * @external\n   */\n  topNotification?:\n    | TopNotificationElement\n    | ((params: {\n        query: ComputedQuery<F>;\n      }) => TopNotificationElement | boolean | null | undefined)\n    | boolean\n    | null\n    | undefined;\n\n  extraToolbar?: ReactNode;\n\n  /**\n   * Display a summary bar below the toolbar.\n   * Accepts a [`SummaryBar`](./?path=/story/features-display-toolbar--summarybar) component.\n   * @overrideType [SummaryBar](./?path=/story/features-display-toolbar--summarybar)\n   * @external\n   */\n  summaryBar?: ReactNode;\n  tableGridSwitchButton?: ReactElement<TableGridSwitchButtonProps>;\n\n  /**\n   * Function that submits a drop event to the server. <br> <br>\n   * The parameter is an event object containing the following details: <br>\n   * -`from: {item: T; index: number}`: The dragged item. <br>\n   * -`after: null | [item: T; iindex: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters.\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n  /**\n   * Function that submits an array of drop events to the server. <br> <br>\n   * The parameter is an array of event objects containing the following details: <br>\n   * -`from: {item: T; index: number}`: The dragged item. <br>\n   * -`after: null | [item: T; index: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters. <br>\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n\n  /**\n   * A function that cancels a drop event. <br>\n   * Supported arguments: <br>\n   * - `from: {item: T; index: number}`: The dragged item.\n   * - `after: null | {item: T; index: number}`: The item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`.\n   * - `filters`: Currently applied filters. Used in cases where your server holds a unique ordering per filtering. See the `dragAndDropCategories` prop.\n   *\n   * If the move is cancelled, the function returns a toast config object with a message. Otherwise, the function will return a null value.\n   * @external\n   */\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n  /**\n   * @deprecated It doesn't need to be passed implicitly anymore.\n   */\n  extensionMenuItems?: ExtensionMenuItemsType;\n\n  /**\n   * Drag and drop reorder mode toolbar. This prop accepts a `ReorderModeToolbar` component.<br>\n   * The `ReorderModeToolbar` component accepts the following props:<br>\n   *  + `learnMoreUrl`: [string] A URL in the toolbar.<br>\n   *  + `reorderModeTitle`: [string] A title in the toolbar.\n   * @external\n   */\n  dragAndDropReorderModeToolbar?: ReorderModeToolbarElement | null;\n\n  /**\n   * Adds functionality to allow visitors to create choose which columns to display and in what order. Accepts a [CustomColumns](./?path=/story/features-display--customcolumns) component.\n   * @overrideType [CustomColumns](./?path=/story/features-display--customcolumns)\n   * @external\n   */\n  customColumns?: CustomColumnsElement | null;\n\n  /**\n   * Adds functionality to allow visitors to sort multiple columns simultaneously.\n   * Accepts a [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting) component.\n   * @overrideType [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting)\n   * @external\n   */\n  multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n  /**\n   * Adds functionality for a primary action button in the toolbar.\n   * Accepts a [PrimaryActionButton](./?path=/story/features-actions-primaryactionbutton--primaryactionbutton) component.\n   * @external\n   * @overrideType [PrimaryActionButton](./?path=/story/features-actions-primaryactionbutton--primaryactionbutton)\n   */\n  primaryActionButton?: PrimaryActionButtonElement;\n\n  /**\n   * Apply filter button implementation: `import { AddApplyFiltersButton } from '@wix/patterns';`\n   * <br>\n   * Add `Apply` button to the filters panel footer. Panel filters will be applied only after the button is clicked.\n   */\n  AddApplyFiltersButton?: AddApplyFiltersButtonType;\n\n  /**\n   * Limits the amount of rows a visitor can select.\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Indicates whether the table should have an [internal scroll](./?path=/story/features-display-internal-scroll--internal-scroll) instead of the default page scroll.\n   * @external\n   */\n  internalScroll?: boolean;\n}\n\nexport interface ToolbarCollectionProps<T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function ToolbarCollection<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    views,\n    extraToolbar,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    sticky: stickyProp,\n    search,\n    children,\n    tableGridSwitchButton,\n    exportButton,\n    primaryActionButton,\n    summaryBar,\n    topNotification,\n  } = props;\n  assertComponentType(views, 'CollectionViewsDropdown', 'views');\n  checkConflictingToolbarProps(props);\n\n  const { scrollableContentRef: scrollablePageRef } = usePageScrollContext();\n\n  const [sticky, setSticky] = useState(\n    stickyProp ?? scrollablePageRef?.current != null,\n  );\n\n  useEffect(() => {\n    setSticky(stickyProp ?? scrollablePageRef?.current != null);\n  }, [stickyProp]);\n\n  return (\n    <>\n      <CollectionToolbars\n        sticky={sticky}\n        state={state}\n        search={search}\n        views={views}\n        title={title}\n        tabs={tabs}\n        filters={filters}\n        selectionToolbar={selectionToolbar}\n        dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n        extraToolbar={extraToolbar}\n        tableGridSwitchButton={tableGridSwitchButton}\n        exportButton={exportButton}\n        primaryActionButton={primaryActionButton}\n        summaryBar={summaryBar}\n        topNotification={\n          typeof topNotification === 'function'\n            ? () =>\n                topNotification({ query: state.collection.result.originQuery })\n            : topNotification\n        }\n        titleBar={\n          <Box\n            width=\"100%\"\n            borderTopColor=\"D60\"\n            borderTopWidth=\"1px\"\n            borderTopStyle=\"solid\"\n            boxSizing=\"border-box\"\n          />\n        }\n      />\n      <Box\n        dataHook=\"toolbar-collection-content\"\n        width=\"100%\"\n        direction=\"vertical\"\n        minHeight={0}\n        flex={1}\n        verticalAlign=\"middle\"\n      >\n        {children}\n      </Box>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.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_ = "ToolbarItemBox1678930868";
+var _namespace_ = "ToolbarItemBox3081027404";
 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": "ToolbarItemBox1678930868__root"
+  "root": "ToolbarItemBox3081027404__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox1678930868\";\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\":\"ToolbarItemBox1678930868__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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox3081027404\";\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\":\"ToolbarItemBox3081027404__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":[]}

package/dist/cjs/components/common.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_ = "common1232439918";
+var _namespace_ = "common1789297752";
 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": "common1232439918__root",
-  "column": "common1232439918__column",
-  "fullHeight": "common1232439918__fullHeight"
+  "root": "common1789297752__root",
+  "column": "common1789297752__column",
+  "fullHeight": "common1789297752__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common1232439918\";\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\":\"common1232439918__root\",\"column\":\"common1232439918__column\",\"fullHeight\":\"common1232439918__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common1789297752\";\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\":\"common1789297752__root\",\"column\":\"common1789297752__column\",\"fullHeight\":\"common1789297752__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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":[]}