@wix/patterns 1.20.0 → 1.21.0

package/dist/cjs/bm/buildBMCairoEssentials.js

@@ -6,6 +6,7 @@ var _buildCreateEssentials = require("./buildCreateEssentials");
 var _yoshiFlowBm = require("@wix/yoshi-flow-bm");
 var _businessManagerApi = require("@wix/business-manager-api");
 var _bexCore = require("@wix/bex-core");
+var _agentPlatformBmSdk = require("@wix/agent-platform-bm-sdk");
 function buildBMCairoEssentials(flowAPI, {
   overrides
 } = {}) {
@@ -80,6 +81,7 @@ function buildBMCairoEssentials(flowAPI, {
         }
       });
     },
+    useAssistantEffect: _agentPlatformBmSdk.useAssistantEffect,
     useAppLoaded: () => {
       (0, _yoshiFlowBm.useAppLoaded)({
         auto: true

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

@@ -1 +1 @@
-{"version":3,"names":["_buildCreateEssentials","require","_yoshiFlowBm","_businessManagerApi","_bexCore","buildBMCairoEssentials","flowAPI","overrides","moduleParams","moduleInfo","componentInfo","errorMonitor","httpClient","experiments","accountLanguage","language","moduleId","componentId","bmModule","getModule","_essentials","createChildEssentials","buildCreateEssentials","createEssentials","options","_options$experiments","scopes","bag","getWixPatternsWindowExperiments","createComponentSettings","createAppSettingsCapsule","captureException","useTranslation","Trans","useExperiments","showToast","type","timeout","priority","action","toastConfig","biName","onNavigation","onSidePanelOpen","getHostContainer","closeSidePanel","queryCache","UNSAFE_cairoQueryCache","navigateTo","pageId","appState","referrer","pageComponentId","contextData","useAppLoaded","auto","user","permissions","userPermissions","environment","artifactId","providerType"],"sources":["../../../src/bm/buildBMCairoEssentials.ts"],"sourcesContent":["import { buildCreateEssentials } from './buildCreateEssentials';\nimport {\n  ComponentHooksFlowAPI,\n  FlowBusinessManagerModule,\n  Trans,\n  useAppLoaded,\n  useExperiments,\n  useTranslation,\n} from '@wix/yoshi-flow-bm';\nimport {\n  closeSidePanel,\n  getHostContainer,\n  getModule,\n  navigateTo,\n  onNavigation,\n  onSidePanelOpen,\n  showToast,\n  ToastAction,\n  ToastPriority,\n  ToastTimeout,\n  ToastType,\n} from '@wix/business-manager-api';\nimport {\n  WixPatternsEssentials,\n  WixPatternsEssentialsOverrides,\n  Experiments,\n  GetHostContainer,\n  createAppSettingsCapsule,\n  getWixPatternsWindowExperiments,\n} from '@wix/bex-core';\nimport type { QueryCache } from 'react-query/core';\nimport type { AppEnvironment } from '@wix/fe-essentials-business-manager/dist/types/types';\n\nexport interface FlowAPI {\n  moduleParams: ComponentHooksFlowAPI['moduleParams'];\n  moduleInfo: ComponentHooksFlowAPI['moduleInfo'];\n  componentInfo?: ComponentHooksFlowAPI['componentInfo'];\n  errorMonitor: Pick<ComponentHooksFlowAPI['errorMonitor'], 'captureException'>;\n  httpClient: ComponentHooksFlowAPI['httpClient'];\n  experiments: Experiments;\n}\n\nexport function buildBMCairoEssentials(\n  flowAPI: FlowAPI,\n  { overrides }: { overrides?: Partial<WixPatternsEssentialsOverrides> } = {},\n): WixPatternsEssentials {\n  const {\n    moduleParams,\n    moduleInfo,\n    componentInfo,\n    errorMonitor,\n    httpClient,\n    experiments,\n  } = flowAPI;\n  const { accountLanguage: language } = moduleParams;\n  const { moduleId } = moduleInfo;\n  const componentId = componentInfo?.componentId;\n\n  const bmModule = getModule(moduleId as any) as FlowBusinessManagerModule;\n  const _essentials =\n    bmModule._essentials as FlowBusinessManagerModule['_essentials'] & {\n      env?: Partial<AppEnvironment>;\n    };\n\n  const createChildEssentials = buildCreateEssentials(_essentials);\n\n  return {\n    createEssentials: (options) => {\n      return createChildEssentials({\n        ...options,\n        experiments:\n          options.experiments &&\n          'scopes' in options.experiments &&\n          options.experiments?.scopes[0] === 'cairo'\n            ? {\n                bag: getWixPatternsWindowExperiments() ?? {},\n              }\n            : options.experiments,\n      });\n    },\n    createComponentSettings: createAppSettingsCapsule,\n    errorMonitor: errorMonitor ?? { captureException: () => {} },\n    useTranslation,\n    Trans,\n    useExperiments,\n    experiments,\n    showToast: ({ type, timeout, priority, action, ...toastConfig }) =>\n      showToast({\n        ...toastConfig,\n        biName: toastConfig.biName ?? '',\n        type: type as ToastType,\n        priority: priority as ToastPriority,\n        action: action as ToastAction,\n        ...(timeout && { timeout: timeout as ToastTimeout }),\n      }),\n    onNavigation,\n    onSidePanelOpen,\n    getHostContainer: getHostContainer as GetHostContainer,\n    closeSidePanel,\n    httpClient,\n    queryCache: _essentials.UNSAFE_cairoQueryCache as QueryCache,\n    navigateTo: ({ pageId, appState, referrer }) => {\n      navigateTo({\n        pageComponentId: pageId,\n        contextData: { appState, referrer },\n      });\n    },\n    useAppLoaded: () => {\n      useAppLoaded({ auto: true });\n    },\n    ...overrides,\n    user: {\n      permissions: moduleParams.userPermissions,\n      ...overrides?.user,\n    },\n    environment: {\n      language,\n      componentId,\n      artifactId: moduleId,\n      ...overrides?.environment,\n      providerType: 'bm',\n    },\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_buildCreateEssentials","require","_yoshiFlowBm","_businessManagerApi","_bexCore","_agentPlatformBmSdk","buildBMCairoEssentials","flowAPI","overrides","moduleParams","moduleInfo","componentInfo","errorMonitor","httpClient","experiments","accountLanguage","language","moduleId","componentId","bmModule","getModule","_essentials","createChildEssentials","buildCreateEssentials","createEssentials","options","_options$experiments","scopes","bag","getWixPatternsWindowExperiments","createComponentSettings","createAppSettingsCapsule","captureException","useTranslation","Trans","useExperiments","showToast","type","timeout","priority","action","toastConfig","biName","onNavigation","onSidePanelOpen","getHostContainer","closeSidePanel","queryCache","UNSAFE_cairoQueryCache","navigateTo","pageId","appState","referrer","pageComponentId","contextData","useAssistantEffect","useAppLoaded","auto","user","permissions","userPermissions","environment","artifactId","providerType"],"sources":["../../../src/bm/buildBMCairoEssentials.ts"],"sourcesContent":["import { buildCreateEssentials } from './buildCreateEssentials';\nimport {\n  ComponentHooksFlowAPI,\n  FlowBusinessManagerModule,\n  Trans,\n  useAppLoaded,\n  useExperiments,\n  useTranslation,\n} from '@wix/yoshi-flow-bm';\nimport {\n  closeSidePanel,\n  getHostContainer,\n  getModule,\n  navigateTo,\n  onNavigation,\n  onSidePanelOpen,\n  showToast,\n  ToastAction,\n  ToastPriority,\n  ToastTimeout,\n  ToastType,\n} from '@wix/business-manager-api';\nimport {\n  WixPatternsEssentials,\n  WixPatternsEssentialsOverrides,\n  Experiments,\n  GetHostContainer,\n  createAppSettingsCapsule,\n  getWixPatternsWindowExperiments,\n} from '@wix/bex-core';\nimport type { QueryCache } from 'react-query/core';\nimport type { AppEnvironment } from '@wix/fe-essentials-business-manager/dist/types/types';\nimport { useAssistantEffect } from '@wix/agent-platform-bm-sdk';\n\nexport interface FlowAPI {\n  moduleParams: ComponentHooksFlowAPI['moduleParams'];\n  moduleInfo: ComponentHooksFlowAPI['moduleInfo'];\n  componentInfo?: ComponentHooksFlowAPI['componentInfo'];\n  errorMonitor: Pick<ComponentHooksFlowAPI['errorMonitor'], 'captureException'>;\n  httpClient: ComponentHooksFlowAPI['httpClient'];\n  experiments: Experiments;\n}\n\nexport function buildBMCairoEssentials(\n  flowAPI: FlowAPI,\n  { overrides }: { overrides?: Partial<WixPatternsEssentialsOverrides> } = {},\n): WixPatternsEssentials {\n  const {\n    moduleParams,\n    moduleInfo,\n    componentInfo,\n    errorMonitor,\n    httpClient,\n    experiments,\n  } = flowAPI;\n  const { accountLanguage: language } = moduleParams;\n  const { moduleId } = moduleInfo;\n  const componentId = componentInfo?.componentId;\n\n  const bmModule = getModule(moduleId as any) as FlowBusinessManagerModule;\n  const _essentials =\n    bmModule._essentials as FlowBusinessManagerModule['_essentials'] & {\n      env?: Partial<AppEnvironment>;\n    };\n\n  const createChildEssentials = buildCreateEssentials(_essentials);\n\n  return {\n    createEssentials: (options) => {\n      return createChildEssentials({\n        ...options,\n        experiments:\n          options.experiments &&\n          'scopes' in options.experiments &&\n          options.experiments?.scopes[0] === 'cairo'\n            ? {\n                bag: getWixPatternsWindowExperiments() ?? {},\n              }\n            : options.experiments,\n      });\n    },\n    createComponentSettings: createAppSettingsCapsule,\n    errorMonitor: errorMonitor ?? { captureException: () => {} },\n    useTranslation,\n    Trans,\n    useExperiments,\n    experiments,\n    showToast: ({ type, timeout, priority, action, ...toastConfig }) =>\n      showToast({\n        ...toastConfig,\n        biName: toastConfig.biName ?? '',\n        type: type as ToastType,\n        priority: priority as ToastPriority,\n        action: action as ToastAction,\n        ...(timeout && { timeout: timeout as ToastTimeout }),\n      }),\n    onNavigation,\n    onSidePanelOpen,\n    getHostContainer: getHostContainer as GetHostContainer,\n    closeSidePanel,\n    httpClient,\n    queryCache: _essentials.UNSAFE_cairoQueryCache as QueryCache,\n    navigateTo: ({ pageId, appState, referrer }) => {\n      navigateTo({\n        pageComponentId: pageId,\n        contextData: { appState, referrer },\n      });\n    },\n    useAssistantEffect,\n    useAppLoaded: () => {\n      useAppLoaded({ auto: true });\n    },\n    ...overrides,\n    user: {\n      permissions: moduleParams.userPermissions,\n      ...overrides?.user,\n    },\n    environment: {\n      language,\n      componentId,\n      artifactId: moduleId,\n      ...overrides?.environment,\n      providerType: 'bm',\n    },\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/BulkAction/BulkActionModalRenderProp.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/BulkAction/BulkActionModalRenderProp.ts"],"sourcesContent":["import { ComputedQueryFull, FiltersMap } from '@wix/bex-core';\nimport { ReactElement } from 'react';\n\nexport interface BulkActionModalRenderPropParams<T, F extends FiltersMap> {\n  /**\n   * Opens the modal .\n   */\n  openModal: () => void;\n  /**\n   * Closes the modal.\n   */\n  closeModal: () => void;\n  closeModalAndScrollTop: () => void;\n  /**\n   * return true if the modal is open\n   */\n  readonly isModalOpen: boolean;\n  /**\n   * return boolean value Whether the Select All option is selected.\n   */\n  readonly allSelected: boolean;\n  /**\n   * Selected item values.\n   */\n  readonly selectedValues: T[];\n  /**\n   *  Unselected item values.\n   */\n  readonly uncheckedValues: T[];\n  scrollToTop: () => void;\n  /**\n   * Instance of [ComputedQuery](./?path=/story/common-models--computedquery) that represents the query that resulted in an empty state.\n   * Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`.\n   * @overrideType [ComputedQuery](./?path=/story/common-models--computedquery)\n   */\n  query: ComputedQueryFull<F>;\n}\n\nexport type BulkActionModalRenderProp<T, F extends FiltersMap> = (\n  params: BulkActionModalRenderPropParams<T, F>,\n) => ReactElement;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/BulkAction/BulkActionModalRenderProp.ts"],"sourcesContent":["import { ComputedQueryFull, FiltersMap } from '@wix/bex-core';\nimport { ReactElement } from 'react';\n\nexport interface BulkActionModalRenderPropParams<T, F extends FiltersMap> {\n  /**\n   * Opens the modal .\n   */\n  openModal: () => void;\n  /**\n   * Closes the modal.\n   */\n  closeModal: () => void;\n  closeModalAndScrollTop: () => void;\n  /**\n   * return true if the modal is open\n   */\n  readonly isModalOpen: boolean;\n  /**\n   * return boolean value Whether the Select All option is selected.\n   */\n  readonly allSelected: boolean;\n  /**\n   * Selected item values.\n   */\n  readonly selectedValues: T[];\n  /**\n   *  Unselected item values.\n   */\n  readonly uncheckedValues: T[];\n  scrollToTop: () => void;\n  /**\n   * Instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted in an empty state.\n   * Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`.\n   * @overrideType [ComputedQuery](./?path=/story/common-types--computedquery)\n   */\n  query: ComputedQueryFull<F>;\n}\n\nexport type BulkActionModalRenderProp<T, F extends FiltersMap> = (\n  params: BulkActionModalRenderPropParams<T, F>,\n) => ReactElement;\n"],"mappings":"","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_ = "Collapse478545313";
+var _namespace_ = "Collapse3362922401";
 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": "Collapse478545313__root",
-  "exit": "Collapse478545313__exit"
+  "root": "Collapse3362922401__root",
+  "exit": "Collapse3362922401__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_ = \"Collapse478545313\";\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\":\"Collapse478545313__root\",\"exit\":\"Collapse478545313__exit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yBAAyB;EAAC,MAAM,EAAC;AAAyB,CAAC;AACjF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"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_ = \"Collapse3362922401\";\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\":\"Collapse3362922401__root\",\"exit\":\"Collapse3362922401__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/CollectionTable/CollectionTable.js

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.CollectionTable = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _CollectionCard = require("../CollectionCard");
@@ -159,6 +160,10 @@ function _CollectionTable(props) {
       });
     }
   };
+  const {
+    st,
+    classes
+  } = _designSystem.Table.dataTableRowStyle;
   let table = /*#__PURE__*/_react.default.createElement(_CollectionTableWSRTable.CollectionTableWSRTable, (0, _extends2.default)({}, props, {
     customColumns: customColumns,
     rowVerticalPadding: rowVerticalPadding,
@@ -169,10 +174,13 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 274,
+        lineNumber: 276,
         columnNumber: 11
       }
     }),
+    dynamicRowClass: () => st(classes.root, {
+      skin: 'light'
+    }),
     horizontalScroll: horizontalScroll,
     minCardHeight: minCardHeight,
     sticky: sticky,
@@ -194,7 +202,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 267,
+      lineNumber: 269,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_TablePlaceholderStates.TablePlaceholderStates, {
@@ -202,14 +210,25 @@ function _CollectionTable(props) {
     renderError: renderError,
     rowVerticalPadding: rowVerticalPadding,
     emptyState: emptyState,
-    noResultsState: noResultsState,
+    noResultsState: typeof noResultsState === 'function' ? () => {
+      const {
+        result: {
+          originQuery,
+          hasAvailableItems
+        }
+      } = collection;
+      return noResultsState({
+        hasAvailableItems,
+        query: originQuery
+      });
+    } : noResultsState,
     topNotification: typeof topNotification === 'function' ? () => topNotification({
       query: collection.result.originQuery
     }) : topNotification,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 297,
+      lineNumber: 304,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionTableContent.CollectionTableContent, {
@@ -217,7 +236,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 310,
+      lineNumber: 329,
       columnNumber: 7
     }
   }, useNewInfiniteScrollLoader || internalScroll ? /*#__PURE__*/_react.default.createElement(_PageInfiniteScrollLoader.PageInfiniteScrollLoader, {
@@ -227,7 +246,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 312,
+      lineNumber: 331,
       columnNumber: 11
     }
   }) : undefined, children));
