@wix/patterns 1.357.0 → 1.359.0

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

@@ -33,6 +33,7 @@ function _CollectionTableWSRTable(props) {
     dragAndDropReorderModeToolbar,
     showSelection: showSelectionProp,
     exportButton,
+    importButton,
     tags,
     sticky,
     onRowClick,
@@ -116,7 +117,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 215,
+      lineNumber: 216,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(Table, (0, _extends2.default)({}, props, {
@@ -150,7 +151,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 219,
+      lineNumber: 220,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionToolbars.CollectionToolbars, {
@@ -174,7 +175,7 @@ function _CollectionTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 279,
+        lineNumber: 280,
         columnNumber: 33
       }
     }), !hideTitleBar && /*#__PURE__*/_react.default.createElement("div", {
@@ -185,19 +186,20 @@ function _CollectionTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 281,
+        lineNumber: 282,
         columnNumber: 17
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.Titlebar, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 285,
+        lineNumber: 286,
         columnNumber: 19
       }
     }))),
     tableGridSwitchButton: tableGridSwitchButton,
     exportButton: exportButton,
+    importButton: importButton,
     tags: tags,
     primaryActionButton: primaryActionButton,
     secondaryActions: secondaryActions,
@@ -206,7 +208,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 258,
+      lineNumber: 259,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionContext.CollectionProvider, {
@@ -214,7 +216,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 298,
+      lineNumber: 300,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -226,7 +228,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 299,
+      lineNumber: 301,
       columnNumber: 11
     }
   }, children))));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_bi","_CollectionContext","_commonStCss","_CollectionToolbars","_BorderOnlyBox","_react2","_useIsMobile","_buildMobileColumns","_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","showEmptyState","tableState","table","keyedItems","stateKeyedItems","internalExperiments","isPanelLayout","useWixPatternsContainer","isGreyHeadersEnabled","enabled","bulk","initTask","collection","showRefreshLoader","showErrorState","stackingRootRef","usePageContext","handleRowCLick","useCallback","item","index","reportBi","cairoCtaClicked","ctaName","ctaIndex","itemId","id","itemIndex","url","window","location","href","Table","WSRTable","hideTitleBar","showInitialLoader","status","isError","showBorderBox","showLoadingState","actionCellColumn","find","column","key","columnsWithoutActionCell","filter","tableColumns","buildMobileColumns","keyedItemsWithTooltip","map","isDisabled","isRowCheckboxDisabled","tooltipContent","getCheckboxTooltipContent","checkboxTooltipContent","createElement","className","st","classes","fullHeight","__self","__source","fileName","lineNumber","columnNumber","_extends2","skin","withWrapper","data","viewportRef","undefined","showHeaderWhenEmpty","bulkSelectionCheckboxRef","rowDataHook","rowData","controlled","getStickyColumnsCount","selectedIds","onSelectionStarted","_selectedIds","_change","CollectionToolbars","query","result","originQuery","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 { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { CollectionTableContentBaseProps } from './CollectionTableContent';\nimport { classes, st } from '../common.st.css.js';\nimport { CollectionToolbars } from '../CollectionToolbars/CollectionToolbars';\nimport { BorderOnlyBox } from '../BorderOnlyBox';\nimport { usePageContext, useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CollectionToolbarsVisualizationProps } from '../CollectionToolbars/CollectionToolbarsVisualization';\nimport { buildMobileColumns } from './buildMobileColumns';\nimport { TableColumn } from '../../model';\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    showEmptyState,\n    tableState: table,\n    keyedItems: stateKeyedItems,\n  } = state;\n  const { internalExperiments, isPanelLayout } = 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          itemId: item.id,\n          itemIndex: item.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 ||\n    showEmptyState ||\n    toolbar.showInitialLoader ||\n    initTask.status.isError;\n\n  const showBorderBox =\n    !isPanelLayout &&\n    (!table.showLoadingState || !showTitleBar) &&\n    (hideTitleBar || !showTitleBar);\n\n  const actionCellColumn = columns.find(\n    (column) => column.key === 'cairo-action-cell',\n  );\n\n  const columnsWithoutActionCell = columns.filter(\n    (column) => column.key !== 'cairo-action-cell',\n  );\n\n  const tableColumns = isMobile\n    ? [\n        ...buildMobileColumns(\n          columnsWithoutActionCell as TableColumn<KeyedItem<U>>[],\n        ),\n        ...(actionCellColumn ? [actionCellColumn] : []),\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        bulkSelectionCheckboxRef={bulk.bulkSelectionCheckboxRef}\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          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","_commonStCss","_CollectionToolbars","_BorderOnlyBox","_react2","_useIsMobile","_buildMobileColumns","_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","importButton","tags","sticky","onRowClick","search","children","tableGridSwitchButton","useShowLoaderWhenEmpty","dragAndDrop","showTitleBar","horizontalScroll","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","columns","primaryActionButton","secondaryActions","onSelectionChanged","moreActions","visualization","isMobile","useIsMobile","toolbar","showEmptyState","tableState","table","keyedItems","stateKeyedItems","internalExperiments","isPanelLayout","useWixPatternsContainer","isGreyHeadersEnabled","enabled","bulk","initTask","collection","showRefreshLoader","showErrorState","stackingRootRef","usePageContext","handleRowCLick","useCallback","item","index","reportBi","cairoCtaClicked","ctaName","ctaIndex","itemId","id","itemIndex","url","window","location","href","Table","WSRTable","hideTitleBar","showInitialLoader","status","isError","showBorderBox","showLoadingState","actionCellColumn","find","column","key","columnsWithoutActionCell","filter","tableColumns","buildMobileColumns","keyedItemsWithTooltip","map","isDisabled","isRowCheckboxDisabled","tooltipContent","getCheckboxTooltipContent","checkboxTooltipContent","createElement","className","st","classes","fullHeight","__self","__source","fileName","lineNumber","columnNumber","_extends2","skin","withWrapper","data","viewportRef","undefined","showHeaderWhenEmpty","bulkSelectionCheckboxRef","rowDataHook","rowData","controlled","getStickyColumnsCount","selectedIds","onSelectionStarted","_selectedIds","_change","CollectionToolbars","query","result","originQuery","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 { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { CollectionTableContentBaseProps } from './CollectionTableContent';\nimport { classes, st } from '../common.st.css.js';\nimport { CollectionToolbars } from '../CollectionToolbars/CollectionToolbars';\nimport { BorderOnlyBox } from '../BorderOnlyBox';\nimport { usePageContext, useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CollectionToolbarsVisualizationProps } from '../CollectionToolbars/CollectionToolbarsVisualization';\nimport { buildMobileColumns } from './buildMobileColumns';\nimport { TableColumn } from '../../model';\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    importButton,\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    showEmptyState,\n    tableState: table,\n    keyedItems: stateKeyedItems,\n  } = state;\n  const { internalExperiments, isPanelLayout } = 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          itemId: item.id,\n          itemIndex: item.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 ||\n    showEmptyState ||\n    toolbar.showInitialLoader ||\n    initTask.status.isError;\n\n  const showBorderBox =\n    !isPanelLayout &&\n    (!table.showLoadingState || !showTitleBar) &&\n    (hideTitleBar || !showTitleBar);\n\n  const actionCellColumn = columns.find(\n    (column) => column.key === 'cairo-action-cell',\n  );\n\n  const columnsWithoutActionCell = columns.filter(\n    (column) => column.key !== 'cairo-action-cell',\n  );\n\n  const tableColumns = isMobile\n    ? [\n        ...buildMobileColumns(\n          columnsWithoutActionCell as TableColumn<KeyedItem<U>>[],\n        ),\n        ...(actionCellColumn ? [actionCellColumn] : []),\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        bulkSelectionCheckboxRef={bulk.bulkSelectionCheckboxRef}\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          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          importButton={importButton}\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/CollectionToolbar/CollectionToolbar.js

@@ -26,7 +26,7 @@ var _toolbarModeUtils = require("./toolbarModeUtils");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/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) {
-  var _state$tagsCollection, _state$collectionData, _state$container$expe, _state$container$inte;
+  var _state$tagsCollection, _state$collectionData, _state$container$expe, _state$container$expe2, _state$container$inte;
   const {
     state,
     search = true,
@@ -39,6 +39,7 @@ function _CollectionToolbar(props) {
     filters: filtersProp,
     tableGridSwitchButton,
     exportButton,
+    importButton,
     dragAndDropReorderModeToolbar,
     primaryActionButton,
     secondaryActions,
@@ -68,7 +69,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106,
+        lineNumber: 108,
         columnNumber: 7
       }
     }));
