@wix/patterns 1.213.0 → 1.216.0

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_bi","_CollectionContext","_CollectionToolbars","_BorderOnlyBox","_commonStCss","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionTableWSRTable","props","_toolbar$container$in","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","toolbar","tableState","table","keyedItems","bulk","collection","toolbarCollection","initTask","result","size","showRefreshLoader","showErrorState","showEmptyState","stackingRootRef","usePageContext","handleRowCLick","useCallback","item","index","reportBi","cairoCtaClicked","ctaName","ctaIndex","url","window","location","href","Table","WSRTable","tableSkeletonEnabled","container","internalExperiments","enabled","hideTitleBar","showLoadingState","status","isError","showBorderBox","createElement","className","st","classes","fullHeight","column","__self","__source","fileName","lineNumber","columnNumber","_extends2","withWrapper","data","viewportRef","undefined","showHeaderWhenEmpty","rowDataHook","rowData","key","controlled","getStickyColumnsCount","selectedIds","onSelectionStarted","_selectedIds","_change","CollectionToolbars","query","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 { 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 } from '@wix/bex-core/react';\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}\n\nexport interface CollectionTableWSRTableProps<U, T, F extends FiltersMap>\n  extends CollectionTableWSRTableBaseProps<U, T, F> {\n  state: {\n    tableState: TableState<T, F>;\n    toolbar: ToolbarCollectionState<T, F>;\n    keyedItems: KeyedItem<U>[];\n  };\n\n  sticky: boolean;\n\n  columns: WSRTableColumn<KeyedItem<U>>[];\n  onRowClick?: (item: KeyedItem<U>, index: number) => void;\n}\n\nfunction _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableWSRTableProps<U, T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    views,\n    extraToolbar,\n    summaryBar,\n    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  } = props;\n\n  const { toolbar, tableState: table, keyedItems } = state;\n  const { bulk, collection: toolbarCollection, initTask } = toolbar;\n  const { collection } = table;\n  const {\n    result: { size },\n  } = toolbarCollection;\n  const { showRefreshLoader, showErrorState, showEmptyState } = 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 tableSkeletonEnabled = toolbar.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n\n  const hideTitleBar =\n    !size || table.showLoadingState || initTask.status.isError;\n\n  const showBorderBox =\n    !(tableSkeletonEnabled && table.showLoadingState) &&\n    (hideTitleBar || !showTitleBar);\n\n  return (\n    <div\n      data-hook=\"collection-table\"\n      className={st(classes.fullHeight, classes.column)}\n    >\n      <Table\n        {...props}\n        withWrapper={false}\n        data={keyedItems}\n        viewportRef={stackingRootRef}\n        columns={columns}\n        onRowClick={onRowClick ? handleRowCLick : undefined}\n        // this forces WSR <Table/> to render the loader even when `data.length=0`\n        showHeaderWhenEmpty={\n          useShowLoaderWhenEmpty &&\n          !showRefreshLoader &&\n          !showErrorState &&\n          !showEmptyState\n        }\n        hideBulkSelectionCheckbox={\n          selectionToolbar ? false : hideBulkSelectionCheckbox\n        }\n        dragAndDrop={dragAndDrop}\n        rowDataHook={(rowData) => `table-row-${rowData.key}`}\n        controlled\n        horizontalScroll={horizontalScroll}\n        stickyColumns={table.getStickyColumnsCount({\n          horizontalScroll,\n          stickyColumns,\n          showSelection,\n          stickySelectionColumn,\n        })}\n        showSelection={showSelection}\n        selectedIds={bulk.selectedIds}\n        onSelectionStarted={state.toolbar.onSelectionStarted}\n        onSelectionChanged={\n          onSelectionChanged ??\n          ((_selectedIds, _change) => {\n            state.toolbar.onSelectionChanged(_selectedIds, _change);\n          })\n        }\n      >\n        <CollectionToolbars\n          sticky={sticky}\n          state={toolbar}\n          search={search}\n          customColumns={customColumnsProp}\n          multiLevelSorting={multiLevelSortingProp}\n          views={views}\n          title={title}\n          tabs={tabs}\n          filters={filters}\n          selectionToolbar={selectionToolbar}\n          dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n          extraToolbar={extraToolbar}\n          summaryBar={summaryBar}\n          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        />\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","_toolbar$container$in","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","isMobile","useIsMobile","toolbar","tableState","table","keyedItems","bulk","collection","toolbarCollection","initTask","result","size","showRefreshLoader","showErrorState","showEmptyState","stackingRootRef","usePageContext","handleRowCLick","useCallback","item","index","reportBi","cairoCtaClicked","ctaName","ctaIndex","url","window","location","href","Table","WSRTable","tableSkeletonEnabled","container","internalExperiments","enabled","hideTitleBar","showLoadingState","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","className","st","classes","fullHeight","column","_extends2","withWrapper","data","viewportRef","undefined","showHeaderWhenEmpty","rowDataHook","rowData","key","controlled","getStickyColumnsCount","selectedIds","onSelectionStarted","_selectedIds","_change","CollectionToolbars","query","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 } from '@wix/bex-core/react';\nimport { useIsMobile } from '../../hooks/useIsMobile';\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}\n\nexport interface CollectionTableWSRTableProps<U, T, F extends FiltersMap>\n  extends CollectionTableWSRTableBaseProps<U, T, F> {\n  state: {\n    tableState: TableState<T, F>;\n    toolbar: ToolbarCollectionState<T, F>;\n    keyedItems: KeyedItem<U>[];\n  };\n\n  sticky: boolean;\n\n  columns: WSRTableColumn<KeyedItem<U>>[];\n  onRowClick?: (item: KeyedItem<U>, index: number) => void;\n}\n\nfunction _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableWSRTableProps<U, T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    views,\n    extraToolbar,\n    summaryBar,\n    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  } = props;\n\n  const isMobile = useIsMobile();\n  const { toolbar, tableState: table, keyedItems } = state;\n  const { bulk, collection: toolbarCollection, initTask } = toolbar;\n  const { collection } = table;\n  const {\n    result: { size },\n  } = toolbarCollection;\n  const { showRefreshLoader, showErrorState, showEmptyState } = 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 tableSkeletonEnabled = toolbar.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n\n  const hideTitleBar =\n    !size || table.showLoadingState || initTask.status.isError;\n\n  const showBorderBox =\n    !(tableSkeletonEnabled && table.showLoadingState) &&\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  return (\n    <div\n      data-hook=\"collection-table\"\n      className={st(classes.fullHeight, classes.column)}\n    >\n      <Table\n        {...props}\n        withWrapper={false}\n        data={keyedItems}\n        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        />\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

@@ -17,6 +17,9 @@ var _CollectionToolbarActionsToolbarItemsGroup = require("./CollectionToolbarAct
 var _CollectionToolbarActionsGroupResponsiveLayout = require("./CollectionToolbarActionsGroupResponsiveLayout");
 var _MoreActions = require("../MoreActions");
 var _CollectionToolbarSkeletonItem = require("./CollectionToolbarSkeletonItem");
+var _useIsMobile = require("../../hooks/useIsMobile");
+var _isValidElement = require("../isValidElement");
+var _CollectionSearch = require("../CollectionSearch");
 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) {
@@ -38,6 +41,8 @@ function _CollectionToolbar(props) {
     secondaryActions,
     moreActions
   } = props;
+  const isMobile = (0, _useIsMobile.useIsMobile)();
+  const [isSearchFocused, setIsSearchFocused] = (0, _react.useState)(false);
   (0, _assertComponentType.assertComponentType)(primaryActionButton, 'PrimaryActionButton', 'PrimaryActionButton');
   const {
     collection,
@@ -53,24 +58,49 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 86,
+        lineNumber: 96,
         columnNumber: 7
       }
     }));
   };