@@ -243,7 +262,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 326,
+        lineNumber: 345,
         columnNumber: 7
       }
     }, table);
@@ -259,7 +278,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 347,
+        lineNumber: 366,
         columnNumber: 11
       }
     }),
@@ -270,7 +289,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 342,
+      lineNumber: 361,
       columnNumber: 5
     }
   }), exportModal ?? state.featuredComponents.exportModal.value, bulkActionModal && /*#__PURE__*/_react.default.createElement(_BulkAction.SingleCollectionBulkActionModal, {
@@ -279,7 +298,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 361,
+      lineNumber: 380,
       columnNumber: 9
     }
   }), table);

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

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

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionToolbar2263792605";
+var _namespace_ = "CollectionToolbar2430657890";
 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": "CollectionToolbar2263792605__root",
-  "left": "CollectionToolbar2263792605__left",
-  "right": "CollectionToolbar2263792605__right",
-  "fullWidth": "CollectionToolbar2263792605__fullWidth"
+  "root": "CollectionToolbar2430657890__root",
+  "left": "CollectionToolbar2430657890__left",
+  "right": "CollectionToolbar2430657890__right",
+  "fullWidth": "CollectionToolbar2430657890__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SearchOrCustomFilter701977175";
+var _namespace_ = "SearchOrCustomFilter1196144254";
 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": "SearchOrCustomFilter701977175__root",
