@wix/patterns 1.261.0 → 1.264.0

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

@@ -90,7 +90,7 @@ function _CollectionTableWSRTable(props) {
   const Table = _designSystem.Table;
   const showSelection = showSelectionProp ?? selectionToolbar != null;
   const hideTitleBar = isMobile || showEmptyState || showLoadingState || initTask.status.isError;
-  const showBorderBox = !table.showLoadingState && (hideTitleBar || !showTitleBar);
+  const showBorderBox = (!table.showLoadingState || !showTitleBar) && (hideTitleBar || !showTitleBar);
   const tableColumns = isMobile ? [{
     id: 'tableColumn',
     title: '',
@@ -102,21 +102,21 @@ function _CollectionTableWSRTable(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 181,
+          lineNumber: 182,
           columnNumber: 13
         }
       }, columns[0] && /*#__PURE__*/_react.default.createElement("div", {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 182,
+          lineNumber: 183,
           columnNumber: 30
         }
       }, (_columns$0$render = (_columns$ = columns[0]).render) == null ? void 0 : _columns$0$render.call(_columns$, params, index)), columns[1] && /*#__PURE__*/_react.default.createElement("div", {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 183,
+          lineNumber: 184,
           columnNumber: 30
         }
       }, (_columns$1$render = (_columns$2 = columns[1]).render) == null ? void 0 : _columns$1$render.call(_columns$2, params, index)));
@@ -141,7 +141,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 205,
+      lineNumber: 206,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(Table, (0, _extends2.default)({}, props, {
@@ -174,7 +174,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 209,
+      lineNumber: 210,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionToolbars.CollectionToolbars, {
@@ -198,7 +198,7 @@ function _CollectionTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 268,
+        lineNumber: 269,
         columnNumber: 33
       }
     }), !hideTitleBar && /*#__PURE__*/_react.default.createElement("div", {
@@ -209,14 +209,14 @@ function _CollectionTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 270,
+        lineNumber: 271,
         columnNumber: 17
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.Titlebar, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 274,
+        lineNumber: 275,
         columnNumber: 19
       }
     }))),
