@wix/patterns 1.261.0 → 1.264.0

package/dist/cjs/bm/errorMonitorCompat.js.map

@@ -1 +1 @@
-{"version":3,"names":["_yoshiFlowBm","require","useErrorMonitorCompat","sentry","errorMonitor","useErrorMonitor","e","useSentry","getErrorMonitorCompat","flowAPI"],"sources":["../../../src/bm/errorMonitorCompat.ts"],"sourcesContent":["// currently `useErrorMonitor` is not always available - see https://wix.slack.com/archives/G011G2JCGGM/p1630590305001100\nimport { ErrorMonitor } from '@wix/bex-core';\nimport {\n  ComponentHooksFlowAPI,\n  useErrorMonitor,\n  useSentry,\n} from '@wix/yoshi-flow-bm';\n\nexport function useErrorMonitorCompat(): ErrorMonitor {\n  let sentry: ErrorMonitor | null = null;\n  let errorMonitor: ErrorMonitor | null = null;\n  try {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    errorMonitor = useErrorMonitor();\n  } catch (e) {}\n\n  try {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    sentry = useSentry();\n  } catch (e) {}\n\n  return (errorMonitor ?? sentry)!;\n}\n\nexport function getErrorMonitorCompat(\n  flowAPI: ComponentHooksFlowAPI,\n): ErrorMonitor {\n  let sentry: ErrorMonitor | null = null;\n  let errorMonitor: ErrorMonitor | null = null;\n  try {\n    errorMonitor = flowAPI.errorMonitor;\n  } catch (e) {}\n\n  try {\n    sentry = flowAPI.sentry;\n  } catch (e) {}\n\n  return (errorMonitor ?? sentry)!;\n}"],"mappings":";;;;;AAEA,IAAAA,YAAA,GAAAC,OAAA;AAFA;;AAQO,SAASC,qBAAqBA,CAAA,EAAiB;EACpD,IAAIC,MAA2B,GAAG,IAAI;EACtC,IAAIC,YAAiC,GAAG,IAAI;EAC5C,IAAI;IACF;IACAA,YAAY,GAAG,IAAAC,4BAAe,EAAC,CAAC;EAClC,CAAC,CAAC,OAAOC,CAAC,EAAE,CAAC;EAEb,IAAI;IACF;IACAH,MAAM,GAAG,IAAAI,sBAAS,EAAC,CAAC;EACtB,CAAC,CAAC,OAAOD,CAAC,EAAE,CAAC;EAEb,OAAQF,YAAY,IAAID,MAAM;AAChC;AAEO,SAASK,qBAAqBA,CACnCC,OAA8B,EAChB;EACd,IAAIN,MAA2B,GAAG,IAAI;EACtC,IAAIC,YAAiC,GAAG,IAAI;EAC5C,IAAI;IACFA,YAAY,GAAGK,OAAO,CAACL,YAAY;EACrC,CAAC,CAAC,OAAOE,CAAC,EAAE,CAAC;EAEb,IAAI;IACFH,MAAM,GAAGM,OAAO,CAACN,MAAM;EACzB,CAAC,CAAC,OAAOG,CAAC,EAAE,CAAC;EAEb,OAAQF,YAAY,IAAID,MAAM;AAChC","ignoreList":[]}
+{"version":3,"names":["_yoshiFlowBm","require","useErrorMonitorCompat","sentry","errorMonitor","useErrorMonitor","e","useSentry","getErrorMonitorCompat","flowAPI"],"sources":["../../../src/bm/errorMonitorCompat.ts"],"sourcesContent":["// currently `useErrorMonitor` is not always available - see https://wix.slack.com/archives/G011G2JCGGM/p1630590305001100\nimport { ErrorMonitor } from '@wix/bex-core';\nimport {\n  ComponentHooksFlowAPI,\n  useErrorMonitor,\n  useSentry,\n} from '@wix/yoshi-flow-bm';\n\nexport function useErrorMonitorCompat(): ErrorMonitor {\n  let sentry: ErrorMonitor | null = null;\n  let errorMonitor: ErrorMonitor | null = null;\n  try {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    errorMonitor = useErrorMonitor();\n  } catch (e) {}\n\n  try {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    sentry = useSentry();\n  } catch (e) {}\n\n  return (errorMonitor ?? sentry)!;\n}\n\nexport function getErrorMonitorCompat(\n  flowAPI: ComponentHooksFlowAPI,\n): ErrorMonitor {\n  let sentry: ErrorMonitor | null = null;\n  let errorMonitor: ErrorMonitor | null = null;\n  try {\n    errorMonitor = flowAPI.errorMonitor;\n  } catch (e) {}\n\n  try {\n    sentry = flowAPI.sentry;\n  } catch (e) {}\n\n  return (errorMonitor ?? sentry)!;\n}\n"],"mappings":";;;;;AAEA,IAAAA,YAAA,GAAAC,OAAA;AAFA;;AAQO,SAASC,qBAAqBA,CAAA,EAAiB;EACpD,IAAIC,MAA2B,GAAG,IAAI;EACtC,IAAIC,YAAiC,GAAG,IAAI;EAC5C,IAAI;IACF;IACAA,YAAY,GAAG,IAAAC,4BAAe,EAAC,CAAC;EAClC,CAAC,CAAC,OAAOC,CAAC,EAAE,CAAC;EAEb,IAAI;IACF;IACAH,MAAM,GAAG,IAAAI,sBAAS,EAAC,CAAC;EACtB,CAAC,CAAC,OAAOD,CAAC,EAAE,CAAC;EAEb,OAAQF,YAAY,IAAID,MAAM;AAChC;AAEO,SAASK,qBAAqBA,CACnCC,OAA8B,EAChB;EACd,IAAIN,MAA2B,GAAG,IAAI;EACtC,IAAIC,YAAiC,GAAG,IAAI;EAC5C,IAAI;IACFA,YAAY,GAAGK,OAAO,CAACL,YAAY;EACrC,CAAC,CAAC,OAAOE,CAAC,EAAE,CAAC;EAEb,IAAI;IACFH,MAAM,GAAGM,OAAO,CAACN,MAAM;EACzB,CAAC,CAAC,OAAOG,CAAC,EAAE,CAAC;EAEb,OAAQF,YAAY,IAAID,MAAM;AAChC","ignoreList":[]}

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

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

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

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

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Collapse3313035634";
+var _namespace_ = "Collapse2575569709";
 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": "Collapse3313035634__root",
-  "exit": "Collapse3313035634__exit"
+  "root": "Collapse2575569709__root",
+  "exit": "Collapse2575569709__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

package/dist/cjs/components/CollectionCard/CollectionCard.js