-  "search": "SearchOrCustomFilter701977175__search"
+  "root": "SearchOrCustomFilter1196144254__root",
+  "search": "SearchOrCustomFilter1196144254__search"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map

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

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.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_ = "AutoCompleteReadonly1959274017";
+var _namespace_ = "AutoCompleteReadonly3008969232";
 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": "AutoCompleteReadonly1959274017__root"
+  "root": "AutoCompleteReadonly3008969232__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly1959274017\";\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\":\"AutoCompleteReadonly1959274017__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,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly3008969232\";\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\":\"AutoCompleteReadonly3008969232__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,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,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/CollectionViewsDropdown/ViewsDropdown.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_ = "ViewsDropdown3496150172";
+var _namespace_ = "ViewsDropdown3013292828";
 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": "ViewsDropdown3496150172__root"
+  "root": "ViewsDropdown3013292828__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown3496150172\";\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\":\"ViewsDropdown3496150172__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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown3013292828\";\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\":\"ViewsDropdown3013292828__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/CustomFieldsWidget/CustomFieldsViewWidgetSection.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_ = "CustomFieldsViewWidgetSection996422858";
+var _namespace_ = "CustomFieldsViewWidgetSection147751036";
 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": "CustomFieldsViewWidgetSection996422858__root",