@@ -230,7 +230,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 247,
+      lineNumber: 248,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionContext.CollectionProvider, {
@@ -238,7 +238,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 287,
+      lineNumber: 288,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -250,7 +250,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 288,
+      lineNumber: 289,
       columnNumber: 11
     }
   }, children))));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_bi","_CollectionContext","_CollectionToolbars","_BorderOnlyBox","_commonStCss","_react2","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionTableWSRTable","props","state","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","views","extraToolbar","summaryBar","topNotification","selectionToolbar","dragAndDropReorderModeToolbar","showSelection","showSelectionProp","exportButton","tags","sticky","onRowClick","search","children","tableGridSwitchButton","useShowLoaderWhenEmpty","dragAndDrop","showTitleBar","horizontalScroll","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","columns","primaryActionButton","secondaryActions","onSelectionChanged","moreActions","visualization","isMobile","useIsMobile","toolbar","showLoadingState","showEmptyState","tableState","table","keyedItems","stateKeyedItems","internalExperiments","useWixPatternsContainer","isGreyHeadersEnabled","enabled","bulk","initTask","collection","showRefreshLoader","showErrorState","stackingRootRef","usePageContext","handleRowCLick","useCallback","item","index","reportBi","cairoCtaClicked","ctaName","ctaIndex","url","window","location","href","Table","WSRTable","hideTitleBar","status","isError","showBorderBox","tableColumns","id","render","params","_columns$0$render","_columns$","_columns$1$render","_columns$2","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","keyedItemsWithTooltip","map","isDisabled","isRowCheckboxDisabled","tooltipContent","getCheckboxTooltipContent","checkboxTooltipContent","className","st","classes","fullHeight","column","_extends2","skin","withWrapper","data","viewportRef","undefined","showHeaderWhenEmpty","rowDataHook","rowData","key","controlled","getStickyColumnsCount","selectedIds","onSelectionStarted","_selectedIds","_change","CollectionToolbars","query","result","originQuery","titleBar","Fragment","BorderOnlyBox","style","display","Titlebar","CollectionProvider","value","width","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';\nimport { usePageContext, useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CollectionToolbarsVisualizationProps } from '../CollectionToolbars/CollectionToolbarsVisualization';\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/features-actions-bulk-actions--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  visualization?: CollectionToolbarsVisualizationProps<T, F>['visualization'];\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    showLoadingState: boolean;\n    showEmptyState: boolean;\n  };\n\n  sticky: boolean;\n\n  columns: WSRTableColumn<KeyedItem<U>>[];\n  onRowClick?: (item: KeyedItem<U>, index: number) => void;\n  keyedItems?: KeyedItem<U>[];\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    topNotification,\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    secondaryActions,\n    onSelectionChanged,\n    moreActions,\n    visualization,\n  } = props;\n\n  const isMobile = useIsMobile();\n  const {\n    toolbar,\n    showLoadingState,\n    showEmptyState,\n    tableState: table,\n    keyedItems: stateKeyedItems,\n  } = state;\n  const { internalExperiments } = useWixPatternsContainer();\n\n  const isGreyHeadersEnabled = internalExperiments?.enabled(\n    'specs.cairo.tableGreyHeaders',\n  );\n  const { bulk, initTask } = toolbar;\n\n  const keyedItems = props.keyedItems ?? stateKeyedItems;\n  const { collection } = table;\n  const { showRefreshLoader, showErrorState } = collection;\n\n  const { stackingRootRef } = usePageContext();\n\n  const handleRowCLick = useCallback(\n    (item: KeyedItem<U>, index: number) => {\n      state.toolbar.reportBi(\n        cairoCtaClicked({\n          ctaName: 'row_area',\n          ctaIndex: index,\n          url: typeof window !== 'undefined' ? window.location.href : '',\n        }),\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 hideTitleBar =\n    isMobile || showEmptyState || showLoadingState || initTask.status.isError;\n\n  const showBorderBox =\n    !table.showLoadingState && (hideTitleBar || !showTitleBar);\n\n  const tableColumns = isMobile\n    ? [\n        {\n          id: 'tableColumn',\n          title: '',\n          render: (params: any, index: number) => (\n            <Box direction=\"vertical\" gap=\"SP2\">\n              {columns[0] && <div>{columns[0].render?.(params, index)}</div>}\n              {columns[1] && <div>{columns[1].render?.(params, index)}</div>}\n            </Box>\n          ),\n        },\n      ]\n    : columns;\n\n  const keyedItemsWithTooltip = keyedItems.map((item) => {\n    const isDisabled = bulk.isRowCheckboxDisabled(item);\n    if (isDisabled) {\n      const tooltipContent = bulk.getCheckboxTooltipContent(item);\n      if (tooltipContent) {\n        return {\n          ...item,\n          checkboxTooltipContent: tooltipContent,\n        };\n      }\n    }\n    return item;\n  });\n\n  return (\n    <div\n      data-hook=\"collection-table\"\n      className={st(classes.fullHeight, classes.column)}\n    >\n      <Table\n        {...props}\n        skin={isGreyHeadersEnabled ? 'neutral' : props.skin}\n        withWrapper={false}\n        data={keyedItemsWithTooltip}\n        viewportRef={stackingRootRef}\n        columns={tableColumns}\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={!isMobile && 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          topNotification={\n            typeof topNotification === 'function'\n              ? () => topNotification({ query: collection.result.originQuery })\n              : topNotification\n          }\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          secondaryActions={secondaryActions}\n          moreActions={moreActions}\n          visualization={visualization}\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","_react2","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionTableWSRTable","props","state","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","views","extraToolbar","summaryBar","topNotification","selectionToolbar","dragAndDropReorderModeToolbar","showSelection","showSelectionProp","exportButton","tags","sticky","onRowClick","search","children","tableGridSwitchButton","useShowLoaderWhenEmpty","dragAndDrop","showTitleBar","horizontalScroll","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","columns","primaryActionButton","secondaryActions","onSelectionChanged","moreActions","visualization","isMobile","useIsMobile","toolbar","showLoadingState","showEmptyState","tableState","table","keyedItems","stateKeyedItems","internalExperiments","useWixPatternsContainer","isGreyHeadersEnabled","enabled","bulk","initTask","collection","showRefreshLoader","showErrorState","stackingRootRef","usePageContext","handleRowCLick","useCallback","item","index","reportBi","cairoCtaClicked","ctaName","ctaIndex","url","window","location","href","Table","WSRTable","hideTitleBar","status","isError","showBorderBox","tableColumns","id","render","params","_columns$0$render","_columns$","_columns$1$render","_columns$2","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","keyedItemsWithTooltip","map","isDisabled","isRowCheckboxDisabled","tooltipContent","getCheckboxTooltipContent","checkboxTooltipContent","className","st","classes","fullHeight","column","_extends2","skin","withWrapper","data","viewportRef","undefined","showHeaderWhenEmpty","rowDataHook","rowData","key","controlled","getStickyColumnsCount","selectedIds","onSelectionStarted","_selectedIds","_change","CollectionToolbars","query","result","originQuery","titleBar","Fragment","BorderOnlyBox","style","display","Titlebar","CollectionProvider","value","width","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';\nimport { usePageContext, useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CollectionToolbarsVisualizationProps } from '../CollectionToolbars/CollectionToolbarsVisualization';\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/features-actions-bulk-actions--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  visualization?: CollectionToolbarsVisualizationProps<T, F>['visualization'];\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    showLoadingState: boolean;\n    showEmptyState: boolean;\n  };\n\n  sticky: boolean;\n\n  columns: WSRTableColumn<KeyedItem<U>>[];\n  onRowClick?: (item: KeyedItem<U>, index: number) => void;\n  keyedItems?: KeyedItem<U>[];\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    topNotification,\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    secondaryActions,\n    onSelectionChanged,\n    moreActions,\n    visualization,\n  } = props;\n\n  const isMobile = useIsMobile();\n  const {\n    toolbar,\n    showLoadingState,\n    showEmptyState,\n    tableState: table,\n    keyedItems: stateKeyedItems,\n  } = state;\n  const { internalExperiments } = useWixPatternsContainer();\n\n  const isGreyHeadersEnabled = internalExperiments?.enabled(\n    'specs.cairo.tableGreyHeaders',\n  );\n  const { bulk, initTask } = toolbar;\n\n  const keyedItems = props.keyedItems ?? stateKeyedItems;\n  const { collection } = table;\n  const { showRefreshLoader, showErrorState } = collection;\n\n  const { stackingRootRef } = usePageContext();\n\n  const handleRowCLick = useCallback(\n    (item: KeyedItem<U>, index: number) => {\n      state.toolbar.reportBi(\n        cairoCtaClicked({\n          ctaName: 'row_area',\n          ctaIndex: index,\n          url: typeof window !== 'undefined' ? window.location.href : '',\n        }),\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 hideTitleBar =\n    isMobile || showEmptyState || showLoadingState || initTask.status.isError;\n\n  const showBorderBox =\n    (!table.showLoadingState || !showTitleBar) &&\n    (hideTitleBar || !showTitleBar);\n\n  const tableColumns = isMobile\n    ? [\n        {\n          id: 'tableColumn',\n          title: '',\n          render: (params: any, index: number) => (\n            <Box direction=\"vertical\" gap=\"SP2\">\n              {columns[0] && <div>{columns[0].render?.(params, index)}</div>}\n              {columns[1] && <div>{columns[1].render?.(params, index)}</div>}\n            </Box>\n          ),\n        },\n      ]\n    : columns;\n\n  const keyedItemsWithTooltip = keyedItems.map((item) => {\n    const isDisabled = bulk.isRowCheckboxDisabled(item);\n    if (isDisabled) {\n      const tooltipContent = bulk.getCheckboxTooltipContent(item);\n      if (tooltipContent) {\n        return {\n          ...item,\n          checkboxTooltipContent: tooltipContent,\n        };\n      }\n    }\n    return item;\n  });\n\n  return (\n    <div\n      data-hook=\"collection-table\"\n      className={st(classes.fullHeight, classes.column)}\n    >\n      <Table\n        {...props}\n        skin={isGreyHeadersEnabled ? 'neutral' : props.skin}\n        withWrapper={false}\n        data={keyedItemsWithTooltip}\n        viewportRef={stackingRootRef}\n        columns={tableColumns}\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={!isMobile && 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          topNotification={\n            typeof topNotification === 'function'\n              ? () => topNotification({ query: collection.result.originQuery })\n              : topNotification\n          }\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          secondaryActions={secondaryActions}\n          moreActions={moreActions}\n          visualization={visualization}\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/CollectionTableActionsColumn.js

@@ -8,9 +8,14 @@ var _react = _interopRequireWildcard(require("react"));
 var _state = require("../state");
 var _CollectionItemActions = require("./CollectionItemActions");
 var _mobxReactLite = require("mobx-react-lite");
+var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionTableActionsColumn.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _CollectionTableActionsColumn(props) {
+  const {
+    experiments
+  } = (0, _react2.useWixPatternsContainer)();
+  const isActionCellSizeSmallEnabled = experiments.enabled('specs.cairo.SmallActionCellSize');
   const {
     collection,
     index,
@@ -28,6 +33,7 @@ function _CollectionTableActionsColumn(props) {
     const actionCellProps = typeof actionCell === 'function' ? actionCell(keyedItem.item, index, state.actionCellAPI) : actionCell;
     return {
       ...actionCellProps,
+      size: isActionCellSizeSmallEnabled ? 'small' : actionCellProps.size,
       popoverMenuProps: {
         // Larger zIndex than Page.Sticky https://github.com/wix-private/wix-design-systems/blob/844c42de1fb6e65f62b4b32538c5923869116d3d/packages/wix-style-react/src/Page/Page.st.css#L41
         ...(sticky && {
@@ -47,7 +53,7 @@ function _CollectionTableActionsColumn(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 59,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_CollectionItemActions","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionTableActionsColumn","props","collection","index","sticky","keyedItem","actionCell","rest","state","useState","ItemActionsState","fade","renderActionCell","useCallback","actionCellProps","item","actionCellAPI","popoverMenuProps","zIndex","useEffect","setItemIfChanged","createElement","CollectionItemActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","CollectionTableActionsColumn","exports","observer"],"sources":["../../../src/components/CollectionTableActionsColumn.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { ItemActionsState } from '../state';\nimport { CollectionItemActions } from './CollectionItemActions';\nimport { CollectionState, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { ActionCell } from './ActionCell';\n\nexport interface CollectionTableActionsColumnProps<T, F extends FiltersMap> {\n  keyedItem: KeyedItem<T>;\n  index: number;\n  sticky?: boolean;\n  actionCell: ActionCell<T, F>;\n  collection: CollectionState<T, F>;\n}\n\nfunction _CollectionTableActionsColumn<T, F extends FiltersMap>(\n  props: CollectionTableActionsColumnProps<T, F>,\n) {\n  const { collection, index, sticky, keyedItem, actionCell, ...rest } = props;\n\n  const [state] = useState(\n    () =>\n      new ItemActionsState({\n        keyedItem,\n        collection,\n        fade: 'static',\n      }),\n  );\n\n  const renderActionCell = useCallback(() => {\n    const actionCellProps =\n      typeof actionCell === 'function'\n        ? actionCell(keyedItem.item, index, state.actionCellAPI)\n        : actionCell;\n\n    return {\n      ...actionCellProps,\n      popoverMenuProps: {\n        // Larger zIndex than Page.Sticky https://github.com/wix-private/wix-design-systems/blob/844c42de1fb6e65f62b4b32538c5923869116d3d/packages/wix-style-react/src/Page/Page.st.css#L41\n        ...(sticky && { zIndex: 1200 }),\n        ...actionCellProps?.popoverMenuProps,\n      },\n    };\n  }, [actionCell, sticky, index, keyedItem]);\n\n  useEffect(() => {\n    state.setItemIfChanged(keyedItem);\n  }, [keyedItem]);\n\n  return (\n    <CollectionItemActions\n      {...rest}\n      collection={state.collection}\n      renderActionCell={renderActionCell}\n      state={state}\n    />\n  );\n}\n\nexport const CollectionTableActionsColumn = observer(\n  _CollectionTableActionsColumn,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_CollectionItemActions","_mobxReactLite","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionTableActionsColumn","props","experiments","useWixPatternsContainer","isActionCellSizeSmallEnabled","enabled","collection","index","sticky","keyedItem","actionCell","rest","state","useState","ItemActionsState","fade","renderActionCell","useCallback","actionCellProps","item","actionCellAPI","size","popoverMenuProps","zIndex","useEffect","setItemIfChanged","createElement","CollectionItemActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","CollectionTableActionsColumn","exports","observer"],"sources":["../../../src/components/CollectionTableActionsColumn.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { ItemActionsState } from '../state';\nimport { CollectionItemActions } from './CollectionItemActions';\nimport { CollectionState, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { ActionCell, ActionCellProps } from './ActionCell';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface CollectionTableActionsColumnProps<T, F extends FiltersMap> {\n  keyedItem: KeyedItem<T>;\n  index: number;\n  sticky?: boolean;\n  actionCell: ActionCell<T, F>;\n  collection: CollectionState<T, F>;\n}\n\nfunction _CollectionTableActionsColumn<T, F extends FiltersMap>(\n  props: CollectionTableActionsColumnProps<T, F>,\n) {\n  const { experiments } = useWixPatternsContainer();\n  const isActionCellSizeSmallEnabled = experiments.enabled(\n    'specs.cairo.SmallActionCellSize',\n  );\n  const { collection, index, sticky, keyedItem, actionCell, ...rest } = props;\n\n  const [state] = useState(\n    () =>\n      new ItemActionsState({\n        keyedItem,\n        collection,\n        fade: 'static',\n      }),\n  );\n\n  const renderActionCell = useCallback(() => {\n    const actionCellProps =\n      typeof actionCell === 'function'\n        ? actionCell(keyedItem.item, index, state.actionCellAPI)\n        : actionCell;\n\n    return {\n      ...actionCellProps,\n      size: isActionCellSizeSmallEnabled\n        ? 'small'\n        : (actionCellProps.size as ActionCellProps['size']),\n      popoverMenuProps: {\n        // Larger zIndex than Page.Sticky https://github.com/wix-private/wix-design-systems/blob/844c42de1fb6e65f62b4b32538c5923869116d3d/packages/wix-style-react/src/Page/Page.st.css#L41\n        ...(sticky && { zIndex: 1200 }),\n        ...actionCellProps?.popoverMenuProps,\n      },\n    };\n  }, [actionCell, sticky, index, keyedItem]);\n\n  useEffect(() => {\n    state.setItemIfChanged(keyedItem);\n  }, [keyedItem]);\n\n  return (\n    <CollectionItemActions\n      {...rest}\n      collection={state.collection}\n      renderActionCell={renderActionCell}\n      state={state}\n    />\n  );\n}\n\nexport const CollectionTableActionsColumn = observer(\n  _CollectionTableActionsColumn,\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -20,6 +20,7 @@ var _CollectionToolbarSkeletonItem = require("./CollectionToolbarSkeletonItem");
 var _useIsMobile = require("../../hooks/useIsMobile");
 var _isValidElement = require("../isValidElement");
 var _CollectionSearch = require("../CollectionSearch");
+var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionToolbar/CollectionToolbar.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _CollectionToolbar(props) {
@@ -41,6 +42,9 @@ function _CollectionToolbar(props) {
     secondaryActions,
     moreActions
   } = props;
+  const {
+    isPanelLayout
+  } = (0, _react2.useWixPatternsContainer)();
   const isMobile = (0, _useIsMobile.useIsMobile)();
   (0, _assertComponentType.assertComponentType)(primaryActionButton, 'PrimaryActionButton', 'PrimaryActionButton');
   const {
@@ -57,7 +61,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 95,
+        lineNumber: 98,
         columnNumber: 7
       }
     }));
@@ -67,7 +71,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 105,
+      lineNumber: 108,
       columnNumber: 5
     }
   }) : search;
@@ -77,7 +81,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 114,
+      lineNumber: 117,
       columnNumber: 5
     }
   }, views);
@@ -99,7 +103,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 143,
+        lineNumber: 146,
         columnNumber: 9
       }
     }, featureFilters));
@@ -114,7 +118,7 @@ function _CollectionToolbar(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 155,
+          lineNumber: 158,
           columnNumber: 9
         }
       }, tabs);
@@ -149,7 +153,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 207,
+      lineNumber: 210,
       columnNumber: 7
     }
   }, left ?? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem && /*#__PURE__*/_react.default.createElement(_InitialLoadingConditional.InitialLoadingConditional, {
@@ -160,14 +164,14 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 218,
+        lineNumber: 221,
         columnNumber: 19
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 215,
+      lineNumber: 218,
       columnNumber: 15
     }
   }, viewsToolbarItem), !viewsToolbarItem ? filtersElement : undefined)), /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
@@ -176,7 +180,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 232,
+      lineNumber: 235,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(CollectionToolbarActionsGroup, {
@@ -192,28 +196,28 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 240,
+      lineNumber: 243,
       columnNumber: 9
     }
   }), primaryActionButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 253,
