@wix/patterns 1.91.0 → 1.93.0

package/dist/cjs/components/AutoCompleteFilter/AutoCompleteFilter.js

@@ -59,7 +59,9 @@ function _AutoCompleteFilter(props) {
     items: builtOptions,
     renderSection
   });
+  const getEmptyStateText = () => collection.hasAvailableItems ? t('cairo.dropdownSearch.filters.noResults') : t('cairo.dropdownSearch.filters.emptyState');
   return /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, (0, _extends2.default)({
+    emptyStateMessage: getEmptyStateText(),
     dataHook: `collection-filter-${filter.name}`,
     closeOnSelect: true,
     border: "round",
@@ -95,7 +97,7 @@ function _AutoCompleteFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 105,
+      lineNumber: 110,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_designSystem","_hooks","_AutoCompleteFilterState","_react2","_providers","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_AutoCompleteFilter","props","filter","collection","renderItem","renderSection","placeholder","onSelect","onClear","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","collectionFilter","useState","CollectionFilterState","state","AutoCompleteFilterState","resetOnClose","translate","useEffect","init","result","keyedItems","fetchedLastPage","buildOption","useBuildOption","builtOptions","map","options","useBuildGroupedOptions","items","createElement","AutoComplete","_extends2","dataHook","name","closeOnSelect","border","onClose","dropdown","dropdownSelect","close","onInputBlur","onBlur","clearButton","clearSelectionAndSearch","option","sameOptionWasPicked","keyedItem","setSingle","searchInputValue","itemName","item","infiniteScroll","value","onChange","target","search","hasMore","loadMore","fetchNextPageIfNeeded","__self","__source","fileName","lineNumber","columnNumber","AutoCompleteFilter","exports","observer"],"sources":["../../../../src/components/AutoCompleteFilter/AutoCompleteFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { CollectionFilterState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, Filter, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport {\n  AutoComplete,\n  AutoCompleteProps,\n  DropdownLayoutValueOption,\n} from '@wix/design-system';\nimport { ListItem, useBuildGroupedOptions, useBuildOption } from '../../hooks';\nimport { AutoCompleteFilterState } from './AutoCompleteFilterState';\nimport { SingleSelectFilterBaseProps } from '../SingleSelectFilterBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFilterToolbarState } from '../../providers';\nimport { FilterProps } from '../../model';\n\nexport type KeyedItemOption<T> = DropdownLayoutValueOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport interface AutoCompleteFilterProps<V, F extends FiltersMap>\n  extends Omit<AutoCompleteProps, 'options'>,\n    FilterProps<V[]> {\n  /**\n   * [ArrayFilter](./?path=/story/features-filter-factories--arrayfilter) state object\n   */\n  filter: Filter<V[]>;\n  /**\n   * Function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) extended by `{section?: string}`.\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n  /**\n   * A function that returns  [ListItemSectionProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemsection) <br/>\n   * According to make it works you need return `sectionId` in `renderItem` method. <br/>\n   * ⚠️ Server should return section items sorted by sections in strict order. Otherwise, when using infinite scrolling the behavior of the sections will be unexpected. <br/>\n   * (Optional)\n   */\n  renderSection?: SingleSelectFilterBaseProps<V>['renderSection'];\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * Typically, a collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) hook.\n   */\n  collection: CollectionState<V, F>;\n}\n\nfunction _AutoCompleteFilter<V, F extends FiltersMap>(\n  props: AutoCompleteFilterProps<V, F>,\n) {\n  const {\n    filter,\n    collection,\n    renderItem,\n    renderSection,\n    placeholder,\n    onSelect,\n    onClear,\n    ...rest\n  } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [state] = useState(\n    () =>\n      new AutoCompleteFilterState({\n        collectionFilter,\n        resetOnClose: false,\n        container,\n        toolbar,\n      }),\n  );\n\n  const { translate: t } = collection;\n\n  useEffect(() => {\n    return state.init();\n  }, []);\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const buildOption = useBuildOption({\n    filter,\n    renderItem,\n  });\n\n  const builtOptions = keyedItems.map(buildOption);\n\n  const options = useBuildGroupedOptions({\n    items: builtOptions,\n    renderSection,\n  });\n\n  return (\n    <AutoComplete\n      dataHook={`collection-filter-${filter.name}`}\n      closeOnSelect\n      border=\"round\"\n      options={options}\n      onClose={() => {\n        state.dropdown.dropdownSelect.close();\n        state.onInputBlur();\n      }}\n      onBlur={state.onInputBlur}\n      clearButton\n      onClear={(e) => {\n        onClear?.(e);\n        state.clearSelectionAndSearch();\n      }}\n      placeholder={placeholder ?? t('cairo.selectPlaceholder')}\n      onSelect={(option, sameOptionWasPicked) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        state.dropdown.dropdownSelect.setSingle(keyedItem);\n        onSelect?.(option, sameOptionWasPicked);\n        state.searchInputValue = state.collection.itemName(keyedItem.item);\n      }}\n      infiniteScroll\n      value={state.searchInputValue}\n      onChange={(e) => {\n        state.searchInputValue = e.target.value;\n        collection.search(e.target.value);\n      }}\n      hasMore={!fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n      {...rest}\n    />\n  );\n}\n\nexport const AutoCompleteFilter = observer(_AutoCompleteFilter);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_designSystem","_hooks","_AutoCompleteFilterState","_react2","_providers","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_AutoCompleteFilter","props","filter","collection","renderItem","renderSection","placeholder","onSelect","onClear","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","collectionFilter","useState","CollectionFilterState","state","AutoCompleteFilterState","resetOnClose","translate","useEffect","init","result","keyedItems","fetchedLastPage","buildOption","useBuildOption","builtOptions","map","options","useBuildGroupedOptions","items","getEmptyStateText","hasAvailableItems","createElement","AutoComplete","_extends2","emptyStateMessage","dataHook","name","closeOnSelect","border","onClose","dropdown","dropdownSelect","close","onInputBlur","onBlur","clearButton","clearSelectionAndSearch","option","sameOptionWasPicked","keyedItem","setSingle","searchInputValue","itemName","item","infiniteScroll","value","onChange","target","search","hasMore","loadMore","fetchNextPageIfNeeded","__self","__source","fileName","lineNumber","columnNumber","AutoCompleteFilter","exports","observer"],"sources":["../../../../src/components/AutoCompleteFilter/AutoCompleteFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { CollectionFilterState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, Filter, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport {\n  AutoComplete,\n  AutoCompleteProps,\n  DropdownLayoutValueOption,\n} from '@wix/design-system';\nimport { ListItem, useBuildGroupedOptions, useBuildOption } from '../../hooks';\nimport { AutoCompleteFilterState } from './AutoCompleteFilterState';\nimport { SingleSelectFilterBaseProps } from '../SingleSelectFilterBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFilterToolbarState } from '../../providers';\nimport { FilterProps } from '../../model';\n\nexport type KeyedItemOption<T> = DropdownLayoutValueOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport interface AutoCompleteFilterProps<V, F extends FiltersMap>\n  extends Omit<AutoCompleteProps, 'options'>,\n    FilterProps<V[]> {\n  /**\n   * [ArrayFilter](./?path=/story/features-filter-factories--arrayfilter) state object\n   */\n  filter: Filter<V[]>;\n  /**\n   * Function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) extended by `{section?: string}`.\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n  /**\n   * A function that returns  [ListItemSectionProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemsection) <br/>\n   * According to make it works you need return `sectionId` in `renderItem` method. <br/>\n   * ⚠️ Server should return section items sorted by sections in strict order. Otherwise, when using infinite scrolling the behavior of the sections will be unexpected. <br/>\n   * (Optional)\n   */\n  renderSection?: SingleSelectFilterBaseProps<V>['renderSection'];\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * Typically, a collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) hook.\n   */\n  collection: CollectionState<V, F>;\n}\n\nfunction _AutoCompleteFilter<V, F extends FiltersMap>(\n  props: AutoCompleteFilterProps<V, F>,\n) {\n  const {\n    filter,\n    collection,\n    renderItem,\n    renderSection,\n    placeholder,\n    onSelect,\n    onClear,\n    ...rest\n  } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [state] = useState(\n    () =>\n      new AutoCompleteFilterState({\n        collectionFilter,\n        resetOnClose: false,\n        container,\n        toolbar,\n      }),\n  );\n\n  const { translate: t } = collection;\n\n  useEffect(() => {\n    return state.init();\n  }, []);\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const buildOption = useBuildOption({\n    filter,\n    renderItem,\n  });\n\n  const builtOptions = keyedItems.map(buildOption);\n\n  const options = useBuildGroupedOptions({\n    items: builtOptions,\n    renderSection,\n  });\n\n  const getEmptyStateText = () =>\n    collection.hasAvailableItems\n      ? t('cairo.dropdownSearch.filters.noResults')\n      : t('cairo.dropdownSearch.filters.emptyState');\n\n  return (\n    <AutoComplete\n      emptyStateMessage={getEmptyStateText()}\n      dataHook={`collection-filter-${filter.name}`}\n      closeOnSelect\n      border=\"round\"\n      options={options}\n      onClose={() => {\n        state.dropdown.dropdownSelect.close();\n        state.onInputBlur();\n      }}\n      onBlur={state.onInputBlur}\n      clearButton\n      onClear={(e) => {\n        onClear?.(e);\n        state.clearSelectionAndSearch();\n      }}\n      placeholder={placeholder ?? t('cairo.selectPlaceholder')}\n      onSelect={(option, sameOptionWasPicked) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        state.dropdown.dropdownSelect.setSingle(keyedItem);\n        onSelect?.(option, sameOptionWasPicked);\n        state.searchInputValue = state.collection.itemName(keyedItem.item);\n      }}\n      infiniteScroll\n      value={state.searchInputValue}\n      onChange={(e) => {\n        state.searchInputValue = e.target.value;\n        collection.search(e.target.value);\n      }}\n      hasMore={!fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n      {...rest}\n    />\n  );\n}\n\nexport const AutoCompleteFilter = observer(_AutoCompleteFilter);\n"],"mappings":"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","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_ = "Collapse235044130";
+var _namespace_ = "Collapse521762233";
 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": "Collapse235044130__root",
-  "exit": "Collapse235044130__exit"
+  "root": "Collapse521762233__root",
+  "exit": "Collapse521762233__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_ = \"Collapse235044130\";\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\":\"Collapse235044130__root\",\"exit\":\"Collapse235044130__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_ = \"Collapse521762233\";\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\":\"Collapse521762233__root\",\"exit\":\"Collapse521762233__exit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yBAAyB;EAAC,MAAM,EAAC;AAAyB,CAAC;AACjF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -258,7 +258,6 @@ function _CollectionTable(props) {
     table = /*#__PURE__*/_react.default.createElement(TableDragAndDropContext, {
       state: state,
       onSubmit: dragAndDropSubmit,
-      onCancel: dragAndDropCancel,
       onBulkSubmit: dragAndDropBulkSubmit,
       __self: this,
       __source: {
@@ -279,7 +278,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 365,
+        lineNumber: 364,
         columnNumber: 11
       }
     }),
@@ -290,7 +289,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 360,
+      lineNumber: 359,
       columnNumber: 5
     }
   }), exportModal ?? state.featuredComponents.exportModal.value, bulkActionModal && /*#__PURE__*/_react.default.createElement(_BulkAction.SingleCollectionBulkActionModal, {
@@ -299,7 +298,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 379,
+      lineNumber: 378,
       columnNumber: 9
     }
   }), table);

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