@@ -81,7 +82,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 117,
+      lineNumber: 119,
       columnNumber: 5
     }
   }) : search;
@@ -91,7 +92,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 130,
       columnNumber: 9
     }
   }, views);
@@ -113,7 +114,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 157,
+        lineNumber: 159,
         columnNumber: 9
       }
     }, featureFilters));
@@ -127,7 +128,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 168,
+        lineNumber: 170,
         columnNumber: 7
       }
     }, tabs);
@@ -147,8 +148,9 @@ function _CollectionToolbar(props) {
     var _state$toolbarFilters, _state$toolbarFilters2, _state$toolbarFilters3;
     setRendersStart(!!left || !!viewsToolbarItem || ((_state$toolbarFilters = state.toolbarFiltersState) == null ? void 0 : _state$toolbarFilters.totalInlineFilters.value) !== undefined && ((_state$toolbarFilters2 = state.toolbarFiltersState) == null ? void 0 : _state$toolbarFilters2.totalInlineFilters.value) !== null && ((_state$toolbarFilters3 = state.toolbarFiltersState) == null ? void 0 : _state$toolbarFilters3.totalInlineFilters.value) > 0);
   }, [left, viewsToolbarItem, state.toolbarFiltersStateInitialized]);
-  const shouldAddDivider = tableGridSwitchButton && (searchElement || MoreFiltersButton);
-  const analyticsCustomColumnsDiscoverability = (_state$container$expe = state.container.experiments) == null ? void 0 : _state$container$expe.get('specs.analytics.CustomColumnsWithLabelAndNewIcon');
+  const isLayoutToggleRedesignEnabled = (_state$container$expe = state.container.experiments) == null ? void 0 : _state$container$expe.enabled('specs.cairo.layout-toggle.redesign');
+  const shouldAddDivider = !isLayoutToggleRedesignEnabled && tableGridSwitchButton && (searchElement || MoreFiltersButton);
+  const analyticsCustomColumnsDiscoverability = (_state$container$expe2 = state.container.experiments) == null ? void 0 : _state$container$expe2.get('specs.analytics.CustomColumnsWithLabelAndNewIcon');
   const showCustomColumnsOnTheLeft = analyticsCustomColumnsDiscoverability === 'b' || analyticsCustomColumnsDiscoverability === 'c';
   const immidiatelyInteractWithToolbarsEnabled = (_state$container$inte = state.container.internalExperiments) == null ? void 0 : _state$container$inte.enabled('specs.cairo.ImmidiatelyInteractWithToolbars');
   const CollectionToolbarActionsGroup = isMobile || responsive.responsiveDisabled ? _CollectionToolbarActionsToolbarItemsGroup.CollectionToolbarActionsToolbarItemsGroup : _CollectionToolbarActionsGroupResponsiveLayout.CollectionToolbarActionsGroupResponsiveLayout;