+      lineNumber: 256,
       columnNumber: 11
     }
   }, primaryActionButton), moreActions && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 256,
+      lineNumber: 259,
       columnNumber: 11
     }
   }, addDataHookToMoreActions()), secondaryActions && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 259,
+      lineNumber: 262,
       columnNumber: 11
     }
   }, secondaryActions), shouldAddDivider && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -222,7 +226,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 262,
+      lineNumber: 265,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -231,14 +235,14 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 263,
+      lineNumber: 266,
       columnNumber: 13
     }
   })), tableGridSwitchButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 270,
+      lineNumber: 273,
       columnNumber: 11
     }
   }, tableGridSwitchButton)));
@@ -250,7 +254,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 280,
+        lineNumber: 283,
         columnNumber: 9
       }
     }),
@@ -258,7 +262,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 277,
+      lineNumber: 280,
       columnNumber: 5
     }
   }, toolbarElement);
@@ -267,7 +271,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 292,
+      lineNumber: 295,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -276,15 +280,15 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 293,
+      lineNumber: 296,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    minHeight: title != null && title.props.subtitle ? '78px' : '60px',
+    minHeight: isPanelLayout ? '48px' : title != null && title.props.subtitle ? '78px' : '60px',
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 294,
+      lineNumber: 297,
       columnNumber: 9
     }
   }, state.isReorderModeToolbarVisible ? dragAndDropReorderModeToolbar : /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar, {
@@ -297,7 +301,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 298,
+      lineNumber: 305,
       columnNumber: 13
     }
   }, toolbarWithSkeleton))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_CollectionContext","_assertComponentType","_ToolbarItemBox","_CollectionToolbarStCss","_InitialLoadingConditional","_useCollectionToolbarSyncedProps","_CollectionToolbarActionsToolbarItemsGroup","_CollectionToolbarActionsGroupResponsiveLayout","_MoreActions","_CollectionToolbarSkeletonItem","_useIsMobile","_isValidElement","_CollectionSearch","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionToolbar","props","_state$tagsCollection","_state$collectionData","_state$container$expe","_state$container$inte","state","search","title","tabs","customColumns","multiLevelSorting","views","dataHook","filters","filtersProp","tableGridSwitchButton","exportButton","dragAndDropReorderModeToolbar","primaryActionButton","secondaryActions","moreActions","isMobile","useIsMobile","assertComponentType","collection","featuredComponents","toolbar","responsive","addDataHookToMoreActions","createElement","MoreActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","searchElement","isValidElement","React","cloneElement","CollectionSearch","size","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","ToolbarItemBox","CollectionToolbarFilters","tagsCollectionState","components","collectionDataExtension","filtersElement","useMemo","_state$collectionData2","_state$tagsCollection2","container","initTask","status","isSuccess","undefined","featureFilters","buildCustomFieldFilters","buildTagsFilterWrapper","filter","Boolean","inline","left","removeStartPadding","expandable","layout","useCollectionToolbarSyncedProps","rendersStart","setRendersStart","useState","useEffect","_state$toolbarFilters","_state$toolbarFilters2","_state$toolbarFilters3","toolbarFiltersState","totalInlineFilters","toolbarFiltersStateInitialized","shouldAddDivider","analyticsCustomColumnsDiscoverability","experiments","showCustomColumnsOnTheLeft","immidiatelyInteractWithToolbarsEnabled","internalExperiments","enabled","CollectionToolbarActionsGroup","responsiveDisabled","CollectionToolbarActionsToolbarItemsGroup","CollectionToolbarActionsGroupResponsiveLayout","toolbarElement","Fragment","TableToolbar","ItemGroup","position","className","st","classes","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","width","right","fullWidth","Item","Box","alignSelf","paddingLeft","Divider","direction","toolbarWithSkeleton","hideLoadingElement","CollectionProvider","minHeight","subtitle","isReorderModeToolbarVisible","removeVerticalPadding","root","mobile","CollectionToolbar","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"sourcesContent":["import React, {\n  FunctionComponent,\n  ReactElement,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Divider, TableToolbar } from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionProvider } from '../CollectionContext';\nimport { ToolbarCollectionState } from '../../state';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport type {\n  CollectionSearchElement,\n  MultiLevelSortingElement,\n} from '../assertComponentType';\nimport { assertComponentType } from '../assertComponentType';\nimport { ToolbarItemBox } from '../ToolbarItemBox';\nimport { classes, st } from './CollectionToolbar.st.css.js';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport {\n  ToolbarBaseProps,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { useCollectionToolbarSyncedProps } from './useCollectionToolbarSyncedProps';\nimport { CollectionToolbarActionsToolbarItemsGroup } from './CollectionToolbarActionsToolbarItemsGroup';\nimport { CollectionToolbarActionsGroupResponsiveLayout } from './CollectionToolbarActionsGroupResponsiveLayout';\nimport { MoreActions } from '../MoreActions';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { isValidElement } from '../isValidElement';\nimport { CollectionSearch } from '../CollectionSearch';\n\nexport interface CollectionToolbarProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  title?: ToolbarCollectionBaseProps<T, F>['title'];\n  tabs?: ToolbarCollectionBaseProps<T, F>['tabs'];\n  customColumns?: ToolbarCollectionBaseProps<T, F>['customColumns'];\n  multiLevelSorting?: MultiLevelSortingElement;\n  views?: ToolbarCollectionBaseProps<T, F>['views'];\n  search?: ToolbarBaseProps['search'];\n  dataHook?: string;\n  filters?: ToolbarCollectionBaseProps<T, F>['filters'];\n  tableGridSwitchButton?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['tableGridSwitchButton'];\n  exportButton?: ToolbarCollectionBaseProps<T, F>['exportButton'];\n  primaryActionButton?: ToolbarCollectionBaseProps<T, F>['primaryActionButton'];\n  dragAndDropReorderModeToolbar?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['dragAndDropReorderModeToolbar'];\n  secondaryActions?: ToolbarCollectionBaseProps<T, F>['secondaryActions'];\n  moreActions?: ToolbarCollectionBaseProps<T, F>['moreActions'];\n}\n\nfunction _CollectionToolbar<T, F extends FiltersMap>(\n  props: CollectionToolbarProps<T, F>,\n) {\n  const {\n    state,\n    search = true,\n    title,\n    tabs,\n    customColumns,\n    multiLevelSorting,\n    views,\n    dataHook,\n    filters: filtersProp,\n    tableGridSwitchButton,\n    exportButton,\n    dragAndDropReorderModeToolbar,\n    primaryActionButton,\n    secondaryActions,\n    moreActions,\n  } = props;\n\n  const isMobile = useIsMobile();\n\n  assertComponentType(\n    primaryActionButton,\n    'PrimaryActionButton',\n    'PrimaryActionButton',\n  );\n  const {\n    collection,\n    featuredComponents,\n    toolbar: { responsive },\n  } = state;\n\n  const addDataHookToMoreActions = () => {\n    return (\n      <MoreActions dataHook=\"toolbar-more-actions\" {...moreActions!.props} />\n    );\n  };\n\n  const searchElement = isValidElement(search) ? (\n    (React.cloneElement(\n      search as CollectionSearchElement,\n      {},\n    ) as CollectionSearchElement)\n  ) : search ? (\n    <CollectionSearch size=\"small\" />\n  ) : (\n    search\n  );\n\n  const MoreFiltersButton = featuredComponents.moreFiltersButton\n    .value as PartialFunctionComponent as FunctionComponent | null;\n\n  const viewsToolbarItem = views && (\n    <ToolbarItemBox dataHook=\"collection-table-toolbar-views-item\">\n      {views}\n    </ToolbarItemBox>\n  );\n\n  const CollectionToolbarFilters =\n    state.tagsCollectionState?.components.CollectionToolbarFilters ||\n    state.collectionDataExtension?.components.CollectionToolbarFilters;\n\n  const filtersElement = useMemo(() => {\n    if (!state.container.initTask.status.isSuccess) {\n      return;\n    }\n\n    if (isMobile) {\n      return undefined;\n    }\n\n    if (filtersProp) {\n      return filtersProp;\n    }\n    const featureFilters = [\n      ...(state.collectionDataExtension?.buildCustomFieldFilters() || []),\n      state.tagsCollectionState?.buildTagsFilterWrapper(),\n    ].filter(Boolean);\n\n    return (\n      filtersProp ??\n      (CollectionToolbarFilters && (\n        <CollectionToolbarFilters inline={0}>\n          {featureFilters}\n        </CollectionToolbarFilters>\n      ))\n    );\n  }, [filtersProp, isMobile, state.container.initTask.status]);\n\n  let left: ReactElement | undefined;\n\n  if (!isMobile) {\n    if (tabs) {\n      left = (\n        <ToolbarItemBox removeStartPadding expandable layout=\"button\">\n          {tabs}\n        </ToolbarItemBox>\n      );\n    } else if (title) {\n      left = title;\n    }\n  }\n\n  useCollectionToolbarSyncedProps({\n    left,\n    filtersElement,\n    viewsToolbarItem,\n    state,\n  });\n\n  /* checking if something is rendered in the .left TableToolbar.ItemGroup (not empty) */\n  const [rendersStart, setRendersStart] = useState<boolean>();\n\n  useEffect(() => {\n    setRendersStart(\n      !!left ||\n        !!viewsToolbarItem ||\n        (state.toolbarFiltersState?.totalInlineFilters.value !== undefined &&\n          state.toolbarFiltersState?.totalInlineFilters.value !== null &&\n          state.toolbarFiltersState?.totalInlineFilters.value > 0),\n    );\n  }, [left, viewsToolbarItem, state.toolbarFiltersStateInitialized]);\n\n  const shouldAddDivider =\n    tableGridSwitchButton && (searchElement || MoreFiltersButton);\n\n  const analyticsCustomColumnsDiscoverability =\n    state.container.experiments?.get(\n      'specs.analytics.CustomColumnsWithLabelAndNewIcon',\n    );\n\n  const showCustomColumnsOnTheLeft =\n    analyticsCustomColumnsDiscoverability === 'b' ||\n    analyticsCustomColumnsDiscoverability === 'c';\n\n  const immidiatelyInteractWithToolbarsEnabled =\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.ImmidiatelyInteractWithToolbars',\n    );\n\n  const CollectionToolbarActionsGroup = responsive.responsiveDisabled\n    ? CollectionToolbarActionsToolbarItemsGroup\n    : CollectionToolbarActionsGroupResponsiveLayout;\n\n  const toolbarElement = (\n    <>\n      <TableToolbar.ItemGroup\n        position=\"start\"\n        className={st(classes.left, { expandable: !!tabs })}\n        dataHook=\"collection-table-toolbar-filters\"\n      >\n        {left ?? (\n          <>\n            {viewsToolbarItem && (\n              <InitialLoadingConditional\n                state={state}\n                loadingElement={\n                  <CollectionToolbarSkeletonItem\n                    dataHook=\"toolbar-views-skeleton\"\n                    width=\"100px\"\n                  />\n                }\n              >\n                {viewsToolbarItem}\n              </InitialLoadingConditional>\n            )}\n            {!viewsToolbarItem ? filtersElement : undefined}\n          </>\n        )}\n      </TableToolbar.ItemGroup>\n\n      <TableToolbar.ItemGroup\n        position={isMobile ? undefined : 'end'}\n        className={st(\n          classes.right,\n          {},\n          ...[rendersStart ? undefined : classes.fullWidth],\n        )}\n      >\n        <CollectionToolbarActionsGroup\n          viewsToolbarItem={viewsToolbarItem}\n          filtersElement={filtersElement}\n          MoreFiltersButton={MoreFiltersButton}\n          multiLevelSorting={multiLevelSorting}\n          customColumns={isMobile ? undefined : customColumns}\n          exportButton={exportButton}\n          search={searchElement}\n          showCustomColumnsOnTheLeft={showCustomColumnsOnTheLeft}\n          left={left}\n        />\n\n        {primaryActionButton && (\n          <TableToolbar.Item>{primaryActionButton}</TableToolbar.Item>\n        )}\n        {moreActions && (\n          <TableToolbar.Item>{addDataHookToMoreActions()}</TableToolbar.Item>\n        )}\n        {secondaryActions && (\n          <TableToolbar.Item>{secondaryActions}</TableToolbar.Item>\n        )}\n        {shouldAddDivider && (\n          <Box alignSelf=\"stretch\" paddingLeft=\"SP2\">\n            <Divider\n              direction=\"vertical\"\n              dataHook=\"collection-table--grid-switch--divider\"\n            />\n          </Box>\n        )}\n        {tableGridSwitchButton && (\n          <TableToolbar.Item>{tableGridSwitchButton}</TableToolbar.Item>\n        )}\n      </TableToolbar.ItemGroup>\n    </>\n  );\n\n  const toolbarWithSkeleton = (\n    <InitialLoadingConditional\n      state={state}\n      loadingElement={\n        <CollectionToolbarSkeletonItem\n          dataHook=\"toolbar-skeleton\"\n          width=\"100px\"\n        />\n      }\n      hideLoadingElement={immidiatelyInteractWithToolbarsEnabled}\n    >\n      {toolbarElement}\n    </InitialLoadingConditional>\n  );\n\n  return (\n    <CollectionProvider value={collection}>\n      <Box direction=\"vertical\" dataHook={dataHook}>\n        <Box minHeight={title?.props.subtitle ? '78px' : '60px'}>\n          {state.isReorderModeToolbarVisible ? (\n            dragAndDropReorderModeToolbar\n          ) : (\n            <TableToolbar\n              removeVerticalPadding\n              className={st(classes.root, {\n                views: !responsive.responsiveDisabled,\n                mobile: isMobile,\n              })}\n              dataHook=\"collection-table-toolbar\"\n            >\n              {toolbarWithSkeleton}\n            </TableToolbar>\n          )}\n        </Box>\n      </Box>\n    </CollectionProvider>\n  );\n}\n\nexport const CollectionToolbar = observer(_CollectionToolbar);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_CollectionContext","_assertComponentType","_ToolbarItemBox","_CollectionToolbarStCss","_InitialLoadingConditional","_useCollectionToolbarSyncedProps","_CollectionToolbarActionsToolbarItemsGroup","_CollectionToolbarActionsGroupResponsiveLayout","_MoreActions","_CollectionToolbarSkeletonItem","_useIsMobile","_isValidElement","_CollectionSearch","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionToolbar","props","_state$tagsCollection","_state$collectionData","_state$container$expe","_state$container$inte","state","search","title","tabs","customColumns","multiLevelSorting","views","dataHook","filters","filtersProp","tableGridSwitchButton","exportButton","dragAndDropReorderModeToolbar","primaryActionButton","secondaryActions","moreActions","isPanelLayout","useWixPatternsContainer","isMobile","useIsMobile","assertComponentType","collection","featuredComponents","toolbar","responsive","addDataHookToMoreActions","createElement","MoreActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","searchElement","isValidElement","React","cloneElement","CollectionSearch","size","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","ToolbarItemBox","CollectionToolbarFilters","tagsCollectionState","components","collectionDataExtension","filtersElement","useMemo","_state$collectionData2","_state$tagsCollection2","container","initTask","status","isSuccess","undefined","featureFilters","buildCustomFieldFilters","buildTagsFilterWrapper","filter","Boolean","inline","left","removeStartPadding","expandable","layout","useCollectionToolbarSyncedProps","rendersStart","setRendersStart","useState","useEffect","_state$toolbarFilters","_state$toolbarFilters2","_state$toolbarFilters3","toolbarFiltersState","totalInlineFilters","toolbarFiltersStateInitialized","shouldAddDivider","analyticsCustomColumnsDiscoverability","experiments","showCustomColumnsOnTheLeft","immidiatelyInteractWithToolbarsEnabled","internalExperiments","enabled","CollectionToolbarActionsGroup","responsiveDisabled","CollectionToolbarActionsToolbarItemsGroup","CollectionToolbarActionsGroupResponsiveLayout","toolbarElement","Fragment","TableToolbar","ItemGroup","position","className","st","classes","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","width","right","fullWidth","Item","Box","alignSelf","paddingLeft","Divider","direction","toolbarWithSkeleton","hideLoadingElement","CollectionProvider","minHeight","subtitle","isReorderModeToolbarVisible","removeVerticalPadding","root","mobile","CollectionToolbar","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"sourcesContent":["import React, {\n  FunctionComponent,\n  ReactElement,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Divider, TableToolbar } from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionProvider } from '../CollectionContext';\nimport { ToolbarCollectionState } from '../../state';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport type {\n  CollectionSearchElement,\n  MultiLevelSortingElement,\n} from '../assertComponentType';\nimport { assertComponentType } from '../assertComponentType';\nimport { ToolbarItemBox } from '../ToolbarItemBox';\nimport { classes, st } from './CollectionToolbar.st.css.js';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport {\n  ToolbarBaseProps,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { useCollectionToolbarSyncedProps } from './useCollectionToolbarSyncedProps';\nimport { CollectionToolbarActionsToolbarItemsGroup } from './CollectionToolbarActionsToolbarItemsGroup';\nimport { CollectionToolbarActionsGroupResponsiveLayout } from './CollectionToolbarActionsGroupResponsiveLayout';\nimport { MoreActions } from '../MoreActions';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { isValidElement } from '../isValidElement';\nimport { CollectionSearch } from '../CollectionSearch';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface CollectionToolbarProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  title?: ToolbarCollectionBaseProps<T, F>['title'];\n  tabs?: ToolbarCollectionBaseProps<T, F>['tabs'];\n  customColumns?: ToolbarCollectionBaseProps<T, F>['customColumns'];\n  multiLevelSorting?: MultiLevelSortingElement;\n  views?: ToolbarCollectionBaseProps<T, F>['views'];\n  search?: ToolbarBaseProps['search'];\n  dataHook?: string;\n  filters?: ToolbarCollectionBaseProps<T, F>['filters'];\n  tableGridSwitchButton?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['tableGridSwitchButton'];\n  exportButton?: ToolbarCollectionBaseProps<T, F>['exportButton'];\n  primaryActionButton?: ToolbarCollectionBaseProps<T, F>['primaryActionButton'];\n  dragAndDropReorderModeToolbar?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['dragAndDropReorderModeToolbar'];\n  secondaryActions?: ToolbarCollectionBaseProps<T, F>['secondaryActions'];\n  moreActions?: ToolbarCollectionBaseProps<T, F>['moreActions'];\n}\n\nfunction _CollectionToolbar<T, F extends FiltersMap>(\n  props: CollectionToolbarProps<T, F>,\n) {\n  const {\n    state,\n    search = true,\n    title,\n    tabs,\n    customColumns,\n    multiLevelSorting,\n    views,\n    dataHook,\n    filters: filtersProp,\n    tableGridSwitchButton,\n    exportButton,\n    dragAndDropReorderModeToolbar,\n    primaryActionButton,\n    secondaryActions,\n    moreActions,\n  } = props;\n\n  const { isPanelLayout } = useWixPatternsContainer();\n\n  const isMobile = useIsMobile();\n\n  assertComponentType(\n    primaryActionButton,\n    'PrimaryActionButton',\n    'PrimaryActionButton',\n  );\n  const {\n    collection,\n    featuredComponents,\n    toolbar: { responsive },\n  } = state;\n\n  const addDataHookToMoreActions = () => {\n    return (\n      <MoreActions dataHook=\"toolbar-more-actions\" {...moreActions!.props} />\n    );\n  };\n\n  const searchElement = isValidElement(search) ? (\n    (React.cloneElement(\n      search as CollectionSearchElement,\n      {},\n    ) as CollectionSearchElement)\n  ) : search ? (\n    <CollectionSearch size=\"small\" />\n  ) : (\n    search\n  );\n\n  const MoreFiltersButton = featuredComponents.moreFiltersButton\n    .value as PartialFunctionComponent as FunctionComponent | null;\n\n  const viewsToolbarItem = views && (\n    <ToolbarItemBox dataHook=\"collection-table-toolbar-views-item\">\n      {views}\n    </ToolbarItemBox>\n  );\n\n  const CollectionToolbarFilters =\n    state.tagsCollectionState?.components.CollectionToolbarFilters ||\n    state.collectionDataExtension?.components.CollectionToolbarFilters;\n\n  const filtersElement = useMemo(() => {\n    if (!state.container.initTask.status.isSuccess) {\n      return;\n    }\n\n    if (isMobile) {\n      return undefined;\n    }\n\n    if (filtersProp) {\n      return filtersProp;\n    }\n    const featureFilters = [\n      ...(state.collectionDataExtension?.buildCustomFieldFilters() || []),\n      state.tagsCollectionState?.buildTagsFilterWrapper(),\n    ].filter(Boolean);\n\n    return (\n      filtersProp ??\n      (CollectionToolbarFilters && (\n        <CollectionToolbarFilters inline={0}>\n          {featureFilters}\n        </CollectionToolbarFilters>\n      ))\n    );\n  }, [filtersProp, isMobile, state.container.initTask.status]);\n\n  let left: ReactElement | undefined;\n\n  if (!isMobile) {\n    if (tabs) {\n      left = (\n        <ToolbarItemBox removeStartPadding expandable layout=\"button\">\n          {tabs}\n        </ToolbarItemBox>\n      );\n    } else if (title) {\n      left = title;\n    }\n  }\n\n  useCollectionToolbarSyncedProps({\n    left,\n    filtersElement,\n    viewsToolbarItem,\n    state,\n  });\n\n  /* checking if something is rendered in the .left TableToolbar.ItemGroup (not empty) */\n  const [rendersStart, setRendersStart] = useState<boolean>();\n\n  useEffect(() => {\n    setRendersStart(\n      !!left ||\n        !!viewsToolbarItem ||\n        (state.toolbarFiltersState?.totalInlineFilters.value !== undefined &&\n          state.toolbarFiltersState?.totalInlineFilters.value !== null &&\n          state.toolbarFiltersState?.totalInlineFilters.value > 0),\n    );\n  }, [left, viewsToolbarItem, state.toolbarFiltersStateInitialized]);\n\n  const shouldAddDivider =\n    tableGridSwitchButton && (searchElement || MoreFiltersButton);\n\n  const analyticsCustomColumnsDiscoverability =\n    state.container.experiments?.get(\n      'specs.analytics.CustomColumnsWithLabelAndNewIcon',\n    );\n\n  const showCustomColumnsOnTheLeft =\n    analyticsCustomColumnsDiscoverability === 'b' ||\n    analyticsCustomColumnsDiscoverability === 'c';\n\n  const immidiatelyInteractWithToolbarsEnabled =\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.ImmidiatelyInteractWithToolbars',\n    );\n\n  const CollectionToolbarActionsGroup = responsive.responsiveDisabled\n    ? CollectionToolbarActionsToolbarItemsGroup\n    : CollectionToolbarActionsGroupResponsiveLayout;\n\n  const toolbarElement = (\n    <>\n      <TableToolbar.ItemGroup\n        position=\"start\"\n        className={st(classes.left, { expandable: !!tabs })}\n        dataHook=\"collection-table-toolbar-filters\"\n      >\n        {left ?? (\n          <>\n            {viewsToolbarItem && (\n              <InitialLoadingConditional\n                state={state}\n                loadingElement={\n                  <CollectionToolbarSkeletonItem\n                    dataHook=\"toolbar-views-skeleton\"\n                    width=\"100px\"\n                  />\n                }\n              >\n                {viewsToolbarItem}\n              </InitialLoadingConditional>\n            )}\n            {!viewsToolbarItem ? filtersElement : undefined}\n          </>\n        )}\n      </TableToolbar.ItemGroup>\n\n      <TableToolbar.ItemGroup\n        position={isMobile ? undefined : 'end'}\n        className={st(\n          classes.right,\n          {},\n          ...[rendersStart ? undefined : classes.fullWidth],\n        )}\n      >\n        <CollectionToolbarActionsGroup\n          viewsToolbarItem={viewsToolbarItem}\n          filtersElement={filtersElement}\n          MoreFiltersButton={MoreFiltersButton}\n          multiLevelSorting={multiLevelSorting}\n          customColumns={isMobile ? undefined : customColumns}\n          exportButton={exportButton}\n          search={searchElement}\n          showCustomColumnsOnTheLeft={showCustomColumnsOnTheLeft}\n          left={left}\n        />\n\n        {primaryActionButton && (\n          <TableToolbar.Item>{primaryActionButton}</TableToolbar.Item>\n        )}\n        {moreActions && (\n          <TableToolbar.Item>{addDataHookToMoreActions()}</TableToolbar.Item>\n        )}\n        {secondaryActions && (\n          <TableToolbar.Item>{secondaryActions}</TableToolbar.Item>\n        )}\n        {shouldAddDivider && (\n          <Box alignSelf=\"stretch\" paddingLeft=\"SP2\">\n            <Divider\n              direction=\"vertical\"\n              dataHook=\"collection-table--grid-switch--divider\"\n            />\n          </Box>\n        )}\n        {tableGridSwitchButton && (\n          <TableToolbar.Item>{tableGridSwitchButton}</TableToolbar.Item>\n        )}\n      </TableToolbar.ItemGroup>\n    </>\n  );\n\n  const toolbarWithSkeleton = (\n    <InitialLoadingConditional\n      state={state}\n      loadingElement={\n        <CollectionToolbarSkeletonItem\n          dataHook=\"toolbar-skeleton\"\n          width=\"100px\"\n        />\n      }\n      hideLoadingElement={immidiatelyInteractWithToolbarsEnabled}\n    >\n      {toolbarElement}\n    </InitialLoadingConditional>\n  );\n\n  return (\n    <CollectionProvider value={collection}>\n      <Box direction=\"vertical\" dataHook={dataHook}>\n        <Box\n          minHeight={\n            isPanelLayout ? '48px' : title?.props.subtitle ? '78px' : '60px'\n          }\n        >\n          {state.isReorderModeToolbarVisible ? (\n            dragAndDropReorderModeToolbar\n          ) : (\n            <TableToolbar\n              removeVerticalPadding\n              className={st(classes.root, {\n                views: !responsive.responsiveDisabled,\n                mobile: isMobile,\n              })}\n              dataHook=\"collection-table-toolbar\"\n            >\n              {toolbarWithSkeleton}\n            </TableToolbar>\n          )}\n        </Box>\n      </Box>\n    </CollectionProvider>\n  );\n}\n\nexport const CollectionToolbar = observer(_CollectionToolbar);\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_ = "CollectionToolbar856652363";
+var _namespace_ = "CollectionToolbar363269901";
 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": "CollectionToolbar856652363__root",
-  "left": "CollectionToolbar856652363__left",
-  "right": "CollectionToolbar856652363__right",
-  "fullWidth": "CollectionToolbar856652363__fullWidth"
+  "root": "CollectionToolbar363269901__root",
+  "left": "CollectionToolbar363269901__left",
+  "right": "CollectionToolbar363269901__right",
+  "fullWidth": "CollectionToolbar363269901__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_ = \"CollectionToolbar856652363\";\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\":\"CollectionToolbar856652363__root\",\"left\":\"CollectionToolbar856652363__left\",\"right\":\"CollectionToolbar856652363__right\",\"fullWidth\":\"CollectionToolbar856652363__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,4BAA4B;AAC9C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,kCAAkC;EAAC,MAAM,EAAC,kCAAkC;EAAC,OAAO,EAAC,mCAAmC;EAAC,WAAW,EAAC;AAAuC,CAAC;AACnM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar363269901\";\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\":\"CollectionToolbar363269901__root\",\"left\":\"CollectionToolbar363269901__left\",\"right\":\"CollectionToolbar363269901__right\",\"fullWidth\":\"CollectionToolbar363269901__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,4BAA4B;AAC9C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,kCAAkC;EAAC,MAAM,EAAC,kCAAkC;EAAC,OAAO,EAAC,mCAAmC;EAAC,WAAW,EAAC;AAAuC,CAAC;AACnM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}