@wix/patterns 1.32.0 → 1.33.0

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

@@ -90,7 +90,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 190,
+      lineNumber: 192,
       columnNumber: 27
     }
   });
@@ -174,7 +174,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 272,
+        lineNumber: 274,
         columnNumber: 11
       }
     }),
@@ -202,7 +202,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 265,
+      lineNumber: 267,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_TablePlaceholderStates.TablePlaceholderStates, {
@@ -228,7 +228,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 300,
+      lineNumber: 302,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionTableContent.CollectionTableContent, {
@@ -236,7 +236,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 325,
+      lineNumber: 327,
       columnNumber: 7
     }
   }, useNewInfiniteScrollLoader || internalScroll ? /*#__PURE__*/_react.default.createElement(_PageInfiniteScrollLoader.PageInfiniteScrollLoader, {
@@ -246,7 +246,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 327,
+      lineNumber: 329,
       columnNumber: 11
     }
   }) : undefined, children));
@@ -262,7 +262,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 341,
+        lineNumber: 343,
         columnNumber: 7
       }
     }, table);
@@ -278,7 +278,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 362,
+        lineNumber: 364,
         columnNumber: 11
       }
     }),
@@ -289,7 +289,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 357,
+      lineNumber: 359,
       columnNumber: 5
     }
   }), exportModal ?? state.featuredComponents.exportModal.value, bulkActionModal && /*#__PURE__*/_react.default.createElement(_BulkAction.SingleCollectionBulkActionModal, {
@@ -298,7 +298,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 376,
+      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","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   * 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. Accepts a [DragAndDrop](./?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":[]}
+{"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   * 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    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_ = "CollectionToolbar3382178832";
+var _namespace_ = "CollectionToolbar2940186734";
 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": "CollectionToolbar3382178832__root",
-  "left": "CollectionToolbar3382178832__left",
-  "right": "CollectionToolbar3382178832__right",
-  "fullWidth": "CollectionToolbar3382178832__fullWidth"
+  "root": "CollectionToolbar2940186734__root",
+  "left": "CollectionToolbar2940186734__left",
+  "right": "CollectionToolbar2940186734__right",
+  "fullWidth": "CollectionToolbar2940186734__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_ = \"CollectionToolbar3382178832\";\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\":\"CollectionToolbar3382178832__root\",\"left\":\"CollectionToolbar3382178832__left\",\"right\":\"CollectionToolbar3382178832__right\",\"fullWidth\":\"CollectionToolbar3382178832__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_ = \"CollectionToolbar2940186734\";\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\":\"CollectionToolbar2940186734__root\",\"left\":\"CollectionToolbar2940186734__left\",\"right\":\"CollectionToolbar2940186734__right\",\"fullWidth\":\"CollectionToolbar2940186734__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_ = "SearchOrCustomFilter1267168195";
+var _namespace_ = "SearchOrCustomFilter1325303733";
 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": "SearchOrCustomFilter1267168195__root",
-  "search": "SearchOrCustomFilter1267168195__search"
+  "root": "SearchOrCustomFilter1325303733__root",
+  "search": "SearchOrCustomFilter1325303733__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_ = \"SearchOrCustomFilter1267168195\";\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\":\"SearchOrCustomFilter1267168195__root\",\"search\":\"SearchOrCustomFilter1267168195__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_ = \"SearchOrCustomFilter1325303733\";\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\":\"SearchOrCustomFilter1325303733__root\",\"search\":\"SearchOrCustomFilter1325303733__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/CollectionToolbarFilters/CollectionToolbarFilters.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_useFiltersLayout","_ToolbarCollectionContext","_AppliedFiltersTagList","_mobxReactLite","_ToolbarItemBox","_AppliedFiltersTagListState","_CollectionToolbarFiltersState","_CollectionFilter","_FiltersPanelSidePanelEntry","_MoreFiltersCTA","_react2","_useFiltersSyncProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionToolbarFilters","props","children","inline","maxInlineFilters","maxInlineLabels","panelTitle","onPanelClearButtonClicked","onSearchAppliedFilterTagRemove","onSubToolbarClearButtonClicked","hideAppliedFiltersTagList","useNewFilters","childrenArr","useFiltersSyncProps","state","useToolbarCollectionContext","toolbarFiltersState","useState","CollectionToolbarFiltersState","toolbar","setToolbarFiltersStateInitialized","useEffect","panels","registerSidePanel","FiltersPanelSidePanelEntry","onClearButtonClicked","forceShowSidePanel","useMemo","slice","find","filter","type","displayName","includes","viewsProps","collection","customInlineElements","showFiltersPanelButton","totalInlineFilters","showLabels","useFiltersLayout","filters","length","totalFilters","filterElements","container","useWixPatternsContainer","filtersProps","map","filterChildProps","onAppliedFilterTagRemove","renderToolbarTag","toolbarTagProps","accordionItemProps","renderPresetToolbarTag","search","setFilterTagsPropsIfChanged","featuredComponents","moreFiltersButton","createElement","MoreFiltersCTA","__self","__source","fileName","lineNumber","columnNumber","tagListState","AppliedFiltersTagListState","table","disposers","init","appliedFiltersTagList","component","AppliedFiltersTagList","forEach","d","Fragment","key","element","index","_filterProps$toolbarI","filterProps","ToolbarItemBox","layout","dataHook","label","toolbarItemProps","CollectionFilter","CollectionToolbarFilters","exports","observer"],"sources":["../../../../src/components/CollectionToolbarFilters/CollectionToolbarFilters.tsx"],"sourcesContent":["import React, {\n  Fragment,\n  ReactNode,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { FilterElement } from './filterElement';\nimport { useFiltersLayout } from './useFiltersLayout';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { AppliedFiltersTagList } from '../AppliedFiltersTagList';\nimport { observer } from 'mobx-react-lite';\nimport { ToolbarItemBox } from '../ToolbarItemBox';\nimport { AppliedFiltersTagListState } from '../AppliedFiltersTagList/AppliedFiltersTagListState';\nimport { CollectionToolbarFiltersState } from './CollectionToolbarFiltersState';\nimport { CollectionFilter } from '../CollectionFilter';\nimport { FiltersPanelSidePanelEntry } from './FiltersPanelSidePanelEntry';\nimport { MoreFiltersCTA } from '../MoreFiltersCTA';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFiltersSyncProps } from './useFiltersSyncProps';\n\nexport interface CollectionToolbarFiltersProps {\n  /**\n   * Number of filter controls to be rendered inside the table toolbar\n   */\n  inline?: 0 | 1 | 2 | 3;\n  /**\n   * A flag that indicates whether Patterns should use a new filters layout our not.\n   */\n  useNewFilters?: true;\n  maxInlineFilters?: number;\n  maxInlineLabels?: number;\n  /**\n   * Title of the filters panel\n   * @external\n   */\n  panelTitle?: string | ReactNode;\n  /**\n   * `React` children elements, that must accept [FilterProps](./?path=/story/features-filter-props--filterprops), such as:\n   * - [MultiSelectCheckboxFilter](./?path=/story/features-filter-components--multiselectcheckboxfilter)\n   * - [Custom Filters](./?path=/story/features-filter-factories--customfilter)\n   * @external\n   */\n  children:\n    | (FilterElement | undefined | boolean)\n    | (FilterElement | undefined | boolean)[];\n  onPanelClearButtonClicked?: () => unknown;\n  onSearchAppliedFilterTagRemove?: (item: string) => unknown;\n  onSubToolbarClearButtonClicked?: () => unknown;\n  hideAppliedFiltersTagList?: boolean;\n}\n\nfunction _CollectionToolbarFilters(props: CollectionToolbarFiltersProps) {\n  const {\n    children,\n    inline=2,\n    maxInlineFilters,\n    maxInlineLabels,\n    panelTitle,\n    onPanelClearButtonClicked,\n    onSearchAppliedFilterTagRemove,\n    onSubToolbarClearButtonClicked,\n    hideAppliedFiltersTagList,\n    useNewFilters,\n  } = props;\n\n  const childrenArr = useFiltersSyncProps(children);\n\n  const state = useToolbarCollectionContext();\n\n  const [toolbarFiltersState] = useState(() => {\n    state.toolbarFiltersState ??= new CollectionToolbarFiltersState({\n      toolbar: state,\n    });\n    state.setToolbarFiltersStateInitialized(true);\n    return state.toolbarFiltersState;\n  });\n\n  useEffect(() => {\n    state.panels.registerSidePanel('filters', FiltersPanelSidePanelEntry);\n  }, []);\n\n  useEffect(() => {\n    toolbarFiltersState.onClearButtonClicked = onPanelClearButtonClicked;\n  }, [onPanelClearButtonClicked]);\n\n  const forceShowSidePanel = useMemo(\n    () =>\n      !!childrenArr.slice(0, inline).find((filter) => {\n        return (\n          filter.type.displayName &&\n          ['DateRangeFilter', 'MultiSelectCollectionFilter'].includes(\n            filter.type.displayName,\n          )\n        );\n      }),\n    [childrenArr],\n  );\n\n  const { viewsProps, collection } = state;\n\n  const customInlineElements = viewsProps ? 1 : 0;\n\n  const { showFiltersPanelButton, totalInlineFilters, showLabels } =\n    useFiltersLayout({\n      useNewFilters,\n      filters: childrenArr.length,\n      totalFilters: childrenArr.length + customInlineElements,\n      inline,\n      maxInlineFilters,\n      maxInlineLabels,\n      customInlineElements,\n      forceShowSidePanel,\n    });\n\n  useEffect(() => {\n    toolbarFiltersState.panelTitle.set(panelTitle);\n  }, [panelTitle]);\n\n  useEffect(() => {\n    toolbarFiltersState.totalInlineFilters.set(totalInlineFilters);\n  }, [totalInlineFilters]);\n\n  useEffect(() => {\n    toolbarFiltersState.filterElements.set(childrenArr);\n  }, [childrenArr]);\n\n  const container = useWixPatternsContainer();\n  const { filters } = collection;\n\n  const filtersProps = useMemo(\n    () => {\n      // share essential filter props globally\n      return [\n        ...childrenArr.map(({ props: filterChildProps, type }) => {\n          const {\n            filter,\n            onAppliedFilterTagRemove,\n            renderToolbarTag,\n            toolbarTagProps,\n            accordionItemProps,\n          } = filterChildProps;\n\n          return {\n            filter,\n            onAppliedFilterTagRemove,\n            toolbarTagProps,\n            accordionItemProps,\n            renderToolbarTag:\n              renderToolbarTag ?? type.renderPresetToolbarTag?.(container),\n          };\n        }),\n        {\n          filter: filters.search,\n          onAppliedFilterTagRemove: onSearchAppliedFilterTagRemove,\n        },\n      ];\n    },\n    childrenArr.map(({ props: { filter } }) => filter),\n  );\n\n  useEffect(() => {\n    state.setFilterTagsPropsIfChanged(filtersProps);\n\n    return () => {\n      state.setFilterTagsPropsIfChanged(null);\n    };\n  }, [filtersProps]);\n\n  useEffect(() => {\n    if (showFiltersPanelButton) {\n      state.featuredComponents.moreFiltersButton.set(() => <MoreFiltersCTA />);\n\n      return () => {\n        state.featuredComponents.moreFiltersButton.set(null);\n      };\n    }\n\n    state.featuredComponents.moreFiltersButton.set(null);\n\n    return;\n  }, [showFiltersPanelButton]);\n\n  const [tagListState] = useState(\n    () =>\n      new AppliedFiltersTagListState({\n        table: state,\n      }),\n  );\n\n  useEffect(() => {\n    const disposers = [tagListState.init()];\n\n    if (hideAppliedFiltersTagList) {\n      state.featuredComponents.appliedFiltersTagList.set(null);\n    } else {\n      state.featuredComponents.appliedFiltersTagList.set({\n        state: tagListState,\n        component: () => (\n          <AppliedFiltersTagList\n            state={tagListState}\n            onClearButtonClicked={onSubToolbarClearButtonClicked}\n          />\n        ),\n      });\n    }\n\n    return () => {\n      disposers.forEach((d) => d());\n      state.featuredComponents.appliedFiltersTagList.set(null);\n    };\n  }, [hideAppliedFiltersTagList]);\n\n  return (\n    // workaround to support bad enzyme version not detecting this as a valid fragment component\n    // https://wix.slack.com/archives/C02K83200PL/p1671962461443749\n    <Fragment key=\"toolbar-items\">\n      {childrenArr.slice(0, totalInlineFilters).map((element, index) => {\n        const { props: filterProps } = element;\n\n        return (\n          <ToolbarItemBox\n            key={index}\n            layout={filterProps.layout}\n            dataHook={`toolbar-item-filter-${index}`}\n            label={showLabels && filterProps.toolbarItemProps?.label}\n          >\n            {filterProps.filter ? (\n              <CollectionFilter\n                filter={filterProps.filter}\n                state={toolbarFiltersState}\n              >\n                {element}\n              </CollectionFilter>\n            ) : (\n              element\n            )}\n          </ToolbarItemBox>\n        );\n      })}\n    </Fragment>\n  );\n}\n\nexport const CollectionToolbarFilters = observer(_CollectionToolbarFilters);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useFiltersLayout","_ToolbarCollectionContext","_AppliedFiltersTagList","_mobxReactLite","_ToolbarItemBox","_AppliedFiltersTagListState","_CollectionToolbarFiltersState","_CollectionFilter","_FiltersPanelSidePanelEntry","_MoreFiltersCTA","_react2","_useFiltersSyncProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionToolbarFilters","props","children","inline","maxInlineFilters","maxInlineLabels","panelTitle","onPanelClearButtonClicked","onSearchAppliedFilterTagRemove","onSubToolbarClearButtonClicked","hideAppliedFiltersTagList","useNewFilters","childrenArr","useFiltersSyncProps","state","useToolbarCollectionContext","toolbarFiltersState","useState","CollectionToolbarFiltersState","toolbar","setToolbarFiltersStateInitialized","useEffect","panels","registerSidePanel","FiltersPanelSidePanelEntry","onClearButtonClicked","forceShowSidePanel","useMemo","slice","find","filter","type","displayName","includes","viewsProps","collection","customInlineElements","showFiltersPanelButton","totalInlineFilters","showLabels","useFiltersLayout","filters","length","totalFilters","filterElements","container","useWixPatternsContainer","filtersProps","map","filterChildProps","onAppliedFilterTagRemove","renderToolbarTag","toolbarTagProps","accordionItemProps","renderPresetToolbarTag","search","setFilterTagsPropsIfChanged","featuredComponents","moreFiltersButton","createElement","MoreFiltersCTA","__self","__source","fileName","lineNumber","columnNumber","tagListState","AppliedFiltersTagListState","table","disposers","init","appliedFiltersTagList","component","AppliedFiltersTagList","forEach","d","Fragment","key","element","index","_filterProps$toolbarI","filterProps","ToolbarItemBox","layout","dataHook","label","toolbarItemProps","CollectionFilter","CollectionToolbarFilters","exports","observer"],"sources":["../../../../src/components/CollectionToolbarFilters/CollectionToolbarFilters.tsx"],"sourcesContent":["import React, {\n  Fragment,\n  ReactNode,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { FilterElement } from './filterElement';\nimport { useFiltersLayout } from './useFiltersLayout';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { AppliedFiltersTagList } from '../AppliedFiltersTagList';\nimport { observer } from 'mobx-react-lite';\nimport { ToolbarItemBox } from '../ToolbarItemBox';\nimport { AppliedFiltersTagListState } from '../AppliedFiltersTagList/AppliedFiltersTagListState';\nimport { CollectionToolbarFiltersState } from './CollectionToolbarFiltersState';\nimport { CollectionFilter } from '../CollectionFilter';\nimport { FiltersPanelSidePanelEntry } from './FiltersPanelSidePanelEntry';\nimport { MoreFiltersCTA } from '../MoreFiltersCTA';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFiltersSyncProps } from './useFiltersSyncProps';\n\nexport interface CollectionToolbarFiltersProps {\n  /**\n   * Number of filter controls to be rendered inside the table toolbar\n   */\n  inline?: 0 | 1 | 2 | 3;\n  /**\n   * A flag that indicates whether Patterns should use a new filters layout our not.\n   */\n  useNewFilters?: true;\n  maxInlineFilters?: number;\n  maxInlineLabels?: number;\n  /**\n   * Title of the filters panel\n   * @external\n   */\n  panelTitle?: string | ReactNode;\n  /**\n   * `React` children elements, that must accept [FilterProps](./?path=/story/features-filter-props--filterprops), such as:\n   * - [MultiSelectCheckboxFilter](./?path=/story/features-filter-components--multiselectcheckboxfilter)\n   * - [Custom Filters](./?path=/story/features-filter-factories--customfilter)\n   * @external\n   */\n  children:\n    | (FilterElement | undefined | boolean)\n    | (FilterElement | undefined | boolean)[];\n  onPanelClearButtonClicked?: () => unknown;\n  onSearchAppliedFilterTagRemove?: (item: string) => unknown;\n  onSubToolbarClearButtonClicked?: () => unknown;\n  hideAppliedFiltersTagList?: boolean;\n}\n\nfunction _CollectionToolbarFilters(props: CollectionToolbarFiltersProps) {\n  const {\n    children,\n    inline = 2,\n    maxInlineFilters,\n    maxInlineLabels,\n    panelTitle,\n    onPanelClearButtonClicked,\n    onSearchAppliedFilterTagRemove,\n    onSubToolbarClearButtonClicked,\n    hideAppliedFiltersTagList,\n    useNewFilters,\n  } = props;\n\n  const childrenArr = useFiltersSyncProps(children);\n\n  const state = useToolbarCollectionContext();\n\n  const [toolbarFiltersState] = useState(() => {\n    state.toolbarFiltersState ??= new CollectionToolbarFiltersState({\n      toolbar: state,\n    });\n    state.setToolbarFiltersStateInitialized(true);\n    return state.toolbarFiltersState;\n  });\n\n  useEffect(() => {\n    state.panels.registerSidePanel('filters', FiltersPanelSidePanelEntry);\n  }, []);\n\n  useEffect(() => {\n    toolbarFiltersState.onClearButtonClicked = onPanelClearButtonClicked;\n  }, [onPanelClearButtonClicked]);\n\n  const forceShowSidePanel = useMemo(\n    () =>\n      !!childrenArr.slice(0, inline).find((filter) => {\n        return (\n          filter.type.displayName &&\n          ['DateRangeFilter', 'MultiSelectCollectionFilter'].includes(\n            filter.type.displayName,\n          )\n        );\n      }),\n    [childrenArr],\n  );\n\n  const { viewsProps, collection } = state;\n\n  const customInlineElements = viewsProps ? 1 : 0;\n\n  const { showFiltersPanelButton, totalInlineFilters, showLabels } =\n    useFiltersLayout({\n      useNewFilters,\n      filters: childrenArr.length,\n      totalFilters: childrenArr.length + customInlineElements,\n      inline,\n      maxInlineFilters,\n      maxInlineLabels,\n      customInlineElements,\n      forceShowSidePanel,\n    });\n\n  useEffect(() => {\n    toolbarFiltersState.panelTitle.set(panelTitle);\n  }, [panelTitle]);\n\n  useEffect(() => {\n    toolbarFiltersState.totalInlineFilters.set(totalInlineFilters);\n  }, [totalInlineFilters]);\n\n  useEffect(() => {\n    toolbarFiltersState.filterElements.set(childrenArr);\n  }, [childrenArr]);\n\n  const container = useWixPatternsContainer();\n  const { filters } = collection;\n\n  const filtersProps = useMemo(\n    () => {\n      // share essential filter props globally\n      return [\n        ...childrenArr.map(({ props: filterChildProps, type }) => {\n          const {\n            filter,\n            onAppliedFilterTagRemove,\n            renderToolbarTag,\n            toolbarTagProps,\n            accordionItemProps,\n          } = filterChildProps;\n\n          return {\n            filter,\n            onAppliedFilterTagRemove,\n            toolbarTagProps,\n            accordionItemProps,\n            renderToolbarTag:\n              renderToolbarTag ?? type.renderPresetToolbarTag?.(container),\n          };\n        }),\n        {\n          filter: filters.search,\n          onAppliedFilterTagRemove: onSearchAppliedFilterTagRemove,\n        },\n      ];\n    },\n    childrenArr.map(({ props: { filter } }) => filter),\n  );\n\n  useEffect(() => {\n    state.setFilterTagsPropsIfChanged(filtersProps);\n\n    return () => {\n      state.setFilterTagsPropsIfChanged(null);\n    };\n  }, [filtersProps]);\n\n  useEffect(() => {\n    if (showFiltersPanelButton) {\n      state.featuredComponents.moreFiltersButton.set(() => <MoreFiltersCTA />);\n\n      return () => {\n        state.featuredComponents.moreFiltersButton.set(null);\n      };\n    }\n\n    state.featuredComponents.moreFiltersButton.set(null);\n\n    return;\n  }, [showFiltersPanelButton]);\n\n  const [tagListState] = useState(\n    () =>\n      new AppliedFiltersTagListState({\n        table: state,\n      }),\n  );\n\n  useEffect(() => {\n    const disposers = [tagListState.init()];\n\n    if (hideAppliedFiltersTagList) {\n      state.featuredComponents.appliedFiltersTagList.set(null);\n    } else {\n      state.featuredComponents.appliedFiltersTagList.set({\n        state: tagListState,\n        component: () => (\n          <AppliedFiltersTagList\n            state={tagListState}\n            onClearButtonClicked={onSubToolbarClearButtonClicked}\n          />\n        ),\n      });\n    }\n\n    return () => {\n      disposers.forEach((d) => d());\n      state.featuredComponents.appliedFiltersTagList.set(null);\n    };\n  }, [hideAppliedFiltersTagList]);\n\n  return (\n    // workaround to support bad enzyme version not detecting this as a valid fragment component\n    // https://wix.slack.com/archives/C02K83200PL/p1671962461443749\n    <Fragment key=\"toolbar-items\">\n      {childrenArr.slice(0, totalInlineFilters).map((element, index) => {\n        const { props: filterProps } = element;\n\n        return (\n          <ToolbarItemBox\n            key={index}\n            layout={filterProps.layout}\n            dataHook={`toolbar-item-filter-${index}`}\n            label={showLabels && filterProps.toolbarItemProps?.label}\n          >\n            {filterProps.filter ? (\n              <CollectionFilter\n                filter={filterProps.filter}\n                state={toolbarFiltersState}\n              >\n                {element}\n              </CollectionFilter>\n            ) : (\n              element\n            )}\n          </ToolbarItemBox>\n        );\n      })}\n    </Fragment>\n  );\n}\n\nexport const CollectionToolbarFilters = observer(_CollectionToolbarFilters);\n"],"mappings":"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","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_ = "AutoCompleteReadonly4157437575";
+var _namespace_ = "AutoCompleteReadonly2356864757";
 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": "AutoCompleteReadonly4157437575__root"
+  "root": "AutoCompleteReadonly2356864757__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_ = \"AutoCompleteReadonly4157437575\";\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\":\"AutoCompleteReadonly4157437575__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_ = \"AutoCompleteReadonly2356864757\";\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\":\"AutoCompleteReadonly2356864757__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_ = "ViewsDropdown2859773591";
+var _namespace_ = "ViewsDropdown3326111379";
 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": "ViewsDropdown2859773591__root"
+  "root": "ViewsDropdown3326111379__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_ = \"ViewsDropdown2859773591\";\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\":\"ViewsDropdown2859773591__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_ = \"ViewsDropdown3326111379\";\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\":\"ViewsDropdown3326111379__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/CtaProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/CtaProps.ts"],"sourcesContent":["import { IconElement } from '@wix/design-system';\n\nexport interface CtaBaseProps {\n  /*\n   * A unique idetifier dor the CTA.\n   */\n  id: string;\n  /**\n   * A callback that runs each time the button is clicked.\n   */\n  onClick?: () => void;\n  /*\n   * Button label.\n   */\n  label?: string;\n  /*\n   * An optional Icon prefix.\n   */\n  prefixIcon?: IconElement;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/components/CtaProps.ts"],"sourcesContent":["import { IconElement } from '@wix/design-system';\n\nexport interface CtaBaseProps {\n  /**\n   * A unique idetifier for the CTA.\n   * @external\n   */\n  id: string;\n  /**\n   * A callback that runs each time the button is clicked.\n   * @external\n   */\n  onClick?: () => void;\n  /**\n   * Button label.\n   * @external\n   */\n  label?: string;\n  /**\n   * An optional Icon prefix.\n   * @external\n   */\n  prefixIcon?: IconElement;\n}\n"],"mappings":"","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_ = "CustomFieldsViewWidgetSection488990687";
+var _namespace_ = "CustomFieldsViewWidgetSection1835695872";
 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": "CustomFieldsViewWidgetSection488990687__root",
-  "breakWord": "CustomFieldsViewWidgetSection488990687__breakWord"
+  "root": "CustomFieldsViewWidgetSection1835695872__root",
+  "breakWord": "CustomFieldsViewWidgetSection1835695872__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_ = \"CustomFieldsViewWidgetSection488990687\";\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\":\"CustomFieldsViewWidgetSection488990687__root\",\"breakWord\":\"CustomFieldsViewWidgetSection488990687__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_ = \"CustomFieldsViewWidgetSection1835695872\";\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\":\"CustomFieldsViewWidgetSection1835695872__root\",\"breakWord\":\"CustomFieldsViewWidgetSection1835695872__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,yCAAyC;AAC3D,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,+CAA+C;EAAC,WAAW,EAAC;AAAoD,CAAC;AACvI,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

@@ -8,6 +8,7 @@ var _bexCore = require("@wix/bex-core");
 var _mobx = require("mobx");
 var _DragAndDropState = require("./DragAndDropState");
 var _CollectionDragAndDropBI = require("./CollectionDragAndDropBI");
+var _createOptimisticActionsOrderByModeReaction = require("../../state/DragAndDrop/createOptimisticActionsOrderByModeReaction");
 class CollectionDragAndDropState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "dnd", void 0);
@@ -61,22 +62,17 @@ class CollectionDragAndDropState {
   init() {
     const {
       optimisticActions,
-      dnd: {
-        container
-      },
-      bi
+      dnd,
+      bi,
+      collection
     } = this;
+    const {
+      container
+    } = dnd;
     const {
       translate: t
     } = container;
-    const disposers = [this.dnd.init(), (0, _mobx.reaction)(() => this.dnd.isDisabled, isDisabled => {
-      if (!optimisticActions) {
-        return;
-      }
-      optimisticActions._orderByMode = isDisabled ? 'orders' : 'moves';
-    }, {
-      fireImmediately: true
-    }), (0, _bexCore.addEventListener)(container.events, 'navigation', () => {
+    const disposers = [dnd.init(), (0, _createOptimisticActionsOrderByModeReaction.createOptimisticActionsOrderByModeReaction)(dnd, collection), (0, _bexCore.addEventListener)(container.events, 'navigation', () => {
       if (optimisticActions != null && optimisticActions.hasRunningSequence) {
         return {
           title: t('cairo.dragAndDrop.leaveSite.modal.title'),

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","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":[]}
+{"version":3,"names":["_bexCore","require","_mobx","_DragAndDropState","_CollectionDragAndDropBI","_createOptimisticActionsOrderByModeReaction","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","createOptimisticActionsOrderByModeReaction","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, 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      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 { 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          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":[]}