+  const searchCallbacks = (0, _react.useMemo)(() => {
+    return {
+      onSearchClick: () => {
+        setIsSearchFocused(true);
+      },
+      onSearchBlur: () => {
+        setIsSearchFocused(false);
+      }
+    };
+  }, []);
+  const searchElement = (0, _isValidElement.isValidElement)(search) ? /*#__PURE__*/_react.default.cloneElement(search, {
+    ...searchCallbacks
+  }) : search ? /*#__PURE__*/_react.default.createElement(_CollectionSearch.CollectionSearch, (0, _extends2.default)({
+    size: "small"
+  }, searchCallbacks, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 116,
+      columnNumber: 5
+    }
+  })) : search;
   const MoreFiltersButton = featuredComponents.moreFiltersButton.value;
   const viewsToolbarItem = views && /*#__PURE__*/_react.default.createElement(_ToolbarItemBox.ToolbarItemBox, {
     dataHook: "collection-table-toolbar-views-item",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 125,
       columnNumber: 5
     }
   }, views);
   const CollectionToolbarFilters = ((_state$tagsCollection = state.tagsCollectionState) == null ? void 0 : _state$tagsCollection.components.CollectionToolbarFilters) || ((_state$collectionData = state.collectionDataExtension) == null ? void 0 : _state$collectionData.components.CollectionToolbarFilters);
   const filtersElement = (0, _react.useMemo)(() => {
     var _state$collectionData2, _state$tagsCollection2;
+    if (isMobile) {
+      return undefined;
+    }
     if (filtersProp) {
       return filtersProp;
     }
@@ -80,26 +110,32 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 115,
+        lineNumber: 150,
         columnNumber: 9
       }
     }, featureFilters));