@@ -1 +1 @@
-{"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","errorState","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","result","originQuery","selectionToolbar","SingleCollectionBulkActionToolbar","dynamicRowClass","root","skin","onSelectionChanged","_selectedIds","_change","allSelected","selectedValues","selectionDisabled","row","bulk","isRowCheckboxDisabled","TablePlaceholderStates","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   * 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>;\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    errorState = 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      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        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        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        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      errorState={errorState}\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","errorState","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","result","originQuery","selectionToolbar","SingleCollectionBulkActionToolbar","dynamicRowClass","root","skin","onSelectionChanged","_selectedIds","_change","allSelected","selectedValues","selectionDisabled","row","bulk","isRowCheckboxDisabled","TablePlaceholderStates","hasAvailableItems","CollectionTableContent","PageInfiniteScrollLoader","scrollMoreAlways","TableDragAndDropContext","onSubmit","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   * 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>;\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    errorState = 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      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        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        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  const tableSkeletonEnabled = state.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n\n  return (\n    <CollectionCard\n      errorState={errorState}\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_ = "CollectionToolbar889648392";
+var _namespace_ = "CollectionToolbar1770191592";
 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": "CollectionToolbar889648392__root",
-  "left": "CollectionToolbar889648392__left",
-  "right": "CollectionToolbar889648392__right",
-  "fullWidth": "CollectionToolbar889648392__fullWidth"
+  "root": "CollectionToolbar1770191592__root",
+  "left": "CollectionToolbar1770191592__left",
+  "right": "CollectionToolbar1770191592__right",
+  "fullWidth": "CollectionToolbar1770191592__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_ = \"CollectionToolbar889648392\";\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\":\"CollectionToolbar889648392__root\",\"left\":\"CollectionToolbar889648392__left\",\"right\":\"CollectionToolbar889648392__right\",\"fullWidth\":\"CollectionToolbar889648392__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,4BAA4B;AAC9C,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,kCAAkC;EAAC,MAAM,EAAC,kCAAkC;EAAC,OAAO,EAAC,mCAAmC;EAAC,WAAW,EAAC;AAAuC,CAAC;AACnM,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_ = \"CollectionToolbar1770191592\";\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\":\"CollectionToolbar1770191592__root\",\"left\":\"CollectionToolbar1770191592__left\",\"right\":\"CollectionToolbar1770191592__right\",\"fullWidth\":\"CollectionToolbar1770191592__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_ = "SearchOrCustomFilter2766906136";
+var _namespace_ = "SearchOrCustomFilter4045431409";
 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": "SearchOrCustomFilter2766906136__root",
-  "search": "SearchOrCustomFilter2766906136__search"
+  "root": "SearchOrCustomFilter4045431409__root",
+  "search": "SearchOrCustomFilter4045431409__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_ = \"SearchOrCustomFilter2766906136\";\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\":\"SearchOrCustomFilter2766906136__root\",\"search\":\"SearchOrCustomFilter2766906136__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":[]}
+{"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_ = \"SearchOrCustomFilter4045431409\";\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\":\"SearchOrCustomFilter4045431409__root\",\"search\":\"SearchOrCustomFilter4045431409__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_ = "AutoCompleteReadonly1142638818";
+var _namespace_ = "AutoCompleteReadonly2967291141";
 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": "AutoCompleteReadonly1142638818__root"
+  "root": "AutoCompleteReadonly2967291141__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_ = \"AutoCompleteReadonly1142638818\";\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\":\"AutoCompleteReadonly1142638818__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_ = \"AutoCompleteReadonly2967291141\";\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\":\"AutoCompleteReadonly2967291141__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_ = "ViewsDropdown534772394";
+var _namespace_ = "ViewsDropdown999819289";
 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": "ViewsDropdown534772394__root"
+  "root": "ViewsDropdown999819289__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_ = \"ViewsDropdown534772394\";\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\":\"ViewsDropdown534772394__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,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,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_ = \"ViewsDropdown999819289\";\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\":\"ViewsDropdown999819289__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,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,CAAC,CAAC","ignoreList":[]}

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