@@ -168,7 +170,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 227,
+      lineNumber: 235,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_CollectionToolbarLeftGroup.CollectionToolbarLeftGroup, {
@@ -180,7 +182,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 235,
+      lineNumber: 243,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
@@ -189,10 +191,17 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 244,
+      lineNumber: 252,
       columnNumber: 7
     }
-  }, /*#__PURE__*/_react.default.createElement(CollectionToolbarActionsGroup, {
+  }, isLayoutToggleRedesignEnabled && tableGridSwitchButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 261,
+      columnNumber: 11
+    }
+  }, tableGridSwitchButton), /*#__PURE__*/_react.default.createElement(CollectionToolbarActionsGroup, {
     state: state,
     viewsToolbarItem: viewsToolbarItem,
     filtersElement: filtersElement,
@@ -200,6 +209,7 @@ function _CollectionToolbar(props) {
     multiLevelSorting: multiLevelSorting,
     customColumns: isMobile || isPanelLayout ? undefined : customColumns,
     exportButton: exportButton,
+    importButton: importButton,
     search: searchElement,
     showCustomColumnsOnTheLeft: showCustomColumnsOnTheLeft,
     left: left,
@@ -207,28 +217,28 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 252,
+      lineNumber: 264,
       columnNumber: 9
     }
   }), primaryActionButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 267,
