@wix/patterns 1.1.0 → 1.3.0

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

@@ -5,13 +5,16 @@ exports.__esModule = true;
 exports.CollectionTableWSRTable = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _designSystem = require("@wix/design-system");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
+var _bi = require("@wix/bex-core/bi");
 var _CollectionContext = require("../CollectionContext");
 var _CollectionToolbars = require("../CollectionToolbars");
 var _BorderOnlyBox = require("../BorderOnlyBox");
 var _commonStCss = require("../common.st.css.js");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionTable/CollectionTableWSRTable.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _CollectionTableWSRTable(props) {
   var _toolbar$container$in;
   const {
@@ -68,25 +71,32 @@ function _CollectionTableWSRTable(props) {
     showErrorState,
     showEmptyState
   } = collection;
+  const handleRowCLick = (0, _react.useCallback)((item, index) => {
+    state.toolbar.reportBi((0, _bi.cairoCtaClicked)({
+      ctaName: 'row_area',
+      ctaIndex: index
+    }));
+    onRowClick == null || onRowClick(item, index);
+  }, [onRowClick]);
   const Table = _designSystem.Table;
   const showSelection = showSelectionProp ?? selectionToolbar != null;
   const tableSkeletonEnabled = (_toolbar$container$in = toolbar.container.internalExperiments) == null ? void 0 : _toolbar$container$in.enabled('specs.cairo.TableSkeletonLoader');
-  const hideTitleBar = !hasAvailableItems || initTask.status.isLoading || initTask.status.isError;
-  const showBorderBox = !(tableSkeletonEnabled && initTask.status.isLoading) && (hideTitleBar || !showTitleBar);
+  const hideTitleBar = !hasAvailableItems || table.showLoadingState || initTask.status.isError;
+  const showBorderBox = !(tableSkeletonEnabled && table.showLoadingState) && (hideTitleBar || !showTitleBar);
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-hook": "collection-table",
     className: (0, _commonStCss.st)(_commonStCss.classes.fullHeight, _commonStCss.classes.column),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 139,
+      lineNumber: 153,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(Table, (0, _extends2.default)({}, props, {
     withWrapper: false,
     data: keyedItems,
     columns: columns,
-    onRowClick: onRowClick
+    onRowClick: onRowClick ? handleRowCLick : undefined
     // this forces WSR <Table/> to render the loader even when `data.length=0`
     ,
     showHeaderWhenEmpty: useShowLoaderWhenEmpty && !showRefreshLoader && !showErrorState && !showEmptyState,
@@ -110,7 +120,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 143,
+      lineNumber: 157,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionToolbars.CollectionToolbars, {
@@ -131,7 +141,7 @@ function _CollectionTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 195,
+        lineNumber: 209,
         columnNumber: 33
       }
     }), !hideTitleBar && /*#__PURE__*/_react.default.createElement("div", {
@@ -142,14 +152,14 @@ function _CollectionTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 197,
+        lineNumber: 211,
         columnNumber: 17
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.Titlebar, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 201,
+        lineNumber: 215,
         columnNumber: 19
       }
     }))),