@@ -28,7 +28,7 @@ function _CollectionCard({
 }) {
   const page = (0, _providers.usePageContext)();
   const {
-    containerLayoutType
+    isPanelLayout
   } = (0, _react2.useWixPatternsContainer)();
   const {
     modalsContainerRef,
@@ -167,7 +167,7 @@ function _CollectionCard({
       lineNumber: 115,
       columnNumber: 9
     }
-  }), containerLayoutType === 'panel' ? /*#__PURE__*/_react.default.createElement(_WixPatternsPanelModalsContainer.WixPatternsPanelModalsContainer, {
+  }), isPanelLayout ? /*#__PURE__*/_react.default.createElement(_WixPatternsPanelModalsContainer.WixPatternsPanelModalsContainer, {
     state: state.panels,
     __self: this,
     __source: {

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionContext","_ActionModal","_ToolbarCollectionContext","_NavigationModal","_WixPatternsModalsContainer","_providers","_MultiCollectionSupportProvider","_commonStCss","_ErrorState","_WixPatternsPanelModalsContainer","_react2","_jsxFileName","_CollectionCard","state","errorState","children","tags","rest","page","usePageContext","containerLayoutType","useWixPatternsContainer","modalsContainerRef","stackingRootRef","collection","initTask","bulk","AddApplyFiltersButton","collectionDataExtension","tagsCollectionState","modals","actionModal","status","initTaskStatus","child","isError","default","createElement","ErrorState","errorStatus","dataHook","__self","__source","fileName","lineNumber","columnNumber","Fragment","value","MessageActionModal","_extends2","ToolbarCollectionProvider","MultiCollectionSupportProvider","multi","Card","className","st","classes","column","fullHeight","CollectionProvider","NavigationModal","dataExtension","DataExtension","CustomFieldModal","customFieldsPanel","customFieldModal","ArchiveFieldModal","archiveFieldModal","components","ManageModal","DiscardChangesModal","LiveRegion","ref","liveRegionRef","current","WixPatternsPanelModalsContainer","panels","WixPatternsModalsContainer","rootRef","anchorRef","CollectionCard","exports","observer"],"sources":["../../../../src/components/CollectionCard/CollectionCard.tsx"],"sourcesContent":["import { Card, CardProps, LiveRegion } from '@wix/design-system';\nimport React, { ReactElement, ReactNode } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { CollectionProvider } from '../CollectionContext';\nimport { MessageActionModal } from '../ActionModal';\nimport { ToolbarCollectionProvider } from '../ToolbarCollectionContext';\nimport { NavigationModal } from '../NavigationModal';\nimport { WixPatternsModalsContainer } from '../WixPatternsModalsContainer';\nimport { usePageContext } from '../../providers';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\nimport type { DataExtensionType } from '../DataExtension';\nimport { classes, st } from '../common.st.css.js';\nimport { ErrorState } from '../ErrorState';\nimport type { TagsElement } from '../Tags';\nimport { WixPatternsPanelModalsContainer } from '../WixPatternsPanelModalsContainer';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface CollectionCardProps<T, F extends FiltersMap>\n  extends CardProps {\n  state: ToolbarCollectionState<T, F>;\n  children?: ReactNode | ReactNode[];\n  errorState?:\n    | false\n    | ((\n        err: unknown,\n        params: {\n          isOnline: boolean;\n          retry: () => void;\n        },\n      ) => ReactElement);\n  dataExtension?: DataExtensionType;\n  tags?: TagsElement<T, F>;\n}\n\nfunction _CollectionCard<T, F extends FiltersMap>({\n  state,\n  errorState,\n  children,\n  tags,\n  ...rest\n}: CollectionCardProps<T, F>) {\n  const page = usePageContext();\n\n  const { containerLayoutType } = useWixPatternsContainer();\n\n  const { modalsContainerRef, stackingRootRef } = page;\n\n  const {\n    collection,\n    initTask,\n    bulk,\n    AddApplyFiltersButton,\n    collectionDataExtension,\n    tagsCollectionState,\n  } = state;\n  const { modals } = bulk;\n\n  const { actionModal } = modals;\n\n  const { status: initTaskStatus } = initTask;\n\n  let child: ReactNode;\n\n  if (initTaskStatus.isError && errorState !== false) {\n    child = (\n      <ErrorState\n        errorStatus={initTaskStatus}\n        errorState={errorState}\n        dataHook=\"collection-card-error-state\"\n        state={state}\n      />\n    );\n  } else {\n    child = children;\n\n    child = (\n      <>\n        {child}\n        {actionModal.value && (\n          <MessageActionModal state={actionModal} {...actionModal.value} />\n        )}\n      </>\n    );\n  }\n\n  return (\n    <ToolbarCollectionProvider value={state}>\n      <MultiCollectionSupportProvider value={state.multi}>\n        <Card className={st(classes.column, classes.fullHeight)} {...rest}>\n          <CollectionProvider value={collection}>{child}</CollectionProvider>\n        </Card>\n\n        <NavigationModal />\n        {collectionDataExtension?.dataExtension && (\n          <>\n            <collectionDataExtension.DataExtension.CustomFieldModal\n              state={collectionDataExtension.customFieldsPanel.customFieldModal}\n            />\n            <collectionDataExtension.DataExtension.ArchiveFieldModal\n              state={\n                collectionDataExtension.customFieldsPanel.archiveFieldModal\n              }\n            />\n          </>\n        )}\n\n        <CollectionProvider value={collection}>{tags}</CollectionProvider>\n        {tagsCollectionState && <tagsCollectionState.components.ManageModal />}\n        {AddApplyFiltersButton?.DiscardChangesModal && (\n          <AddApplyFiltersButton.DiscardChangesModal />\n        )}\n\n        <LiveRegion\n          dataHook=\"collection-live-region\"\n          ref={(ref) => {\n            state.liveRegionRef.current = ref;\n          }}\n        />\n\n        {containerLayoutType === 'panel' ? (\n          <WixPatternsPanelModalsContainer state={state.panels} />\n        ) : (\n          <WixPatternsModalsContainer\n            rootRef={stackingRootRef}\n            anchorRef={modalsContainerRef}\n            state={state.panels}\n          />\n        )}\n      </MultiCollectionSupportProvider>\n    </ToolbarCollectionProvider>\n  );\n}\nexport const CollectionCard = observer(_CollectionCard);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionContext","_ActionModal","_ToolbarCollectionContext","_NavigationModal","_WixPatternsModalsContainer","_providers","_MultiCollectionSupportProvider","_commonStCss","_ErrorState","_WixPatternsPanelModalsContainer","_react2","_jsxFileName","_CollectionCard","state","errorState","children","tags","rest","page","usePageContext","isPanelLayout","useWixPatternsContainer","modalsContainerRef","stackingRootRef","collection","initTask","bulk","AddApplyFiltersButton","collectionDataExtension","tagsCollectionState","modals","actionModal","status","initTaskStatus","child","isError","default","createElement","ErrorState","errorStatus","dataHook","__self","__source","fileName","lineNumber","columnNumber","Fragment","value","MessageActionModal","_extends2","ToolbarCollectionProvider","MultiCollectionSupportProvider","multi","Card","className","st","classes","column","fullHeight","CollectionProvider","NavigationModal","dataExtension","DataExtension","CustomFieldModal","customFieldsPanel","customFieldModal","ArchiveFieldModal","archiveFieldModal","components","ManageModal","DiscardChangesModal","LiveRegion","ref","liveRegionRef","current","WixPatternsPanelModalsContainer","panels","WixPatternsModalsContainer","rootRef","anchorRef","CollectionCard","exports","observer"],"sources":["../../../../src/components/CollectionCard/CollectionCard.tsx"],"sourcesContent":["import { Card, CardProps, LiveRegion } from '@wix/design-system';\nimport React, { ReactElement, ReactNode } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { CollectionProvider } from '../CollectionContext';\nimport { MessageActionModal } from '../ActionModal';\nimport { ToolbarCollectionProvider } from '../ToolbarCollectionContext';\nimport { NavigationModal } from '../NavigationModal';\nimport { WixPatternsModalsContainer } from '../WixPatternsModalsContainer';\nimport { usePageContext } from '../../providers';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\nimport type { DataExtensionType } from '../DataExtension';\nimport { classes, st } from '../common.st.css.js';\nimport { ErrorState } from '../ErrorState';\nimport type { TagsElement } from '../Tags';\nimport { WixPatternsPanelModalsContainer } from '../WixPatternsPanelModalsContainer';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface CollectionCardProps<T, F extends FiltersMap>\n  extends CardProps {\n  state: ToolbarCollectionState<T, F>;\n  children?: ReactNode | ReactNode[];\n  errorState?:\n    | false\n    | ((\n        err: unknown,\n        params: {\n          isOnline: boolean;\n          retry: () => void;\n        },\n      ) => ReactElement);\n  dataExtension?: DataExtensionType;\n  tags?: TagsElement<T, F>;\n}\n\nfunction _CollectionCard<T, F extends FiltersMap>({\n  state,\n  errorState,\n  children,\n  tags,\n  ...rest\n}: CollectionCardProps<T, F>) {\n  const page = usePageContext();\n\n  const { isPanelLayout } = useWixPatternsContainer();\n\n  const { modalsContainerRef, stackingRootRef } = page;\n\n  const {\n    collection,\n    initTask,\n    bulk,\n    AddApplyFiltersButton,\n    collectionDataExtension,\n    tagsCollectionState,\n  } = state;\n  const { modals } = bulk;\n\n  const { actionModal } = modals;\n\n  const { status: initTaskStatus } = initTask;\n\n  let child: ReactNode;\n\n  if (initTaskStatus.isError && errorState !== false) {\n    child = (\n      <ErrorState\n        errorStatus={initTaskStatus}\n        errorState={errorState}\n        dataHook=\"collection-card-error-state\"\n        state={state}\n      />\n    );\n  } else {\n    child = children;\n\n    child = (\n      <>\n        {child}\n        {actionModal.value && (\n          <MessageActionModal state={actionModal} {...actionModal.value} />\n        )}\n      </>\n    );\n  }\n\n  return (\n    <ToolbarCollectionProvider value={state}>\n      <MultiCollectionSupportProvider value={state.multi}>\n        <Card className={st(classes.column, classes.fullHeight)} {...rest}>\n          <CollectionProvider value={collection}>{child}</CollectionProvider>\n        </Card>\n\n        <NavigationModal />\n        {collectionDataExtension?.dataExtension && (\n          <>\n            <collectionDataExtension.DataExtension.CustomFieldModal\n              state={collectionDataExtension.customFieldsPanel.customFieldModal}\n            />\n            <collectionDataExtension.DataExtension.ArchiveFieldModal\n              state={\n                collectionDataExtension.customFieldsPanel.archiveFieldModal\n              }\n            />\n          </>\n        )}\n\n        <CollectionProvider value={collection}>{tags}</CollectionProvider>\n        {tagsCollectionState && <tagsCollectionState.components.ManageModal />}\n        {AddApplyFiltersButton?.DiscardChangesModal && (\n          <AddApplyFiltersButton.DiscardChangesModal />\n        )}\n\n        <LiveRegion\n          dataHook=\"collection-live-region\"\n          ref={(ref) => {\n            state.liveRegionRef.current = ref;\n          }}\n        />\n\n        {isPanelLayout ? (\n          <WixPatternsPanelModalsContainer state={state.panels} />\n        ) : (\n          <WixPatternsModalsContainer\n            rootRef={stackingRootRef}\n            anchorRef={modalsContainerRef}\n            state={state.panels}\n          />\n        )}\n      </MultiCollectionSupportProvider>\n    </ToolbarCollectionProvider>\n  );\n}\nexport const CollectionCard = observer(_CollectionCard);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionPageFooter/CollectionPageFooter.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CollectionPageFooter = CollectionPageFooter;
+var _CollectionPage = require("../../state/CollectionPage");
+function CollectionPageFooter(_props) {
+  return null;
+}
+CollectionPageFooter.useCollectionPageFooter = _CollectionPage.useCollectionPageFooter;
+CollectionPageFooter.displayName = 'CollectionPageFooter';
+//# sourceMappingURL=CollectionPageFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_CollectionPage","require","CollectionPageFooter","_props","useCollectionPageFooter","displayName"],"sources":["../../../../src/components/CollectionPageFooter/CollectionPageFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ReactElement } from 'react';\nimport { useCollectionPageFooter } from '../../state/CollectionPage';\n\nexport interface CollectionPageFooterProps {\n  children?: React.ReactNode;\n}\n\nexport type CollectionPageFooterElement = ReactElement<\n  CollectionPageFooterProps,\n  typeof CollectionPageFooter\n>;\n\nexport function CollectionPageFooter(_props: CollectionPageFooterProps) {\n  return null;\n}\n\nCollectionPageFooter.useCollectionPageFooter = useCollectionPageFooter;\nCollectionPageFooter.displayName = 'CollectionPageFooter';\n"],"mappings":";;;;AAEA,IAAAA,eAAA,GAAAC,OAAA;AAWO,SAASC,oBAAoBA,CAACC,MAAiC,EAAE;EACtE,OAAO,IAAI;AACb;AAEAD,oBAAoB,CAACE,uBAAuB,GAAGA,uCAAuB;AACtEF,oBAAoB,CAACG,WAAW,GAAG,sBAAsB","ignoreList":[]}

package/dist/cjs/components/CollectionPageFooter/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _CollectionPageFooter = require("./CollectionPageFooter");
+Object.keys(_CollectionPageFooter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CollectionPageFooter[key]) return;
+  exports[key] = _CollectionPageFooter[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/CollectionPageFooter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_CollectionPageFooter","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/CollectionPageFooter/index.ts"],"sourcesContent":["export * from './CollectionPageFooter';\n"],"mappings":";;;AAAA,IAAAA,qBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,qBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,qBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,qBAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

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

@@ -17,6 +17,7 @@ var _CollectionPageStCss = require("./CollectionPage.st.css.js");
 var _react2 = require("@wix/bex-core/react");
 var _useCollectionPageLoadReporting = require("./useCollectionPageLoadReporting");
 var _useIsMobile = require("../../hooks/useIsMobile");
+var _CollectionPageFooter = require("../CollectionPageFooter");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionPageNew/CollectionPage.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _CollectionPage({
@@ -49,42 +50,58 @@ function _CollectionPage({
     withinRouter: !!collectionPageState.withinRouter
   });
   const isMobile = (0, _useIsMobile.useIsMobile)();
+  let child;
+  if (container.isPanelLayout) {
+    child = /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel, {
+      width: "100%",
+      skin: "floating",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 71,
+        columnNumber: 7
+      }
+    }, wrappedChildren);
+  } else {
+    child = /*#__PURE__*/_react.default.createElement(_PageWrapper.PageWrapperBase, {
+      pageState: collectionPageState.pageState,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 77,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Page, (0, _extends2.default)({
+      className: (0, _CollectionPageStCss.st)(_CollectionPageStCss.classes.root, {
+        mobile: isMobile
+      }),
+      scrollableContentRef: el => {
+        collectionPageState.pageState.scrollableContentRef.current = el;
+        scrollableContentRef == null || scrollableContentRef(el);
+      }
+    }, rest, {
+      minWidth: isMobile ? 0 : undefined,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 78,
+        columnNumber: 9
+      }
+    }), wrappedChildren));
+  }
   return /*#__PURE__*/_react.default.createElement(_providers.CollectionPageContextProvider, {
     value: collectionPageState,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 94,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_PageWrapper.PageWrapperBase, {
-    pageState: collectionPageState.pageState,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 68,
-      columnNumber: 7
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Page, (0, _extends2.default)({
-    className: (0, _CollectionPageStCss.st)(_CollectionPageStCss.classes.root, {
-      mobile: isMobile
-    }),
-    scrollableContentRef: el => {
-      collectionPageState.pageState.scrollableContentRef.current = el;
-      scrollableContentRef == null || scrollableContentRef(el);
-    }
-  }, rest, {
-    minWidth: isMobile ? 0 : undefined,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 69,
-      columnNumber: 9
-    }
-  }), wrappedChildren)));
+  }, child);
 }
 _CollectionPage.Header = _CollectionPageHeaderNew.CollectionPageHeader;
 _CollectionPage.Content = _CollectionPageContent.CollectionPageContent;
+_CollectionPage.Footer = _CollectionPageFooter.CollectionPageFooter;
 _CollectionPage.displayName = 'CollectionPage';
 const CollectionPage = exports.CollectionPage = (0, _mobxReactLite.observer)(_CollectionPage);
 //# sourceMappingURL=CollectionPage.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_useCollectionPageChild","_CollectionPageHeaderNew","_PageWrapper","_CollectionPageContent","_mobxReactLite","_providers","_usePageHeaderNew","_CollectionPageStCss","_react2","_useCollectionPageLoadReporting","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionPage","children","scrollableContentRef","rest","wrappedChildren","useCollectionPageChild","childrenArr","React","Children","toArray","title","pageTitle","hideTotal","hideHeaderTotal","header","usePageHeader","container","useWixPatternsContainer","reportBI","useState","createBILogger","componentType","pageType","route","window","location","pathname","collectionPageState","useCollectionPageState","hasHeader","useEffect","init","useCollectionPageLoadReporting","startTime","withinRouter","isMobile","useIsMobile","createElement","CollectionPageContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","PageWrapperBase","pageState","Page","_extends2","className","st","classes","root","mobile","el","current","minWidth","undefined","Header","CollectionPageHeader","Content","CollectionPageContent","displayName","CollectionPage","exports","observer"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.tsx"],"sourcesContent":["import { PageProps, Page } from '@wix/design-system';\nimport React, { ReactNode, useEffect, useState } from 'react';\nimport { useCollectionPageChild } from '../../hooks/useCollectionPageChild';\nimport { CollectionPageHeader } from '../CollectionPageHeaderNew';\nimport { PageWrapperBase } from '../PageWrapper';\nimport { CollectionPageContent } from '../CollectionPageContent';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionPageContextProvider } from '../../providers';\nimport { usePageHeader } from '../../hooks/usePageHeaderNew';\nimport { st, classes } from './CollectionPage.st.css.js';\n\nimport {\n  useCollectionPageState,\n  useWixPatternsContainer,\n} from '@wix/bex-core/react';\n\nimport { useCollectionPageLoadReporting } from './useCollectionPageLoadReporting';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport interface CollectionPageProps extends PageProps {\n  /**\n   * Accepts [CollectionPage.Header](./?path=/story/base-components-pages-collection-page--collectionpage-header) and [CollectionPage.Content](./?path=/story/base-components-pages-collection-page--collectionpage-content) elements\n   * @external\n   */\n  children?: ReactNode;\n}\n\nfunction _CollectionPage({\n  children,\n  scrollableContentRef,\n  ...rest\n}: CollectionPageProps) {\n  const wrappedChildren = useCollectionPageChild(children);\n  const childrenArr = React.Children.toArray(children);\n  const {\n    title: pageTitle,\n    hideTotal: hideHeaderTotal,\n    header,\n  } = usePageHeader(childrenArr);\n  const container = useWixPatternsContainer();\n\n  const [reportBI] = useState(() =>\n    container.createBILogger({\n      componentType: 'Collection page',\n      pageType: 'Collection',\n      route: window.location.pathname,\n    }),\n  );\n\n  const collectionPageState = useCollectionPageState({\n    reportBI,\n    pageTitle,\n    hasHeader: header != null,\n    hideHeaderTotal,\n  });\n\n  useEffect(() => collectionPageState.init(), []);\n\n  useCollectionPageLoadReporting({\n    startTime: collectionPageState.startTime,\n    withinRouter: !!collectionPageState.withinRouter,\n  });\n\n  const isMobile = useIsMobile();\n\n  return (\n    <CollectionPageContextProvider value={collectionPageState}>\n      <PageWrapperBase pageState={collectionPageState.pageState}>\n        <Page\n          className={st(classes.root, { mobile: isMobile })}\n          scrollableContentRef={(el) => {\n            collectionPageState.pageState.scrollableContentRef.current = el;\n            scrollableContentRef?.(el);\n          }}\n          {...rest}\n          minWidth={isMobile ? 0 : undefined}\n        >\n          {wrappedChildren}\n        </Page>\n      </PageWrapperBase>\n    </CollectionPageContextProvider>\n  );\n}\n\n_CollectionPage.Header = CollectionPageHeader;\n_CollectionPage.Content = CollectionPageContent;\n\n_CollectionPage.displayName = 'CollectionPage';\n\nexport const CollectionPage = observer(_CollectionPage);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_useCollectionPageChild","_CollectionPageHeaderNew","_PageWrapper","_CollectionPageContent","_mobxReactLite","_providers","_usePageHeaderNew","_CollectionPageStCss","_react2","_useCollectionPageLoadReporting","_useIsMobile","_CollectionPageFooter","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionPage","children","scrollableContentRef","rest","wrappedChildren","useCollectionPageChild","childrenArr","React","Children","toArray","title","pageTitle","hideTotal","hideHeaderTotal","header","usePageHeader","container","useWixPatternsContainer","reportBI","useState","createBILogger","componentType","pageType","route","window","location","pathname","collectionPageState","useCollectionPageState","hasHeader","useEffect","init","useCollectionPageLoadReporting","startTime","withinRouter","isMobile","useIsMobile","child","isPanelLayout","createElement","SidePanel","width","skin","__self","__source","fileName","lineNumber","columnNumber","PageWrapperBase","pageState","Page","_extends2","className","st","classes","root","mobile","el","current","minWidth","undefined","CollectionPageContextProvider","value","Header","CollectionPageHeader","Content","CollectionPageContent","Footer","CollectionPageFooter","displayName","CollectionPage","exports","observer"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.tsx"],"sourcesContent":["import { PageProps, Page, SidePanel } from '@wix/design-system';\nimport React, { ReactNode, useEffect, useState } from 'react';\nimport { useCollectionPageChild } from '../../hooks/useCollectionPageChild';\nimport { CollectionPageHeader } from '../CollectionPageHeaderNew';\nimport { PageWrapperBase } from '../PageWrapper';\nimport { CollectionPageContent } from '../CollectionPageContent';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionPageContextProvider } from '../../providers';\nimport { usePageHeader } from '../../hooks/usePageHeaderNew';\nimport { st, classes } from './CollectionPage.st.css.js';\n\nimport {\n  useCollectionPageState,\n  useWixPatternsContainer,\n} from '@wix/bex-core/react';\n\nimport { useCollectionPageLoadReporting } from './useCollectionPageLoadReporting';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CollectionPageFooter } from '../CollectionPageFooter';\n\nexport interface CollectionPageProps extends PageProps {\n  /**\n   * Accepts [CollectionPage.Header](./?path=/story/base-components-pages-collection-page--collectionpage-header) and [CollectionPage.Content](./?path=/story/base-components-pages-collection-page--collectionpage-content) elements\n   * @external\n   */\n  children?: ReactNode;\n}\n\nfunction _CollectionPage({\n  children,\n  scrollableContentRef,\n  ...rest\n}: CollectionPageProps) {\n  const wrappedChildren = useCollectionPageChild(children);\n  const childrenArr = React.Children.toArray(children);\n  const {\n    title: pageTitle,\n    hideTotal: hideHeaderTotal,\n    header,\n  } = usePageHeader(childrenArr);\n  const container = useWixPatternsContainer();\n\n  const [reportBI] = useState(() =>\n    container.createBILogger({\n      componentType: 'Collection page',\n      pageType: 'Collection',\n      route: window.location.pathname,\n    }),\n  );\n\n  const collectionPageState = useCollectionPageState({\n    reportBI,\n    pageTitle,\n    hasHeader: header != null,\n    hideHeaderTotal,\n  });\n\n  useEffect(() => collectionPageState.init(), []);\n\n  useCollectionPageLoadReporting({\n    startTime: collectionPageState.startTime,\n    withinRouter: !!collectionPageState.withinRouter,\n  });\n\n  const isMobile = useIsMobile();\n\n  let child;\n\n  if (container.isPanelLayout) {\n    child = (\n      <SidePanel width=\"100%\" skin=\"floating\">\n        {wrappedChildren}\n      </SidePanel>\n    );\n  } else {\n    child = (\n      <PageWrapperBase pageState={collectionPageState.pageState}>\n        <Page\n          className={st(classes.root, { mobile: isMobile })}\n          scrollableContentRef={(el) => {\n            collectionPageState.pageState.scrollableContentRef.current = el;\n            scrollableContentRef?.(el);\n          }}\n          {...rest}\n          minWidth={isMobile ? 0 : undefined}\n        >\n          {wrappedChildren}\n        </Page>\n      </PageWrapperBase>\n    );\n  }\n\n  return (\n    <CollectionPageContextProvider value={collectionPageState}>\n      {child}\n    </CollectionPageContextProvider>\n  );\n}\n\n_CollectionPage.Header = CollectionPageHeader;\n_CollectionPage.Content = CollectionPageContent;\n_CollectionPage.Footer = CollectionPageFooter;\n\n_CollectionPage.displayName = 'CollectionPage';\n\nexport const CollectionPage = observer(_CollectionPage);\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

@@ -203,7 +203,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 305,
+        lineNumber: 307,
         columnNumber: 11
       }
     }),