+      lineNumber: 280,
       columnNumber: 11
     }
   }, primaryActionButton), moreActions && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 270,
+      lineNumber: 283,
       columnNumber: 11
     }
   }, addDataHookToMoreActions()), secondaryActions && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 273,
+      lineNumber: 286,
       columnNumber: 11
     }
   }, secondaryActions), shouldAddDivider && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -237,7 +247,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 276,
+      lineNumber: 289,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -246,14 +256,14 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 277,
+      lineNumber: 290,
       columnNumber: 13
     }
-  })), tableGridSwitchButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
+  })), !isLayoutToggleRedesignEnabled && tableGridSwitchButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 284,
+      lineNumber: 297,
       columnNumber: 11
     }
   }, tableGridSwitchButton)));
@@ -265,7 +275,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 294,
+        lineNumber: 307,
         columnNumber: 9
       }
     }),
@@ -273,7 +283,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 291,
+      lineNumber: 304,
       columnNumber: 5
     }
   }, toolbarElement);
@@ -282,7 +292,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 306,
+      lineNumber: 319,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -291,7 +301,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 307,
+      lineNumber: 320,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -299,7 +309,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 308,
+      lineNumber: 321,
       columnNumber: 9
     }
   }, state.isReorderModeToolbarVisible ? dragAndDropReorderModeToolbar : /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar, {
@@ -313,7 +323,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 316,
+      lineNumber: 329,
       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","_useIsCollectionToolbarExists","_CollectionToolbarActionsToolbarItemsGroup","_MoreActions","_CollectionToolbarSkeletonItem","_useIsMobile","_isValidElement","_CollectionSearch","_CollectionToolbarLeftGroup","_CollectionToolbarActionsGroupResponsiveLayout","_toolbarModeUtils","_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","hasOtherToolbarFeatures","useIsCollectionToolbarExists","excludeSearch","searchIsExpandable","undefined","assertComponentType","collection","featuredComponents","toolbar","responsive","container","isPanelLayout","addDataHookToMoreActions","createElement","MoreActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","searchElement","isValidElement","cloneElement","expandable","CollectionSearch","size","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","ToolbarItemBox","CollectionToolbarFilters","tagsCollectionState","components","collectionDataExtension","filtersElement","useMemo","_state$collectionData2","_state$tagsCollection2","initTask","status","isSuccess","featureFilters","buildCustomFieldFilters","buildTagsFilterWrapper","filter","Boolean","inline","left","removeStartPadding","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","responsiveMode","getToolbarMode","isDisabled","hasTabs","hasTitle","hasViews","toolbarElement","Fragment","TableToolbar","ItemGroup","position","className","st","classes","CollectionToolbarLeftGroup","mode","right","fullWidth","Item","Box","alignSelf","paddingLeft","Divider","direction","toolbarWithSkeleton","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","width","hideLoadingElement","CollectionProvider","minHeight","subtitle","isReorderModeToolbarVisible","removeVerticalPadding","root","mobile","CollectionToolbar","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"sourcesContent":["import React, {\n  cloneElement,\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 { useIsCollectionToolbarExists } from './useIsCollectionToolbarExists';\nimport { CollectionToolbarActionsToolbarItemsGroup } from './CollectionToolbarActionsToolbarItemsGroup';\nimport { MoreActions } from '../MoreActions';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { isValidElement } from '../isValidElement';\nimport { CollectionSearch } from '../CollectionSearch';\nimport { CollectionToolbarLeftGroup } from './CollectionToolbarLeftGroup';\nimport { CollectionToolbarActionsGroupResponsiveLayout } from './CollectionToolbarActionsGroupResponsiveLayout';\nimport { getToolbarMode } from './toolbarModeUtils';\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  const hasOtherToolbarFeatures = useIsCollectionToolbarExists(props, {\n    excludeSearch: true,\n    isMobile,\n  });\n  const searchIsExpandable = isMobile ? hasOtherToolbarFeatures : undefined;\n\n  assertComponentType(\n    primaryActionButton,\n    'PrimaryActionButton',\n    'PrimaryActionButton',\n  );\n  const {\n    collection,\n    featuredComponents,\n    toolbar: { responsive },\n    container: { isPanelLayout },\n  } = state;\n\n  const addDataHookToMoreActions = () => {\n    return (\n      <MoreActions dataHook=\"toolbar-more-actions\" {...moreActions!.props} />\n    );\n  };\n\n  const searchElement = isPanelLayout ? undefined : isValidElement(search) ? (\n    cloneElement(search as CollectionSearchElement, {\n      expandable:\n        searchIsExpandable ??\n        (search as CollectionSearchElement).props.expandable,\n    })\n  ) : search ? (\n    <CollectionSearch size=\"small\" expandable={searchIsExpandable} />\n  ) : (\n    search\n  );\n\n  const MoreFiltersButton = featuredComponents.moreFiltersButton\n    .value as PartialFunctionComponent as FunctionComponent | null;\n\n  const viewsToolbarItem = isPanelLayout\n    ? undefined\n    : 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 (tabs) {\n    left = (\n      <ToolbarItemBox removeStartPadding expandable layout=\"button\">\n        {tabs}\n      </ToolbarItemBox>\n    );\n  } else if (title && !isMobile) {\n    left = title;\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 =\n    isMobile || responsive.responsiveDisabled\n      ? CollectionToolbarActionsToolbarItemsGroup\n      : CollectionToolbarActionsGroupResponsiveLayout;\n\n  const responsiveMode = getToolbarMode({\n    isDisabled: responsive.responsiveDisabled,\n    hasTabs: !!tabs,\n    hasTitle: !!left && !viewsToolbarItem,\n    hasViews: !!viewsToolbarItem,\n  });\n\n  const toolbarElement = (\n    <>\n      <TableToolbar.ItemGroup\n        position=\"start\"\n        className={st(classes.left, {\n          expandable: !!tabs,\n          title: responsiveMode === 'title',\n        })}\n        dataHook=\"collection-table-toolbar-filters\"\n      >\n        <CollectionToolbarLeftGroup\n          state={state}\n          left={left}\n          viewsToolbarItem={viewsToolbarItem}\n          filtersElement={filtersElement}\n          mode={responsiveMode}\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          state={state}\n          viewsToolbarItem={viewsToolbarItem}\n          filtersElement={filtersElement}\n          MoreFiltersButton={MoreFiltersButton}\n          multiLevelSorting={multiLevelSorting}\n          customColumns={isMobile || isPanelLayout ? undefined : customColumns}\n          exportButton={exportButton}\n          search={searchElement}\n          showCustomColumnsOnTheLeft={showCustomColumnsOnTheLeft}\n          left={left}\n          hasTabs={!!tabs}\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                responsiveMode,\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","_useIsCollectionToolbarExists","_CollectionToolbarActionsToolbarItemsGroup","_MoreActions","_CollectionToolbarSkeletonItem","_useIsMobile","_isValidElement","_CollectionSearch","_CollectionToolbarLeftGroup","_CollectionToolbarActionsGroupResponsiveLayout","_toolbarModeUtils","_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$expe2","_state$container$inte","state","search","title","tabs","customColumns","multiLevelSorting","views","dataHook","filters","filtersProp","tableGridSwitchButton","exportButton","importButton","dragAndDropReorderModeToolbar","primaryActionButton","secondaryActions","moreActions","isMobile","useIsMobile","hasOtherToolbarFeatures","useIsCollectionToolbarExists","excludeSearch","searchIsExpandable","undefined","assertComponentType","collection","featuredComponents","toolbar","responsive","container","isPanelLayout","addDataHookToMoreActions","createElement","MoreActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","searchElement","isValidElement","cloneElement","expandable","CollectionSearch","size","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","ToolbarItemBox","CollectionToolbarFilters","tagsCollectionState","components","collectionDataExtension","filtersElement","useMemo","_state$collectionData2","_state$tagsCollection2","initTask","status","isSuccess","featureFilters","buildCustomFieldFilters","buildTagsFilterWrapper","filter","Boolean","inline","left","removeStartPadding","layout","useCollectionToolbarSyncedProps","rendersStart","setRendersStart","useState","useEffect","_state$toolbarFilters","_state$toolbarFilters2","_state$toolbarFilters3","toolbarFiltersState","totalInlineFilters","toolbarFiltersStateInitialized","isLayoutToggleRedesignEnabled","experiments","enabled","shouldAddDivider","analyticsCustomColumnsDiscoverability","showCustomColumnsOnTheLeft","immidiatelyInteractWithToolbarsEnabled","internalExperiments","CollectionToolbarActionsGroup","responsiveDisabled","CollectionToolbarActionsToolbarItemsGroup","CollectionToolbarActionsGroupResponsiveLayout","responsiveMode","getToolbarMode","isDisabled","hasTabs","hasTitle","hasViews","toolbarElement","Fragment","TableToolbar","ItemGroup","position","className","st","classes","CollectionToolbarLeftGroup","mode","right","fullWidth","Item","Box","alignSelf","paddingLeft","Divider","direction","toolbarWithSkeleton","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","width","hideLoadingElement","CollectionProvider","minHeight","subtitle","isReorderModeToolbarVisible","removeVerticalPadding","root","mobile","CollectionToolbar","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"sourcesContent":["import React, {\n  cloneElement,\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 { useIsCollectionToolbarExists } from './useIsCollectionToolbarExists';\nimport { CollectionToolbarActionsToolbarItemsGroup } from './CollectionToolbarActionsToolbarItemsGroup';\nimport { MoreActions } from '../MoreActions';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { isValidElement } from '../isValidElement';\nimport { CollectionSearch } from '../CollectionSearch';\nimport { CollectionToolbarLeftGroup } from './CollectionToolbarLeftGroup';\nimport { CollectionToolbarActionsGroupResponsiveLayout } from './CollectionToolbarActionsGroupResponsiveLayout';\nimport { getToolbarMode } from './toolbarModeUtils';\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  importButton?: ToolbarCollectionBaseProps<T, F>['importButton'];\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    importButton,\n    dragAndDropReorderModeToolbar,\n    primaryActionButton,\n    secondaryActions,\n    moreActions,\n  } = props;\n\n  const isMobile = useIsMobile();\n\n  const hasOtherToolbarFeatures = useIsCollectionToolbarExists(props, {\n    excludeSearch: true,\n    isMobile,\n  });\n  const searchIsExpandable = isMobile ? hasOtherToolbarFeatures : undefined;\n\n  assertComponentType(\n    primaryActionButton,\n    'PrimaryActionButton',\n    'PrimaryActionButton',\n  );\n  const {\n    collection,\n    featuredComponents,\n    toolbar: { responsive },\n    container: { isPanelLayout },\n  } = state;\n\n  const addDataHookToMoreActions = () => {\n    return (\n      <MoreActions dataHook=\"toolbar-more-actions\" {...moreActions!.props} />\n    );\n  };\n\n  const searchElement = isPanelLayout ? undefined : isValidElement(search) ? (\n    cloneElement(search as CollectionSearchElement, {\n      expandable:\n        searchIsExpandable ??\n        (search as CollectionSearchElement).props.expandable,\n    })\n  ) : search ? (\n    <CollectionSearch size=\"small\" expandable={searchIsExpandable} />\n  ) : (\n    search\n  );\n\n  const MoreFiltersButton = featuredComponents.moreFiltersButton\n    .value as PartialFunctionComponent as FunctionComponent | null;\n\n  const viewsToolbarItem = isPanelLayout\n    ? undefined\n    : 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 (tabs) {\n    left = (\n      <ToolbarItemBox removeStartPadding expandable layout=\"button\">\n        {tabs}\n      </ToolbarItemBox>\n    );\n  } else if (title && !isMobile) {\n    left = title;\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 isLayoutToggleRedesignEnabled = state.container.experiments?.enabled(\n    'specs.cairo.layout-toggle.redesign',\n  );\n\n  const shouldAddDivider =\n    !isLayoutToggleRedesignEnabled &&\n    tableGridSwitchButton &&\n    (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 =\n    isMobile || responsive.responsiveDisabled\n      ? CollectionToolbarActionsToolbarItemsGroup\n      : CollectionToolbarActionsGroupResponsiveLayout;\n\n  const responsiveMode = getToolbarMode({\n    isDisabled: responsive.responsiveDisabled,\n    hasTabs: !!tabs,\n    hasTitle: !!left && !viewsToolbarItem,\n    hasViews: !!viewsToolbarItem,\n  });\n\n  const toolbarElement = (\n    <>\n      <TableToolbar.ItemGroup\n        position=\"start\"\n        className={st(classes.left, {\n          expandable: !!tabs,\n          title: responsiveMode === 'title',\n        })}\n        dataHook=\"collection-table-toolbar-filters\"\n      >\n        <CollectionToolbarLeftGroup\n          state={state}\n          left={left}\n          viewsToolbarItem={viewsToolbarItem}\n          filtersElement={filtersElement}\n          mode={responsiveMode}\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        {isLayoutToggleRedesignEnabled && tableGridSwitchButton && (\n          <TableToolbar.Item>{tableGridSwitchButton}</TableToolbar.Item>\n        )}\n\n        <CollectionToolbarActionsGroup\n          state={state}\n          viewsToolbarItem={viewsToolbarItem}\n          filtersElement={filtersElement}\n          MoreFiltersButton={MoreFiltersButton}\n          multiLevelSorting={multiLevelSorting}\n          customColumns={isMobile || isPanelLayout ? undefined : customColumns}\n          exportButton={exportButton}\n          importButton={importButton}\n          search={searchElement}\n          showCustomColumnsOnTheLeft={showCustomColumnsOnTheLeft}\n          left={left}\n          hasTabs={!!tabs}\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        {!isLayoutToggleRedesignEnabled && 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                responsiveMode,\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_ = "CollectionToolbar269385832";
+var _namespace_ = "CollectionToolbar3133536778";
 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": "CollectionToolbar269385832__root",
-  "left": "CollectionToolbar269385832__left",
-  "right": "CollectionToolbar269385832__right",
-  "fullWidth": "CollectionToolbar269385832__fullWidth"
+  "root": "CollectionToolbar3133536778__root",
+  "left": "CollectionToolbar3133536778__left",
+  "right": "CollectionToolbar3133536778__right",
+  "fullWidth": "CollectionToolbar3133536778__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_ = \"CollectionToolbar269385832\";\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\":\"CollectionToolbar269385832__root\",\"left\":\"CollectionToolbar269385832__left\",\"right\":\"CollectionToolbar269385832__right\",\"fullWidth\":\"CollectionToolbar269385832__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_ = \"CollectionToolbar3133536778\";\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\":\"CollectionToolbar3133536778__root\",\"left\":\"CollectionToolbar3133536778__left\",\"right\":\"CollectionToolbar3133536778__right\",\"fullWidth\":\"CollectionToolbar3133536778__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/CollectionToolbarActionsGroupProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbarActionsGroupProps.ts"],"sourcesContent":["import { FunctionComponent, ReactElement } from 'react';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { ToolbarCollectionState } from '../../state';\n\nexport interface CollectionToolbarActionsGroupProps {\n  state: ToolbarCollectionState<any, any>;\n  left?: ReactElement;\n  viewsToolbarItem?: ReactElement;\n  filtersElement?: ReactElement;\n  MoreFiltersButton?: FunctionComponent | null;\n  customColumns?: ReactElement | null;\n  multiLevelSorting?: ReactElement;\n  exportButton?: ReactElement;\n  search?: ToolbarBaseProps['search'];\n  showCustomColumnsOnTheLeft?: boolean;\n  hasTabs?: boolean;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbarActionsGroupProps.ts"],"sourcesContent":["import { FunctionComponent, ReactElement } from 'react';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { ToolbarCollectionState } from '../../state';\n\nexport interface CollectionToolbarActionsGroupProps {\n  state: ToolbarCollectionState<any, any>;\n  left?: ReactElement;\n  viewsToolbarItem?: ReactElement;\n  filtersElement?: ReactElement;\n  MoreFiltersButton?: FunctionComponent | null;\n  customColumns?: ReactElement | null;\n  multiLevelSorting?: ReactElement;\n  exportButton?: ReactElement;\n  importButton?: ReactElement;\n  search?: ToolbarBaseProps['search'];\n  showCustomColumnsOnTheLeft?: boolean;\n  hasTabs?: boolean;\n}\n"],"mappings":"","ignoreList":[]}