-  }, [filtersProp]);
+  }, [filtersProp, isMobile]);
   let left;
-  if (tabs) {
-    left = /*#__PURE__*/_react.default.createElement(_ToolbarItemBox.ToolbarItemBox, {
-      removeStartPadding: true,
-      expandable: true,
-      layout: "button",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 126,
-        columnNumber: 7
-      }
-    }, tabs);
-  } else if (title) {
-    left = title;
+  if (isMobile) {
+    if (title && !isSearchFocused) {
+      left = title;
+    }
+  } else {
+    if (tabs) {
+      left = /*#__PURE__*/_react.default.createElement(_ToolbarItemBox.ToolbarItemBox, {
+        removeStartPadding: true,
+        expandable: true,
+        layout: "button",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 166,
+          columnNumber: 9
+        }
+      }, tabs);
+    } else if (title) {
+      left = title;
+    }
   }
   (0, _useCollectionToolbarSyncedProps.useCollectionToolbarSyncedProps)({
     left,
@@ -114,7 +150,7 @@ 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 && (search || MoreFiltersButton);
+  const shouldAddDivider = tableGridSwitchButton && (searchElement || MoreFiltersButton);
   const analyticsCustomColumnsDiscoverability = (_state$container$expe = state.container.experiments) == null ? void 0 : _state$container$expe.get('specs.analytics.CustomColumnsWithLabelAndNewIcon');
   const showCustomColumnsOnTheLeft = analyticsCustomColumnsDiscoverability === 'b' || analyticsCustomColumnsDiscoverability === 'c';
   const tableSkeletonEnabled = (_state$container$inte = state.container.internalExperiments) == null ? void 0 : _state$container$inte.enabled('specs.cairo.TableSkeletonLoader');
@@ -129,7 +165,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 181,
+      lineNumber: 222,
       columnNumber: 7
     }
   }, left ?? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem && /*#__PURE__*/_react.default.createElement(_InitialLoadingConditional.InitialLoadingConditional, {
@@ -140,23 +176,23 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 192,
+        lineNumber: 233,
         columnNumber: 19
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 189,
+      lineNumber: 230,
       columnNumber: 15
     }
   }, viewsToolbarItem), !viewsToolbarItem ? filtersElement : undefined)), /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
-    position: "end",
+    position: isMobile && isSearchFocused ? undefined : 'end',
     className: (0, _CollectionToolbarStCss.st)(_CollectionToolbarStCss.classes.right, {}, ...[rendersStart ? undefined : _CollectionToolbarStCss.classes.fullWidth]),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 206,
+      lineNumber: 247,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(CollectionToolbarActionsGroup, {
@@ -164,36 +200,36 @@ function _CollectionToolbar(props) {
     filtersElement: filtersElement,
     MoreFiltersButton: MoreFiltersButton,
     multiLevelSorting: multiLevelSorting,
-    customColumns: customColumns,
+    customColumns: isMobile ? undefined : customColumns,
     exportButton: exportButton,
-    search: search,
+    search: searchElement,
     showCustomColumnsOnTheLeft: showCustomColumnsOnTheLeft,
     left: left,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 214,
+      lineNumber: 255,
       columnNumber: 9
     }
   }), primaryActionButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 227,