@@ -160,7 +170,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 179,
+      lineNumber: 193,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionContext.CollectionProvider, {
@@ -168,7 +178,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 211,
+      lineNumber: 225,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -180,7 +190,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 212,
+      lineNumber: 226,
       columnNumber: 11
     }
   }, children))));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionContext","_CollectionToolbars","_BorderOnlyBox","_commonStCss","_jsxFileName","_CollectionTableWSRTable","props","_toolbar$container$in","state","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","views","extraToolbar","summaryBar","selectionToolbar","dragAndDropReorderModeToolbar","showSelection","showSelectionProp","exportButton","tags","sticky","onRowClick","search","children","tableGridSwitchButton","useShowLoaderWhenEmpty","dragAndDrop","showTitleBar","horizontalScroll","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","columns","primaryActionButton","onSelectionChanged","toolbar","tableState","table","keyedItems","bulk","collection","toolbarCollection","initTask","result","hasAvailableItems","showRefreshLoader","showErrorState","showEmptyState","Table","WSRTable","tableSkeletonEnabled","container","internalExperiments","enabled","hideTitleBar","status","isLoading","isError","showBorderBox","default","createElement","className","st","classes","fullHeight","column","__self","__source","fileName","lineNumber","columnNumber","_extends2","withWrapper","data","showHeaderWhenEmpty","rowDataHook","rowData","key","controlled","getStickyColumnsCount","selectedIds","onSelectionStarted","_selectedIds","_change","CollectionToolbars","titleBar","Fragment","BorderOnlyBox","style","display","undefined","Titlebar","CollectionProvider","value","Box","width","direction","minHeight","flex","verticalAlign","CollectionTableWSRTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.tsx"],"sourcesContent":["import {\n  Box,\n  Table as WSRTable,\n  TableColumn as WSRTableColumn,\n  TableProps,\n} from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ForwardRefExoticComponent,\n  ReactElement,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { CollectionProvider } from '../CollectionContext';\nimport { TableState, ToolbarCollectionState } from '../../state';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport { BorderOnlyBox } from '../BorderOnlyBox';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { CollectionTableContentBaseProps } from './CollectionTableContent';\nimport { classes, st } from '../common.st.css.js';\n\nexport interface CollectionTableWSRTableBaseProps<U, T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F>,\n    CollectionTableContentBaseProps,\n    Omit<\n      TableProps<KeyedItem<U>>,\n      | 'columns'\n      | 'data'\n      | 'rowDataHook'\n      | 'onRowClick'\n      | 'onDragEnd'\n      | 'onDragStart'\n      | 'onDragCancel'\n      | 'isDragAndDropDisabled'\n      | 'hideBulkSelectionCheckbox'\n    > {\n  useShowLoaderWhenEmpty?: boolean;\n  useNewInfiniteScrollLoader?: boolean;\n\n  /**\n   * Opt-in selection checkbox as sticky column by default\n   * @external\n   */\n  stickySelectionColumn?: boolean;\n\n  /**\n   * Sets a limit on the number of selectable items, works with [`MultiBulkActionToolbar`](./?path=/story/components-collection-features--multibulkactiontoolbar) feature\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Hides bulk selection checkbox in the table titlebar, If the [`MultiBulkActionToolbar`](./?path=/story/components-collection-features--multibulkactiontoolbar) feature is enabled, this flag will have no effect.\n   * @external\n   */\n  hideBulkSelectionCheckbox?: boolean;\n\n  BodyElementType?: ComponentType<{ children: ReactElement[] }>;\n\n  TrElementType?: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: any;\n    className: string;\n  }>;\n}\n\nexport interface CollectionTableWSRTableProps<U, T, F extends FiltersMap>\n  extends CollectionTableWSRTableBaseProps<U, T, F> {\n  state: {\n    tableState: TableState<T, F>;\n    toolbar: ToolbarCollectionState<T, F>;\n    keyedItems: KeyedItem<U>[];\n  };\n\n  sticky: boolean;\n\n  columns: WSRTableColumn<KeyedItem<U>>[];\n  onRowClick?: (item: KeyedItem<U>, index: number) => void;\n}\n\nfunction _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableWSRTableProps<U, T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    views,\n    extraToolbar,\n    summaryBar,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    showSelection: showSelectionProp,\n    exportButton,\n    tags,\n    sticky,\n    onRowClick,\n    search,\n    children,\n    tableGridSwitchButton,\n    useShowLoaderWhenEmpty,\n    dragAndDrop,\n    showTitleBar,\n    horizontalScroll,\n    stickyColumns,\n    stickySelectionColumn,\n    hideBulkSelectionCheckbox,\n    columns,\n    primaryActionButton,\n    onSelectionChanged,\n  } = props;\n\n  const { toolbar, tableState: table, keyedItems } = state;\n  const { bulk, collection: toolbarCollection, initTask } = toolbar;\n  const { collection } = table;\n  const {\n    result: { hasAvailableItems },\n  } = toolbarCollection;\n  const { showRefreshLoader, showErrorState, showEmptyState } = collection;\n\n  const Table = WSRTable as ComponentType<TableProps<KeyedItem<U>>>;\n\n  const showSelection = showSelectionProp ?? selectionToolbar != null;\n\n  const tableSkeletonEnabled = toolbar.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n  const hideTitleBar =\n    !hasAvailableItems || initTask.status.isLoading || initTask.status.isError;\n\n  const showBorderBox =\n    !(tableSkeletonEnabled && initTask.status.isLoading) &&\n    (hideTitleBar || !showTitleBar);\n\n  return (\n    <div\n      data-hook=\"collection-table\"\n      className={st(classes.fullHeight, classes.column)}\n    >\n      <Table\n        {...props}\n        withWrapper={false}\n        data={keyedItems}\n        columns={columns}\n        onRowClick={onRowClick}\n        // this forces WSR <Table/> to render the loader even when `data.length=0`\n        showHeaderWhenEmpty={\n          useShowLoaderWhenEmpty &&\n          !showRefreshLoader &&\n          !showErrorState &&\n          !showEmptyState\n        }\n        hideBulkSelectionCheckbox={\n          selectionToolbar ? false : hideBulkSelectionCheckbox\n        }\n        dragAndDrop={dragAndDrop}\n        rowDataHook={(rowData) => `table-row-${rowData.key}`}\n        controlled\n        horizontalScroll={horizontalScroll}\n        stickyColumns={table.getStickyColumnsCount({\n          horizontalScroll,\n          stickyColumns,\n          showSelection,\n          stickySelectionColumn,\n        })}\n        showSelection={showSelection}\n        selectedIds={bulk.selectedIds}\n        onSelectionStarted={state.toolbar.onSelectionStarted}\n        onSelectionChanged={\n          onSelectionChanged ??\n          ((_selectedIds, _change) => {\n            state.toolbar.onSelectionChanged(_selectedIds, _change);\n          })\n        }\n      >\n        <CollectionToolbars\n          sticky={sticky}\n          state={toolbar}\n          search={search}\n          customColumns={customColumnsProp}\n          multiLevelSorting={multiLevelSortingProp}\n          views={views}\n          title={title}\n          tabs={tabs}\n          filters={filters}\n          selectionToolbar={selectionToolbar}\n          dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n          extraToolbar={extraToolbar}\n          summaryBar={summaryBar}\n          titleBar={\n            <>\n              {showBorderBox && <BorderOnlyBox />}\n              {!hideTitleBar && (\n                <div\n                  data-hook=\"titlebar-a11y-wrapper\"\n                  style={{ display: showTitleBar ? undefined : 'none' }}\n                >\n                  <WSRTable.Titlebar />\n                </div>\n              )}\n            </>\n          }\n          tableGridSwitchButton={tableGridSwitchButton}\n          exportButton={exportButton}\n          tags={tags}\n          primaryActionButton={primaryActionButton}\n        />\n        <CollectionProvider value={collection}>\n          <Box\n            width=\"100%\"\n            direction=\"vertical\"\n            minHeight={0}\n            flex={1}\n            verticalAlign=\"middle\"\n          >\n            {children}\n          </Box>\n        </CollectionProvider>\n      </Table>\n    </div>\n  );\n}\n\nexport const CollectionTableWSRTable = observer(_CollectionTableWSRTable);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_bi","_CollectionContext","_CollectionToolbars","_BorderOnlyBox","_commonStCss","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionTableWSRTable","props","_toolbar$container$in","state","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","views","extraToolbar","summaryBar","selectionToolbar","dragAndDropReorderModeToolbar","showSelection","showSelectionProp","exportButton","tags","sticky","onRowClick","search","children","tableGridSwitchButton","useShowLoaderWhenEmpty","dragAndDrop","showTitleBar","horizontalScroll","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","columns","primaryActionButton","onSelectionChanged","toolbar","tableState","table","keyedItems","bulk","collection","toolbarCollection","initTask","result","hasAvailableItems","showRefreshLoader","showErrorState","showEmptyState","handleRowCLick","useCallback","item","index","reportBi","cairoCtaClicked","ctaName","ctaIndex","Table","WSRTable","tableSkeletonEnabled","container","internalExperiments","enabled","hideTitleBar","showLoadingState","status","isError","showBorderBox","createElement","className","st","classes","fullHeight","column","__self","__source","fileName","lineNumber","columnNumber","_extends2","withWrapper","data","undefined","showHeaderWhenEmpty","rowDataHook","rowData","key","controlled","getStickyColumnsCount","selectedIds","onSelectionStarted","_selectedIds","_change","CollectionToolbars","titleBar","Fragment","BorderOnlyBox","style","display","Titlebar","CollectionProvider","value","Box","width","direction","minHeight","flex","verticalAlign","CollectionTableWSRTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.tsx"],"sourcesContent":["import {\n  Box,\n  Table as WSRTable,\n  TableColumn as WSRTableColumn,\n  TableProps,\n} from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ForwardRefExoticComponent,\n  ReactElement,\n  useCallback,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { cairoCtaClicked } from '@wix/bex-core/bi';\nimport { CollectionProvider } from '../CollectionContext';\nimport { TableState, ToolbarCollectionState } from '../../state';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport { BorderOnlyBox } from '../BorderOnlyBox';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { CollectionTableContentBaseProps } from './CollectionTableContent';\nimport { classes, st } from '../common.st.css.js';\n\nexport interface CollectionTableWSRTableBaseProps<U, T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F>,\n    CollectionTableContentBaseProps,\n    Omit<\n      TableProps<KeyedItem<U>>,\n      | 'columns'\n      | 'data'\n      | 'rowDataHook'\n      | 'onRowClick'\n      | 'onDragEnd'\n      | 'onDragStart'\n      | 'onDragCancel'\n      | 'isDragAndDropDisabled'\n      | 'hideBulkSelectionCheckbox'\n    > {\n  useShowLoaderWhenEmpty?: boolean;\n  useNewInfiniteScrollLoader?: boolean;\n\n  /**\n   * Whether to add a sticky column. <br>\n   * Sticky columns allow you to display specific columns at all times while the visitor scrolls the table horizontally. \n   * @external\n   */\n  stickySelectionColumn?: boolean;\n\n  /**\n   * Limits the amount of rows a visitor can select.\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Hides bulk selection checkbox in the table titlebar, If the [`MultiBulkActionToolbar`](./?path=/story/components-collection-features--multibulkactiontoolbar) feature is enabled, this flag will have no effect.\n   * @external\n   */\n  hideBulkSelectionCheckbox?: boolean;\n\n  BodyElementType?: ComponentType<{ children: ReactElement[] }>;\n\n  TrElementType?: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: any;\n    className: string;\n  }>;\n}\n\nexport interface CollectionTableWSRTableProps<U, T, F extends FiltersMap>\n  extends CollectionTableWSRTableBaseProps<U, T, F> {\n  state: {\n    tableState: TableState<T, F>;\n    toolbar: ToolbarCollectionState<T, F>;\n    keyedItems: KeyedItem<U>[];\n  };\n\n  sticky: boolean;\n\n  columns: WSRTableColumn<KeyedItem<U>>[];\n  onRowClick?: (item: KeyedItem<U>, index: number) => void;\n}\n\nfunction _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableWSRTableProps<U, T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    views,\n    extraToolbar,\n    summaryBar,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    showSelection: showSelectionProp,\n    exportButton,\n    tags,\n    sticky,\n    onRowClick,\n    search,\n    children,\n    tableGridSwitchButton,\n    useShowLoaderWhenEmpty,\n    dragAndDrop,\n    showTitleBar,\n    horizontalScroll,\n    stickyColumns,\n    stickySelectionColumn,\n    hideBulkSelectionCheckbox,\n    columns,\n    primaryActionButton,\n    onSelectionChanged,\n  } = props;\n\n  const { toolbar, tableState: table, keyedItems } = state;\n  const { bulk, collection: toolbarCollection, initTask } = toolbar;\n  const { collection } = table;\n  const {\n    result: { hasAvailableItems },\n  } = toolbarCollection;\n  const { showRefreshLoader, showErrorState, showEmptyState } = collection;\n\n  const handleRowCLick = useCallback(\n    (item: KeyedItem<U>, index: number) => {\n      state.toolbar.reportBi(\n        cairoCtaClicked({ ctaName: 'row_area', ctaIndex: index }),\n      );\n      onRowClick?.(item, index);\n    },\n    [onRowClick],\n  );\n\n  const Table = WSRTable as ComponentType<TableProps<KeyedItem<U>>>;\n\n  const showSelection = showSelectionProp ?? selectionToolbar != null;\n\n  const tableSkeletonEnabled = toolbar.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n\n  const hideTitleBar =\n    !hasAvailableItems || table.showLoadingState || initTask.status.isError;\n\n  const showBorderBox =\n    !(tableSkeletonEnabled && table.showLoadingState) &&\n    (hideTitleBar || !showTitleBar);\n\n  return (\n    <div\n      data-hook=\"collection-table\"\n      className={st(classes.fullHeight, classes.column)}\n    >\n      <Table\n        {...props}\n        withWrapper={false}\n        data={keyedItems}\n        columns={columns}\n        onRowClick={onRowClick ? handleRowCLick : undefined}\n        // this forces WSR <Table/> to render the loader even when `data.length=0`\n        showHeaderWhenEmpty={\n          useShowLoaderWhenEmpty &&\n          !showRefreshLoader &&\n          !showErrorState &&\n          !showEmptyState\n        }\n        hideBulkSelectionCheckbox={\n          selectionToolbar ? false : hideBulkSelectionCheckbox\n        }\n        dragAndDrop={dragAndDrop}\n        rowDataHook={(rowData) => `table-row-${rowData.key}`}\n        controlled\n        horizontalScroll={horizontalScroll}\n        stickyColumns={table.getStickyColumnsCount({\n          horizontalScroll,\n          stickyColumns,\n          showSelection,\n          stickySelectionColumn,\n        })}\n        showSelection={showSelection}\n        selectedIds={bulk.selectedIds}\n        onSelectionStarted={state.toolbar.onSelectionStarted}\n        onSelectionChanged={\n          onSelectionChanged ??\n          ((_selectedIds, _change) => {\n            state.toolbar.onSelectionChanged(_selectedIds, _change);\n          })\n        }\n      >\n        <CollectionToolbars\n          sticky={sticky}\n          state={toolbar}\n          search={search}\n          customColumns={customColumnsProp}\n          multiLevelSorting={multiLevelSortingProp}\n          views={views}\n          title={title}\n          tabs={tabs}\n          filters={filters}\n          selectionToolbar={selectionToolbar}\n          dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n          extraToolbar={extraToolbar}\n          summaryBar={summaryBar}\n          titleBar={\n            <>\n              {showBorderBox && <BorderOnlyBox />}\n              {!hideTitleBar && (\n                <div\n                  data-hook=\"titlebar-a11y-wrapper\"\n                  style={{ display: showTitleBar ? undefined : 'none' }}\n                >\n                  <WSRTable.Titlebar />\n                </div>\n              )}\n            </>\n          }\n          tableGridSwitchButton={tableGridSwitchButton}\n          exportButton={exportButton}\n          tags={tags}\n          primaryActionButton={primaryActionButton}\n        />\n        <CollectionProvider value={collection}>\n          <Box\n            width=\"100%\"\n            direction=\"vertical\"\n            minHeight={0}\n            flex={1}\n            verticalAlign=\"middle\"\n          >\n            {children}\n          </Box>\n        </CollectionProvider>\n      </Table>\n    </div>\n  );\n}\n\nexport const CollectionTableWSRTable = observer(_CollectionTableWSRTable);\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_ = "CollectionToolbar2390301649";
+var _namespace_ = "CollectionToolbar2899350006";
 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": "CollectionToolbar2390301649__root",
-  "left": "CollectionToolbar2390301649__left",
-  "right": "CollectionToolbar2390301649__right",
-  "fullWidth": "CollectionToolbar2390301649__fullWidth"
+  "root": "CollectionToolbar2899350006__root",
+  "left": "CollectionToolbar2899350006__left",
+  "right": "CollectionToolbar2899350006__right",
+  "fullWidth": "CollectionToolbar2899350006__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_ = \"CollectionToolbar2390301649\";\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\":\"CollectionToolbar2390301649__root\",\"left\":\"CollectionToolbar2390301649__left\",\"right\":\"CollectionToolbar2390301649__right\",\"fullWidth\":\"CollectionToolbar2390301649__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_ = \"CollectionToolbar2899350006\";\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\":\"CollectionToolbar2899350006__root\",\"left\":\"CollectionToolbar2899350006__left\",\"right\":\"CollectionToolbar2899350006__right\",\"fullWidth\":\"CollectionToolbar2899350006__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/PrimaryActionButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_ToolbarCollectionContext","_wixUiIconsCommon","_react2","_jsxFileName","PrimaryActionButton","props","translate","t","useWixPatternsContainer","toolbarBIReporter","useToolbarCollectionContext","default","createElement","Button","_extends2","prefixIcon","Add","__self","__source","fileName","lineNumber","columnNumber","as","size","priority","skin","dataHook","onClick","event","onPrimaryActionButtonClick","children","exports","displayName"],"sources":["../../../../src/components/CollectionToolbar/PrimaryActionButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, ButtonProps } from '@wix/design-system';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface PrimaryActionButtonProps\n  extends Omit<\n    ButtonProps,\n    'priority' | 'size' | 'fullWidth' | 'dataHook' | 'skin' | 'as'\n  > {\n  /**\n   * Defines a callback function which is called every time a button is clicked.\n   * @external\n   */\n  onClick?: any;\n}\n\nexport const PrimaryActionButton = (props: PrimaryActionButtonProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const { toolbarBIReporter } = useToolbarCollectionContext();\n\n  return (\n    <Button\n      prefixIcon={<Add />}\n      {...props}\n      as=\"button\"\n      size=\"small\"\n      priority=\"primary\"\n      skin=\"standard\"\n      dataHook=\"toolbar-primary-action-button\"\n      onClick={(event) => {\n        toolbarBIReporter.onPrimaryActionButtonClick();\n        props.onClick?.(event);\n      }}\n    >\n      {props.children ?? t('cairo.collectionsPage.add.item.CTA')}\n    </Button>\n  );\n};\n\nPrimaryActionButton.displayName = 'PrimaryActionButton';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAcvD,MAAMC,mBAAmB,GAAIC,KAA+B,IAAK;EACtE,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAM;IAAEC;EAAkB,CAAC,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAE3D,oBACEd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,MAAM,MAAAC,SAAA,CAAAH,OAAA;IACLI,UAAU,eAAEnB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAAe,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EAAE,GAChBhB,KAAK;IACTiB,EAAE,EAAC,QAAQ;IACXC,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAC,SAAS;IAClBC,IAAI,EAAC,UAAU;IACfC,QAAQ,EAAC,+BAA+B;IACxCC,OAAO,EAAGC,KAAK,IAAK;MAClBnB,iBAAiB,CAACoB,0BAA0B,CAAC,CAAC;MAC9CxB,KAAK,CAACsB,OAAO,YAAbtB,KAAK,CAACsB,OAAO,CAAGC,KAAK,CAAC;IACxB,CAAE;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEDhB,KAAK,CAACyB,QAAQ,IAAIvB,CAAC,CAAC,oCAAoC,CACnD,CAAC;AAEb,CAAC;AAACwB,OAAA,CAAA3B,mBAAA,GAAAA,mBAAA;AAEFA,mBAAmB,CAAC4B,WAAW,GAAG,qBAAqB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_ToolbarCollectionContext","_wixUiIconsCommon","_react2","_jsxFileName","PrimaryActionButton","props","translate","t","useWixPatternsContainer","toolbarBIReporter","useToolbarCollectionContext","default","createElement","Button","_extends2","prefixIcon","Add","__self","__source","fileName","lineNumber","columnNumber","as","size","priority","skin","dataHook","onClick","event","onPrimaryActionButtonClick","children","exports","displayName"],"sources":["../../../../src/components/CollectionToolbar/PrimaryActionButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, ButtonProps } from '@wix/design-system';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface PrimaryActionButtonProps\n  extends Omit<\n    ButtonProps,\n    'priority' | 'size' | 'fullWidth' | 'dataHook' | 'skin' | 'as'\n  > {\n  /**\n   * Callback that is called each time the button is clicked.\n   * @external\n   */\n  onClick?: any;\n}\n\nexport const PrimaryActionButton = (props: PrimaryActionButtonProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const { toolbarBIReporter } = useToolbarCollectionContext();\n\n  return (\n    <Button\n      prefixIcon={<Add />}\n      {...props}\n      as=\"button\"\n      size=\"small\"\n      priority=\"primary\"\n      skin=\"standard\"\n      dataHook=\"toolbar-primary-action-button\"\n      onClick={(event) => {\n        toolbarBIReporter.onPrimaryActionButtonClick();\n        props.onClick?.(event);\n      }}\n    >\n      {props.children ?? t('cairo.collectionsPage.add.item.CTA')}\n    </Button>\n  );\n};\n\nPrimaryActionButton.displayName = 'PrimaryActionButton';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAcvD,MAAMC,mBAAmB,GAAIC,KAA+B,IAAK;EACtE,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAM;IAAEC;EAAkB,CAAC,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAE3D,oBACEd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,MAAM,MAAAC,SAAA,CAAAH,OAAA;IACLI,UAAU,eAAEnB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAAe,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EAAE,GAChBhB,KAAK;IACTiB,EAAE,EAAC,QAAQ;IACXC,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAC,SAAS;IAClBC,IAAI,EAAC,UAAU;IACfC,QAAQ,EAAC,+BAA+B;IACxCC,OAAO,EAAGC,KAAK,IAAK;MAClBnB,iBAAiB,CAACoB,0BAA0B,CAAC,CAAC;MAC9CxB,KAAK,CAACsB,OAAO,YAAbtB,KAAK,CAACsB,OAAO,CAAGC,KAAK,CAAC;IACxB,CAAE;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEDhB,KAAK,CAACyB,QAAQ,IAAIvB,CAAC,CAAC,oCAAoC,CACnD,CAAC;AAEb,CAAC;AAACwB,OAAA,CAAA3B,mBAAA,GAAAA,mBAAA;AAEFA,mBAAmB,CAAC4B,WAAW,GAAG,qBAAqB","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_ = "SearchOrCustomFilter1449891822";
+var _namespace_ = "SearchOrCustomFilter2018053625";
 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": "SearchOrCustomFilter1449891822__root",
-  "search": "SearchOrCustomFilter1449891822__search"
+  "root": "SearchOrCustomFilter2018053625__root",
+  "search": "SearchOrCustomFilter2018053625__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_ = \"SearchOrCustomFilter1449891822\";\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\":\"SearchOrCustomFilter1449891822__root\",\"search\":\"SearchOrCustomFilter1449891822__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_ = \"SearchOrCustomFilter2018053625\";\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\":\"SearchOrCustomFilter2018053625__root\",\"search\":\"SearchOrCustomFilter2018053625__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

@@ -29,7 +29,8 @@ function _CollectionToolbarFilters(props) {
     onSearchAppliedFilterTagRemove,
     onSubToolbarClearButtonClicked,
     hideAppliedFiltersTagList,
-    useNewFilters
+    useNewFilters,
+    showFilterTagsWithLabelsAndAggregated
   } = props;
   const childrenArr = (0, _useFiltersSyncProps.useFiltersSyncProps)(children);
   const state = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
@@ -90,12 +91,15 @@ function _CollectionToolbarFilters(props) {
       const {
         filter,
         onAppliedFilterTagRemove,
-        renderToolbarTag
+        renderToolbarTag,
+        accordionItemProps
       } = filterChildProps;
       return {
         filter,
         onAppliedFilterTagRemove,
-        renderToolbarTag: renderToolbarTag ?? (type.renderPresetToolbarTag == null ? void 0 : type.renderPresetToolbarTag(container))
+        accordionItemProps,
+        renderToolbarTag: renderToolbarTag ?? (type.renderPresetToolbarTag == null ? void 0 : type.renderPresetToolbarTag(container)),
+        showFilterTagsWithLabelsAndAggregated
       };
     }), {
       filter: filters.search,
@@ -118,7 +122,7 @@ function _CollectionToolbarFilters(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 170,
+          lineNumber: 182,
           columnNumber: 60
         }
       }));