@@ -232,13 +232,14 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 292,
+      lineNumber: 294,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_TablePlaceholderStates.TablePlaceholderStates, {
     state: tableState,
     errorState: errorState,
     rowVerticalPadding: rowVerticalPadding,
+    showTitleBar: showTitleBar,
     emptyState: emptyState,
     noResultsState: typeof noResultsState === 'function' ? () => {
       const {
@@ -255,7 +256,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 334,
+      lineNumber: 336,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionTableContent.CollectionTableContent, {
@@ -263,7 +264,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 354,
+      lineNumber: 357,
       columnNumber: 7
     }
   }, useNewInfiniteScrollLoader || internalScroll ? /*#__PURE__*/_react.default.createElement(_PageInfiniteScrollLoader.PageInfiniteScrollLoader, {
@@ -273,7 +274,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 356,
+      lineNumber: 359,
       columnNumber: 11
     }
   }) : undefined, children));
@@ -288,7 +289,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 370,
+        lineNumber: 373,
         columnNumber: 7
       }
     }, table);
@@ -303,7 +304,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 381,
+      lineNumber: 384,
       columnNumber: 5
     }
   }), exportModal ?? state.featuredComponents.exportModal.value, bulkActionModal && /*#__PURE__*/_react.default.createElement(_BulkAction.SingleCollectionBulkActionModal, {
@@ -312,7 +313,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 391,
+      lineNumber: 394,
       columnNumber: 9
     }
   }), table);

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionCard","_useTableCollectionSyncProps","_CollectionTableWSRTable","_CollectionTableContent","_PageInfiniteScrollLoader","_ActionCell","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_providers","_isValidElement","_CollectionTableStCss","_useIsMobile","_SearchableCollectionContent","_jsxFileName","_CollectionTable","props","_state$container$inte","state","tableState","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","dataExtension","tags","views","extraToolbar","bulkActionToolbar","exportButton","exportModal","bulkActionModal","sticky","stickyProp","actionCell","actionCellWidth","actionCellProps","columns","columnsProp","onRowClick","onSortClick","showSelection","showSelectionProp","search","renderError","errorState","err","isOnline","retry","emptyState","noResultsState","children","onSelectedItems","cardProps","minCardHeight","dataHook","topNotification","tableGridSwitchButton","useShowLoaderWhenEmpty","useNewInfiniteScrollLoader","dragAndDrop","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropCancel","dragAndDropReorderModeToolbar","horizontalScroll","horizontalScrollProp","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","maxSelection","showTitleBar","BodyElementType","isApplyColumnWidthStyle","rowVerticalPadding","keyedItems","rest","dataExtensionType","isValidElement","type","toolbar","container","internalExperiments","enabled","scrollableContentRef","useScrollableContentContext","current","collection","internalScroll","default","createElement","CustomColumns","__self","__source","fileName","lineNumber","columnNumber","isMobile","useIsMobile","useTableCollectionSyncProps","isUsingTableVirtualization","selectedOrderedColumnsOrAll","bulkSelect","query","createWSRColumnBase","useCreateWSRColumnBase","transformedColumns","map","column","index","length","render","id","sortable","infoTooltipProps","width","style","restColumn","columnBase","undefined","sortDescending","sort","getIsSortDescending","keyedItem","rowNum","renderedContent","item","searchable","SearchableCollectionContent","actionCellColumn","useActionCellColumn","stickyActionCell","columnsWithActions","internalOnSortClick","col","sortMode","clearResult","multiple","st","tableRowSt","classes","tableRowClasses","Table","dataTableRowStyle","table","CollectionTableWSRTable","_extends2","rowClass","root","mobile","result","originQuery","selectionToolbar","SingleCollectionBulkActionToolbar","dynamicRowClass","skin","onSelectionChanged","_selectedIds","_change","allSelected","selectedValues","selectionDisabled","row","bulk","isRowCheckboxDisabled","TablePlaceholderStates","hasAvailableItems","CollectionTableContent","PageInfiniteScrollLoader","scrollMoreAlways","TableDragAndDropContext","onSubmit","onBulkSubmit","CollectionCard","featuredComponents","value","SingleCollectionBulkActionModal","CollectionTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTable.tsx"],"sourcesContent":["import { Table, TableColumn as WSRTableColumn } from '@wix/design-system';\nimport React, { ReactElement } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { CollectionCard } from '../CollectionCard';\nimport { TableColumn } from '../../model';\nimport { TableState } from '../../state';\nimport { useTableCollectionSyncProps } from './useTableCollectionSyncProps';\nimport type { TableDragAndDropType } from '../TableDragAndDrop';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n} from './CollectionTableWSRTable';\nimport { CollectionTableContent } from './CollectionTableContent';\nimport { PageInfiniteScrollLoader } from '../PageInfiniteScrollLoader';\nimport { useActionCellColumn } from '../ActionCell';\nimport {\n  BulkActionModalRenderProp,\n  BulkActionToolbarRenderProp,\n  SingleCollectionBulkActionModal,\n  SingleCollectionBulkActionToolbar,\n} from '../BulkAction';\nimport { CollectionTableActionCellProps } from './CollectionTableBaseCommonProps';\nimport {\n  type DataExtensionElement,\n  DataExtensionProps,\n  type DataExtensionType,\n} from '../DataExtension';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport type { TagsElement } from '../Tags';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { useScrollableContentContext } from '../../providers';\nimport { isValidElement } from '../isValidElement';\nimport { st, classes } from './CollectionTable.st.css.js';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { SearchableCollectionContent } from '../SearchableCollectionContent/SearchableCollectionContent';\n\nexport interface CollectionTableBaseProps<T, F extends FiltersMap>\n  extends CollectionTableWSRTableBaseProps<T, T, F>,\n  CollectionTableActionCellProps<T, F> {\n  /**\n   * Defines the columns of the table. Accepts an array of [`TableColumn`](./?path=/story/common-types--tablecolumn) objects.\n   * @overrideType [TableColumn](./?path=/story/common-types--tablecolumn)[]\n   * @external\n   */\n  columns: TableColumn<T>[];\n\n  /**\n   * Whether to show a checkbox column for selecting items.\n   * @default false\n   * @external\n   */\n  showSelection?: boolean;\n  /**\n   * A callback method to be called on row click. Signature: `onRowClick(rowData, rowNum)`. To enable hover effect you should set this prop.\n   * @external\n   */\n  onRowClick?: (item: T, index: number) => void;\n  /**\n   * A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar.\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n   * @overrideType [TableDragAndDrop](./?path=/story/features-sort-drag-and-drop--tabledraganddrop)\n   * @external\n   */\n  dragAndDrop?: TableDragAndDropType;\n\n  /**\n   * Data extension implementation: `import { DataExtension } from '@wix/patterns';`\n   */\n  dataExtension?: DataExtensionType | DataExtensionElement;\n\n  tags?: TagsElement<T, F>;\n\n  /**\n   * A function that receives the item of the row and returns a string for tooltip content.\n   * @external\n   */\n  checkboxTooltipContent?: (rowData: KeyedItem<T>) => string | undefined;\n\n  /**\n   * Render a custom toolbar when more than 1 item is selected.<br>\n   * The function accepts the following parameters\n   *   * `selectedValues`: The items that were checked via the selection column\n   *   * `uncheckedValues`: The items that were unchecked via the selection column\n   *   * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n   *   * `openModal`: Opens the modal that contains the component from `bulkActionModal` render prop\n   *   * `clearSelection`: Clears all existing selection, call this after the action on the selected items was done\n   *   * `total`: Total items in the server (taken from [`fetchData`](./?path=/story/common-hooks--usecollection) return value).\n   *   * `openConfirmModal`: Opens a `<MessageModalLayout/>` to confirm an action about to be applied on the selected items.\n   *   * `query`: ComputedQuery<F> - Representation of the current paging, sorting & filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`\n   *\n   * > When passed, enables `showSelection` by default.\n   * @external\n   */\n  bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n  /**\n   * Opens a modal from the [`MultiBulkActionToolbar`](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar).\n   * Supported parameters:\n   *  + `selectedValues`: Selected item values.\n   *  + `uncheckedValues`: Unselected item values.\n   *  + `isSelectAll`: [bool] Whether the **Select All** option is selected.\n   *  + `closeModal`: Closes the modal.\n   *  + `query`: [object] Instance of [ComputedQuery](./?path=/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  bulkActionModal?: BulkActionModalRenderProp<T, F>;\n}\n\nexport interface CollectionTableProps<T, F extends FiltersMap>\n  extends CollectionTableBaseProps<T, F> {\n  state: TableState<T, F>;\n  keyedItems?: KeyedItem<T>[];\n}\n\nfunction _CollectionTable<T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableProps<T, F>,\n) {\n  const {\n    state: tableState,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    dataExtension,\n    tags,\n    views,\n    extraToolbar,\n    bulkActionToolbar,\n    exportButton,\n    exportModal,\n    bulkActionModal,\n    sticky: stickyProp,\n    actionCell,\n    actionCellWidth,\n    actionCellProps,\n    columns: columnsProp,\n    onRowClick,\n    onSortClick,\n    showSelection: showSelectionProp,\n    search,\n    renderError,\n    errorState = renderError &&\n    (((err, { isOnline, retry }) =>\n      renderError?.({\n        err,\n        isOnline,\n        retry,\n      })) as CollectionTableProps<T, F>['errorState']),\n    emptyState,\n    noResultsState,\n    children,\n    onSelectedItems,\n    cardProps,\n    minCardHeight,\n    dataHook,\n    topNotification,\n    tableGridSwitchButton,\n    useShowLoaderWhenEmpty,\n    useNewInfiniteScrollLoader,\n    dragAndDrop,\n    dragAndDropBulkSubmit,\n    dragAndDropSubmit,\n    dragAndDropCancel,\n    dragAndDropReorderModeToolbar,\n    horizontalScroll: horizontalScrollProp,\n    stickyColumns,\n    stickySelectionColumn,\n    hideBulkSelectionCheckbox,\n    maxSelection,\n    showTitleBar = true,\n    BodyElementType,\n    isApplyColumnWidthStyle,\n    rowVerticalPadding,\n    keyedItems,\n    ...rest\n  } = props;\n\n  const dataExtensionType = isValidElement<\n    DataExtensionProps,\n    DataExtensionType\n  >(dataExtension)\n    ? dataExtension.type\n    : dataExtension;\n\n  const state = tableState.toolbar;\n\n  const showSelection = showSelectionProp ?? bulkActionToolbar != null;\n\n  const horizontalScroll =\n    horizontalScrollProp ??\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.HorizontalScrollAsDefault',\n    );\n\n  const { scrollableContentRef } = useScrollableContentContext();\n\n  const sticky = stickyProp ?? scrollableContentRef?.current != null;\n\n  const { collection, internalScroll } = state;\n\n  const customColumns =\n    props.customColumns ||\n    (dataExtensionType && <dataExtensionType.CustomColumns />);\n\n  const isMobile = useIsMobile();\n\n  useTableCollectionSyncProps({\n    ...props,\n    dataExtension,\n    showSelection,\n    customColumns,\n    tags,\n    isUsingTableVirtualization: !!BodyElementType,\n  });\n\n  const { selectedOrderedColumnsOrAll } = state;\n\n  const { bulkSelect, query } = collection;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const transformedColumns: WSRTableColumn<KeyedItem<T>>[] =\n    selectedOrderedColumnsOrAll.map((column, index, { length }) => {\n      const {\n        render,\n        id,\n        sortable,\n        infoTooltipProps,\n        title,\n        width,\n        style,\n        ...restColumn\n      } = column;\n\n      const columnBase = createWSRColumnBase(column, index, length);\n\n      return {\n        ...restColumn,\n        ...columnBase,\n        ...(isApplyColumnWidthStyle ? undefined : { style, width }),\n        sortDescending:\n          sortable && id ? query.sort.getIsSortDescending(id) : undefined,\n        render: (keyedItem: KeyedItem<T>, rowNum: number) => {\n          const renderedContent = render(keyedItem.item, rowNum);\n          return column.searchable ? (\n            <SearchableCollectionContent>{renderedContent}</SearchableCollectionContent>\n          ) : (\n            renderedContent\n          );\n        },\n      };\n    });\n\n  const actionCellColumn = useActionCellColumn({\n    actionCellProps: {\n      ...(actionCellProps ?? {}),\n      stickyActionCell: horizontalScroll || actionCellProps?.stickyActionCell,\n    },\n    actionCellWidth,\n    collection,\n    sticky,\n    actionCell,\n  });\n\n  const columnsWithActions: WSRTableColumn<KeyedItem<T>>[] = actionCellColumn\n    ? [...transformedColumns, actionCellColumn]\n    : transformedColumns;\n\n  const internalOnSortClick = (col: TableColumn<F>, index: number) => {\n    onSortClick?.(col, index);\n\n    if (col.id != null) {\n      state.collection.sort(\n        { id: col.id, sortMode: col.sortMode },\n        {\n          clearResult: true,\n          multiple: multiLevelSortingProp !== undefined,\n        },\n      );\n    }\n  };\n\n  const { st: tableRowSt, classes: tableRowClasses } = Table.dataTableRowStyle;\n\n  let table = (\n    <CollectionTableWSRTable\n      rowClass={st(classes.root, { mobile: isMobile })}\n      {...props}\n      topNotification={\n        typeof topNotification === 'function'\n          ? () => topNotification({ query: collection.result.originQuery })\n          : topNotification\n      }\n      customColumns={customColumns}\n      rowVerticalPadding={rowVerticalPadding}\n      dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n      selectionToolbar={\n        bulkActionToolbar && (\n          <SingleCollectionBulkActionToolbar\n            state={state}\n            bulkActionToolbar={bulkActionToolbar}\n          />\n        )\n      }\n      dynamicRowClass={() =>\n        tableRowSt(tableRowClasses.root, {\n          skin: 'light',\n        })\n      }\n      horizontalScroll={horizontalScroll}\n      minCardHeight={minCardHeight}\n      sticky={sticky}\n      showTitleBar={showTitleBar}\n      state={tableState}\n      columns={columnsWithActions}\n      onSortClick={internalOnSortClick}\n      showSelection={showSelection}\n      onSelectionChanged={(_selectedIds, _change) => {\n        state.onSelectionChanged(_selectedIds, _change);\n        onSelectedItems?.(bulkSelect.allSelected, bulkSelect.selectedValues);\n        rest.onSelectionChanged?.(_selectedIds, _change);\n      }}\n      selectionDisabled={(row) => state.bulk.isRowCheckboxDisabled(row)}\n      onRowClick={onRowClick && (({ item }, index) => onRowClick(item, index))}\n      isApplyColumnWidthStyle={isApplyColumnWidthStyle}\n      keyedItems={keyedItems}\n    >\n      <TablePlaceholderStates\n        state={tableState}\n        errorState={errorState}\n        rowVerticalPadding={rowVerticalPadding}\n        emptyState={emptyState}\n        noResultsState={\n          typeof noResultsState === 'function'\n            ? () => {\n              const {\n                result: { originQuery, hasAvailableItems },\n              } = collection;\n              return noResultsState({\n                hasAvailableItems,\n                query: originQuery,\n              });\n            }\n            : noResultsState\n        }\n      />\n\n      <CollectionTableContent state={tableState}>\n        {useNewInfiniteScrollLoader || internalScroll ? (\n          <PageInfiniteScrollLoader\n            dataHook=\"infinite-scroll-loader\"\n            state={collection}\n            scrollMoreAlways\n          />\n        ) : undefined}\n        {children}\n      </CollectionTableContent>\n    </CollectionTableWSRTable>\n  );\n\n  if (dragAndDrop) {\n    const { TableDragAndDropContext } = dragAndDrop;\n    table = (\n      <TableDragAndDropContext\n        state={state}\n        onSubmit={dragAndDropSubmit}\n        onBulkSubmit={dragAndDropBulkSubmit}\n      >\n        {table}\n      </TableDragAndDropContext>\n    );\n  }\n\n  return (\n    <CollectionCard\n      errorState={errorState}\n      state={state}\n      dataHook={dataHook}\n      dataExtension={dataExtensionType}\n      tags={tags}\n      {...cardProps}\n    >\n      {exportModal ?? state.featuredComponents.exportModal.value}\n      {bulkActionModal && (\n        <SingleCollectionBulkActionModal\n          state={state}\n          bulkActionModal={bulkActionModal}\n        />\n      )}\n      {table}\n    </CollectionCard>\n  );\n}\n\nexport const CollectionTable = observer(_CollectionTable);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAAI,eAAA,GAAAJ,OAAA;AAGA,IAAAK,4BAAA,GAAAL,OAAA;AAEA,IAAAM,wBAAA,GAAAN,OAAA;AAIA,IAAAO,uBAAA,GAAAP,OAAA;AACA,IAAAQ,yBAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AAYA,IAAAW,uBAAA,GAAAX,OAAA;AAEA,IAAAY,uBAAA,GAAAZ,OAAA;AACA,IAAAa,UAAA,GAAAb,OAAA;AACA,IAAAc,eAAA,GAAAd,OAAA;AACA,IAAAe,qBAAA,GAAAf,OAAA;AACA,IAAAgB,YAAA,GAAAhB,OAAA;AACA,IAAAiB,4BAAA,GAAAjB,OAAA;AAAyG,IAAAkB,YAAA;AAoFzG,SAASC,gBAAgBA,CACvBC,KAAiC,EACjC;EAAA,IAAAC,qBAAA;EACA,MAAM;IACJC,KAAK,EAAEC,UAAU;IACjBC,OAAO;IACPC,KAAK;IACLC,IAAI;IACJC,aAAa,EAAEC,iBAAiB;IAChCC,iBAAiB,EAAEC,qBAAqB;IACxCC,aAAa;IACbC,IAAI;IACJC,KAAK;IACLC,YAAY;IACZC,iBAAiB;IACjBC,YAAY;IACZC,WAAW;IACXC,eAAe;IACfC,MAAM,EAAEC,UAAU;IAClBC,UAAU;IACVC,eAAe;IACfC,eAAe;IACfC,OAAO,EAAEC,WAAW;IACpBC,UAAU;IACVC,WAAW;IACXC,aAAa,EAAEC,iBAAiB;IAChCC,MAAM;IACNC,WAAW;IACXC,UAAU,GAAGD,WAAW,KACtB,CAACE,GAAG,EAAE;MAAEC,QAAQ;MAAEC;IAAM,CAAC,KACzBJ,WAAW,oBAAXA,WAAW,CAAG;MACZE,GAAG;MACHC,QAAQ;MACRC;IACF,CAAC,CAAC,CAA8C;IAClDC,UAAU;IACVC,cAAc;IACdC,QAAQ;IACRC,eAAe;IACfC,SAAS;IACTC,aAAa;IACbC,QAAQ;IACRC,eAAe;IACfC,qBAAqB;IACrBC,sBAAsB;IACtBC,0BAA0B;IAC1BC,WAAW;IACXC,qBAAqB;IACrBC,iBAAiB;IACjBC,iBAAiB;IACjBC,6BAA6B;IAC7BC,gBAAgB,EAAEC,oBAAoB;IACtCC,aAAa;IACbC,qBAAqB;IACrBC,yBAAyB;IACzBC,YAAY;IACZC,YAAY,GAAG,IAAI;IACnBC,eAAe;IACfC,uBAAuB;IACvBC,kBAAkB;IAClBC,UAAU;IACV,GAAGC;EACL,CAAC,GAAG/D,KAAK;EAET,MAAMgE,iBAAiB,GAAG,IAAAC,8BAAc,EAGtCtD,aAAa,CAAC,GACZA,aAAa,CAACuD,IAAI,GAClBvD,aAAa;EAEjB,MAAMT,KAAK,GAAGC,UAAU,CAACgE,OAAO;EAEhC,MAAMvC,aAAa,GAAGC,iBAAiB,IAAId,iBAAiB,IAAI,IAAI;EAEpE,MAAMqC,gBAAgB,GACpBC,oBAAoB,MAAApD,qBAAA,GACpBC,KAAK,CAACkE,SAAS,CAACC,mBAAmB,qBAAnCpE,qBAAA,CAAqCqE,OAAO,CAC1C,uCACF,CAAC;EAEH,MAAM;IAAEC;EAAqB,CAAC,GAAG,IAAAC,sCAA2B,EAAC,CAAC;EAE9D,MAAMrD,MAAM,GAAGC,UAAU,IAAI,CAAAmD,oBAAoB,oBAApBA,oBAAoB,CAAEE,OAAO,KAAI,IAAI;EAElE,MAAM;IAAEC,UAAU;IAAEC;EAAe,CAAC,GAAGzE,KAAK;EAE5C,MAAMK,aAAa,GACjBP,KAAK,CAACO,aAAa,IAClByD,iBAAiB,iBAAInF,MAAA,CAAA+F,OAAA,CAAAC,aAAA,CAACb,iBAAiB,CAACc,aAAa;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnF,YAAA;MAAAoF,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAE;EAE5D,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE9B,IAAAC,wDAA2B,EAAC;IAC1B,GAAGtF,KAAK;IACRW,aAAa;IACbiB,aAAa;IACbrB,aAAa;IACbK,IAAI;IACJ2E,0BAA0B,EAAE,CAAC,CAAC5B;EAChC,CAAC,CAAC;EAEF,MAAM;IAAE6B;EAA4B,CAAC,GAAGtF,KAAK;EAE7C,MAAM;IAAEuF,UAAU;IAAEC;EAAM,CAAC,GAAGhB,UAAU;EAExC,MAAMiB,mBAAmB,GAAG,IAAAC,8CAAsB,EAAC;IAAExC;EAAiB,CAAC,CAAC;EAExE,MAAMyC,kBAAkD,GACtDL,2BAA2B,CAACM,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,EAAE;IAAEC;EAAO,CAAC,KAAK;IAC7D,MAAM;MACJC,MAAM;MACNC,EAAE;MACFC,QAAQ;MACRC,gBAAgB;MAChBhG,KAAK;MACLiG,KAAK;MACLC,KAAK;MACL,GAAGC;IACL,CAAC,GAAGT,MAAM;IAEV,MAAMU,UAAU,GAAGd,mBAAmB,CAACI,MAAM,EAAEC,KAAK,EAAEC,MAAM,CAAC;IAE7D,OAAO;MACL,GAAGO,UAAU;MACb,GAAGC,UAAU;MACb,IAAI7C,uBAAuB,GAAG8C,SAAS,GAAG;QAAEH,KAAK;QAAED;MAAM,CAAC,CAAC;MAC3DK,cAAc,EACZP,QAAQ,IAAID,EAAE,GAAGT,KAAK,CAACkB,IAAI,CAACC,mBAAmB,CAACV,EAAE,CAAC,GAAGO,SAAS;MACjER,MAAM,EAAEA,CAACY,SAAuB,EAAEC,MAAc,KAAK;QACnD,MAAMC,eAAe,GAAGd,MAAM,CAACY,SAAS,CAACG,IAAI,EAAEF,MAAM,CAAC;QACtD,OAAOhB,MAAM,CAACmB,UAAU,gBACtBrI,MAAA,CAAA+F,OAAA,CAAAC,aAAA,CAAChF,4BAAA,CAAAsH,2BAA2B;UAAApC,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAnF,YAAA;YAAAoF,UAAA;YAAAC,YAAA;UAAA;QAAA,GAAE6B,eAA6C,CAAC,GAE5EA,eACD;MACH;IACF,CAAC;EACH,CAAC,CAAC;EAEJ,MAAMI,gBAAgB,GAAG,IAAAC,+BAAmB,EAAC;IAC3C9F,eAAe,EAAE;MACf,IAAIA,eAAe,IAAI,CAAC,CAAC,CAAC;MAC1B+F,gBAAgB,EAAElE,gBAAgB,KAAI7B,eAAe,oBAAfA,eAAe,CAAE+F,gBAAgB;IACzE,CAAC;IACDhG,eAAe;IACfoD,UAAU;IACVvD,MAAM;IACNE;EACF,CAAC,CAAC;EAEF,MAAMkG,kBAAkD,GAAGH,gBAAgB,GACvE,CAAC,GAAGvB,kBAAkB,EAAEuB,gBAAgB,CAAC,GACzCvB,kBAAkB;EAEtB,MAAM2B,mBAAmB,GAAGA,CAACC,GAAmB,EAAEzB,KAAa,KAAK;IAClErE,WAAW,YAAXA,WAAW,CAAG8F,GAAG,EAAEzB,KAAK,CAAC;IAEzB,IAAIyB,GAAG,CAACtB,EAAE,IAAI,IAAI,EAAE;MAClBjG,KAAK,CAACwE,UAAU,CAACkC,IAAI,CACnB;QAAET,EAAE,EAAEsB,GAAG,CAACtB,EAAE;QAAEuB,QAAQ,EAAED,GAAG,CAACC;MAAS,CAAC,EACtC;QACEC,WAAW,EAAE,IAAI;QACjBC,QAAQ,EAAElH,qBAAqB,KAAKgG;MACtC,CACF,CAAC;IACH;EACF,CAAC;EAED,MAAM;IAAEmB,EAAE,EAAEC,UAAU;IAAEC,OAAO,EAAEC;EAAgB,CAAC,GAAGC,mBAAK,CAACC,iBAAiB;EAE5E,IAAIC,KAAK,gBACPtJ,MAAA,CAAA+F,OAAA,CAAAC,aAAA,CAAC3F,wBAAA,CAAAkJ,uBAAuB,MAAAC,SAAA,CAAAzD,OAAA;IACtB0D,QAAQ,EAAE,IAAAT,wBAAE,EAACE,6BAAO,CAACQ,IAAI,EAAE;MAAEC,MAAM,EAAEpD;IAAS,CAAC;EAAE,GAC7CpF,KAAK;IACT2C,eAAe,EACb,OAAOA,eAAe,KAAK,UAAU,GACjC,MAAMA,eAAe,CAAC;MAAE+C,KAAK,EAAEhB,UAAU,CAAC+D,MAAM,CAACC;IAAY,CAAC,CAAC,GAC/D/F,eACL;IACDpC,aAAa,EAAEA,aAAc;IAC7BsD,kBAAkB,EAAEA,kBAAmB;IACvCV,6BAA6B,EAAEA,6BAA8B;IAC7DwF,gBAAgB,EACd5H,iBAAiB,iBACflC,MAAA,CAAA+F,OAAA,CAAAC,aAAA,CAACvF,WAAA,CAAAsJ,iCAAiC;MAChC1I,KAAK,EAAEA,KAAM;MACba,iBAAiB,EAAEA,iBAAkB;MAAAgE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnF,YAAA;QAAAoF,UAAA;QAAAC,YAAA;MAAA;IAAA,CACtC,CAEJ;IACD0D,eAAe,EAAEA,CAAA,KACff,UAAU,CAACE,eAAe,CAACO,IAAI,EAAE;MAC/BO,IAAI,EAAE;IACR,CAAC,CACF;IACD1F,gBAAgB,EAAEA,gBAAiB;IACnCX,aAAa,EAAEA,aAAc;IAC7BtB,MAAM,EAAEA,MAAO;IACfuC,YAAY,EAAEA,YAAa;IAC3BxD,KAAK,EAAEC,UAAW;IAClBqB,OAAO,EAAE+F,kBAAmB;IAC5B5F,WAAW,EAAE6F,mBAAoB;IACjC5F,aAAa,EAAEA,aAAc;IAC7BmH,kBAAkB,EAAEA,CAACC,YAAY,EAAEC,OAAO,KAAK;MAC7C/I,KAAK,CAAC6I,kBAAkB,CAACC,YAAY,EAAEC,OAAO,CAAC;MAC/C1G,eAAe,YAAfA,eAAe,CAAGkD,UAAU,CAACyD,WAAW,EAAEzD,UAAU,CAAC0D,cAAc,CAAC;MACpEpF,IAAI,CAACgF,kBAAkB,YAAvBhF,IAAI,CAACgF,kBAAkB,CAAGC,YAAY,EAAEC,OAAO,CAAC;IAClD,CAAE;IACFG,iBAAiB,EAAGC,GAAG,IAAKnJ,KAAK,CAACoJ,IAAI,CAACC,qBAAqB,CAACF,GAAG,CAAE;IAClE3H,UAAU,EAAEA,UAAU,KAAK,CAAC;MAAEuF;IAAK,CAAC,EAAEjB,KAAK,KAAKtE,UAAU,CAACuF,IAAI,EAAEjB,KAAK,CAAC,CAAE;IACzEpC,uBAAuB,EAAEA,uBAAwB;IACjDE,UAAU,EAAEA,UAAW;IAAAiB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnF,YAAA;MAAAoF,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEvBtG,MAAA,CAAA+F,OAAA,CAAAC,aAAA,CAACrF,uBAAA,CAAAgK,sBAAsB;IACrBtJ,KAAK,EAAEC,UAAW;IAClB6B,UAAU,EAAEA,UAAW;IACvB6B,kBAAkB,EAAEA,kBAAmB;IACvCzB,UAAU,EAAEA,UAAW;IACvBC,cAAc,EACZ,OAAOA,cAAc,KAAK,UAAU,GAChC,MAAM;MACN,MAAM;QACJoG,MAAM,EAAE;UAAEC,WAAW;UAAEe;QAAkB;MAC3C,CAAC,GAAG/E,UAAU;MACd,OAAOrC,cAAc,CAAC;QACpBoH,iBAAiB;QACjB/D,KAAK,EAAEgD;MACT,CAAC,CAAC;IACJ,CAAC,GACCrG,cACL;IAAA0C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnF,YAAA;MAAAoF,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC,eAEFtG,MAAA,CAAA+F,OAAA,CAAAC,aAAA,CAAC1F,uBAAA,CAAAuK,sBAAsB;IAACxJ,KAAK,EAAEC,UAAW;IAAA4E,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnF,YAAA;MAAAoF,UAAA;MAAAC,YAAA;IAAA;EAAA,GACvCrC,0BAA0B,IAAI6B,cAAc,gBAC3C9F,MAAA,CAAA+F,OAAA,CAAAC,aAAA,CAACzF,yBAAA,CAAAuK,wBAAwB;IACvBjH,QAAQ,EAAC,wBAAwB;IACjCxC,KAAK,EAAEwE,UAAW;IAClBkF,gBAAgB;IAAA7E,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnF,YAAA;MAAAoF,UAAA;MAAAC,YAAA;IAAA;EAAA,CACjB,CAAC,GACAuB,SAAS,EACZpE,QACqB,CACD,CAC1B;EAED,IAAIS,WAAW,EAAE;IACf,MAAM;MAAE8G;IAAwB,CAAC,GAAG9G,WAAW;IAC/CoF,KAAK,gBACHtJ,MAAA,CAAA+F,OAAA,CAAAC,aAAA,CAACgF,uBAAuB;MACtB3J,KAAK,EAAEA,KAAM;MACb4J,QAAQ,EAAE7G,iBAAkB;MAC5B8G,YAAY,EAAE/G,qBAAsB;MAAA+B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnF,YAAA;QAAAoF,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEnCgD,KACsB,CAC1B;EACH;EAEA,oBACEtJ,MAAA,CAAA+F,OAAA,CAAAC,aAAA,CAAC7F,eAAA,CAAAgL,cAAc,MAAA3B,SAAA,CAAAzD,OAAA;IACb5C,UAAU,EAAEA,UAAW;IACvB9B,KAAK,EAAEA,KAAM;IACbwC,QAAQ,EAAEA,QAAS;IACnB/B,aAAa,EAAEqD,iBAAkB;IACjCpD,IAAI,EAAEA;EAAK,GACP4B,SAAS;IAAAuC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnF,YAAA;MAAAoF,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEZlE,WAAW,IAAIf,KAAK,CAAC+J,kBAAkB,CAAChJ,WAAW,CAACiJ,KAAK,EACzDhJ,eAAe,iBACdrC,MAAA,CAAA+F,OAAA,CAAAC,aAAA,CAACvF,WAAA,CAAA6K,+BAA+B;IAC9BjK,KAAK,EAAEA,KAAM;IACbgB,eAAe,EAAEA,eAAgB;IAAA6D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnF,YAAA;MAAAoF,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClC,CACF,EACAgD,KACa,CAAC;AAErB;AAEO,MAAMiC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAACvK,gBAAgB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionCard","_useTableCollectionSyncProps","_CollectionTableWSRTable","_CollectionTableContent","_PageInfiniteScrollLoader","_ActionCell","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_providers","_isValidElement","_CollectionTableStCss","_useIsMobile","_SearchableCollectionContent","_jsxFileName","_CollectionTable","props","_state$container$inte","state","tableState","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","dataExtension","tags","views","extraToolbar","bulkActionToolbar","exportButton","exportModal","bulkActionModal","sticky","stickyProp","actionCell","actionCellWidth","actionCellProps","columns","columnsProp","onRowClick","onSortClick","showSelection","showSelectionProp","search","renderError","errorState","err","isOnline","retry","emptyState","noResultsState","children","onSelectedItems","cardProps","minCardHeight","dataHook","topNotification","tableGridSwitchButton","useShowLoaderWhenEmpty","useNewInfiniteScrollLoader","dragAndDrop","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropCancel","dragAndDropReorderModeToolbar","horizontalScroll","horizontalScrollProp","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","maxSelection","showTitleBar","BodyElementType","isApplyColumnWidthStyle","rowVerticalPadding","keyedItems","rest","dataExtensionType","isValidElement","type","toolbar","container","internalExperiments","enabled","scrollableContentRef","useScrollableContentContext","current","collection","internalScroll","default","createElement","CustomColumns","__self","__source","fileName","lineNumber","columnNumber","isMobile","useIsMobile","useTableCollectionSyncProps","isUsingTableVirtualization","selectedOrderedColumnsOrAll","bulkSelect","query","createWSRColumnBase","useCreateWSRColumnBase","transformedColumns","map","column","index","length","render","id","sortable","infoTooltipProps","width","style","restColumn","columnBase","undefined","sortDescending","sort","getIsSortDescending","keyedItem","rowNum","renderedContent","item","searchable","SearchableCollectionContent","actionCellColumn","useActionCellColumn","stickyActionCell","columnsWithActions","internalOnSortClick","col","sortMode","clearResult","multiple","st","tableRowSt","classes","tableRowClasses","Table","dataTableRowStyle","table","CollectionTableWSRTable","_extends2","rowClass","root","mobile","result","originQuery","selectionToolbar","SingleCollectionBulkActionToolbar","dynamicRowClass","skin","onSelectionChanged","_selectedIds","_change","allSelected","selectedValues","selectionDisabled","row","bulk","isRowCheckboxDisabled","TablePlaceholderStates","hasAvailableItems","CollectionTableContent","PageInfiniteScrollLoader","scrollMoreAlways","TableDragAndDropContext","onSubmit","onBulkSubmit","CollectionCard","featuredComponents","value","SingleCollectionBulkActionModal","CollectionTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTable.tsx"],"sourcesContent":["import { Table, TableColumn as WSRTableColumn } from '@wix/design-system';\nimport React, { ReactElement } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { CollectionCard } from '../CollectionCard';\nimport { TableColumn } from '../../model';\nimport { TableState } from '../../state';\nimport { useTableCollectionSyncProps } from './useTableCollectionSyncProps';\nimport type { TableDragAndDropType } from '../TableDragAndDrop';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n} from './CollectionTableWSRTable';\nimport { CollectionTableContent } from './CollectionTableContent';\nimport { PageInfiniteScrollLoader } from '../PageInfiniteScrollLoader';\nimport { useActionCellColumn } from '../ActionCell';\nimport {\n  BulkActionModalRenderProp,\n  BulkActionToolbarRenderProp,\n  SingleCollectionBulkActionModal,\n  SingleCollectionBulkActionToolbar,\n} from '../BulkAction';\nimport { CollectionTableActionCellProps } from './CollectionTableBaseCommonProps';\nimport {\n  type DataExtensionElement,\n  DataExtensionProps,\n  type DataExtensionType,\n} from '../DataExtension';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport type { TagsElement } from '../Tags';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { useScrollableContentContext } from '../../providers';\nimport { isValidElement } from '../isValidElement';\nimport { st, classes } from './CollectionTable.st.css.js';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { SearchableCollectionContent } from '../SearchableCollectionContent/SearchableCollectionContent';\n\nexport interface CollectionTableBaseProps<T, F extends FiltersMap>\n  extends CollectionTableWSRTableBaseProps<T, T, F>,\n    CollectionTableActionCellProps<T, F> {\n  /**\n   * Defines the columns of the table. Accepts an array of [`TableColumn`](./?path=/story/common-types--tablecolumn) objects.\n   * @overrideType [TableColumn](./?path=/story/common-types--tablecolumn)[]\n   * @external\n   */\n  columns: TableColumn<T>[];\n\n  /**\n   * Whether to show a checkbox column for selecting items.\n   * @default false\n   * @external\n   */\n  showSelection?: boolean;\n  /**\n   * A callback method to be called on row click. Signature: `onRowClick(rowData, rowNum)`. To enable hover effect you should set this prop.\n   * @external\n   */\n  onRowClick?: (item: T, index: number) => void;\n  /**\n   * A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar.\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n   * @overrideType [TableDragAndDrop](./?path=/story/features-sort-drag-and-drop--tabledraganddrop)\n   * @external\n   */\n  dragAndDrop?: TableDragAndDropType;\n\n  /**\n   * Data extension implementation: `import { DataExtension } from '@wix/patterns';`\n   */\n  dataExtension?: DataExtensionType | DataExtensionElement;\n\n  tags?: TagsElement<T, F>;\n\n  /**\n   * A function that receives the item of the row and returns a string for tooltip content.\n   * @external\n   */\n  checkboxTooltipContent?: (rowData: KeyedItem<T>) => string | undefined;\n\n  /**\n   * Render a custom toolbar when more than 1 item is selected.<br>\n   * The function accepts the following parameters\n   *   * `selectedValues`: The items that were checked via the selection column\n   *   * `uncheckedValues`: The items that were unchecked via the selection column\n   *   * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n   *   * `openModal`: Opens the modal that contains the component from `bulkActionModal` render prop\n   *   * `clearSelection`: Clears all existing selection, call this after the action on the selected items was done\n   *   * `total`: Total items in the server (taken from [`fetchData`](./?path=/story/common-hooks--usecollection) return value).\n   *   * `openConfirmModal`: Opens a `<MessageModalLayout/>` to confirm an action about to be applied on the selected items.\n   *   * `query`: ComputedQuery<F> - Representation of the current paging, sorting & filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`\n   *\n   * > When passed, enables `showSelection` by default.\n   * @external\n   */\n  bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n  /**\n   * Opens a modal from the [`MultiBulkActionToolbar`](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar).\n   * Supported parameters:\n   *  + `selectedValues`: Selected item values.\n   *  + `uncheckedValues`: Unselected item values.\n   *  + `isSelectAll`: [bool] Whether the **Select All** option is selected.\n   *  + `closeModal`: Closes the modal.\n   *  + `query`: [object] Instance of [ComputedQuery](./?path=/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  bulkActionModal?: BulkActionModalRenderProp<T, F>;\n}\n\nexport interface CollectionTableProps<T, F extends FiltersMap>\n  extends CollectionTableBaseProps<T, F> {\n  state: TableState<T, F>;\n  keyedItems?: KeyedItem<T>[];\n}\n\nfunction _CollectionTable<T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableProps<T, F>,\n) {\n  const {\n    state: tableState,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    dataExtension,\n    tags,\n    views,\n    extraToolbar,\n    bulkActionToolbar,\n    exportButton,\n    exportModal,\n    bulkActionModal,\n    sticky: stickyProp,\n    actionCell,\n    actionCellWidth,\n    actionCellProps,\n    columns: columnsProp,\n    onRowClick,\n    onSortClick,\n    showSelection: showSelectionProp,\n    search,\n    renderError,\n    errorState = renderError &&\n      (((err, { isOnline, retry }) =>\n        renderError?.({\n          err,\n          isOnline,\n          retry,\n        })) as CollectionTableProps<T, F>['errorState']),\n    emptyState,\n    noResultsState,\n    children,\n    onSelectedItems,\n    cardProps,\n    minCardHeight,\n    dataHook,\n    topNotification,\n    tableGridSwitchButton,\n    useShowLoaderWhenEmpty,\n    useNewInfiniteScrollLoader,\n    dragAndDrop,\n    dragAndDropBulkSubmit,\n    dragAndDropSubmit,\n    dragAndDropCancel,\n    dragAndDropReorderModeToolbar,\n    horizontalScroll: horizontalScrollProp,\n    stickyColumns,\n    stickySelectionColumn,\n    hideBulkSelectionCheckbox,\n    maxSelection,\n    showTitleBar = true,\n    BodyElementType,\n    isApplyColumnWidthStyle,\n    rowVerticalPadding,\n    keyedItems,\n    ...rest\n  } = props;\n\n  const dataExtensionType = isValidElement<\n    DataExtensionProps,\n    DataExtensionType\n  >(dataExtension)\n    ? dataExtension.type\n    : dataExtension;\n\n  const state = tableState.toolbar;\n\n  const showSelection = showSelectionProp ?? bulkActionToolbar != null;\n\n  const horizontalScroll =\n    horizontalScrollProp ??\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.HorizontalScrollAsDefault',\n    );\n\n  const { scrollableContentRef } = useScrollableContentContext();\n\n  const sticky = stickyProp ?? scrollableContentRef?.current != null;\n\n  const { collection, internalScroll } = state;\n\n  const customColumns =\n    props.customColumns ||\n    (dataExtensionType && <dataExtensionType.CustomColumns />);\n\n  const isMobile = useIsMobile();\n\n  useTableCollectionSyncProps({\n    ...props,\n    dataExtension,\n    showSelection,\n    customColumns,\n    tags,\n    isUsingTableVirtualization: !!BodyElementType,\n  });\n\n  const { selectedOrderedColumnsOrAll } = state;\n\n  const { bulkSelect, query } = collection;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const transformedColumns: WSRTableColumn<KeyedItem<T>>[] =\n    selectedOrderedColumnsOrAll.map((column, index, { length }) => {\n      const {\n        render,\n        id,\n        sortable,\n        infoTooltipProps,\n        title,\n        width,\n        style,\n        ...restColumn\n      } = column;\n\n      const columnBase = createWSRColumnBase(column, index, length);\n\n      return {\n        ...restColumn,\n        ...columnBase,\n        ...(isApplyColumnWidthStyle ? undefined : { style, width }),\n        sortDescending:\n          sortable && id ? query.sort.getIsSortDescending(id) : undefined,\n        render: (keyedItem: KeyedItem<T>, rowNum: number) => {\n          const renderedContent = render(keyedItem.item, rowNum);\n          return column.searchable ? (\n            <SearchableCollectionContent>\n              {renderedContent}\n            </SearchableCollectionContent>\n          ) : (\n            renderedContent\n          );\n        },\n      };\n    });\n\n  const actionCellColumn = useActionCellColumn({\n    actionCellProps: {\n      ...(actionCellProps ?? {}),\n      stickyActionCell: horizontalScroll || actionCellProps?.stickyActionCell,\n    },\n    actionCellWidth,\n    collection,\n    sticky,\n    actionCell,\n  });\n\n  const columnsWithActions: WSRTableColumn<KeyedItem<T>>[] = actionCellColumn\n    ? [...transformedColumns, actionCellColumn]\n    : transformedColumns;\n\n  const internalOnSortClick = (col: TableColumn<F>, index: number) => {\n    onSortClick?.(col, index);\n\n    if (col.id != null) {\n      state.collection.sort(\n        { id: col.id, sortMode: col.sortMode },\n        {\n          clearResult: true,\n          multiple: multiLevelSortingProp !== undefined,\n        },\n      );\n    }\n  };\n\n  const { st: tableRowSt, classes: tableRowClasses } = Table.dataTableRowStyle;\n\n  let table = (\n    <CollectionTableWSRTable\n      rowClass={st(classes.root, { mobile: isMobile })}\n      {...props}\n      topNotification={\n        typeof topNotification === 'function'\n          ? () => topNotification({ query: collection.result.originQuery })\n          : topNotification\n      }\n      customColumns={customColumns}\n      rowVerticalPadding={rowVerticalPadding}\n      dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n      selectionToolbar={\n        bulkActionToolbar && (\n          <SingleCollectionBulkActionToolbar\n            state={state}\n            bulkActionToolbar={bulkActionToolbar}\n          />\n        )\n      }\n      dynamicRowClass={() =>\n        tableRowSt(tableRowClasses.root, {\n          skin: 'light',\n        })\n      }\n      horizontalScroll={horizontalScroll}\n      minCardHeight={minCardHeight}\n      sticky={sticky}\n      showTitleBar={showTitleBar}\n      state={tableState}\n      columns={columnsWithActions}\n      onSortClick={internalOnSortClick}\n      showSelection={showSelection}\n      onSelectionChanged={(_selectedIds, _change) => {\n        state.onSelectionChanged(_selectedIds, _change);\n        onSelectedItems?.(bulkSelect.allSelected, bulkSelect.selectedValues);\n        rest.onSelectionChanged?.(_selectedIds, _change);\n      }}\n      selectionDisabled={(row) => state.bulk.isRowCheckboxDisabled(row)}\n      onRowClick={onRowClick && (({ item }, index) => onRowClick(item, index))}\n      isApplyColumnWidthStyle={isApplyColumnWidthStyle}\n      keyedItems={keyedItems}\n    >\n      <TablePlaceholderStates\n        state={tableState}\n        errorState={errorState}\n        rowVerticalPadding={rowVerticalPadding}\n        showTitleBar={showTitleBar}\n        emptyState={emptyState}\n        noResultsState={\n          typeof noResultsState === 'function'\n            ? () => {\n                const {\n                  result: { originQuery, hasAvailableItems },\n                } = collection;\n                return noResultsState({\n                  hasAvailableItems,\n                  query: originQuery,\n                });\n              }\n            : noResultsState\n        }\n      />\n\n      <CollectionTableContent state={tableState}>\n        {useNewInfiniteScrollLoader || internalScroll ? (\n          <PageInfiniteScrollLoader\n            dataHook=\"infinite-scroll-loader\"\n            state={collection}\n            scrollMoreAlways\n          />\n        ) : undefined}\n        {children}\n      </CollectionTableContent>\n    </CollectionTableWSRTable>\n  );\n\n  if (dragAndDrop) {\n    const { TableDragAndDropContext } = dragAndDrop;\n    table = (\n      <TableDragAndDropContext\n        state={state}\n        onSubmit={dragAndDropSubmit}\n        onBulkSubmit={dragAndDropBulkSubmit}\n      >\n        {table}\n      </TableDragAndDropContext>\n    );\n  }\n\n  return (\n    <CollectionCard\n      errorState={errorState}\n      state={state}\n      dataHook={dataHook}\n      dataExtension={dataExtensionType}\n      tags={tags}\n      {...cardProps}\n    >\n      {exportModal ?? state.featuredComponents.exportModal.value}\n      {bulkActionModal && (\n        <SingleCollectionBulkActionModal\n          state={state}\n          bulkActionModal={bulkActionModal}\n        />\n      )}\n      {table}\n    </CollectionCard>\n  );\n}\n\nexport const CollectionTable = observer(_CollectionTable);\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionTable/CollectionTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTable3789129489\";\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\":\"CollectionTable3789129489__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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionTable/CollectionTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTable1873965278\";\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\":\"CollectionTable1873965278__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":[]}