+      lineNumber: 268,
       columnNumber: 11
     }
   }, primaryActionButton), moreActions && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 230,
+      lineNumber: 271,
       columnNumber: 11
     }
   }, addDataHookToMoreActions()), secondaryActions && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 233,
+      lineNumber: 274,
       columnNumber: 11
     }
   }, secondaryActions), shouldAddDivider && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -202,7 +238,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 236,
+      lineNumber: 277,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -211,14 +247,14 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 237,
+      lineNumber: 278,
       columnNumber: 13
     }
   })), tableGridSwitchButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 244,
+      lineNumber: 285,
       columnNumber: 11
     }
   }, tableGridSwitchButton)));
@@ -230,7 +266,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 255,
+        lineNumber: 296,
         columnNumber: 11
       }
     }) : null,
@@ -238,7 +274,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 251,
+      lineNumber: 292,
       columnNumber: 5
     }
   }, toolbarElement);
@@ -247,7 +283,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 268,
+      lineNumber: 309,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -256,7 +292,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 269,
+      lineNumber: 310,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -264,7 +300,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 270,
+      lineNumber: 311,
       columnNumber: 9
     }
   }, state.isReorderModeToolbarVisible ? dragAndDropReorderModeToolbar : /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar, {
@@ -276,7 +312,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 274,
+      lineNumber: 315,
       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","_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$container$inte2","state","search","title","tabs","customColumns","multiLevelSorting","views","dataHook","filters","filtersProp","tableGridSwitchButton","exportButton","dragAndDropReorderModeToolbar","primaryActionButton","secondaryActions","moreActions","assertComponentType","collection","featuredComponents","toolbar","responsive","addDataHookToMoreActions","createElement","MoreActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","ToolbarItemBox","CollectionToolbarFilters","tagsCollectionState","components","collectionDataExtension","filtersElement","useMemo","_state$collectionData2","_state$tagsCollection2","featureFilters","buildCustomFieldFilters","buildTagsFilterWrapper","filter","Boolean","inline","left","removeStartPadding","expandable","layout","useCollectionToolbarSyncedProps","rendersStart","setRendersStart","useState","useEffect","_state$toolbarFilters","_state$toolbarFilters2","_state$toolbarFilters3","toolbarFiltersState","totalInlineFilters","undefined","toolbarFiltersStateInitialized","shouldAddDivider","analyticsCustomColumnsDiscoverability","container","experiments","showCustomColumnsOnTheLeft","tableSkeletonEnabled","internalExperiments","enabled","immidiatelyInteractWithToolbarsEnabled","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","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 { MultiLevelSortingElement } 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';\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  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 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 (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]);\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) {\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 && (search || 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 tableSkeletonEnabled = state.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\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=\"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={customColumns}\n          exportButton={exportButton}\n          search={search}\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        tableSkeletonEnabled ? (\n          <CollectionToolbarSkeletonItem\n            dataHook=\"toolbar-skeleton\"\n            width=\"100px\"\n          />\n        ) : null\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              })}\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","_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$container$inte2","state","search","title","tabs","customColumns","multiLevelSorting","views","dataHook","filters","filtersProp","tableGridSwitchButton","exportButton","dragAndDropReorderModeToolbar","primaryActionButton","secondaryActions","moreActions","isMobile","useIsMobile","isSearchFocused","setIsSearchFocused","useState","assertComponentType","collection","featuredComponents","toolbar","responsive","addDataHookToMoreActions","createElement","MoreActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","searchCallbacks","useMemo","onSearchClick","onSearchBlur","searchElement","isValidElement","React","cloneElement","CollectionSearch","size","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","ToolbarItemBox","CollectionToolbarFilters","tagsCollectionState","components","collectionDataExtension","filtersElement","_state$collectionData2","_state$tagsCollection2","undefined","featureFilters","buildCustomFieldFilters","buildTagsFilterWrapper","filter","Boolean","inline","left","removeStartPadding","expandable","layout","useCollectionToolbarSyncedProps","rendersStart","setRendersStart","useEffect","_state$toolbarFilters","_state$toolbarFilters2","_state$toolbarFilters3","toolbarFiltersState","totalInlineFilters","toolbarFiltersStateInitialized","shouldAddDivider","analyticsCustomColumnsDiscoverability","container","experiments","showCustomColumnsOnTheLeft","tableSkeletonEnabled","internalExperiments","enabled","immidiatelyInteractWithToolbarsEnabled","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","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  const [isSearchFocused, setIsSearchFocused] = useState(false);\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 searchCallbacks = useMemo(() => {\n    return {\n      onSearchClick: () => {\n        setIsSearchFocused(true);\n      },\n      onSearchBlur: () => {\n        setIsSearchFocused(false);\n      },\n    };\n  }, []);\n\n  const searchElement = isValidElement(search) ? (\n    (React.cloneElement(search as CollectionSearchElement, {\n      ...searchCallbacks,\n    }) as CollectionSearchElement)\n  ) : search ? (\n    <CollectionSearch size=\"small\" {...searchCallbacks} />\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 (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]);\n\n  let left: ReactElement | undefined;\n\n  if (isMobile) {\n    if (title && !isSearchFocused) {\n      left = title;\n    }\n  } else {\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 tableSkeletonEnabled = state.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\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 && isSearchFocused ? 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        tableSkeletonEnabled ? (\n          <CollectionToolbarSkeletonItem\n            dataHook=\"toolbar-skeleton\"\n            width=\"100px\"\n          />\n        ) : null\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              })}\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_ = "CollectionToolbar3402133796";
+var _namespace_ = "CollectionToolbar829611944";
 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": "CollectionToolbar3402133796__root",
-  "left": "CollectionToolbar3402133796__left",
-  "right": "CollectionToolbar3402133796__right",
-  "fullWidth": "CollectionToolbar3402133796__fullWidth"
+  "root": "CollectionToolbar829611944__root",
+  "left": "CollectionToolbar829611944__left",
+  "right": "CollectionToolbar829611944__right",
+  "fullWidth": "CollectionToolbar829611944__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_ = \"CollectionToolbar3402133796\";\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\":\"CollectionToolbar3402133796__root\",\"left\":\"CollectionToolbar3402133796__left\",\"right\":\"CollectionToolbar3402133796__right\",\"fullWidth\":\"CollectionToolbar3402133796__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar829611944\";\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\":\"CollectionToolbar829611944__root\",\"left\":\"CollectionToolbar829611944__left\",\"right\":\"CollectionToolbar829611944__right\",\"fullWidth\":\"CollectionToolbar829611944__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":[]}

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