@@ -130,7 +134,8 @@ function _CollectionToolbarFilters(props) {
     return;
   }, [showFiltersPanelButton]);
   const [tagListState] = (0, _react.useState)(() => new _AppliedFiltersTagListState.AppliedFiltersTagListState({
-    table: state
+    table: state,
+    showFilterTagsWithLabelsAndAggregated
   }));
   (0, _react.useEffect)(() => {
     const disposers = [tagListState.init()];
@@ -145,7 +150,7 @@ function _CollectionToolbarFilters(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 195,
+            lineNumber: 211,
             columnNumber: 11
           }
         })
@@ -165,7 +170,7 @@ function _CollectionToolbarFilters(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 212,
+        lineNumber: 228,
         columnNumber: 5
       }
     }, childrenArr.slice(0, totalInlineFilters).map((element, index) => {
@@ -181,7 +186,7 @@ function _CollectionToolbarFilters(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 217,
+          lineNumber: 233,
           columnNumber: 11
         }
       }, filterProps.filter ? /*#__PURE__*/_react.default.createElement(_CollectionFilter.CollectionFilter, {
@@ -190,7 +195,7 @@ function _CollectionToolbarFilters(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 224,
+          lineNumber: 240,
           columnNumber: 15
         }
       }, element) : element);

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","find","filter","type","displayName","includes","viewsProps","collection","customInlineElements","showFiltersPanelButton","totalInlineFilters","showLabels","useFiltersLayout","filters","length","totalFilters","filterElements","container","useWixPatternsContainer","filtersProps","map","filterChildProps","onAppliedFilterTagRemove","renderToolbarTag","renderPresetToolbarTag","search","setFilterTagsPropsIfChanged","featuredComponents","moreFiltersButton","createElement","MoreFiltersCTA","__self","__source","fileName","lineNumber","columnNumber","tagListState","AppliedFiltersTagListState","table","disposers","init","appliedFiltersTagList","component","AppliedFiltersTagList","forEach","d","Fragment","key","slice","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   * @deprecated\n   * Number of filter controls to be rendered inside the table toolbar\n   * Cairo changes the filters layout logic.\n   * The \"inline\" property of the \"CollectionToolbarFilters\" component is now deprecated, meaning that soon Cairo will automatically\n   * decide how to distribute filters between the toolbar and the filters panel.\n   * To enable the new logic, add the \"useNewFilters\" flag to \"CollectionToolbarFilters\" component.\n   */\n  inline?: 0 | 1 | 2 | 3;\n  /**\n   * A flag that indicates whether Cairo 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/common-filters--filterprops), such as:\n   * - [MultiSelectCheckboxFilter](./?path=/story/common-filters--multiselectcheckboxfilter)\n   * - [Custom Filters](./?path=/story/common-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,\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.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 { filter, onAppliedFilterTagRemove, renderToolbarTag } =\n            filterChildProps;\n\n          return {\n            filter,\n            onAppliedFilterTagRemove,\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    () => new AppliedFiltersTagListState({ table: state }),\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","showFilterTagsWithLabelsAndAggregated","childrenArr","useFiltersSyncProps","state","useToolbarCollectionContext","toolbarFiltersState","useState","CollectionToolbarFiltersState","toolbar","setToolbarFiltersStateInitialized","useEffect","panels","registerSidePanel","FiltersPanelSidePanelEntry","onClearButtonClicked","forceShowSidePanel","useMemo","find","filter","type","displayName","includes","viewsProps","collection","customInlineElements","showFiltersPanelButton","totalInlineFilters","showLabels","useFiltersLayout","filters","length","totalFilters","filterElements","container","useWixPatternsContainer","filtersProps","map","filterChildProps","onAppliedFilterTagRemove","renderToolbarTag","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","slice","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   * @deprecated\n   * Number of filter controls to be rendered inside the table toolbar\n   * Cairo changes the filters layout logic.\n   * The \"inline\" property of the \"CollectionToolbarFilters\" component is now deprecated, meaning that soon Cairo will automatically\n   * decide how to distribute filters between the toolbar and the filters panel.\n   * To enable the new logic, add the \"useNewFilters\" flag to \"CollectionToolbarFilters\" component.\n   */\n  inline?: 0 | 1 | 2 | 3;\n  /**\n   * A flag that indicates whether Cairo 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/common-filters--filterprops), such as:\n   * - [MultiSelectCheckboxFilter](./?path=/story/common-filters--multiselectcheckboxfilter)\n   * - [Custom Filters](./?path=/story/common-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   * Display the tags with a label and aggregate them based on the filter.\n   * @default false\n   */\n  showFilterTagsWithLabelsAndAggregated?: boolean;\n}\n\nfunction _CollectionToolbarFilters(props: CollectionToolbarFiltersProps) {\n  const {\n    children,\n    inline,\n    maxInlineFilters,\n    maxInlineLabels,\n    panelTitle,\n    onPanelClearButtonClicked,\n    onSearchAppliedFilterTagRemove,\n    onSubToolbarClearButtonClicked,\n    hideAppliedFiltersTagList,\n    useNewFilters,\n    showFilterTagsWithLabelsAndAggregated,\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.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            accordionItemProps,\n          } = filterChildProps;\n\n          return {\n            filter,\n            onAppliedFilterTagRemove,\n            accordionItemProps,\n            renderToolbarTag:\n              renderToolbarTag ?? type.renderPresetToolbarTag?.(container),\n            showFilterTagsWithLabelsAndAggregated,\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        showFilterTagsWithLabelsAndAggregated,\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_ = "AutoCompleteReadonly295075643";
+var _namespace_ = "AutoCompleteReadonly1693580158";
 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": "AutoCompleteReadonly295075643__root"