-  "breakWord": "CustomFieldsViewWidgetSection996422858__breakWord"
+  "root": "CustomFieldsViewWidgetSection147751036__root",
+  "breakWord": "CustomFieldsViewWidgetSection147751036__breakWord"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.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/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldsViewWidgetSection996422858\";\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\":\"CustomFieldsViewWidgetSection996422858__root\",\"breakWord\":\"CustomFieldsViewWidgetSection996422858__breakWord\"};\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,wCAAwC;AAC1D,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,8CAA8C;EAAC,WAAW,EAAC;AAAmD,CAAC;AACrI,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/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldsViewWidgetSection147751036\";\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\":\"CustomFieldsViewWidgetSection147751036__root\",\"breakWord\":\"CustomFieldsViewWidgetSection147751036__breakWord\"};\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,wCAAwC;AAC1D,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,8CAA8C;EAAC,WAAW,EAAC;AAAmD,CAAC;AACrI,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/DragAndDrop/CollectionDragAndDropState.js

@@ -23,7 +23,7 @@ class CollectionDragAndDropState {
       collection: params.state.collection,
       container: params.container,
       a11yContainerRef: params.a11yContainer,
-      move: this._collectionMove.bind(this),
+      move: () => this._collectionMove(),
       announcements: {
         dragHandleLabel: id => {
           var _this$collection$getK;
@@ -48,6 +48,9 @@ class CollectionDragAndDropState {
         }
       }
     });