@@ -4,11 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.SearchOrCustomFilter = void 0;
 var _designSystem = require("@wix/design-system");
-var _CollectionSearch = require("../CollectionSearch");
 var _react = _interopRequireDefault(require("react"));
 var _SearchOrCustomFilterStCss = require("./SearchOrCustomFilter.st.css.js");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _mobxReactLite = require("mobx-react-lite");
+var _useIsMobile = require("../../hooks/useIsMobile");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.tsx";
 function _SearchOrCustomFilter(props) {
   const {
@@ -24,30 +24,17 @@ function _SearchOrCustomFilter(props) {
     search: searchResponsive,
     responsiveDisabled
   } = responsive;
-  let child;
-  if (search === true) {
-    child = /*#__PURE__*/_react.default.createElement(_CollectionSearch.CollectionSearch, {
-      size: "small",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 29,
-        columnNumber: 13
-      }
-    });
-  } else {
-    child = search;
-  }
-  if (responsiveDisabled) {
+  const isMobile = (0, _useIsMobile.useIsMobile)();
+  if (responsiveDisabled || isMobile) {
     return /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
-      className: (0, _SearchOrCustomFilterStCss.st)(_SearchOrCustomFilterStCss.classes.search),
+      className: (0, _SearchOrCustomFilterStCss.st)(isMobile ? _SearchOrCustomFilterStCss.classes.searchMobile : _SearchOrCustomFilterStCss.classes.search),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 36,
+        lineNumber: 29,
         columnNumber: 7
       }
-    }, child);
+    }, search);
   }
   const shouldShrink = _nextToShrink._count >= searchResponsive._count && searchResponsive._shouldShrink;
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -57,7 +44,7 @@ function _SearchOrCustomFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 47,
+      lineNumber: 42,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -65,10 +52,10 @@ function _SearchOrCustomFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 47,
       columnNumber: 7
     }