+  "root": "AutoCompleteReadonly1693580158__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_ = \"AutoCompleteReadonly295075643\";\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\":\"AutoCompleteReadonly295075643__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,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqC,CAAC;AAC5D,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_ = \"AutoCompleteReadonly1693580158\";\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\":\"AutoCompleteReadonly1693580158__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/CollectionViewsDropdown.js

@@ -34,7 +34,7 @@ const CollectionViewsDropdown = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 108,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ViewsDropdown","_ToolbarCollectionContext","_setViewsState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CollectionViewsDropdown","props","onSelect","showTotal","toolbarCollectionState","useToolbarCollectionContext","state","useState","setViewsState","useEffect","dispose","init","featuredComponents","subToolbarExtension","createElement","ViewsDropdown","dataHook","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../src/components/CollectionViewsDropdown/CollectionViewsDropdown.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { ViewsDropdown } from './ViewsDropdown';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { setViewsState } from '../../state/setViewsState';\nimport { AllItemsViewProps, Category, View } from '../../model';\n\nexport interface CollectionViewsDropdownProps<F extends FiltersMap> {\n  /**\n   * Array of `View` or `Category` objects that will appear as predefined views or groups of views. If you provide the array of `View` objects - they will be placed under the category `Predefined Views`.<br><br>\n   * Each predefined `View` object has the following properties:<br>\n   * `id` - A unique identifier (note: category IDs `saved-views` and `predefined-views` are taken by Cairo, don't use them)<br>\n   * `name` - The name of the view as it appears in the dropdown<br>\n   * `filters` - The filters to apply to the table when this view is selected<br>\n   * `selectedColumns` - The custom columns array<br>\n   * `sortDirections` - The sort directions array<br>\n   * `isDefaultView` - Whether to automatically select the view when the table loads<br><br>\n   * Each predefined `Category` object has the following properties:<br>\n   * `id` - A unique identifier<br>\n   * `name` - The name of the category as it appears in the dropdown<br>\n   * `info` - [InfoIconProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form--infoicon)<br>\n   * `views`: Array of `View` objects which will appear under the category<br>\n   * @external\n   */\n  presets?: Category<F>[] | Omit<View<F>, 'createdAt'>[];\n  /**\n   * A link to appear as \"Learn More\" button in the \"Save View\" modal\n   * @external\n   */\n  learnMoreLink?: string;\n  /**\n   * A function to be called after a view is saved\n   * @external\n   */\n  onSaveViewChanges?: (view: View<F>) => void | Promise<void>;\n  /**\n   * A function to be called after a new view is saved\n   * @external\n   */\n  onSaveView?: (view: View<F>) => void | Promise<void>;\n  /**\n   * A function to be called after a view is deleted\n   * @external\n   */\n  onDeleteView?: (view: View<F>) => void | Promise<void>;\n  /**\n   * A function to be called after a view is renamed\n   * @external\n   */\n  onRenameView?: (view: View<F>) => void | Promise<void>;\n  /**\n   * A function to be called after a view is set as default / reset\n   * @external\n   */\n  onSetAsDefaultView?: (\n    view: View<F>,\n    isDefault: boolean,\n  ) => void | Promise<void>;\n  /**\n   * A function to be called after a view is selected\n   * @external\n   */\n  onSelect?: (view: View<F>) => void;\n  /**\n   * Shows a total count for the selected view\n   * @default true\n   * @external\n   */\n  showTotal?: boolean;\n  /**\n   * All items view props\n   * @external\n   */\n  allItemsViewProps?: AllItemsViewProps<F>;\n  /**\n   * The value to override the placeholder in the \"Save View\" modal\n   * @external\n   */\n  viewNamePlaceholder?: string;\n}\n\nexport const CollectionViewsDropdown = <F extends FiltersMap>(\n  props: CollectionViewsDropdownProps<F>,\n) => {\n  const { onSelect, showTotal } = props;\n\n  const toolbarCollectionState = useToolbarCollectionContext<unknown, F>();\n\n  const [state] = useState(() => setViewsState(toolbarCollectionState, props));\n\n  useEffect(() => {\n    const dispose = state.init();\n    const { featuredComponents } = toolbarCollectionState;\n\n    return () => {\n      featuredComponents.subToolbarExtension.set(null);\n      dispose();\n    };\n  }, []);\n\n  return (\n    <ViewsDropdown\n      dataHook=\"collection-views\"\n      state={state}\n      showTotal={showTotal}\n      onSelect={onSelect}\n    />\n  );\n};\n\nCollectionViewsDropdown.setViewsState = setViewsState;\nCollectionViewsDropdown.displayName = 'CollectionViewsDropdown';\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA0D,IAAAI,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AA6EnD,MAAMW,uBAAuB,GAClCC,KAAsC,IACnC;EACH,MAAM;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAGF,KAAK;EAErC,MAAMG,sBAAsB,GAAG,IAAAC,qDAA2B,EAAa,CAAC;EAExE,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM,IAAAC,4BAAa,EAACJ,sBAAsB,EAAEH,KAAK,CAAC,CAAC;EAE5E,IAAAQ,gBAAS,EAAC,MAAM;IACd,MAAMC,OAAO,GAAGJ,KAAK,CAACK,IAAI,CAAC,CAAC;IAC5B,MAAM;MAAEC;IAAmB,CAAC,GAAGR,sBAAsB;IAErD,OAAO,MAAM;MACXQ,kBAAkB,CAACC,mBAAmB,CAACd,GAAG,CAAC,IAAI,CAAC;MAChDW,OAAO,CAAC,CAAC;IACX,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACErC,MAAA,CAAAa,OAAA,CAAA4B,aAAA,CAACtC,cAAA,CAAAuC,aAAa;IACZC,QAAQ,EAAC,kBAAkB;IAC3BV,KAAK,EAAEA,KAAM;IACbH,SAAS,EAAEA,SAAU;IACrBD,QAAQ,EAAEA,QAAS;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CAAC;AAEN,CAAC;AAACC,OAAA,CAAAtB,uBAAA,GAAAA,uBAAA;AAEFA,uBAAuB,CAACQ,aAAa,GAAGA,4BAAa;AACrDR,uBAAuB,CAACuB,WAAW,GAAG,yBAAyB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ViewsDropdown","_ToolbarCollectionContext","_setViewsState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CollectionViewsDropdown","props","onSelect","showTotal","toolbarCollectionState","useToolbarCollectionContext","state","useState","setViewsState","useEffect","dispose","init","featuredComponents","subToolbarExtension","createElement","ViewsDropdown","dataHook","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../src/components/CollectionViewsDropdown/CollectionViewsDropdown.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { ViewsDropdown } from './ViewsDropdown';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { setViewsState } from '../../state/setViewsState';\nimport { AllItemsViewProps, Category, View } from '../../model';\n\nexport interface CollectionViewsDropdownProps<F extends FiltersMap> {\n  /**\n   * Array of view or category objects that appear as predefined views or groups of views. View objects are be placed under Preset Views.<br> <br>\n   * `view`: Supported properties: <br>\n   * - `id`: [string] Unique identifier. Do not use category IDs, `saved-views`, or `predefined-views`. <br>\n   * - `name`: [string] How the view appears in the dropdown. <br>\n   * - `filters`: [object] Filters to apply when the view is selected. <br>\n   * - `selectedColumns`: [array] Array of the selected columns. <br>\n   * - `sortDirections`: [array] Array of sort directions. <br>\n   * - `isDefaultView`: [bool] Whether the view is automatically applied when the table initially loads.\n   * <br> <br>\n   * \n   * `category`: Supported properties: <br>\n   * - `id`: [string] Unique identifier. <br>\n   * - `name`: [string] How the category appears in the dropdown. <br>\n   * - `info`: [InfoIconProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form--infoicon) <br>\n   * - `view`: [array] Array of view objects that will appear under the category in the dropdown.\n   * @external\n   */\n  presets?: Category<F>[] | Omit<View<F>, 'createdAt'>[];\n  /**\n   * Redirect URL for the **Learn More** button in the **Save View** modal.\n   * @external\n   */\n  learnMoreLink?: string;\n  /**\n   * Function that is called when a view is saved.\n   * @external\n   */\n  onSaveViewChanges?: (view: View<F>) => void | Promise<void>;\n  /**\n   * Function that is called when a new view is saved.\n   * @external\n   */\n  onSaveView?: (view: View<F>) => void | Promise<void>;\n  /**\n   * Function that is called when a view is deleted.\n   * @external\n   */\n  onDeleteView?: (view: View<F>) => void | Promise<void>;\n  /**\n   * Function that is called when a view is renamed.\n   * @external\n   */\n  onRenameView?: (view: View<F>) => void | Promise<void>;\n  /**\n   * Function that is called when a view is set as the default view.\n   * @external\n   */\n  onSetAsDefaultView?: (\n    view: View<F>,\n    isDefault: boolean,\n  ) => void | Promise<void>;\n  /**\n   * Function that is called when a view is selected.\n   * @external\n   */\n  onSelect?: (view: View<F>) => void;\n  /**\n   * Whether to show the total count for the selected view.\n   * @default true\n   * @external\n   */\n  showTotal?: boolean;\n  /**\n   * Information about how to handle the \"All Items\" view.\n   * <br><br>\n   * Supported properties:<br>\n   * - `name`: [string] Display name instead of \"All Items\".<br>\n   * - `hidden`: [bool] Whether to hide the \"All Items\" view from the list. Ignored if there are no preset views. Default: `false`.<br>\n   * @external\n   */\n  allItemsViewProps?: AllItemsViewProps<F>;\n  /**\n   * Overrides the placeholder in the **Save View** modal.\n   * @external\n   */\n  viewNamePlaceholder?: string;\n}\n\nexport const CollectionViewsDropdown = <F extends FiltersMap>(\n  props: CollectionViewsDropdownProps<F>,\n) => {\n  const { onSelect, showTotal } = props;\n\n  const toolbarCollectionState = useToolbarCollectionContext<unknown, F>();\n\n  const [state] = useState(() => setViewsState(toolbarCollectionState, props));\n\n  useEffect(() => {\n    const dispose = state.init();\n    const { featuredComponents } = toolbarCollectionState;\n\n    return () => {\n      featuredComponents.subToolbarExtension.set(null);\n      dispose();\n    };\n  }, []);\n\n  return (\n    <ViewsDropdown\n      dataHook=\"collection-views\"\n      state={state}\n      showTotal={showTotal}\n      onSelect={onSelect}\n    />\n  );\n};\n\nCollectionViewsDropdown.setViewsState = setViewsState;\nCollectionViewsDropdown.displayName = 'CollectionViewsDropdown';\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA0D,IAAAI,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAmFnD,MAAMW,uBAAuB,GAClCC,KAAsC,IACnC;EACH,MAAM;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAGF,KAAK;EAErC,MAAMG,sBAAsB,GAAG,IAAAC,qDAA2B,EAAa,CAAC;EAExE,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM,IAAAC,4BAAa,EAACJ,sBAAsB,EAAEH,KAAK,CAAC,CAAC;EAE5E,IAAAQ,gBAAS,EAAC,MAAM;IACd,MAAMC,OAAO,GAAGJ,KAAK,CAACK,IAAI,CAAC,CAAC;IAC5B,MAAM;MAAEC;IAAmB,CAAC,GAAGR,sBAAsB;IAErD,OAAO,MAAM;MACXQ,kBAAkB,CAACC,mBAAmB,CAACd,GAAG,CAAC,IAAI,CAAC;MAChDW,OAAO,CAAC,CAAC;IACX,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACErC,MAAA,CAAAa,OAAA,CAAA4B,aAAA,CAACtC,cAAA,CAAAuC,aAAa;IACZC,QAAQ,EAAC,kBAAkB;IAC3BV,KAAK,EAAEA,KAAM;IACbH,SAAS,EAAEA,SAAU;IACrBD,QAAQ,EAAEA,QAAS;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CAAC;AAEN,CAAC;AAACC,OAAA,CAAAtB,uBAAA,GAAAA,uBAAA;AAEFA,uBAAuB,CAACQ,aAAa,GAAGA,4BAAa;AACrDR,uBAAuB,CAACuB,WAAW,GAAG,yBAAyB","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_ = "ViewsDropdown941096160";
+var _namespace_ = "ViewsDropdown3082176946";
 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": "ViewsDropdown941096160__root"
+  "root": "ViewsDropdown3082176946__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_ = \"ViewsDropdown941096160\";\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\":\"ViewsDropdown941096160__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown3082176946\";\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\":\"ViewsDropdown3082176946__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/CustomColumns/CustomColumns.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ToolbarCollectionContext","require","_react","_interopRequireDefault","_initCustomColumns","_CustomColumnsCTAButton","_jsxFileName","CustomColumns","onColumnClick","state","useToolbarCollectionContext","default","createElement","CustomColumnsCTAButton","__self","__source","fileName","lineNumber","columnNumber","setCustomColumnsState","dragAndDrop","undefined","displayName"],"sources":["../../../../src/components/CustomColumns/CustomColumns.tsx"],"sourcesContent":["import { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport React from 'react';\nimport { setCustomColumnsState } from '../../state/initCustomColumns';\nimport { Column } from '../../model';\nimport { CustomColumnsCTAButton } from '../CustomColumnsPanel/CustomColumnsCTAButton';\nimport type { CustomColumnsDragAndDrop } from './CustomColumnsDragAndDrop';\n\nexport interface CustomColumnsBaseProps {\n  /**\n   * A callback that called when a column checkbox is clicked\n   * @param column\n   * @param checked\n   * @external\n   */\n  onColumnClick?: (column: Column, checked: boolean) => unknown;\n}\n\nexport interface CustomColumnsProps extends CustomColumnsBaseProps {}\n\nexport function CustomColumns({ onColumnClick }: CustomColumnsProps) {\n  const state = useToolbarCollectionContext();\n  return <CustomColumnsCTAButton onColumnClick={onColumnClick} state={state} />;\n}\n\nCustomColumns.setCustomColumnsState = setCustomColumnsState;\nCustomColumns.dragAndDrop = undefined as\n  | typeof CustomColumnsDragAndDrop\n  | undefined;\nCustomColumns.displayName = 'CustomColumns';\n"],"mappings":";;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAEA,IAAAI,uBAAA,GAAAJ,OAAA;AAAsF,IAAAK,YAAA;AAe/E,SAASC,aAAaA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EACnE,MAAMC,KAAK,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC3C,oBAAOR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,uBAAA,CAAAQ,sBAAsB;IAACL,aAAa,EAAEA,aAAc;IAACC,KAAK,EAAEA,KAAM;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAV,YAAA;MAAAW,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAC/E;AAEAX,aAAa,CAACY,qBAAqB,GAAGA,wCAAqB;AAC3DZ,aAAa,CAACa,WAAW,GAAGC,SAEf;AACbd,aAAa,CAACe,WAAW,GAAG,eAAe","ignoreList":[]}
+{"version":3,"names":["_ToolbarCollectionContext","require","_react","_interopRequireDefault","_initCustomColumns","_CustomColumnsCTAButton","_jsxFileName","CustomColumns","onColumnClick","state","useToolbarCollectionContext","default","createElement","CustomColumnsCTAButton","__self","__source","fileName","lineNumber","columnNumber","setCustomColumnsState","dragAndDrop","undefined","displayName"],"sources":["../../../../src/components/CustomColumns/CustomColumns.tsx"],"sourcesContent":["import { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport React from 'react';\nimport { setCustomColumnsState } from '../../state/initCustomColumns';\nimport { Column } from '../../model';\nimport { CustomColumnsCTAButton } from '../CustomColumnsPanel/CustomColumnsCTAButton';\nimport type { CustomColumnsDragAndDrop } from './CustomColumnsDragAndDrop';\n\nexport interface CustomColumnsBaseProps {\n  /**\n   * Adds a callback that is called when a column is clicked.\n   * @param column\n   * @param checked\n   * @external\n   */\n  onColumnClick?: (column: Column, checked: boolean) => unknown;\n}\n\nexport interface CustomColumnsProps extends CustomColumnsBaseProps {}\n\nexport function CustomColumns({ onColumnClick }: CustomColumnsProps) {\n  const state = useToolbarCollectionContext();\n  return <CustomColumnsCTAButton onColumnClick={onColumnClick} state={state} />;\n}\n\nCustomColumns.setCustomColumnsState = setCustomColumnsState;\nCustomColumns.dragAndDrop = undefined as\n  | typeof CustomColumnsDragAndDrop\n  | undefined;\nCustomColumns.displayName = 'CustomColumns';\n"],"mappings":";;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAEA,IAAAI,uBAAA,GAAAJ,OAAA;AAAsF,IAAAK,YAAA;AAe/E,SAASC,aAAaA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EACnE,MAAMC,KAAK,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC3C,oBAAOR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,uBAAA,CAAAQ,sBAAsB;IAACL,aAAa,EAAEA,aAAc;IAACC,KAAK,EAAEA,KAAM;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAV,YAAA;MAAAW,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAC/E;AAEAX,aAAa,CAACY,qBAAqB,GAAGA,wCAAqB;AAC3DZ,aAAa,CAACa,WAAW,GAAGC,SAEf;AACbd,aAAa,CAACe,WAAW,GAAG,eAAe","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_ = "CustomFieldsViewWidgetSection3198598984";
+var _namespace_ = "CustomFieldsViewWidgetSection1809833052";
 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": "CustomFieldsViewWidgetSection3198598984__root",
-  "breakWord": "CustomFieldsViewWidgetSection3198598984__breakWord"
+  "root": "CustomFieldsViewWidgetSection1809833052__root",
+  "breakWord": "CustomFieldsViewWidgetSection1809833052__breakWord"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};