+    (0, _mobx.makeObservable)(this, {
+      _collectionMove: _mobx.action
+    });
   }
   get collection() {
     return this.state.collection;
@@ -115,7 +118,7 @@ class CollectionDragAndDropState {
       window.removeEventListener('unload', onWindowClosedDuringSequence);
     });
   }
-  _collectionMove(ev) {
+  _collectionMove() {
     var _this$state$getCollec, _this$state;
     const {
       onSubmit,
@@ -127,7 +130,7 @@ class CollectionDragAndDropState {
     if (optimisticActions == null) {
       return;
     }
-    const dragEndEvent = this.dnd._createDragEndEvent(ev);
+    const dragEndEvent = this.dnd._createDragEndEvent();
     if (dragEndEvent == null) {
       return;
     }

package/dist/cjs/components/DragAndDrop/CollectionDragAndDropState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","_DragAndDropState","_CollectionDragAndDropBI","CollectionDragAndDropState","constructor","params","_defineProperty2","default","state","bi","CollectionDragAndDropBI","dnd","DragAndDropState","collection","container","a11yContainerRef","a11yContainer","move","_collectionMove","bind","announcements","dragHandleLabel","id","_this$collection$getK","translate","t","itemName","item","getKeyedItem","itemDescription","_this$collection$getK2","optimisticActions","_optimisticActions","init","disposers","reaction","isDisabled","_orderByMode","fireImmediately","addEventListener","events","hasRunningSequence","title","content","onResume","action","onMoveFailure","reason","patches","pendingMovePatches","onMoveRetry","onWindowClosedDuringSequence","window","forEach","d","removeEventListener","ev","_this$state$getCollec","_this$state","onSubmit","reorderModeState","dragEndEvent","_createDragEndEvent","onTryAgain","onBulkSubmit","submit","event","_createSimpleDragEndEvent","undefined","collectionSnapshot","getCollectionSnapshot","call","exports"],"sources":["../../../../src/components/DragAndDrop/CollectionDragAndDropState.ts"],"sourcesContent":["import {\n  addEventListener,\n  WixPatternsContainer,\n  CollectionState,\n  FiltersMap,\n} from '@wix/bex-core';\nimport { action, reaction } from 'mobx';\nimport {\n  DragAndDropParentState,\n  DragAndDropState,\n  DragItemOver,\n} from './DragAndDropState';\nimport { CollectionDragAndDropBI } from './CollectionDragAndDropBI';\n\nexport type CollectionDragAndDropParentState<T, F extends FiltersMap> = Omit<\n  DragAndDropParentState<T, F>,\n  'collection'\n> & {\n  collection: CollectionState<T, F>;\n  getCollectionSnapshot?: () => {\n    [key: string]: string | number | undefined;\n  };\n};\n\ninterface CollectionDragAndDropStateParams<T, F extends FiltersMap> {\n  container: WixPatternsContainer;\n  state: CollectionDragAndDropParentState<T, F>;\n  a11yContainer: {\n    current: HTMLElement | null | undefined;\n  };\n}\nexport class CollectionDragAndDropState<T, F extends FiltersMap> {\n  dnd: DragAndDropState<T, F>;\n  state;\n  bi;\n\n  constructor(params: CollectionDragAndDropStateParams<T, F>) {\n    this.state = params.state;\n    this.bi = new CollectionDragAndDropBI({ state: params.state });\n\n    this.dnd = new DragAndDropState<T, F>({\n      state: this.state,\n      bi: this.bi,\n      collection: params.state.collection,\n      container: params.container,\n      a11yContainerRef: params.a11yContainer,\n      move: this._collectionMove.bind(this),\n      announcements: {\n        dragHandleLabel: (id) => {\n          const { translate: t } = params.container;\n          const { itemName } = this.collection;\n\n          const item = this.collection.getKeyedItem(id as string)?.item;\n\n          return t('cairo.dragAndDrop.button-role-label.sr', {\n            itemName: item ? itemName(item) : '',\n          });\n        },\n        itemDescription: (id) => {\n          const { itemName } = this.collection;\n\n          const item = this.collection.getKeyedItem(id as string)?.item;\n\n          return item ? itemName(item) : '';\n        },\n      },\n    });\n  }\n\n  get collection() {\n    return this.state.collection;\n  }\n  get optimisticActions() {\n    return this.collection._optimisticActions;\n  }\n\n  init() {\n    const {\n      optimisticActions,\n      dnd: { container },\n      bi,\n    } = this;\n    const { translate: t } = container;\n\n    const disposers = [\n      this.dnd.init(),\n      reaction(\n        () => this.dnd.isDisabled,\n        (isDisabled) => {\n          if (!optimisticActions) {\n            return;\n          }\n\n          optimisticActions._orderByMode = isDisabled ? 'orders' : 'moves';\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n      addEventListener(container.events, 'navigation', () => {\n        if (optimisticActions?.hasRunningSequence) {\n          return {\n            title: t('cairo.dragAndDrop.leaveSite.modal.title'),\n            content: t('cairo.dragAndDrop.leaveSite.modal.description'),\n            onResume: action(() => {\n              bi.onMoveFailure({\n                reason: 'Left page',\n                patches: optimisticActions.pendingMovePatches,\n              });\n            }),\n          };\n        }\n        return null;\n      }),\n      ...(optimisticActions\n        ? [\n            addEventListener(\n              optimisticActions.events,\n              'dragAndDropSequenceError',\n              ({ patches }) => {\n                bi.onMoveFailure({\n                  reason: 'Update failed',\n                  patches,\n                });\n              },\n            ),\n            addEventListener(\n              optimisticActions.events,\n              'dragAndDropSequenceRetry',\n              ({ patches }) => {\n                bi.onMoveRetry({ patches });\n              },\n            ),\n          ]\n        : []),\n    ];\n\n    const onWindowClosedDuringSequence = () => {\n      if (optimisticActions?.hasRunningSequence) {\n        bi.onMoveFailure({\n          reason: 'Window closed',\n          patches: optimisticActions.pendingMovePatches,\n        });\n      }\n    };\n\n    window.addEventListener('unload', onWindowClosedDuringSequence);\n\n    return action(() => {\n      disposers.forEach((d) => d());\n      window.removeEventListener('unload', onWindowClosedDuringSequence);\n    });\n  }\n\n  _collectionMove(ev: { over: DragItemOver | null }) {\n    const { onSubmit, reorderModeState } = this.dnd;\n    const { optimisticActions } = this;\n    if (optimisticActions == null) {\n      return;\n    }\n\n    const dragEndEvent = this.dnd._createDragEndEvent(ev);\n\n    if (dragEndEvent == null) {\n      return;\n    }\n\n    optimisticActions.move(dragEndEvent, {\n      onTryAgain: async () => {\n        await reorderModeState?.onBulkSubmit();\n      },\n      submit: reorderModeState\n        ? () => reorderModeState?.onSubmit\n        : onSubmit\n        ? (event) => onSubmit(this.dnd._createSimpleDragEndEvent(event))\n        : undefined,\n      collectionSnapshot: this.state.getCollectionSnapshot?.() ?? {},\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","_DragAndDropState","_CollectionDragAndDropBI","CollectionDragAndDropState","constructor","params","_defineProperty2","default","state","bi","CollectionDragAndDropBI","dnd","DragAndDropState","collection","container","a11yContainerRef","a11yContainer","move","_collectionMove","announcements","dragHandleLabel","id","_this$collection$getK","translate","t","itemName","item","getKeyedItem","itemDescription","_this$collection$getK2","makeObservable","action","optimisticActions","_optimisticActions","init","disposers","reaction","isDisabled","_orderByMode","fireImmediately","addEventListener","events","hasRunningSequence","title","content","onResume","onMoveFailure","reason","patches","pendingMovePatches","onMoveRetry","onWindowClosedDuringSequence","window","forEach","d","removeEventListener","_this$state$getCollec","_this$state","onSubmit","reorderModeState","dragEndEvent","_createDragEndEvent","onTryAgain","onBulkSubmit","submit","event","_createSimpleDragEndEvent","undefined","collectionSnapshot","getCollectionSnapshot","call","exports"],"sources":["../../../../src/components/DragAndDrop/CollectionDragAndDropState.ts"],"sourcesContent":["import {\n  addEventListener,\n  WixPatternsContainer,\n  CollectionState,\n  FiltersMap,\n} from '@wix/bex-core';\nimport { action, reaction, makeObservable } from 'mobx';\nimport { DragAndDropParentState, DragAndDropState } from './DragAndDropState';\nimport { CollectionDragAndDropBI } from './CollectionDragAndDropBI';\n\nexport type CollectionDragAndDropParentState<T, F extends FiltersMap> = Omit<\n  DragAndDropParentState<T, F>,\n  'collection'\n> & {\n  collection: CollectionState<T, F>;\n  getCollectionSnapshot?: () => {\n    [key: string]: string | number | undefined;\n  };\n};\n\ninterface CollectionDragAndDropStateParams<T, F extends FiltersMap> {\n  container: WixPatternsContainer;\n  state: CollectionDragAndDropParentState<T, F>;\n  a11yContainer: {\n    current: HTMLElement | null | undefined;\n  };\n}\nexport class CollectionDragAndDropState<T, F extends FiltersMap> {\n  dnd: DragAndDropState<T, F>;\n  state;\n  bi;\n\n  constructor(params: CollectionDragAndDropStateParams<T, F>) {\n    this.state = params.state;\n    this.bi = new CollectionDragAndDropBI({ state: params.state });\n\n    this.dnd = new DragAndDropState<T, F>({\n      state: this.state,\n      bi: this.bi,\n      collection: params.state.collection,\n      container: params.container,\n      a11yContainerRef: params.a11yContainer,\n      move: () => this._collectionMove(),\n      announcements: {\n        dragHandleLabel: (id) => {\n          const { translate: t } = params.container;\n          const { itemName } = this.collection;\n\n          const item = this.collection.getKeyedItem(id as string)?.item;\n\n          return t('cairo.dragAndDrop.button-role-label.sr', {\n            itemName: item ? itemName(item) : '',\n          });\n        },\n        itemDescription: (id) => {\n          const { itemName } = this.collection;\n\n          const item = this.collection.getKeyedItem(id as string)?.item;\n\n          return item ? itemName(item) : '';\n        },\n      },\n    });\n\n    makeObservable(this, {\n      _collectionMove: action,\n    });\n  }\n\n  get collection() {\n    return this.state.collection;\n  }\n  get optimisticActions() {\n    return this.collection._optimisticActions;\n  }\n\n  init() {\n    const {\n      optimisticActions,\n      dnd: { container },\n      bi,\n    } = this;\n    const { translate: t } = container;\n\n    const disposers = [\n      this.dnd.init(),\n      reaction(\n        () => this.dnd.isDisabled,\n        (isDisabled) => {\n          if (!optimisticActions) {\n            return;\n          }\n\n          optimisticActions._orderByMode = isDisabled ? 'orders' : 'moves';\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n      addEventListener(container.events, 'navigation', () => {\n        if (optimisticActions?.hasRunningSequence) {\n          return {\n            title: t('cairo.dragAndDrop.leaveSite.modal.title'),\n            content: t('cairo.dragAndDrop.leaveSite.modal.description'),\n            onResume: action(() => {\n              bi.onMoveFailure({\n                reason: 'Left page',\n                patches: optimisticActions.pendingMovePatches,\n              });\n            }),\n          };\n        }\n        return null;\n      }),\n      ...(optimisticActions\n        ? [\n            addEventListener(\n              optimisticActions.events,\n              'dragAndDropSequenceError',\n              ({ patches }) => {\n                bi.onMoveFailure({\n                  reason: 'Update failed',\n                  patches,\n                });\n              },\n            ),\n            addEventListener(\n              optimisticActions.events,\n              'dragAndDropSequenceRetry',\n              ({ patches }) => {\n                bi.onMoveRetry({ patches });\n              },\n            ),\n          ]\n        : []),\n    ];\n\n    const onWindowClosedDuringSequence = () => {\n      if (optimisticActions?.hasRunningSequence) {\n        bi.onMoveFailure({\n          reason: 'Window closed',\n          patches: optimisticActions.pendingMovePatches,\n        });\n      }\n    };\n\n    window.addEventListener('unload', onWindowClosedDuringSequence);\n\n    return action(() => {\n      disposers.forEach((d) => d());\n      window.removeEventListener('unload', onWindowClosedDuringSequence);\n    });\n  }\n\n  _collectionMove() {\n    const { onSubmit, reorderModeState } = this.dnd;\n    const { optimisticActions } = this;\n    if (optimisticActions == null) {\n      return;\n    }\n\n    const dragEndEvent = this.dnd._createDragEndEvent();\n\n    if (dragEndEvent == null) {\n      return;\n    }\n\n    optimisticActions.move(dragEndEvent, {\n      onTryAgain: async () => {\n        await reorderModeState?.onBulkSubmit();\n      },\n      submit: reorderModeState\n        ? () => reorderModeState?.onSubmit\n        : onSubmit\n        ? (event) => onSubmit(this.dnd._createSimpleDragEndEvent(event))\n        : undefined,\n      collectionSnapshot: this.state.getCollectionSnapshot?.() ?? {},\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}