@wix/patterns 1.495.0 → 1.497.0

package/dist/cjs/components/TableFolders/TableFoldersContent.js

@@ -12,15 +12,23 @@ var _CollectionTableWSRTable = require("../CollectionTable/CollectionTableWSRTab
 var _CollectionTableContent = require("../CollectionTable/CollectionTableContent");
 var _VirtualTableRepeater = require("../VirtualGridRepeater/VirtualTableRepeater");
 var _VirtualGridStateContext = require("../VirtualGridRepeater/VirtualGridStateContext");
+var _buildFoldersMobileColumns = require("./buildFoldersMobileColumns");
 var _useOrFolderActionCellColumn = require("./useOrFolderActionCellColumn");
 var _TableFoldersInfiniteScroll = require("./TableFoldersInfiniteScroll");
 var _BulkAction = require("../BulkAction");
 var _useCreateWSRColumnBase = require("../../hooks/useCreateWSRColumnBase");
+var _useIsMobile = require("../../hooks/useIsMobile");
 var _TablePlaceholderStates = require("../TablePlaceholderStates/TablePlaceholderStates");
 var _getVirtualTableProps = require("../Table/getVirtualTableProps");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/TableFolders/TableFoldersContent.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); }
+const MOBILE_AVATAR_SIZES = {
+  small: 'size24',
+  medium: 'size36',
+  large: 'size48'
+};
 function _TableFoldersContent(props) {
+  var _iconColumn$mobile;
   const {
     state,
     columns,
@@ -72,6 +80,11 @@ function _TableFoldersContent(props) {
       selectedOrderedColumnsOrAll
     }
   } = state;
+  const isMobile = (0, _useIsMobile.useIsMobile)();
+  const iconMobileConfig = (iconColumn == null || (_iconColumn$mobile = iconColumn.mobile) == null ? void 0 : _iconColumn$mobile.column) === 'image' ? iconColumn.mobile : {
+    column: 'image'
+  };
+  const mobileAvatarSize = MOBILE_AVATAR_SIZES[iconMobileConfig.size ?? 'medium'];
   const createWSRColumnBase = (0, _useCreateWSRColumnBase.useCreateWSRColumnBase)({
     horizontalScroll,
     showFieldTypeIcons: state.toolbar.showFieldTypeIcons
@@ -81,6 +94,7 @@ function _TableFoldersContent(props) {
     title: '',
     width: '48px',
     ...iconColumn,
+    mobile: iconMobileConfig,
     style: undefined,
     render: ({
       item
@@ -91,18 +105,19 @@ function _TableFoldersContent(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 184,
+            lineNumber: 205,
             columnNumber: 15
           }
         });
       }
       return (iconColumn == null || iconColumn.render == null ? void 0 : iconColumn.render(item.originalKeyedItem.item, rowNum)) ?? /*#__PURE__*/_react.default.createElement(_designSystem.Avatar, {
         dataHook: "item-avatar",
+        size: isMobile ? mobileAvatarSize : undefined,
         name: state.collections.items.itemName(item.originalKeyedItem.item),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 191,
+          lineNumber: 212,
           columnNumber: 13
         }
       });
@@ -140,14 +155,14 @@ function _TableFoldersContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 239,
+      lineNumber: 261,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_VirtualTableRepeater.VirtualTableRepeater, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 240,
+      lineNumber: 262,
       columnNumber: 13
     }
   }, children)));
@@ -173,7 +188,7 @@ function _TableFoldersContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 273,
+        lineNumber: 295,
         columnNumber: 11
       }
     }),
@@ -182,9 +197,10 @@ function _TableFoldersContent(props) {
     emptyState: emptyState,
     noResultsState: noResultsState
   }, (0, _getVirtualTableProps.getVirtualTableProps)({
-    horizontalScroll
+    horizontalScroll: horizontalScroll && !isMobile
   }), {
     columns: finalColumns,
+    buildMobileColumns: _buildFoldersMobileColumns.buildFoldersMobileColumns,
     showTitleBar: showTitleBar,
     isApplyColumnWidthStyle: true,
     BodyElementType: BodyElementType,
@@ -215,7 +231,7 @@ function _TableFoldersContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 262,
+      lineNumber: 284,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_TablePlaceholderStates.TablePlaceholderStates, {
@@ -228,7 +244,7 @@ function _TableFoldersContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 315,
+      lineNumber: 340,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionTableContent.CollectionTableContent, {
@@ -236,7 +252,7 @@ function _TableFoldersContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 324,
+      lineNumber: 349,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_TableFoldersInfiniteScroll.TableFoldersInfiniteScroll, {
@@ -244,7 +260,7 @@ function _TableFoldersContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 325,
+      lineNumber: 350,
       columnNumber: 9
     }
   })));