-  }, child));
+  }, search));
 }
 const SearchOrCustomFilter = exports.SearchOrCustomFilter = (0, _mobxReactLite.observer)(_SearchOrCustomFilter);
 //# sourceMappingURL=SearchOrCustomFilter.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_CollectionSearch","_react","_interopRequireDefault","_SearchOrCustomFilterStCss","_ToolbarCollectionContext","_mobxReactLite","_jsxFileName","_SearchOrCustomFilter","props","search","toolbar","responsive","useToolbarCollectionContext","_nextToShrink","searchResponsive","responsiveDisabled","child","default","createElement","CollectionSearch","size","__self","__source","fileName","lineNumber","columnNumber","TableToolbar","Item","className","st","classes","shouldShrink","_count","_shouldShrink","Box","direction","maxWidth","minWidth","width","SearchOrCustomFilter","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.tsx"],"sourcesContent":["import { Box, TableToolbar } from '@wix/design-system';\nimport { CollectionSearch } from '../CollectionSearch';\nimport React from 'react';\nimport { classes, st } from './SearchOrCustomFilter.st.css.js';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { observer } from 'mobx-react-lite';\n\nexport interface SearchOrCustomFilterProps {\n  search: ToolbarBaseProps['search'];\n}\n\nfunction _SearchOrCustomFilter(props: SearchOrCustomFilterProps) {\n  const { search } = props;\n\n  const {\n    toolbar: { responsive },\n  } = useToolbarCollectionContext();\n\n  const {\n    _nextToShrink,\n    search: searchResponsive,\n    responsiveDisabled,\n  } = responsive;\n\n  let child;\n\n  if (search === true) {\n    child = <CollectionSearch size=\"small\" />;\n  } else {\n    child = search;\n  }\n\n  if (responsiveDisabled) {\n    return (\n      <TableToolbar.Item className={st(classes.search)}>\n        {child}\n      </TableToolbar.Item>\n    );\n  }\n\n  const shouldShrink =\n    _nextToShrink._count >= searchResponsive._count &&\n    searchResponsive._shouldShrink;\n\n  return (\n    <Box\n      direction=\"horizontal\"\n      maxWidth=\"240px\"\n      minWidth={shouldShrink ? '139px' : '140px'}\n    >\n      <Box width={shouldShrink ? '140px' : '240px'}>{child}</Box>\n    </Box>\n  );\n}\n\nexport const SearchOrCustomFilter = observer(_SearchOrCustomFilter);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAJ,OAAA;AAEA,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAA2C,IAAAO,YAAA;AAM3C,SAASC,qBAAqBA,CAACC,KAAgC,EAAE;EAC/D,MAAM;IAAEC;EAAO,CAAC,GAAGD,KAAK;EAExB,MAAM;IACJE,OAAO,EAAE;MAAEC;IAAW;EACxB,CAAC,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAEjC,MAAM;IACJC,aAAa;IACbJ,MAAM,EAAEK,gBAAgB;IACxBC;EACF,CAAC,GAAGJ,UAAU;EAEd,IAAIK,KAAK;EAET,IAAIP,MAAM,KAAK,IAAI,EAAE;IACnBO,KAAK,gBAAGf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAAClB,iBAAA,CAAAmB,gBAAgB;MAACC,IAAI,EAAC,OAAO;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;EAC3C,CAAC,MAAM;IACLT,KAAK,GAAGP,MAAM;EAChB;EAEA,IAAIM,kBAAkB,EAAE;IACtB,oBACEd,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAA4B,YAAY,CAACC,IAAI;MAACC,SAAS,EAAE,IAAAC,6BAAE,EAACC,kCAAO,CAACrB,MAAM,CAAE;MAAAY,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC9CT,KACgB,CAAC;EAExB;EAEA,MAAMe,YAAY,GAChBlB,aAAa,CAACmB,MAAM,IAAIlB,gBAAgB,CAACkB,MAAM,IAC/ClB,gBAAgB,CAACmB,aAAa;EAEhC,oBACEhC,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAoC,GAAG;IACFC,SAAS,EAAC,YAAY;IACtBC,QAAQ,EAAC,OAAO;IAChBC,QAAQ,EAAEN,YAAY,GAAG,OAAO,GAAG,OAAQ;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE3CxB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAoC,GAAG;IAACI,KAAK,EAAEP,YAAY,GAAG,OAAO,GAAG,OAAQ;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAET,KAAW,CACvD,CAAC;AAEV;AAEO,MAAMuB,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAAClC,qBAAqB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_SearchOrCustomFilterStCss","_ToolbarCollectionContext","_mobxReactLite","_useIsMobile","_jsxFileName","_SearchOrCustomFilter","props","search","toolbar","responsive","useToolbarCollectionContext","_nextToShrink","searchResponsive","responsiveDisabled","isMobile","useIsMobile","default","createElement","TableToolbar","Item","className","st","classes","searchMobile","__self","__source","fileName","lineNumber","columnNumber","shouldShrink","_count","_shouldShrink","Box","direction","maxWidth","minWidth","width","SearchOrCustomFilter","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.tsx"],"sourcesContent":["import { Box, TableToolbar } from '@wix/design-system';\nimport React from 'react';\nimport { classes, st } from './SearchOrCustomFilter.st.css.js';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { observer } from 'mobx-react-lite';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport interface SearchOrCustomFilterProps {\n  search: ToolbarBaseProps['search'];\n}\n\nfunction _SearchOrCustomFilter(props: SearchOrCustomFilterProps) {\n  const { search } = props;\n\n  const {\n    toolbar: { responsive },\n  } = useToolbarCollectionContext();\n  const {\n    _nextToShrink,\n    search: searchResponsive,\n    responsiveDisabled,\n  } = responsive;\n\n  const isMobile = useIsMobile();\n\n  if (responsiveDisabled || isMobile) {\n    return (\n      <TableToolbar.Item\n        className={st(isMobile ? classes.searchMobile : classes.search)}\n      >\n        {search}\n      </TableToolbar.Item>\n    );\n  }\n\n  const shouldShrink =\n    _nextToShrink._count >= searchResponsive._count &&\n    searchResponsive._shouldShrink;\n\n  return (\n    <Box\n      direction=\"horizontal\"\n      maxWidth=\"240px\"\n      minWidth={shouldShrink ? '139px' : '140px'}\n    >\n      <Box width={shouldShrink ? '140px' : '240px'}>{search}</Box>\n    </Box>\n  );\n}\n\nexport const SearchOrCustomFilter = observer(_SearchOrCustomFilter);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,0BAAA,GAAAH,OAAA;AAEA,IAAAI,yBAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAAsD,IAAAO,YAAA;AAMtD,SAASC,qBAAqBA,CAACC,KAAgC,EAAE;EAC/D,MAAM;IAAEC;EAAO,CAAC,GAAGD,KAAK;EAExB,MAAM;IACJE,OAAO,EAAE;MAAEC;IAAW;EACxB,CAAC,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EACjC,MAAM;IACJC,aAAa;IACbJ,MAAM,EAAEK,gBAAgB;IACxBC;EACF,CAAC,GAAGJ,UAAU;EAEd,MAAMK,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE9B,IAAIF,kBAAkB,IAAIC,QAAQ,EAAE;IAClC,oBACEhB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsB,YAAY,CAACC,IAAI;MAChBC,SAAS,EAAE,IAAAC,6BAAE,EAACP,QAAQ,GAAGQ,kCAAO,CAACC,YAAY,GAAGD,kCAAO,CAACf,MAAM,CAAE;MAAAiB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtB,YAAA;QAAAuB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE/DrB,MACgB,CAAC;EAExB;EAEA,MAAMsB,YAAY,GAChBlB,aAAa,CAACmB,MAAM,IAAIlB,gBAAgB,CAACkB,MAAM,IAC/ClB,gBAAgB,CAACmB,aAAa;EAEhC,oBACEjC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAoC,GAAG;IACFC,SAAS,EAAC,YAAY;IACtBC,QAAQ,EAAC,OAAO;IAChBC,QAAQ,EAAEN,YAAY,GAAG,OAAO,GAAG,OAAQ;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE3C9B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAoC,GAAG;IAACI,KAAK,EAAEP,YAAY,GAAG,OAAO,GAAG,OAAQ;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAErB,MAAY,CACxD,CAAC;AAEV;AAEO,MAAM8B,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAAClC,qBAAqB,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css

@@ -3,3 +3,8 @@
   max-width: 240px;
   flex: 1 0;
 }
+
+.searchMobile {
+  width: 100%;
+  justify-content: flex-end;
+}