@@ -14,6 +14,23 @@ class CollectionDragAndDropState {
     (0, _defineProperty2.default)(this, "dnd", void 0);
     (0, _defineProperty2.default)(this, "state", void 0);
     (0, _defineProperty2.default)(this, "bi", void 0);
+    (0, _defineProperty2.default)(this, "dragAndDropCancel", void 0);
+    (0, _defineProperty2.default)(this, "_onCancel", async () => {
+      var _this$dragAndDropCanc;
+      const {
+        dnd
+      } = this;
+      const dragEndEvent = dnd._createDragEndEvent();
+      if (dragEndEvent == null) {
+        return false;
+      }
+      const shouldCancel = await ((_this$dragAndDropCanc = this.dragAndDropCancel) == null ? void 0 : _this$dragAndDropCanc.call(this, dnd._createSimpleDragEndEvent(dragEndEvent)));
+      if (!shouldCancel) {
+        return false;
+      }
+      dnd._maybeShowErrorToast(shouldCancel, dragEndEvent);
+      return true;
+    });
     this.state = params.state;
     this.bi = new _CollectionDragAndDropBI.CollectionDragAndDropBI({
       state: params.state
@@ -48,6 +65,7 @@ class CollectionDragAndDropState {
         }
       }
     });
+    this.dnd.onCancel = this._onCancel;
     (0, _mobx.makeObservable)(this, {
       _collectionMove: _mobx.action
     });

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","_DragAndDropState","_CollectionDragAndDropBI","_createOptimisticActionsOrderByModeReaction","CollectionDragAndDropState","constructor","params","_defineProperty2","default","state","bi","CollectionDragAndDropBI","dnd","DragAndDropState","collection","container","move","_collectionMove","announcements","dragHandleLabel","id","_this$collection$getK","translate","t","itemName","item","getKeyedItem","itemDescription","_this$collection$getK2","makeObservable","action","optimisticActions","_optimisticActions","init","disposers","createOptimisticActionsOrderByModeReaction","addEventListener","events","hasRunningSequence","patches","pendingMovePatches","title","content","onResume","onMoveFailure","reason","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, makeObservable } from 'mobx';\nimport { DragAndDropParentState, DragAndDropState } from './DragAndDropState';\nimport { CollectionDragAndDropBI } from './CollectionDragAndDropBI';\nimport { createOptimisticActionsOrderByModeReaction } from '../../state/DragAndDrop/createOptimisticActionsOrderByModeReaction';\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      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 { optimisticActions, dnd, bi, collection } = this;\n    const { container } = dnd;\n    const { translate: t } = container;\n\n    const disposers = [\n      dnd.init(),\n      createOptimisticActionsOrderByModeReaction(dnd, collection),\n      addEventListener(container.events, 'navigation', () => {\n        if (optimisticActions?.hasRunningSequence) {\n          const patches = optimisticActions.pendingMovePatches;\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,\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":[]}
+{"version":3,"names":["_bexCore","require","_mobx","_DragAndDropState","_CollectionDragAndDropBI","_createOptimisticActionsOrderByModeReaction","CollectionDragAndDropState","constructor","params","_defineProperty2","default","_this$dragAndDropCanc","dnd","dragEndEvent","_createDragEndEvent","shouldCancel","dragAndDropCancel","call","_createSimpleDragEndEvent","_maybeShowErrorToast","state","bi","CollectionDragAndDropBI","DragAndDropState","collection","container","move","_collectionMove","announcements","dragHandleLabel","id","_this$collection$getK","translate","t","itemName","item","getKeyedItem","itemDescription","_this$collection$getK2","onCancel","_onCancel","makeObservable","action","optimisticActions","_optimisticActions","init","disposers","createOptimisticActionsOrderByModeReaction","addEventListener","events","hasRunningSequence","patches","pendingMovePatches","title","content","onResume","onMoveFailure","reason","onMoveRetry","onWindowClosedDuringSequence","window","forEach","d","removeEventListener","_this$state$getCollec","_this$state","onSubmit","reorderModeState","onTryAgain","onBulkSubmit","submit","event","undefined","collectionSnapshot","getCollectionSnapshot","exports"],"sources":["../../../../src/components/DragAndDrop/CollectionDragAndDropState.ts"],"sourcesContent":["import {\n  addEventListener,\n  WixPatternsContainer,\n  CollectionState,\n  FiltersMap,\n} from '@wix/bex-core';\nimport { action, makeObservable } from 'mobx';\nimport { DragAndDropParentState, DragAndDropState } from './DragAndDropState';\nimport { CollectionDragAndDropBI } from './CollectionDragAndDropBI';\nimport { createOptimisticActionsOrderByModeReaction } from '../../state/DragAndDrop/createOptimisticActionsOrderByModeReaction';\nimport { DragAndDropCancel } from './DragAndDrop';\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  dragAndDropCancel?: DragAndDropCancel<T, F>;\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      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    this.dnd.onCancel = this._onCancel;\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 { optimisticActions, dnd, bi, collection } = this;\n    const { container } = dnd;\n    const { translate: t } = container;\n\n    const disposers = [\n      dnd.init(),\n      createOptimisticActionsOrderByModeReaction(dnd, collection),\n      addEventListener(container.events, 'navigation', () => {\n        if (optimisticActions?.hasRunningSequence) {\n          const patches = optimisticActions.pendingMovePatches;\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,\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  _onCancel = async () => {\n    const { dnd } = this;\n    const dragEndEvent = dnd._createDragEndEvent();\n\n    if (dragEndEvent == null) {\n      return false;\n    }\n\n    const shouldCancel = await this.dragAndDropCancel?.(\n      dnd._createSimpleDragEndEvent(dragEndEvent),\n    );\n\n    if (!shouldCancel) {\n      return false;\n    }\n\n    dnd._maybeShowErrorToast(shouldCancel, dragEndEvent);\n\n    return true;\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":[]}

package/dist/cjs/components/DragAndDrop/DragAndDropState.js

@@ -150,6 +150,20 @@ class DragAndDropState {
       document.addEventListener('mousemove', onMove);
       document.addEventListener('mouseup', onMouseUp);
     });
+    (0, _defineProperty2.default)(this, "_maybeShowErrorToast", (shouldCancel, dragEndEvent) => {
+      const {
+        container
+      } = this;
+      if (shouldCancel && typeof shouldCancel === 'object') {
+        var _this$bi2;
+        (_this$bi2 = this.bi) == null || _this$bi2.onMoveCancelled == null || _this$bi2.onMoveCancelled(dragEndEvent);
+        container.showToast == null || container.showToast({
+          ...shouldCancel,
+          type: 'ERROR',
+          biName: 'cairo-drag-and-drop-external-logic-error'
+        });
+      }
+    });
     this.container = params.container;
     this.state = params.state;
     this.collection = params.collection;
@@ -249,7 +263,7 @@ class DragAndDropState {
     Object.assign(this.overlayRect.rect, (_active$rect = active.rect) == null ? void 0 : _active$rect.current.translated);
   }
   onDragStart(event) {
-    var _active$rect2, _this$bi2;
+    var _active$rect2, _this$bi3;
     const {
       events
     } = this;
@@ -261,7 +275,7 @@ class DragAndDropState {
     this.activeId = event.active.id;
     this.overId = this.activeId;
     this._moveId = (0, _uuid.v4)();
-    (_this$bi2 = this.bi) == null || _this$bi2.onDragStart();
+    (_this$bi3 = this.bi) == null || _this$bi3.onDragStart();
     events.emit('dragStart');
   }
   get isActiveRectOutsideContainer() {
@@ -278,35 +292,8 @@ class DragAndDropState {
     }
     return !(0, _rectIntersection.haveIntersection)(overlayRect, containerRect);
   }
-  async _maybeCancelDropAndShowErrorToast() {
-    var _this$onCancel;
-    const {
-      container
-    } = this;
-    const dragEndEvent = this._createDragEndEvent();
-    if (dragEndEvent == null) {
-      return false;
-    }
-    const shouldCancel = await ((_this$onCancel = this.onCancel) == null ? void 0 : _this$onCancel.call(this, this._createSimpleDragEndEvent(dragEndEvent)));
-    if (!shouldCancel) {
-      return false;
-    }
-    const cancelSideEffects = toastConfig => {
-      var _this$bi3;
-      (_this$bi3 = this.bi) == null || _this$bi3.onMoveCancelled == null || _this$bi3.onMoveCancelled(dragEndEvent);
-      container.showToast == null || container.showToast({
-        ...toastConfig,
-        type: 'ERROR',
-        biName: 'cairo-drag-and-drop-external-logic-error'
-      });
-    };
-    if (shouldCancel && typeof shouldCancel === 'object') {
-      cancelSideEffects(shouldCancel);
-    }
-    return true;
-  }
   async beforeDrop(event) {
-    var _event$over, _active$rect3;
+    var _event$over, _this$onCancel, _active$rect3;
     this.droppingId = this.activeId;
     this.overId = (_event$over = event.over) == null ? void 0 : _event$over.id;
     const {
@@ -315,7 +302,7 @@ class DragAndDropState {
     if (active == null) {
       return false;
     }
-    const cancelResult = await this._maybeCancelDropAndShowErrorToast();
+    const cancelResult = await ((_this$onCancel = this.onCancel) == null ? void 0 : _this$onCancel.call(this));
     if (cancelResult) {
       return true;
     }