package/dist/cjs/components/TableFolders/TableFoldersContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_FolderIcon","_CollectionTableWSRTable","_CollectionTableContent","_VirtualTableRepeater","_VirtualGridStateContext","_useOrFolderActionCellColumn","_TableFoldersInfiniteScroll","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_getVirtualTableProps","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableFoldersContent","props","state","columns","renderError","errorState","err","isOnline","retry","emptyState","noResultsState","iconColumn","multiLevelSorting","actionCell","folderActionCell","actionCellWidth","actionCellProps","filters","customColumns","views","bulkActionToolbar","bulkActionModal","tableGridSwitchButton","topNotification","search","showTitleBar","container","isPanelLayout","onRowClick","onFolderRowClick","selectionDisabled","selectionDisabledProp","horizontalScroll","rowVerticalPadding","rest","actionCellColumn","useOrFolderActionCellColumn","stickyActionCell","collections","toolbar","selectedOrderedColumnsOrAll","createWSRColumnBase","useCreateWSRColumnBase","showFieldTypeIcons","finalColumns","key","title","width","style","undefined","render","item","rowNum","_tag","renderFolder","originalKeyedItem","createElement","FolderIcon","__self","__source","fileName","lineNumber","columnNumber","Avatar","dataHook","name","items","itemName","map","column","index","length","id","sortable","infoTooltipProps","restColumn","sortDescending","query","sort","getIsSortDescending","row","BodyElementType","useState","children","VirtualGridStateProvider","value","virtual","VirtualTableRepeater","useCallback","bulk","Table","CollectionTableWSRTable","showSelection","_extends2","sticky","selectionToolbar","MultiCollectionBulkActionToolbar","getVirtualTableProps","isApplyColumnWidthStyle","onSortClick","col","sortMode","clearResult","multiple","TablePlaceholderStates","CollectionTableContent","table","TableFoldersInfiniteScroll","TableFoldersContent","exports","observer"],"sources":["../../../../src/components/TableFolders/TableFoldersContent.tsx"],"sourcesContent":["import { Avatar, TableColumn as WSRTableColumn } from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ReactElement,\n  useCallback,\n  useState,\n} from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { RowItem, RowKeyedItem, TableFoldersState } from '../../state';\nimport { ActionCell } from '../ActionCell';\nimport { PartialAllFilters } from '../../state/FoldersAndItemsCollectionsState';\nimport { FolderIcon } from '../FolderIcon';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n  CollectionTableWSRTableProps,\n} from '../CollectionTable/CollectionTableWSRTable';\nimport { CollectionTableContent } from '../CollectionTable/CollectionTableContent';\nimport {\n  VirtualTableRepeater,\n  VirtualTableRepeaterProps,\n} from '../VirtualGridRepeater/VirtualTableRepeater';\nimport { VirtualGridStateProvider } from '../VirtualGridRepeater/VirtualGridStateContext';\nimport { TableFoldersColumn } from './TableFolders.types';\nimport { useOrFolderActionCellColumn } from './useOrFolderActionCellColumn';\nimport { TableFoldersInfiniteScroll } from './TableFoldersInfiniteScroll';\nimport {\n  MultiCollectionBulkActionModalRenderProps,\n  MultiCollectionBulkActionToolbar,\n  MultiCollectionBulkActionToolbarRenderProps,\n} from '../BulkAction';\nimport { TableColumn } from '../../model';\nimport { CollectionTableActionCellProps } from '../CollectionTable/CollectionTableBaseCommonProps';\nimport { SelectionDisabledProp } from '../../state/BulkActionToolbarState';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { getVirtualTableProps } from '../Table/getVirtualTableProps';\n\ntype UnionTableProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = CollectionTableWSRTableProps<\n  RowItem<T1, T2>,\n  T1,\n  PartialAllFilters<F1, F2>\n>;\n\ntype TableFolderWSRTableBaseProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = CollectionTableWSRTableBaseProps<\n  RowItem<T1, T2>,\n  T1,\n  PartialAllFilters<F1, F2>\n>;\n\nexport interface TableFoldersContentProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends Omit<\n      TableFolderWSRTableBaseProps<T1, F1, T2, F2>,\n      'actionCell' | 'sticky' | 'topNotification' | 'selectionDisabled'\n    >,\n    CollectionTableActionCellProps<T1, F1> {\n  dataHook?: string;\n  /** A TableFoldersState instance created using [useTableFolders](./?path=/story/base-components-collections-tablefolders-usetablefolders--usetablefolders). */\n  state: TableFoldersState<T1, F1, T2, F2>;\n  /** The same as [Table.columns](./?path=/story/base-components-collections-table-table--table), with the addition of `renderFolder` property. */\n  columns: TableFoldersColumn<T1, T2>[];\n  /** Specific entry for rendering the item icon, defaults to simple `Avatar` (for folders a `Folder` icon is rendered). */\n  iconColumn?: TableFoldersColumn<T1, T2>;\n\n  onRowClick?: (item: T1, index: number) => void;\n  /** Callback for folder row click  */\n  onFolderRowClick?: (item: T2, index: number) => void;\n  /** Disables row checkbox */\n  selectionDisabled?: (item: T1 | T2) => void;\n  folderActionCell?: ActionCell<T2, F2>;\n  topNotification?: ReactElement;\n  /**\n   * A toolbar for performing bulk actions on multiple items.\n   * Supported parameters:\n   *  + `selectedValues`: Selected item values.\n   *  + `uncheckedValues`: Unselected item values.\n   *  + `isSelectAll`: [bool] Whether the **Select All** option is selected.\n   *  + `openModal`: Opens a modal that contains the component from `bulkActionModal` render prop.\n   *  + `clearSelection`: Clears all selections. Call this after the action on the selected items finishes.\n   *  + `closeModal`: Closes the modal.\n   *  + `openConfirmModal`: Opens a `<MessageModalLayout />` to confirm an action to be applied to the selected items.\n   *  + `query`: [object] Instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted in an empty state. Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`.\n   * @external\n   */\n  bulkActionToolbar?: MultiCollectionBulkActionToolbarRenderProps;\n  /**\n   * Render a modal to be opened from `bulkActionToolbar`.<br>\n   * The function accepts the following parameters\n   *   * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n   *   * `closeModal`: Closes the a modal\n   */\n  bulkActionModal?: MultiCollectionBulkActionModalRenderProps;\n}\n\nfunction _TableFoldersContent<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(props: TableFoldersContentProps<T1, F1, T2, F2>) {\n  const {\n    state,\n    columns,\n    renderError,\n    errorState = renderError &&\n      (((err, { isOnline, retry }) =>\n        renderError?.({ err, isOnline, retry })) as TableFoldersContentProps<\n        T1,\n        F1,\n        T2,\n        F2\n      >['errorState']),\n    emptyState,\n    noResultsState,\n    iconColumn,\n    multiLevelSorting,\n    actionCell,\n    folderActionCell,\n    actionCellWidth,\n    actionCellProps,\n    filters,\n    customColumns,\n    views,\n    bulkActionToolbar,\n    bulkActionModal,\n    tableGridSwitchButton,\n    topNotification,\n    search,\n    showTitleBar = !state.container.isPanelLayout,\n    onRowClick,\n    onFolderRowClick,\n    selectionDisabled: selectionDisabledProp,\n    horizontalScroll = true,\n    rowVerticalPadding,\n    ...rest\n  } = props;\n\n  const actionCellColumn = useOrFolderActionCellColumn({\n    actionCell,\n    folderActionCell,\n    actionCellWidth,\n    actionCellProps: {\n      ...(actionCellProps ?? {}),\n      stickyActionCell: true,\n    },\n    state: state.collections,\n  });\n\n  const {\n    toolbar: { selectedOrderedColumnsOrAll },\n  } = state;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({\n    horizontalScroll,\n    showFieldTypeIcons: state.toolbar.showFieldTypeIcons,\n  });\n\n  const finalColumns = [\n    {\n      key: 'cairo-avatar',\n      title: '',\n      width: '48px',\n      ...iconColumn,\n      style: undefined,\n      render: ({ item }, rowNum) => {\n        if (item._tag === 'folder') {\n          return (\n            iconColumn?.renderFolder?.(item.originalKeyedItem.item, rowNum) ?? (\n              <FolderIcon data-hook=\"folder-icon\" />\n            )\n          );\n        }\n\n        return (\n          iconColumn?.render?.(item.originalKeyedItem.item, rowNum) ?? (\n            <Avatar\n              dataHook=\"item-avatar\"\n              name={state.collections.items.itemName(\n                item.originalKeyedItem.item,\n              )}\n            />\n          )\n        );\n      },\n    },\n    ...(selectedOrderedColumnsOrAll as TableFoldersColumn<T1, T2>[]).map(\n      (column, index, { length }) => {\n        const {\n          id,\n          title,\n          width,\n          sortable,\n          infoTooltipProps,\n          render,\n          renderFolder,\n          ...restColumn\n        } = column;\n\n        return {\n          ...restColumn,\n          ...createWSRColumnBase(column, index, length),\n          sortDescending:\n            sortable && id\n              ? state.collections.query.sort.getIsSortDescending(id)\n              : undefined,\n          render: (row: RowKeyedItem<T1, T2>, rowNum: number) => {\n            const item = row.item;\n            if (item._tag === 'folder') {\n              return renderFolder?.(item.originalKeyedItem.item, rowNum);\n            }\n\n            return render(item.originalKeyedItem.item, rowNum);\n          },\n        };\n      },\n    ),\n    ...(actionCellColumn ? [actionCellColumn] : []),\n  ] as WSRTableColumn<RowKeyedItem<T1, T2>>[];\n\n  const [BodyElementType] = useState(\n    () =>\n      ({ children }: VirtualTableRepeaterProps) =>\n        (\n          <VirtualGridStateProvider value={state.virtual}>\n            <VirtualTableRepeater>{children}</VirtualTableRepeater>\n          </VirtualGridStateProvider>\n        ),\n  );\n\n  const selectionDisabled = useCallback(\n    ({ item }: KeyedItem<T1 | T2>) => selectionDisabledProp?.(item),\n    [selectionDisabledProp],\n  );\n\n  if (selectionDisabled != null) {\n    state.toolbar.bulk.selectionDisabledProp =\n      selectionDisabled as SelectionDisabledProp;\n  }\n\n  const Table = CollectionTableWSRTable as ComponentType<\n    UnionTableProps<T1, F1, T2, F2>\n  >;\n\n  const showSelection = bulkActionToolbar != null;\n\n  return (\n    <Table\n      {...rest}\n      state={state}\n      sticky\n      search={search}\n      filters={filters}\n      customColumns={customColumns}\n      views={views}\n      showSelection={showSelection}\n      selectionToolbar={\n        bulkActionToolbar && (\n          <MultiCollectionBulkActionToolbar\n            state={state.toolbar}\n            bulkActionToolbar={bulkActionToolbar}\n          />\n        )\n      }\n      tableGridSwitchButton={tableGridSwitchButton}\n      horizontalScroll={horizontalScroll}\n      emptyState={emptyState}\n      noResultsState={noResultsState}\n      {...getVirtualTableProps({ horizontalScroll })}\n      columns={finalColumns}\n      showTitleBar={showTitleBar}\n      isApplyColumnWidthStyle={true}\n      BodyElementType={BodyElementType}\n      onSortClick={(col: TableColumn<{}>) => {\n        if (col.id != null) {\n          state.collections.items.sort(\n            { id: col.id, sortMode: col.sortMode },\n            {\n              clearResult: true,\n              multiple: multiLevelSorting !== undefined,\n            },\n          );\n        }\n      }}\n      onRowClick={\n        (onRowClick || onFolderRowClick) &&\n        (({ item }, index) => {\n          if (item._tag === 'folder') {\n            onFolderRowClick?.(item.originalKeyedItem.item, index);\n          } else {\n            onRowClick?.(item.originalKeyedItem.item, index);\n          }\n        })\n      }\n      selectionDisabled={\n        selectionDisabledProp &&\n        (({ item }) => selectionDisabledProp?.(item.originalKeyedItem.item))\n      }\n      topNotification={topNotification}\n    >\n      <TablePlaceholderStates\n        state={state}\n        emptyState={emptyState}\n        noResultsState={noResultsState}\n        errorState={errorState}\n        rowVerticalPadding={rowVerticalPadding}\n        showTitleBar={showTitleBar}\n      />\n\n      <CollectionTableContent state={state.table}>\n        <TableFoldersInfiniteScroll state={state} />\n      </CollectionTableContent>\n    </Table>\n  );\n}\n\nexport const TableFoldersContent = observer(_TableFoldersContent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_FolderIcon","_CollectionTableWSRTable","_CollectionTableContent","_VirtualTableRepeater","_VirtualGridStateContext","_buildFoldersMobileColumns","_useOrFolderActionCellColumn","_TableFoldersInfiniteScroll","_BulkAction","_useCreateWSRColumnBase","_useIsMobile","_TablePlaceholderStates","_getVirtualTableProps","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MOBILE_AVATAR_SIZES","small","medium","large","_TableFoldersContent","props","_iconColumn$mobile","state","columns","renderError","errorState","err","isOnline","retry","emptyState","noResultsState","iconColumn","multiLevelSorting","actionCell","folderActionCell","actionCellWidth","actionCellProps","filters","customColumns","views","bulkActionToolbar","bulkActionModal","tableGridSwitchButton","topNotification","search","showTitleBar","container","isPanelLayout","onRowClick","onFolderRowClick","selectionDisabled","selectionDisabledProp","horizontalScroll","rowVerticalPadding","rest","actionCellColumn","useOrFolderActionCellColumn","stickyActionCell","collections","toolbar","selectedOrderedColumnsOrAll","isMobile","useIsMobile","iconMobileConfig","mobile","column","mobileAvatarSize","size","createWSRColumnBase","useCreateWSRColumnBase","showFieldTypeIcons","finalColumns","key","title","width","style","undefined","render","item","rowNum","_tag","renderFolder","originalKeyedItem","createElement","FolderIcon","__self","__source","fileName","lineNumber","columnNumber","Avatar","dataHook","name","items","itemName","map","index","length","id","sortable","infoTooltipProps","restColumn","sortDescending","query","sort","getIsSortDescending","row","BodyElementType","useState","children","VirtualGridStateProvider","value","virtual","VirtualTableRepeater","useCallback","bulk","Table","CollectionTableWSRTable","showSelection","_extends2","sticky","selectionToolbar","MultiCollectionBulkActionToolbar","getVirtualTableProps","buildMobileColumns","buildFoldersMobileColumns","isApplyColumnWidthStyle","onSortClick","col","sortMode","clearResult","multiple","TablePlaceholderStates","CollectionTableContent","table","TableFoldersInfiniteScroll","TableFoldersContent","exports","observer"],"sources":["../../../../src/components/TableFolders/TableFoldersContent.tsx"],"sourcesContent":["import { Avatar, TableColumn as WSRTableColumn } from '@wix/design-system';\nimport type { AvatarSize } from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ReactElement,\n  useCallback,\n  useState,\n} from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { RowItem, RowKeyedItem, TableFoldersState } from '../../state';\nimport { ActionCell } from '../ActionCell';\nimport { PartialAllFilters } from '../../state/FoldersAndItemsCollectionsState';\nimport { FolderIcon } from '../FolderIcon';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n  CollectionTableWSRTableProps,\n} from '../CollectionTable/CollectionTableWSRTable';\nimport { CollectionTableContent } from '../CollectionTable/CollectionTableContent';\nimport {\n  VirtualTableRepeater,\n  VirtualTableRepeaterProps,\n} from '../VirtualGridRepeater/VirtualTableRepeater';\nimport { VirtualGridStateProvider } from '../VirtualGridRepeater/VirtualGridStateContext';\nimport { TableFoldersColumn } from './TableFolders.types';\nimport { buildFoldersMobileColumns } from './buildFoldersMobileColumns';\nimport { useOrFolderActionCellColumn } from './useOrFolderActionCellColumn';\nimport { TableFoldersInfiniteScroll } from './TableFoldersInfiniteScroll';\nimport {\n  MultiCollectionBulkActionModalRenderProps,\n  MultiCollectionBulkActionToolbar,\n  MultiCollectionBulkActionToolbarRenderProps,\n} from '../BulkAction';\nimport { ColumnMobileConfig, MobileImageSize, TableColumn } from '../../model';\nimport { CollectionTableActionCellProps } from '../CollectionTable/CollectionTableBaseCommonProps';\nimport { SelectionDisabledProp } from '../../state/BulkActionToolbarState';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { getVirtualTableProps } from '../Table/getVirtualTableProps';\n\ntype UnionTableProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = CollectionTableWSRTableProps<\n  RowItem<T1, T2>,\n  T1,\n  PartialAllFilters<F1, F2>\n>;\n\ntype TableFolderWSRTableBaseProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = CollectionTableWSRTableBaseProps<\n  RowItem<T1, T2>,\n  T1,\n  PartialAllFilters<F1, F2>\n>;\n\nconst MOBILE_AVATAR_SIZES: Record<MobileImageSize, AvatarSize> = {\n  small: 'size24',\n  medium: 'size36',\n  large: 'size48',\n};\n\ntype MobileImageColumnConfig = Extract<ColumnMobileConfig, { column: 'image' }>;\n\nexport interface TableFoldersContentProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends Omit<\n      TableFolderWSRTableBaseProps<T1, F1, T2, F2>,\n      'actionCell' | 'sticky' | 'topNotification' | 'selectionDisabled'\n    >,\n    CollectionTableActionCellProps<T1, F1> {\n  dataHook?: string;\n  /** A TableFoldersState instance created using [useTableFolders](./?path=/story/base-components-collections-tablefolders-usetablefolders--usetablefolders). */\n  state: TableFoldersState<T1, F1, T2, F2>;\n  /** The same as [Table.columns](./?path=/story/base-components-collections-table-table--table), with the addition of `renderFolder` property. */\n  columns: TableFoldersColumn<T1, T2>[];\n  /** Specific entry for rendering the item icon, defaults to simple `Avatar` (for folders a `Folder` icon is rendered). */\n  iconColumn?: TableFoldersColumn<T1, T2>;\n\n  onRowClick?: (item: T1, index: number) => void;\n  /** Callback for folder row click  */\n  onFolderRowClick?: (item: T2, index: number) => void;\n  /** Disables row checkbox */\n  selectionDisabled?: (item: T1 | T2) => void;\n  folderActionCell?: ActionCell<T2, F2>;\n  topNotification?: ReactElement;\n  /**\n   * A toolbar for performing bulk actions on multiple items.\n   * Supported parameters:\n   *  + `selectedValues`: Selected item values.\n   *  + `uncheckedValues`: Unselected item values.\n   *  + `isSelectAll`: [bool] Whether the **Select All** option is selected.\n   *  + `openModal`: Opens a modal that contains the component from `bulkActionModal` render prop.\n   *  + `clearSelection`: Clears all selections. Call this after the action on the selected items finishes.\n   *  + `closeModal`: Closes the modal.\n   *  + `openConfirmModal`: Opens a `<MessageModalLayout />` to confirm an action to be applied to the selected items.\n   *  + `query`: [object] Instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted in an empty state. Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`.\n   * @external\n   */\n  bulkActionToolbar?: MultiCollectionBulkActionToolbarRenderProps;\n  /**\n   * Render a modal to be opened from `bulkActionToolbar`.<br>\n   * The function accepts the following parameters\n   *   * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n   *   * `closeModal`: Closes the a modal\n   */\n  bulkActionModal?: MultiCollectionBulkActionModalRenderProps;\n}\n\nfunction _TableFoldersContent<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(props: TableFoldersContentProps<T1, F1, T2, F2>) {\n  const {\n    state,\n    columns,\n    renderError,\n    errorState = renderError &&\n      (((err, { isOnline, retry }) =>\n        renderError?.({ err, isOnline, retry })) as TableFoldersContentProps<\n        T1,\n        F1,\n        T2,\n        F2\n      >['errorState']),\n    emptyState,\n    noResultsState,\n    iconColumn,\n    multiLevelSorting,\n    actionCell,\n    folderActionCell,\n    actionCellWidth,\n    actionCellProps,\n    filters,\n    customColumns,\n    views,\n    bulkActionToolbar,\n    bulkActionModal,\n    tableGridSwitchButton,\n    topNotification,\n    search,\n    showTitleBar = !state.container.isPanelLayout,\n    onRowClick,\n    onFolderRowClick,\n    selectionDisabled: selectionDisabledProp,\n    horizontalScroll = true,\n    rowVerticalPadding,\n    ...rest\n  } = props;\n\n  const actionCellColumn = useOrFolderActionCellColumn({\n    actionCell,\n    folderActionCell,\n    actionCellWidth,\n    actionCellProps: {\n      ...(actionCellProps ?? {}),\n      stickyActionCell: true,\n    },\n    state: state.collections,\n  });\n\n  const {\n    toolbar: { selectedOrderedColumnsOrAll },\n  } = state;\n\n  const isMobile = useIsMobile();\n\n  const iconMobileConfig: MobileImageColumnConfig =\n    iconColumn?.mobile?.column === 'image'\n      ? iconColumn.mobile\n      : { column: 'image' };\n  const mobileAvatarSize =\n    MOBILE_AVATAR_SIZES[iconMobileConfig.size ?? 'medium'];\n\n  const createWSRColumnBase = useCreateWSRColumnBase({\n    horizontalScroll,\n    showFieldTypeIcons: state.toolbar.showFieldTypeIcons,\n  });\n\n  const finalColumns = [\n    {\n      key: 'cairo-avatar',\n      title: '',\n      width: '48px',\n      ...iconColumn,\n      mobile: iconMobileConfig,\n      style: undefined,\n      render: ({ item }, rowNum) => {\n        if (item._tag === 'folder') {\n          return (\n            iconColumn?.renderFolder?.(item.originalKeyedItem.item, rowNum) ?? (\n              <FolderIcon data-hook=\"folder-icon\" />\n            )\n          );\n        }\n\n        return (\n          iconColumn?.render?.(item.originalKeyedItem.item, rowNum) ?? (\n            <Avatar\n              dataHook=\"item-avatar\"\n              size={isMobile ? mobileAvatarSize : undefined}\n              name={state.collections.items.itemName(\n                item.originalKeyedItem.item,\n              )}\n            />\n          )\n        );\n      },\n    },\n    ...(selectedOrderedColumnsOrAll as TableFoldersColumn<T1, T2>[]).map(\n      (column, index, { length }) => {\n        const {\n          id,\n          title,\n          width,\n          sortable,\n          infoTooltipProps,\n          render,\n          renderFolder,\n          ...restColumn\n        } = column;\n\n        return {\n          ...restColumn,\n          ...createWSRColumnBase(column, index, length),\n          sortDescending:\n            sortable && id\n              ? state.collections.query.sort.getIsSortDescending(id)\n              : undefined,\n          render: (row: RowKeyedItem<T1, T2>, rowNum: number) => {\n            const item = row.item;\n            if (item._tag === 'folder') {\n              return renderFolder?.(item.originalKeyedItem.item, rowNum);\n            }\n\n            return render(item.originalKeyedItem.item, rowNum);\n          },\n        };\n      },\n    ),\n    ...(actionCellColumn ? [actionCellColumn] : []),\n  ] as WSRTableColumn<RowKeyedItem<T1, T2>>[];\n\n  const [BodyElementType] = useState(\n    () =>\n      ({ children }: VirtualTableRepeaterProps) =>\n        (\n          <VirtualGridStateProvider value={state.virtual}>\n            <VirtualTableRepeater>{children}</VirtualTableRepeater>\n          </VirtualGridStateProvider>\n        ),\n  );\n\n  const selectionDisabled = useCallback(\n    ({ item }: KeyedItem<T1 | T2>) => selectionDisabledProp?.(item),\n    [selectionDisabledProp],\n  );\n\n  if (selectionDisabled != null) {\n    state.toolbar.bulk.selectionDisabledProp =\n      selectionDisabled as SelectionDisabledProp;\n  }\n\n  const Table = CollectionTableWSRTable as ComponentType<\n    UnionTableProps<T1, F1, T2, F2>\n  >;\n\n  const showSelection = bulkActionToolbar != null;\n\n  return (\n    <Table\n      {...rest}\n      state={state}\n      sticky\n      search={search}\n      filters={filters}\n      customColumns={customColumns}\n      views={views}\n      showSelection={showSelection}\n      selectionToolbar={\n        bulkActionToolbar && (\n          <MultiCollectionBulkActionToolbar\n            state={state.toolbar}\n            bulkActionToolbar={bulkActionToolbar}\n          />\n        )\n      }\n      tableGridSwitchButton={tableGridSwitchButton}\n      horizontalScroll={horizontalScroll}\n      emptyState={emptyState}\n      noResultsState={noResultsState}\n      {...getVirtualTableProps({\n        horizontalScroll: horizontalScroll && !isMobile,\n      })}\n      columns={finalColumns}\n      buildMobileColumns={buildFoldersMobileColumns}\n      showTitleBar={showTitleBar}\n      isApplyColumnWidthStyle={true}\n      BodyElementType={BodyElementType}\n      onSortClick={(col: TableColumn<{}>) => {\n        if (col.id != null) {\n          state.collections.items.sort(\n            { id: col.id, sortMode: col.sortMode },\n            {\n              clearResult: true,\n              multiple: multiLevelSorting !== undefined,\n            },\n          );\n        }\n      }}\n      onRowClick={\n        (onRowClick || onFolderRowClick) &&\n        (({ item }, index) => {\n          if (item._tag === 'folder') {\n            onFolderRowClick?.(item.originalKeyedItem.item, index);\n          } else {\n            onRowClick?.(item.originalKeyedItem.item, index);\n          }\n        })\n      }\n      selectionDisabled={\n        selectionDisabledProp &&\n        (({ item }) => selectionDisabledProp?.(item.originalKeyedItem.item))\n      }\n      topNotification={topNotification}\n    >\n      <TablePlaceholderStates\n        state={state}\n        emptyState={emptyState}\n        noResultsState={noResultsState}\n        errorState={errorState}\n        rowVerticalPadding={rowVerticalPadding}\n        showTitleBar={showTitleBar}\n      />\n\n      <CollectionTableContent state={state.table}>\n        <TableFoldersInfiniteScroll state={state} />\n      </CollectionTableContent>\n    </Table>\n  );\n}\n\nexport const TableFoldersContent = observer(_TableFoldersContent);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableFolders/buildFoldersMobileColumns.js

@@ -0,0 +1,37 @@
+"use strict";
+
+exports.__esModule = true;
+exports.buildFoldersMobileColumns = buildFoldersMobileColumns;
+var _buildMobileColumns = require("../../utils/buildMobileColumns");
+const TABLE_FOLDERS_MOBILE_COLUMN_OPTIONS = {
+  firstColumnStyle: {
+    flexGrow: 1
+  },
+  imageColumnStyle: {
+    flexShrink: 0
+  }
+};
+function buildFoldersMobileColumns(columns) {
+  const hasImageColumn = columns.some(column => {
+    var _column$mobile;
+    return ((_column$mobile = column.mobile) == null ? void 0 : _column$mobile.column) === 'image';
+  });
+  const hasTextColumn = columns.some(column => {
+    var _column$mobile2, _column$mobile3;
+    return ((_column$mobile2 = column.mobile) == null ? void 0 : _column$mobile2.column) === 'first' || ((_column$mobile3 = column.mobile) == null ? void 0 : _column$mobile3.column) === 'second';
+  });
+  if (!hasImageColumn || hasTextColumn) {
+    return (0, _buildMobileColumns.buildMobileColumns)(columns, TABLE_FOLDERS_MOBILE_COLUMN_OPTIONS);
+  }
+  const fallbackColumn = columns.find(column => {
+    var _column$mobile4;
+    return ((_column$mobile4 = column.mobile) == null ? void 0 : _column$mobile4.column) !== 'image';
+  });
+  return (0, _buildMobileColumns.buildMobileColumns)(columns.map(column => column === fallbackColumn ? {
+    ...column,
+    mobile: {
+      column: 'first'
+    }
+  } : column), TABLE_FOLDERS_MOBILE_COLUMN_OPTIONS);
+}
+//# sourceMappingURL=buildFoldersMobileColumns.js.map

package/dist/cjs/components/TableFolders/buildFoldersMobileColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_buildMobileColumns","require","TABLE_FOLDERS_MOBILE_COLUMN_OPTIONS","firstColumnStyle","flexGrow","imageColumnStyle","flexShrink","buildFoldersMobileColumns","columns","hasImageColumn","some","column","_column$mobile","mobile","hasTextColumn","_column$mobile2","_column$mobile3","buildMobileColumns","fallbackColumn","find","_column$mobile4","map"],"sources":["../../../../src/components/TableFolders/buildFoldersMobileColumns.ts"],"sourcesContent":["import { KeyedItem } from '@wix/bex-core';\nimport { TableColumn } from '../../model';\nimport { buildMobileColumns } from '../../utils/buildMobileColumns';\n\nconst TABLE_FOLDERS_MOBILE_COLUMN_OPTIONS = {\n  firstColumnStyle: { flexGrow: 1 },\n  imageColumnStyle: { flexShrink: 0 },\n};\n\nexport function buildFoldersMobileColumns<T>(\n  columns: TableColumn<KeyedItem<T>>[],\n): TableColumn<KeyedItem<T>>[] {\n  const hasImageColumn = columns.some(\n    (column) => column.mobile?.column === 'image',\n  );\n  const hasTextColumn = columns.some(\n    (column) =>\n      column.mobile?.column === 'first' || column.mobile?.column === 'second',\n  );\n\n  if (!hasImageColumn || hasTextColumn) {\n    return buildMobileColumns(columns, TABLE_FOLDERS_MOBILE_COLUMN_OPTIONS);\n  }\n\n  const fallbackColumn = columns.find(\n    (column) => column.mobile?.column !== 'image',\n  );\n\n  return buildMobileColumns(\n    columns.map((column) =>\n      column === fallbackColumn\n        ? { ...column, mobile: { column: 'first' as const } }\n        : column,\n    ),\n    TABLE_FOLDERS_MOBILE_COLUMN_OPTIONS,\n  );\n}\n"],"mappings":";;;;AAEA,IAAAA,mBAAA,GAAAC,OAAA;AAEA,MAAMC,mCAAmC,GAAG;EAC1CC,gBAAgB,EAAE;IAAEC,QAAQ,EAAE;EAAE,CAAC;EACjCC,gBAAgB,EAAE;IAAEC,UAAU,EAAE;EAAE;AACpC,CAAC;AAEM,SAASC,yBAAyBA,CACvCC,OAAoC,EACP;EAC7B,MAAMC,cAAc,GAAGD,OAAO,CAACE,IAAI,CAChCC,MAAM;IAAA,IAAAC,cAAA;IAAA,OAAK,EAAAA,cAAA,GAAAD,MAAM,CAACE,MAAM,qBAAbD,cAAA,CAAeD,MAAM,MAAK,OAAO;EAAA,CAC/C,CAAC;EACD,MAAMG,aAAa,GAAGN,OAAO,CAACE,IAAI,CAC/BC,MAAM;IAAA,IAAAI,eAAA,EAAAC,eAAA;IAAA,OACL,EAAAD,eAAA,GAAAJ,MAAM,CAACE,MAAM,qBAAbE,eAAA,CAAeJ,MAAM,MAAK,OAAO,IAAI,EAAAK,eAAA,GAAAL,MAAM,CAACE,MAAM,qBAAbG,eAAA,CAAeL,MAAM,MAAK,QAAQ;EAAA,CAC3E,CAAC;EAED,IAAI,CAACF,cAAc,IAAIK,aAAa,EAAE;IACpC,OAAO,IAAAG,sCAAkB,EAACT,OAAO,EAAEN,mCAAmC,CAAC;EACzE;EAEA,MAAMgB,cAAc,GAAGV,OAAO,CAACW,IAAI,CAChCR,MAAM;IAAA,IAAAS,eAAA;IAAA,OAAK,EAAAA,eAAA,GAAAT,MAAM,CAACE,MAAM,qBAAbO,eAAA,CAAeT,MAAM,MAAK,OAAO;EAAA,CAC/C,CAAC;EAED,OAAO,IAAAM,sCAAkB,EACvBT,OAAO,CAACa,GAAG,CAAEV,MAAM,IACjBA,MAAM,KAAKO,cAAc,GACrB;IAAE,GAAGP,MAAM;IAAEE,MAAM,EAAE;MAAEF,MAAM,EAAE;IAAiB;EAAE,CAAC,GACnDA,MACN,CAAC,EACDT,mCACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "TabsFilter2750685995";
+var _namespace_ = "TabsFilter2577241363";
 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": "TabsFilter2750685995__root",
-  "titleBox": "TabsFilter2750685995__titleBox"
+  "root": "TabsFilter2577241363__root",
+  "titleBox": "TabsFilter2577241363__titleBox"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/TabsFilter/TabsFilter.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/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter2750685995\";\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\":\"TabsFilter2750685995__root\",\"titleBox\":\"TabsFilter2750685995__titleBox\"};\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,sBAAsB;AACxC,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,4BAA4B;EAAC,UAAU,EAAC;AAAgC,CAAC;AAC/F,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/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter2577241363\";\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\":\"TabsFilter2577241363__root\",\"titleBox\":\"TabsFilter2577241363__titleBox\"};\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,sBAAsB;AACxC,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,4BAA4B;EAAC,UAAU,EAAC;AAAgC,CAAC;AAC/F,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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ManageTagsModal2806058920";
+var _namespace_ = "ManageTagsModal1016869396";
 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": "ManageTagsModal2806058920__root"
+  "root": "ManageTagsModal1016869396__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal2806058920\";\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\":\"ManageTagsModal2806058920__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal1016869396\";\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\":\"ManageTagsModal1016869396__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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/ToolbarItem/ToolbarItem.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItem1801862605";
+var _namespace_ = "ToolbarItem341992879";
 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": "ToolbarItem1801862605__root"
+  "root": "ToolbarItem341992879__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItem/ToolbarItem.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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem1801862605\";\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\":\"ToolbarItem1801862605__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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;AAA6B,CAAC;AACpD,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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem341992879\";\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\":\"ToolbarItem341992879__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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/ToolbarItemBox/ToolbarItemBox.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItemBox1663907210";
+var _namespace_ = "ToolbarItemBox3308969475";
 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": "ToolbarItemBox1663907210__root"
+  "root": "ToolbarItemBox3308969475__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox1663907210\";\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\":\"ToolbarItemBox1663907210__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox3308969475\";\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\":\"ToolbarItemBox3308969475__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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/common.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common2788775158";
+var _namespace_ = "common3814229212";
 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": "common2788775158__root",
-  "column": "common2788775158__column",
-  "fullHeight": "common2788775158__fullHeight"
+  "root": "common3814229212__root",
+  "column": "common3814229212__column",
+  "fullHeight": "common3814229212__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common2788775158\";\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\":\"common2788775158__root\",\"column\":\"common2788775158__column\",\"fullHeight\":\"common2788775158__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common3814229212\";\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\":\"common3814229212__root\",\"column\":\"common3814229212__column\",\"fullHeight\":\"common3814229212__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/hooks/useBuildAccordionItems.js

@@ -5,16 +5,16 @@ exports.__esModule = true;
 exports.useBuildAccordionItems = useBuildAccordionItems;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@wix/bex-core/react");
-var _react2 = _interopRequireWildcard(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
 var _CollectionFilter = require("../components/CollectionFilter");
 var _FilterAccordionResetButton = require("../components/FiltersPanel/FilterAccordionResetButton");
 var _FilterAccordionTitle = require("../components/FiltersPanel/FilterAccordionTitle");
+var _FilterRevealAnchor = require("../components/FiltersPanel/FilterRevealAnchor");
 var _fieldTypePrefixIcons = require("../utils/fieldTypePrefixIcons");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/hooks/useBuildAccordionItems.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 useBuildAccordionItem(state, showFieldTypeIcons) {
-  return (0, _react2.useCallback)(filterElement => {
+function createAccordionItemBuilder(state, showFieldTypeIcons) {
+  return filterElement => {
     const {
       type: Component,
       props: filterProps
@@ -35,7 +35,7 @@ function useBuildAccordionItem(state, showFieldTypeIcons) {
       __source: {
         fileName: _jsxFileName,
         lineNumber: 32,
-        columnNumber: 9
+        columnNumber: 7
       }
     }));
     const titleElement = /*#__PURE__*/_react2.default.createElement(_FilterAccordionTitle.FilterAccordionTitle, {
@@ -46,7 +46,7 @@ function useBuildAccordionItem(state, showFieldTypeIcons) {
       __source: {
         fileName: _jsxFileName,
         lineNumber: 38,
-        columnNumber: 9
+        columnNumber: 7
       }
     });
     const titleWithIcon = showFieldTypeIcons ? /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
@@ -56,48 +56,69 @@ function useBuildAccordionItem(state, showFieldTypeIcons) {
       __source: {
         fileName: _jsxFileName,
         lineNumber: 45,
-        columnNumber: 9
+        columnNumber: 7
       }
     }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
       fieldType,
       size: 'medium'
     }), titleElement) : titleElement;
-    const title = filterProps.filter ? /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
+    const panel = state.panel;
+    const sectionKey = panel.getSectionKey(filterElement);
+    const open = panel.isSectionOpen(filterElement);
+    const request = panel.revealRequest;
+    const revealTitle = content => (request == null ? void 0 : request.sectionKey) === sectionKey ? /*#__PURE__*/_react2.default.createElement(_FilterRevealAnchor.FilterRevealAnchor, {
+      request: request,
+      scrollContainerRef: panel.scrollContainerRef,
+      open: open,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 59,
+        columnNumber: 9
+      }
+    }, content) : content;
+    const title = /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
       width: "100%",
       align: "space-between",
       verticalAlign: "middle",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 54,
-        columnNumber: 9
+        lineNumber: 71,
+        columnNumber: 7
       }
-    }, titleWithIcon, /*#__PURE__*/_react2.default.createElement(_FilterAccordionResetButton.FilterAccordionResetButton, {
+    }, revealTitle(titleWithIcon), /*#__PURE__*/_react2.default.createElement(_FilterAccordionResetButton.FilterAccordionResetButton, {
       state: state.toolbar,
-      filter: filterProps.filter,
+      filter: filter,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 56,
-        columnNumber: 11
+        lineNumber: 73,
+        columnNumber: 9
       }
-    })) : titleWithIcon;
+    }));
+    const itemTitle = accordionItemProps && 'title' in accordionItemProps ? revealTitle(accordionItemProps.title) : title;
     return {
-      title,
-      children: filterProps.filter ? /*#__PURE__*/_react2.default.createElement(_CollectionFilter.CollectionFilter, {
-        filter: filterProps.filter,
+      children: /*#__PURE__*/_react2.default.createElement(_CollectionFilter.CollectionFilter, {
+        filter: filter,
         state: state,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 68,
-          columnNumber: 11
+          lineNumber: 83,
+          columnNumber: 9
         }
-      }, clonedElement) : clonedElement,
+      }, clonedElement),
       initiallyOpen,
-      ...accordionItemProps
+      ...accordionItemProps,
+      key: sectionKey,
+      open,
+      title: itemTitle,
+      onToggle: event => {
+        panel.toggleSection(filterElement, event);
+      }
     };
-  }, [showFieldTypeIcons]);
+  };
 }
 function useBuildAccordionItems(state, searchTerm = '') {
   const {
@@ -107,7 +128,7 @@ function useBuildAccordionItems(state, searchTerm = '') {
     panelFilterElements
   } = state;
   const showFieldTypeIcons = state.toolbar.showFieldTypeIcons;
-  const buildAccordionItem = useBuildAccordionItem(state, showFieldTypeIcons);
+  const buildAccordionItem = createAccordionItemBuilder(state, showFieldTypeIcons);
   const defaultSectionTitle = t('cairo.filtersPanel.sections.default.title');
   const term = searchTerm.trim().toLowerCase();
   const elements = term ? panelFilterElements.filter(el => {