npm - @wix/patterns - Versions diffs - 1.18.0 → 1.20.0 - Mend

@wix/patterns 1.18.0 → 1.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (206) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_FolderIcon","_CollectionTableWSRTable","_CollectionTableContent","_VirtualTableRepeater","_VirtualGridStateContext","_useOrFolderActionCellColumn","_TableFoldersInfiniteScroll","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableFoldersContent","props","state","columns","renderError","emptyState","noResultsState","iconColumn","multiLevelSorting","actionCell","folderActionCell","actionCellWidth","actionCellProps","filters","customColumns","views","bulkActionToolbar","bulkActionModal","tableGridSwitchButton","topNotification","search","showTitleBar","onRowClick","onFolderRowClick","selectionDisabled","selectionDisabledProp","horizontalScroll","rowVerticalPadding","rest","actionCellColumn","useOrFolderActionCellColumn","stickyActionCell","collections","toolbar","selectedOrderedColumnsOrAll","createWSRColumnBase","useCreateWSRColumnBase","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","st","classes","WSRTable","dataTableRowVirtualStyle","_extends2","showHeaderWhenEmpty","sticky","selectionToolbar","MultiCollectionBulkActionToolbar","rowClass","root","headerClass","thead","headerRowClass","useNewInfiniteScrollLoader","isApplyColumnWidthStyle","onSortClick","col","sortMode","clearResult","multiple","TablePlaceholderStates","CollectionTableContent","table","TableFoldersInfiniteScroll","TableFoldersContent","exports","observer"],"sources":["../../../../src/components/TableFolders/TableFoldersContent.tsx"],"sourcesContent":["import {\n Avatar,\n Table as WSRTable,\n TableColumn as WSRTableColumn,\n} from '@wix/design-system';\nimport React, {\n ComponentType,\n ReactElement,\n ReactNode,\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 { CollectionTableBaseCommonProps } from '../CollectionTable/CollectionTableBaseCommonProps';\nimport { SelectionDisabledProp } from '../../state/BulkActionToolbarState';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\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 \| 'emptyState'\n \| 'noResultsState'\n \| 'actionCell'\n \| 'sticky'\n \| 'topNotification'\n \| 'selectionDisabled'\n >,\n CollectionTableBaseCommonProps<T1, F1> {\n dataHook?: string;\n /** A TableFoldersState instance created using [useTableFolders](./?path=/story/common-hooks--usetablefolders). /\n state: TableFoldersState<T1, F1, T2, F2>;\n /* The same as [Table.columns](./?path=/story/components-collection--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 /\n Shown when the collection is empty.\n * Pass either a [`<CollectionEmptyState />`](./?path=/story/components-collection-features--empty-state)\n * or [`<CollectionPremiuimEmptyState />`](./?path=/story/components-collection-features--premium-empty-state) component.\n /\n emptyState?: ReactNode;\n\n /\n Shown when a search or filter has no results.\n * Pass a [`<CollectionNoResultsState />`](./?path=/story/components-collection-features--no-results-state) component.\n /\n noResultsState?: ReactNode;\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=%2Fstory%2Fcommon-models--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 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 = true,\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({ horizontalScroll });\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 const { st, classes } =\n WSRTable.dataTableRowVirtualStyle as import('@stylable/runtime').RuntimeStylesheet;\n\n return (\n <Table\n {...rest}\n showHeaderWhenEmpty\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 rowClass={st(classes.root)}\n headerClass={st(classes.thead)}\n headerRowClass={st(classes.root)}\n columns={finalColumns}\n useNewInfiniteScrollLoader\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 >\n <TablePlaceholderStates\n state={state}\n emptyState={emptyState}\n noResultsState={noResultsState}\n renderError={renderError}\n topNotification={topNotification}\n rowVerticalPadding={rowVerticalPadding}\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":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_FolderIcon","_CollectionTableWSRTable","_CollectionTableContent","_VirtualTableRepeater","_VirtualGridStateContext","_useOrFolderActionCellColumn","_TableFoldersInfiniteScroll","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableFoldersContent","props","state","columns","renderError","emptyState","noResultsState","iconColumn","multiLevelSorting","actionCell","folderActionCell","actionCellWidth","actionCellProps","filters","customColumns","views","bulkActionToolbar","bulkActionModal","tableGridSwitchButton","topNotification","search","showTitleBar","onRowClick","onFolderRowClick","selectionDisabled","selectionDisabledProp","horizontalScroll","rowVerticalPadding","rest","actionCellColumn","useOrFolderActionCellColumn","stickyActionCell","collections","toolbar","selectedOrderedColumnsOrAll","createWSRColumnBase","useCreateWSRColumnBase","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","st","classes","WSRTable","dataTableRowVirtualStyle","_extends2","showHeaderWhenEmpty","sticky","selectionToolbar","MultiCollectionBulkActionToolbar","rowClass","root","headerClass","thead","headerRowClass","useNewInfiniteScrollLoader","isApplyColumnWidthStyle","onSortClick","col","sortMode","clearResult","multiple","TablePlaceholderStates","CollectionTableContent","table","TableFoldersInfiniteScroll","TableFoldersContent","exports","observer"],"sources":["../../../../src/components/TableFolders/TableFoldersContent.tsx"],"sourcesContent":["import {\n Avatar,\n Table as WSRTable,\n TableColumn as WSRTableColumn,\n} 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';\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-models--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 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 = true,\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({ horizontalScroll });\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 const { st, classes } =\n WSRTable.dataTableRowVirtualStyle as import('@stylable/runtime').RuntimeStylesheet;\n\n return (\n <Table\n {...rest}\n showHeaderWhenEmpty\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 rowClass={st(classes.root)}\n headerClass={st(classes.thead)}\n headerRowClass={st(classes.root)}\n columns={finalColumns}\n useNewInfiniteScrollLoader\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 >\n <TablePlaceholderStates\n state={state}\n emptyState={emptyState}\n noResultsState={noResultsState}\n renderError={renderError}\n topNotification={topNotification}\n rowVerticalPadding={rowVerticalPadding}\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/TableGridSwitch/TableGridSwitch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_Grid","_","_mobxReactLite","_TableGridSwitchButton","_InitialLoader","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableGridSwitch","props","state","dragAndDrop","gridState","tableState","toolbar","tableGridSwitchButton","createElement","TableGridSwitchButton","viewTypeState","__self","__source","fileName","lineNumber","columnNumber","useEffect","init","initTask","status","isLoading","isIdle","Fragment","InitialLoader","dataHook","viewType","Grid","_extends2","grid","Table","sticky","table","TableGridSwitch","exports","observer"],"sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Grid, GridBasePropsWithoutPreset } from '../Grid';\nimport { Table, TableProps } from '..';\nimport { observer } from 'mobx-react-lite';\nimport type { TableGridSwitchState } from '../../state/TableGridSwitchState';\nimport { TableGridSwitchButton } from '../TableGridSwitchButton';\nimport { GridPresetProps } from '../Grid/Grid.types';\nimport type { TableGridSwitchDragAndDrop } from './TableGridSwitchDragAndDrop';\nimport { InitialLoader } from '../InitialLoader';\n\nexport interface TableGridSwitchBaseProps<T, F extends FiltersMap>\n extends Omit<\n GridBasePropsWithoutPreset<T, F>,\n 'state' \| 'dragAndDrop' \| 'tableGridSwitchButton' \| 'sticky'\n >,\n Omit<\n TableProps<T, F>,\n 'state' \| 'dragAndDrop' \| 'tableGridSwitchButton' \| 'sticky'\n > {\n /*\n A `TableGridSwitchState` instance created using [useTableGridSwitch](./?path=/story/~~common~~-~~hooks~~--~~usetablegridswitch~~).\n /\n state: TableGridSwitchState<T, F>;\n /\n Adds functionality to allow visitors to reorder items manually.\n * This prop accepts a [Drag and Drop](./?path~~=%2Fstory%2Fcomponents~~-~~collection~~-~~features--~~drag-and-drop) component.\n * @external\n */\n dragAndDrop?: typeof TableGridSwitchDragAndDrop;\n}\n\nexport type TableGridSwitchProps<T, F extends FiltersMap> = GridPresetProps<\n T,\n TableGridSwitchBaseProps<T, F>\n>;\n\nexport function _TableGridSwitch<T, F extends FiltersMap = FiltersMap>(\n props: TableGridSwitchProps<T, F>,\n) {\n const { state, dragAndDrop } = props;\n const { gridState, tableState, toolbar } = state;\n\n const tableGridSwitchButton = (\n <TableGridSwitchButton state={state.viewTypeState} />\n );\n\n useEffect(() => state.init(), []);\n\n const {\n initTask: { status },\n } = state;\n\n const isLoading = status.isIdle \|\| status.isLoading;\n\n return (\n <>\n {isLoading ? (\n <InitialLoader dataHook=\"initial-loader\" state={toolbar} />\n ) : state.viewType === 'grid' ? (\n <Grid\n {...props}\n tableGridSwitchButton={tableGridSwitchButton}\n state={gridState}\n dragAndDrop={dragAndDrop?.grid}\n />\n ) : (\n <Table\n {...props}\n sticky\n tableGridSwitchButton={tableGridSwitchButton}\n state={tableState}\n dragAndDrop={dragAndDrop?.table}\n />\n )}\n </>\n );\n}\n\nexport const TableGridSwitch = observer(_TableGridSwitch);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_Grid","_","_mobxReactLite","_TableGridSwitchButton","_InitialLoader","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableGridSwitch","props","state","dragAndDrop","gridState","tableState","toolbar","tableGridSwitchButton","createElement","TableGridSwitchButton","viewTypeState","__self","__source","fileName","lineNumber","columnNumber","useEffect","init","initTask","status","isLoading","isIdle","Fragment","InitialLoader","dataHook","viewType","Grid","_extends2","grid","Table","sticky","table","TableGridSwitch","exports","observer"],"sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Grid, GridBasePropsWithoutPreset } from '../Grid';\nimport { Table, TableProps } from '..';\nimport { observer } from 'mobx-react-lite';\nimport type { TableGridSwitchState } from '../../state/TableGridSwitchState';\nimport { TableGridSwitchButton } from '../TableGridSwitchButton';\nimport { GridPresetProps } from '../Grid/Grid.types';\nimport type { TableGridSwitchDragAndDrop } from './TableGridSwitchDragAndDrop';\nimport { InitialLoader } from '../InitialLoader';\n\nexport interface TableGridSwitchBaseProps<T, F extends FiltersMap>\n extends Omit<\n GridBasePropsWithoutPreset<T, F>,\n 'state' \| 'dragAndDrop' \| 'tableGridSwitchButton' \| 'sticky'\n >,\n Omit<\n TableProps<T, F>,\n 'state' \| 'dragAndDrop' \| 'tableGridSwitchButton' \| 'sticky'\n > {\n /*\n A `TableGridSwitchState` instance created using [useTableGridSwitch](./?path=/story/base-components-collections-tablegridswitch-usetablegridswitchcollection--usetablegridswitchcollection).\n /\n state: TableGridSwitchState<T, F>;\n /\n Adds functionality to allow visitors to reorder items manually.\n * This prop accepts a [Drag and Drop](./?path=/story/features-sort-drag-and-drop--draganddrop) component.\n * @external\n */\n dragAndDrop?: typeof TableGridSwitchDragAndDrop;\n}\n\nexport type TableGridSwitchProps<T, F extends FiltersMap> = GridPresetProps<\n T,\n TableGridSwitchBaseProps<T, F>\n>;\n\nexport function _TableGridSwitch<T, F extends FiltersMap = FiltersMap>(\n props: TableGridSwitchProps<T, F>,\n) {\n const { state, dragAndDrop } = props;\n const { gridState, tableState, toolbar } = state;\n\n const tableGridSwitchButton = (\n <TableGridSwitchButton state={state.viewTypeState} />\n );\n\n useEffect(() => state.init(), []);\n\n const {\n initTask: { status },\n } = state;\n\n const isLoading = status.isIdle \|\| status.isLoading;\n\n return (\n <>\n {isLoading ? (\n <InitialLoader dataHook=\"initial-loader\" state={toolbar} />\n ) : state.viewType === 'grid' ? (\n <Grid\n {...props}\n tableGridSwitchButton={tableGridSwitchButton}\n state={gridState}\n dragAndDrop={dragAndDrop?.grid}\n />\n ) : (\n <Table\n {...props}\n sticky\n tableGridSwitchButton={tableGridSwitchButton}\n state={tableState}\n dragAndDrop={dragAndDrop?.table}\n />\n )}\n </>\n );\n}\n\nexport const TableGridSwitch = observer(_TableGridSwitch);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableGridSwitchFolders/TableGridSwitchFolders.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_TableGridSwitchButton","_GridFolders","_TableFolders","_InitialLoader","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableGridSwitchFolders","props","state","gridFoldersState","tableFoldersState","toolbar","tableGridSwitchButton","createElement","TableGridSwitchButton","viewTypeState","__self","__source","fileName","lineNumber","columnNumber","useEffect","init","initTask","status","isLoading","isIdle","Fragment","InitialLoader","dataHook","viewType","GridFolders","_extends2","TableFolders","TableGridSwitchFolders","exports","observer"],"sources":["../../../../src/components/TableGridSwitchFolders/TableGridSwitchFolders.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { TableGridSwitchButton } from '../TableGridSwitchButton';\nimport {\n GridFolders,\n GridFoldersBasePropsWithoutPreset,\n} from '../Grid/GridFolders';\nimport { TableGridSwitchFoldersState } from '../../state';\nimport { GridFoldersPresetProps } from '../Grid/GridFolders.types';\nimport { TableFolders, TableFoldersProps } from '../TableFolders';\nimport { InitialLoader } from '../InitialLoader';\n\nexport interface TableGridSwitchFoldersBaseProps<\n T1,\n F1 extends FiltersMap,\n T2,\n F2 extends FiltersMap,\n> extends Omit<\n GridFoldersBasePropsWithoutPreset<T1, F1, T2, F2>,\n 'state' \| 'dragAndDrop' \| 'tableGridSwitchButton'\n >,\n Omit<\n TableFoldersProps<T1, F1, T2, F2>,\n 'state' \| 'dragAndDrop' \| 'tableGridSwitchButton'\n > {\n /** A TableGridSwitchFoldersState instance created using [useTableGridSwitchFoldersState](./?path=/story/~~common~~-~~hooks~~--usetablegridswitchfolders). */\n state: TableGridSwitchFoldersState<T1, F1, T2, F2>;\n}\n\nexport type TableGridSwitchFoldersProps<\n T1,\n F1 extends FiltersMap,\n T2,\n F2 extends FiltersMap,\n> = GridFoldersPresetProps<\n T1,\n T2,\n TableGridSwitchFoldersBaseProps<T1, F1, T2, F2>\n>;\n\nfunction _TableGridSwitchFolders<\n T1,\n F1 extends FiltersMap,\n T2,\n F2 extends FiltersMap,\n>(props: TableGridSwitchFoldersProps<T1, F1, T2, F2>) {\n const { state } = props;\n const { gridFoldersState, tableFoldersState, toolbar } = state;\n\n const tableGridSwitchButton = (\n <TableGridSwitchButton state={state.viewTypeState} />\n );\n useEffect(() => {\n state.init();\n }, []);\n\n const {\n initTask: { status },\n } = state;\n\n const isLoading = status.isIdle \|\| status.isLoading;\n return (\n <>\n {isLoading ? (\n <InitialLoader dataHook=\"initial-loader\" state={toolbar} />\n ) : state.viewType === 'grid' ? (\n <GridFolders\n {...props}\n tableGridSwitchButton={tableGridSwitchButton}\n state={gridFoldersState}\n />\n ) : (\n <TableFolders\n {...props}\n tableGridSwitchButton={tableGridSwitchButton}\n state={tableFoldersState}\n />\n )}\n </>\n );\n}\n\nexport const TableGridSwitchFolders = observer(_TableGridSwitchFolders);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_TableGridSwitchButton","_GridFolders","_TableFolders","_InitialLoader","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableGridSwitchFolders","props","state","gridFoldersState","tableFoldersState","toolbar","tableGridSwitchButton","createElement","TableGridSwitchButton","viewTypeState","__self","__source","fileName","lineNumber","columnNumber","useEffect","init","initTask","status","isLoading","isIdle","Fragment","InitialLoader","dataHook","viewType","GridFolders","_extends2","TableFolders","TableGridSwitchFolders","exports","observer"],"sources":["../../../../src/components/TableGridSwitchFolders/TableGridSwitchFolders.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { TableGridSwitchButton } from '../TableGridSwitchButton';\nimport {\n GridFolders,\n GridFoldersBasePropsWithoutPreset,\n} from '../Grid/GridFolders';\nimport { TableGridSwitchFoldersState } from '../../state';\nimport { GridFoldersPresetProps } from '../Grid/GridFolders.types';\nimport { TableFolders, TableFoldersProps } from '../TableFolders';\nimport { InitialLoader } from '../InitialLoader';\n\nexport interface TableGridSwitchFoldersBaseProps<\n T1,\n F1 extends FiltersMap,\n T2,\n F2 extends FiltersMap,\n> extends Omit<\n GridFoldersBasePropsWithoutPreset<T1, F1, T2, F2>,\n 'state' \| 'dragAndDrop' \| 'tableGridSwitchButton'\n >,\n Omit<\n TableFoldersProps<T1, F1, T2, F2>,\n 'state' \| 'dragAndDrop' \| 'tableGridSwitchButton'\n > {\n /** A TableGridSwitchFoldersState instance created using [useTableGridSwitchFoldersState](./?path=/story/base-components-collections-tablegridswitchfolders-usetablegridswitchfolders--usetablegridswitchfolders). */\n state: TableGridSwitchFoldersState<T1, F1, T2, F2>;\n}\n\nexport type TableGridSwitchFoldersProps<\n T1,\n F1 extends FiltersMap,\n T2,\n F2 extends FiltersMap,\n> = GridFoldersPresetProps<\n T1,\n T2,\n TableGridSwitchFoldersBaseProps<T1, F1, T2, F2>\n>;\n\nfunction _TableGridSwitchFolders<\n T1,\n F1 extends FiltersMap,\n T2,\n F2 extends FiltersMap,\n>(props: TableGridSwitchFoldersProps<T1, F1, T2, F2>) {\n const { state } = props;\n const { gridFoldersState, tableFoldersState, toolbar } = state;\n\n const tableGridSwitchButton = (\n <TableGridSwitchButton state={state.viewTypeState} />\n );\n useEffect(() => {\n state.init();\n }, []);\n\n const {\n initTask: { status },\n } = state;\n\n const isLoading = status.isIdle \|\| status.isLoading;\n return (\n <>\n {isLoading ? (\n <InitialLoader dataHook=\"initial-loader\" state={toolbar} />\n ) : state.viewType === 'grid' ? (\n <GridFolders\n {...props}\n tableGridSwitchButton={tableGridSwitchButton}\n state={gridFoldersState}\n />\n ) : (\n <TableFolders\n {...props}\n tableGridSwitchButton={tableGridSwitchButton}\n state={tableFoldersState}\n />\n )}\n </>\n );\n}\n\nexport const TableGridSwitchFolders = observer(_TableGridSwitchFolders);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableGridSwitchFolders/TableGridSwitchFolders.uni.driver.js CHANGED Viewed

@@ -25,9 +25,9 @@ function TableGridSwitchFoldersUniDriver(base, body) {
     getSwitchButton: () => getToolbar().getSwitchButton(),
     /** Get layout switch button divider */
     getSwitchButtonDivider: () => getToolbar().getSwitchButtonDivider(),
-    /** Get [TableFoldersUniDriver](./?path=/story/common-components--tablefolders) driver */
+    /** Get [TableFoldersUniDriver](./?path=/story/base-components-collections-tablefolders-tablefolders--tablefolders) driver */
     getTable,
-    /** Get [GridFoldersUniDriver](./?path=/story/common-components--gridfolders) driver */
+    /** Get [GridFoldersUniDriver](./?path=/story/base-components-collections-gridfolders-gridfolders--gridfolders) driver */
     getGrid,
     /** Indicates grid is currently shown */
     isShowingGrid: () => base.$(`[data-hook="toolbar-collection-content"]`).exists(),

package/dist/cjs/components/TableGridSwitchFolders/TableGridSwitchFolders.uni.driver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_unidriver","require","_CollectionToolbarUni","_TableFoldersUni","_interopRequireDefault","_GridFoldersUni","_SummaryBarUni","TableGridSwitchFoldersUniDriver","base","body","getToolbar","CollectionToolbarUniDriver","$","getTable","TableFoldersUniDriver","getGrid","GridFoldersUniDriver","getSummaryBar","SummaryBarUniDriver","baseUniDriverFactory","wait","timeout","getSwitchButton","getSwitchButtonDivider","isShowingGrid","exists","isShowingTable","_default","exports","default"],"sources":["../../../../src/components/TableGridSwitchFolders/TableGridSwitchFolders.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport TableFoldersUniDriver from '../TableFolders/TableFolders.uni.driver';\nimport GridFoldersUniDriver from '../Grid/GridFolders.uni.driver';\nimport { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';\n\nexport function TableGridSwitchFoldersUniDriver(\n base: UniDriver,\n body: UniDriver,\n) {\n const getToolbar = () =>\n CollectionToolbarUniDriver(\n base.$('[data-hook=\"collection-toolbar\"]'),\n body,\n );\n\n const getTable = () => TableFoldersUniDriver(base, body);\n const getGrid = () => GridFoldersUniDriver(base, body);\n const getSummaryBar = () => SummaryBarUniDriver(base, body);\n\n return {\n ...baseUniDriverFactory(base),\n /*\n Wait until root element to exist\n * @param timeout - time to wait until bailing\n /\n wait: (timeout?: number) => base.wait(timeout),\n /* Get layout switch button /\n getSwitchButton: () => getToolbar().getSwitchButton(),\n /* Get layout switch button divider /\n getSwitchButtonDivider: () => getToolbar().getSwitchButtonDivider(),\n /* Get [TableFoldersUniDriver](./?path=/story/~~common~~-components--tablefolders) driver /\n getTable,\n /* Get [GridFoldersUniDriver](./?path=/story/~~common~~-components--gridfolders) driver /\n getGrid,\n /* Indicates grid is currently shown /\n isShowingGrid: () =>\n base.$(`[data-hook=\"toolbar-collection-content\"]`).exists(),\n /* Indicates table is currently shown /\n isShowingTable: async () =>\n !(await base.$(`[data-hook=\"toolbar-collection-content\"]`).exists()),\n /\n Gets collection summary bar\n */\n getSummaryBar,\n };\n}\n\nexport default TableGridSwitchFoldersUniDriver;\n"],"mappings":";;;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,eAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAEO,SAASM,+BAA+BA,CAC7CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,UAAU,GAAGA,CAAA,KACjB,IAAAC,gDAA0B,EACxBH,IAAI,CAACI,CAAC,CAAC,kCAAkC,CAAC,EAC1CH,IACF,CAAC;EAEH,MAAMI,QAAQ,GAAGA,CAAA,KAAM,IAAAC,wBAAqB,EAACN,IAAI,EAAEC,IAAI,CAAC;EACxD,MAAMM,OAAO,GAAGA,CAAA,KAAM,IAAAC,uBAAoB,EAACR,IAAI,EAAEC,IAAI,CAAC;EACtD,MAAMQ,aAAa,GAAGA,CAAA,KAAM,IAAAC,kCAAmB,EAACV,IAAI,EAAEC,IAAI,CAAC;EAE3D,OAAO;IACL,GAAG,IAAAU,+BAAoB,EAACX,IAAI,CAAC;IAC7B;AACJ;AACA;AACA;IACIY,IAAI,EAAGC,OAAgB,IAAKb,IAAI,CAACY,IAAI,CAACC,OAAO,CAAC;IAC9C;IACAC,eAAe,EAAEA,CAAA,KAAMZ,UAAU,CAAC,CAAC,CAACY,eAAe,CAAC,CAAC;IACrD;IACAC,sBAAsB,EAAEA,CAAA,KAAMb,UAAU,CAAC,CAAC,CAACa,sBAAsB,CAAC,CAAC;IACnE;IACAV,QAAQ;IACR;IACAE,OAAO;IACP;IACAS,aAAa,EAAEA,CAAA,KACbhB,IAAI,CAACI,CAAC,CAAE,0CAAyC,CAAC,CAACa,MAAM,CAAC,CAAC;IAC7D;IACAC,cAAc,EAAE,MAAAA,CAAA,KACd,EAAE,MAAMlB,IAAI,CAACI,CAAC,CAAE,0CAAyC,CAAC,CAACa,MAAM,CAAC,CAAC,CAAC;IACtE;AACJ;AACA;IACIR;EACF,CAAC;AACH;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEctB,+BAA+B","ignoreList":[]}
1	+ {"version":3,"names":["_unidriver","require","_CollectionToolbarUni","_TableFoldersUni","_interopRequireDefault","_GridFoldersUni","_SummaryBarUni","TableGridSwitchFoldersUniDriver","base","body","getToolbar","CollectionToolbarUniDriver","$","getTable","TableFoldersUniDriver","getGrid","GridFoldersUniDriver","getSummaryBar","SummaryBarUniDriver","baseUniDriverFactory","wait","timeout","getSwitchButton","getSwitchButtonDivider","isShowingGrid","exists","isShowingTable","_default","exports","default"],"sources":["../../../../src/components/TableGridSwitchFolders/TableGridSwitchFolders.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport TableFoldersUniDriver from '../TableFolders/TableFolders.uni.driver';\nimport GridFoldersUniDriver from '../Grid/GridFolders.uni.driver';\nimport { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';\n\nexport function TableGridSwitchFoldersUniDriver(\n base: UniDriver,\n body: UniDriver,\n) {\n const getToolbar = () =>\n CollectionToolbarUniDriver(\n base.$('[data-hook=\"collection-toolbar\"]'),\n body,\n );\n\n const getTable = () => TableFoldersUniDriver(base, body);\n const getGrid = () => GridFoldersUniDriver(base, body);\n const getSummaryBar = () => SummaryBarUniDriver(base, body);\n\n return {\n ...baseUniDriverFactory(base),\n /*\n Wait until root element to exist\n * @param timeout - time to wait until bailing\n /\n wait: (timeout?: number) => base.wait(timeout),\n /* Get layout switch button /\n getSwitchButton: () => getToolbar().getSwitchButton(),\n /* Get layout switch button divider /\n getSwitchButtonDivider: () => getToolbar().getSwitchButtonDivider(),\n /* Get [TableFoldersUniDriver](./?path=/story/base-components-collections-tablefolders-tablefolders--tablefolders) driver /\n getTable,\n /* Get [GridFoldersUniDriver](./?path=/story/base-components-collections-gridfolders-gridfolders--gridfolders) driver /\n getGrid,\n /* Indicates grid is currently shown /\n isShowingGrid: () =>\n base.$(`[data-hook=\"toolbar-collection-content\"]`).exists(),\n /* Indicates table is currently shown /\n isShowingTable: async () =>\n !(await base.$(`[data-hook=\"toolbar-collection-content\"]`).exists()),\n /\n Gets collection summary bar\n */\n getSummaryBar,\n };\n}\n\nexport default TableGridSwitchFoldersUniDriver;\n"],"mappings":";;;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,eAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAEO,SAASM,+BAA+BA,CAC7CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,UAAU,GAAGA,CAAA,KACjB,IAAAC,gDAA0B,EACxBH,IAAI,CAACI,CAAC,CAAC,kCAAkC,CAAC,EAC1CH,IACF,CAAC;EAEH,MAAMI,QAAQ,GAAGA,CAAA,KAAM,IAAAC,wBAAqB,EAACN,IAAI,EAAEC,IAAI,CAAC;EACxD,MAAMM,OAAO,GAAGA,CAAA,KAAM,IAAAC,uBAAoB,EAACR,IAAI,EAAEC,IAAI,CAAC;EACtD,MAAMQ,aAAa,GAAGA,CAAA,KAAM,IAAAC,kCAAmB,EAACV,IAAI,EAAEC,IAAI,CAAC;EAE3D,OAAO;IACL,GAAG,IAAAU,+BAAoB,EAACX,IAAI,CAAC;IAC7B;AACJ;AACA;AACA;IACIY,IAAI,EAAGC,OAAgB,IAAKb,IAAI,CAACY,IAAI,CAACC,OAAO,CAAC;IAC9C;IACAC,eAAe,EAAEA,CAAA,KAAMZ,UAAU,CAAC,CAAC,CAACY,eAAe,CAAC,CAAC;IACrD;IACAC,sBAAsB,EAAEA,CAAA,KAAMb,UAAU,CAAC,CAAC,CAACa,sBAAsB,CAAC,CAAC;IACnE;IACAV,QAAQ;IACR;IACAE,OAAO;IACP;IACAS,aAAa,EAAEA,CAAA,KACbhB,IAAI,CAACI,CAAC,CAAE,0CAAyC,CAAC,CAACa,MAAM,CAAC,CAAC;IAC7D;IACAC,cAAc,EAAE,MAAAA,CAAA,KACd,EAAE,MAAMlB,IAAI,CAACI,CAAC,CAAE,0CAAyC,CAAC,CAACa,MAAM,CAAC,CAAC,CAAC;IACtE;AACJ;AACA;IACIR;EACF,CAAC;AACH;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEctB,+BAA+B","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsFilter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobx","_FilterContext","_mobxReactLite","_TabTitle","_ToolbarCollectionContext","_TabsFilterState","_TabsFilterStCss","_TabsDropdown","_types","_TabsDefault","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TabsFilter","props","type","filter","data","dataProp","all","counterBadge","placeAllTabLast","onChange","itemKey","itemName","table","useToolbarCollectionContext","container","React","useRef","state","useState","tabs","TabsFilterState","useLayoutEffect","runInAction","persistent","responsive","items","useMemo","_mergedItems","map","value","index","id","name","title","createElement","TabTitle","tabIndex","text","__self","__source","fileName","lineNumber","columnNumber","item","minWidth","itemsMinWidths","maxWidth","itemMaxWidth","allTabItem","ALL_TAB_ITEM_ID","undefined","panelMinWidth","useEffect","init","current","itemsCount","length","selectedId","isEmpty","FilterContextProvider","Box","dataHook","className","st","classes","root","width","height","direction","verticalAlign","flexGrow","ref","node","mode","TabsDefault","TabsDropdown","TabsFilter","exports","observer","displayName"],"sources":["../../../../src/components/TabsFilter/TabsFilter.tsx"],"sourcesContent":["import React, {\n ReactNode,\n useEffect,\n useLayoutEffect,\n useMemo,\n useState,\n} from 'react';\nimport { Box, TabsProps } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { FilterContextProvider } from '../FilterContext';\nimport { observer } from 'mobx-react-lite';\nimport { TabTitle } from './TabTitle';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { classes, st } from './TabsFilter.st.css.js';\nimport { TabsDropdown } from './TabsDropdown';\nimport { ALL_TAB_ITEM_ID, TabsFilterItemBase } from './types';\nimport { TabsDefault } from './TabsDefault';\n\nexport interface TabsFilterProps<V> {\n /*\n List of tabs.\n * @external\n /\n data: V[];\n /\n Defines the selected filter.\n * <br><br>\n * Must be an [arrayFilter](./?path=%2Fstory%2Fcommon-factories--arrayfilter&tab=Design) object.\n * @external\n /\n filter: Filter<V[]>;\n /\n Display name of the tab that indicates that all items are included.\n * <br>\n * Changes the value of `filter` to an empty array.\n * @external\n /\n all?: string \| null \| false;\n\n /\n Renders a counter badge next to the tabs' texts.\n * <br><br>\n * See different examples of this implementation in the Design tab.\n * @external\n /\n counterBadge?: (value: V \| null \| undefined) => ReactNode;\n onChange?: (value: V \| null \| undefined) => unknown;\n\n /\n Tabs layout type.\n * <br><br>\n * If this prop is omitted, the width depends on the label width. The total width of all the tabs cannot exceed 80% of the toolbar.\n * <br><br>\n * Supported values:<br>\n * - `uniformFull`: Tabs are spread out uniformly.\n * @external\n */\n type?: Extract<TabsProps['type'], 'uniformFull'>;\n\n placeAllTabLast?: boolean;\n}\n\nfunction _TabsFilter<V>(props: TabsFilterProps<V>) {\n const {\n type,\n filter,\n data: dataProp,\n all,\n counterBadge,\n placeAllTabLast,\n onChange,\n } = props;\n const { itemKey, itemName } = filter;\n\n const table = useToolbarCollectionContext();\n\n const container = React.useRef<HTMLDivElement>();\n\n const [state] = useState(\n () =>\n (table.tabs ??= new TabsFilterState({\n table,\n })),\n );\n\n useLayoutEffect(() => {\n runInAction(() => {\n if (filter.persistent == null) {\n filter.persistent = true;\n }\n });\n }, []);\n\n const { responsive } = state;\n\n const items = useMemo<TabsFilterItemBase[]>(() => {\n const _mergedItems = dataProp.map((value, index) => {\n return {\n id: itemKey(value),\n name: itemName(value),\n title: (\n <TabTitle\n tabIndex={all && !placeAllTabLast ? index + 1 : index}\n state={responsive}\n text={itemName(value)}\n value={value}\n counterBadge={counterBadge}\n />\n ),\n value,\n };\n });\n\n if (!all) {\n return _mergedItems.map((item, index) => ({\n ...item,\n index,\n minWidth: responsive.itemsMinWidths[index],\n maxWidth: responsive.itemMaxWidth,\n }));\n }\n\n const allTabItem = {\n id: ALL_TAB_ITEM_ID,\n name: all,\n title: (\n <TabTitle\n tabIndex={0}\n state={responsive}\n text={all}\n value={undefined}\n counterBadge={counterBadge}\n />\n ),\n };\n\n return (\n placeAllTabLast\n ? [..._mergedItems, allTabItem]\n : [allTabItem, ..._mergedItems]\n ).map((item, index) => ({\n ...item,\n minWidth: responsive.itemsMinWidths[index],\n index,\n }));\n }, [dataProp, all, counterBadge, responsive.panelMinWidth]);\n\n useEffect(\n () =>\n state.init({\n container: container.current,\n itemsCount: items.length,\n }),\n [],\n );\n\n const selectedId = filter.isEmpty\n ? ALL_TAB_ITEM_ID\n : itemKey(filter.value[0]);\n\n return (\n <FilterContextProvider value={filter}>\n <Box\n dataHook=\"collection-tabs-filter\"\n className={st(classes.root)}\n width=\"100%\"\n height={60}\n direction=\"vertical\"\n verticalAlign=\"middle\"\n flexGrow={1}\n >\n <div\n ref={(node) => {\n if (node) {\n container.current = node;\n }\n }}\n >\n {responsive.mode === 'tabs' ? (\n <TabsDefault\n items={items}\n data={dataProp}\n filter={filter}\n selectedId={selectedId}\n state={state}\n onChange={onChange}\n type={type}\n all={all}\n />\n ) : (\n <TabsDropdown\n filter={filter}\n data={dataProp}\n items={items}\n selectedId={selectedId}\n />\n )}\n </div>\n </Box>\n </FilterContextProvider>\n );\n}\n\nexport const TabsFilter = observer(_TabsFilter);\nTabsFilter.displayName = 'TabsFilter';\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobx","_FilterContext","_mobxReactLite","_TabTitle","_ToolbarCollectionContext","_TabsFilterState","_TabsFilterStCss","_TabsDropdown","_types","_TabsDefault","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TabsFilter","props","type","filter","data","dataProp","all","counterBadge","placeAllTabLast","onChange","itemKey","itemName","table","useToolbarCollectionContext","container","React","useRef","state","useState","tabs","TabsFilterState","useLayoutEffect","runInAction","persistent","responsive","items","useMemo","_mergedItems","map","value","index","id","name","title","createElement","TabTitle","tabIndex","text","__self","__source","fileName","lineNumber","columnNumber","item","minWidth","itemsMinWidths","maxWidth","itemMaxWidth","allTabItem","ALL_TAB_ITEM_ID","undefined","panelMinWidth","useEffect","init","current","itemsCount","length","selectedId","isEmpty","FilterContextProvider","Box","dataHook","className","st","classes","root","width","height","direction","verticalAlign","flexGrow","ref","node","mode","TabsDefault","TabsDropdown","TabsFilter","exports","observer","displayName"],"sources":["../../../../src/components/TabsFilter/TabsFilter.tsx"],"sourcesContent":["import React, {\n ReactNode,\n useEffect,\n useLayoutEffect,\n useMemo,\n useState,\n} from 'react';\nimport { Box, TabsProps } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { FilterContextProvider } from '../FilterContext';\nimport { observer } from 'mobx-react-lite';\nimport { TabTitle } from './TabTitle';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { classes, st } from './TabsFilter.st.css.js';\nimport { TabsDropdown } from './TabsDropdown';\nimport { ALL_TAB_ITEM_ID, TabsFilterItemBase } from './types';\nimport { TabsDefault } from './TabsDefault';\n\nexport interface TabsFilterProps<V> {\n /*\n List of tabs.\n * @external\n /\n data: V[];\n /\n Defines the selected filter.\n * <br><br>\n * Must be an [arrayFilter](./?path=/story/features-filter-factories--arrayfilter) object.\n * @external\n /\n filter: Filter<V[]>;\n /\n Display name of the tab that indicates that all items are included.\n * <br>\n * Changes the value of `filter` to an empty array.\n * @external\n /\n all?: string \| null \| false;\n\n /\n Renders a counter badge next to the tabs' texts.\n * <br><br>\n * See different examples of this implementation in the Design tab.\n * @external\n /\n counterBadge?: (value: V \| null \| undefined) => ReactNode;\n onChange?: (value: V \| null \| undefined) => unknown;\n\n /\n Tabs layout type.\n * <br><br>\n * If this prop is omitted, the width depends on the label width. The total width of all the tabs cannot exceed 80% of the toolbar.\n * <br><br>\n * Supported values:<br>\n * - `uniformFull`: Tabs are spread out uniformly.\n * @external\n */\n type?: Extract<TabsProps['type'], 'uniformFull'>;\n\n placeAllTabLast?: boolean;\n}\n\nfunction _TabsFilter<V>(props: TabsFilterProps<V>) {\n const {\n type,\n filter,\n data: dataProp,\n all,\n counterBadge,\n placeAllTabLast,\n onChange,\n } = props;\n const { itemKey, itemName } = filter;\n\n const table = useToolbarCollectionContext();\n\n const container = React.useRef<HTMLDivElement>();\n\n const [state] = useState(\n () =>\n (table.tabs ??= new TabsFilterState({\n table,\n })),\n );\n\n useLayoutEffect(() => {\n runInAction(() => {\n if (filter.persistent == null) {\n filter.persistent = true;\n }\n });\n }, []);\n\n const { responsive } = state;\n\n const items = useMemo<TabsFilterItemBase[]>(() => {\n const _mergedItems = dataProp.map((value, index) => {\n return {\n id: itemKey(value),\n name: itemName(value),\n title: (\n <TabTitle\n tabIndex={all && !placeAllTabLast ? index + 1 : index}\n state={responsive}\n text={itemName(value)}\n value={value}\n counterBadge={counterBadge}\n />\n ),\n value,\n };\n });\n\n if (!all) {\n return _mergedItems.map((item, index) => ({\n ...item,\n index,\n minWidth: responsive.itemsMinWidths[index],\n maxWidth: responsive.itemMaxWidth,\n }));\n }\n\n const allTabItem = {\n id: ALL_TAB_ITEM_ID,\n name: all,\n title: (\n <TabTitle\n tabIndex={0}\n state={responsive}\n text={all}\n value={undefined}\n counterBadge={counterBadge}\n />\n ),\n };\n\n return (\n placeAllTabLast\n ? [..._mergedItems, allTabItem]\n : [allTabItem, ..._mergedItems]\n ).map((item, index) => ({\n ...item,\n minWidth: responsive.itemsMinWidths[index],\n index,\n }));\n }, [dataProp, all, counterBadge, responsive.panelMinWidth]);\n\n useEffect(\n () =>\n state.init({\n container: container.current,\n itemsCount: items.length,\n }),\n [],\n );\n\n const selectedId = filter.isEmpty\n ? ALL_TAB_ITEM_ID\n : itemKey(filter.value[0]);\n\n return (\n <FilterContextProvider value={filter}>\n <Box\n dataHook=\"collection-tabs-filter\"\n className={st(classes.root)}\n width=\"100%\"\n height={60}\n direction=\"vertical\"\n verticalAlign=\"middle\"\n flexGrow={1}\n >\n <div\n ref={(node) => {\n if (node) {\n container.current = node;\n }\n }}\n >\n {responsive.mode === 'tabs' ? (\n <TabsDefault\n items={items}\n data={dataProp}\n filter={filter}\n selectedId={selectedId}\n state={state}\n onChange={onChange}\n type={type}\n all={all}\n />\n ) : (\n <TabsDropdown\n filter={filter}\n data={dataProp}\n items={items}\n selectedId={selectedId}\n />\n )}\n </div>\n </Box>\n </FilterContextProvider>\n );\n}\n\nexport const TabsFilter = observer(_TabsFilter);\nTabsFilter.displayName = 'TabsFilter';\n"],"mappings":"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","ignoreList":[]}

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

@@ -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_ = "TabsFilter33330905";
+var _namespace_ = "TabsFilter4181486391";
 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": "TabsFilter33330905__root",
-  "title": "TabsFilter33330905__title"
+  "root": "TabsFilter4181486391__root",
+  "title": "TabsFilter4181486391__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~TabsFilter33330905~~\";\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\":\"~~TabsFilter33330905__root~~\",\"title\":\"~~TabsFilter33330905__title~~\"};\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,~~oBAAoB~~;~~AACtC~~,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,~~0BAA0B~~;EAAC,OAAO,EAAC;~~AAA2B~~,CAAC;~~AACrF~~,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":[]}
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_ = \"TabsFilter4181486391\";\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\":\"TabsFilter4181486391__root\",\"title\":\"TabsFilter4181486391__title\"};\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,OAAO,EAAC;AAA6B,CAAC;AACzF,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 CHANGED Viewed

@@ -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_ = "ManageTagsModal1860687339";
+var _namespace_ = "ManageTagsModal114330210";
 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": "ManageTagsModal1860687339__root"
+  "root": "ManageTagsModal114330210__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~ManageTagsModal1860687339~~\";\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\":\"~~ManageTagsModal1860687339__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":[]}
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_ = \"ManageTagsModal114330210\";\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\":\"ManageTagsModal114330210__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/ToolbarCollection/ToolbarCollection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_assertComponentType","_CollectionToolbars","_checkConflictingToolbarProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToolbarCollection","props","state","filters","title","tabs","views","extraToolbar","selectionToolbar","dragAndDropReorderModeToolbar","sticky","stickyProp","search","children","tableGridSwitchButton","exportButton","primaryActionButton","summaryBar","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","titleBar","Box","width","borderTopColor","borderTopWidth","borderTopStyle","boxSizing","__self","__source","fileName","lineNumber","columnNumber","dataHook","direction","minHeight","flex","verticalAlign"],"sources":["../../../../src/components/ToolbarCollection/ToolbarCollection.tsx"],"sourcesContent":["import { Box, CardProps, usePageScrollContext } from '@wix/design-system';\nimport React, {\n CSSProperties,\n ReactElement,\n ReactNode,\n useEffect,\n useState,\n} from 'react';\nimport { CollectionToolbarProps, FilterElement, TabsFilterProps } from '../..';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport {\n assertComponentType,\n CollectionSearchElement,\n CollectionToolbarFiltersElement,\n CollectionViewsDropdownElement,\n CustomColumnsElement,\n PrimaryActionButtonElement,\n ReorderModeToolbarElement,\n TabsFilterElement,\n ToolbarTitleElement,\n TopNotificationElement,\n} from '../assertComponentType';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport {\n DragAndDropBulkSubmit,\n DragAndDropCancel,\n DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport type { AddApplyFiltersButtonType } from '../FiltersPanel/AddApplyFiltersButton';\nimport type { TagsElement } from '../Tags';\nimport type { ExtensionMenuItemsType } from '../ExtensionMenuItems';\nimport { TablePlaceholderStatesProps } from '../TablePlaceholderStates/TablePlaceholderStates';\n\nexport interface ToolbarBaseProps<T> {\n /*\n Displays a title at the left of a toolbar.<br> <br>\n * This prop accepts a [ToolbarTitle](./?path=%2Fstory%2Fcomponents-collection-features--toolbartitle) component.\n * @external\n /\n title?: ToolbarTitleElement;\n /\n Displays a search input on the right side of the table toolbar.<br> <br>\n * Accepts a boolean or a custom React element as a parameter. When passing `false`, no search input is displayed.\n * @default true\n * @external\n /\n search?: boolean \| FilterElement \| CollectionSearchElement;\n\n /\n Indicates whether to show Table Title Bar or not.\n * Note: if you pass `showTitleBar = false` title bar is not removed from the DOM. For better accessibility column titles should be defined as well.\n * @default true\n * @external\n /\n showTitleBar?: boolean;\n /\n A [`<ExportButton />`](./?path=/story/components-collection-features--exportto) react element to be added to the toolbar\n /\n exportButton?: ReactElement;\n\n /\n Enables tags feature. In this element you can pass the configuration\n /\n tags?: TagsElement<T>;\n /\n A [`<ExportModal />`](./?path=/story/components-collection-features--exportto#CTA_is_out_of_the_table) react element to be rendered in table's context\n /\n exportModal?: ReactElement;\n}\n\nexport interface ToolbarCollectionBaseProps<T, F extends FiltersMap>\n extends ToolbarBaseProps<T> {\n children?: ReactNode \| ReactNode[];\n\n /\n Adds a [Views](./?path=/story/components-collection-features--views)to the table headers.<br> <br>\n * This prop accepts a Views component.\n * @external\n /\n views?: CollectionViewsDropdownElement<F>;\n /\n Adds filters to the toolbar and/or a sliding panel.\n * <br><br>\n * The prop accepts a ToolbarFilters component that must have the `panelTitle` prop passed to it..\n * @external\n /\n filters?: CollectionToolbarFiltersElement;\n /\n Displays tabs at the left of a toolbar.<br> <br>\n * This prop accepts a [Tabs Filter](./?path=%2Fstory%2Fcomponents-collection-features--tabs-filter) component.\n * @external\n /\n tabs?: TabsFilterElement<TabsFilterProps<T>>;\n\n selectionToolbar?: ReactElement;\n\n sticky?: boolean;\n /\n Minimum height for a card's container when showing:<br>\n * - A loader<br>\n * - Empty state<br>\n * - Error state\n * <br><br>\n * If no unit is specified, `px` is used.\n * @default 300px\n * @external\n /\n minCardHeight?: CSSProperties['minHeight'];\n\n /\n A render function to be rendered when there's an error fetching data from the server.<br>\n * The function accepts the following parameters <br>\n * * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n * * `isOnline`: Indicates whether internet connection is available <br>\n * * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n * Returns [EmptyState](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n * @external\n /\n renderError?: TablePlaceholderStatesProps['renderError'];\n\n /\n A function that renders when there are no items to display.\n * You can choose to return a [`<CollectionEmptyState>`](./?path=/story/components-collection-features--collectionemptystate) component. <br>\n * Supported parameters:\n * - `hasAvailableItems`: [bool] Whether items were displayed from other filters or searches.\n * - `query`: [Object] Instance of [ComputedQuery](./?path=%2Fstory%2Fcommon-models--computedquery) that represents the query that resulted in an empty state.\n * @external\n * @overrideType [CollectionEmptyState](./?path=/story/components-collection-features--collectionemptystate)\n /\n emptyState?: ReactNode;\n\n /\n Shown when a search or filter has no results.\n * Pass a [`<CollectionNoResultsState />`](./?path=/story/components-collection-features--collectionnoresultsstate) component.\n * @external\n * @overrideType [CollectionNoResultsState](./?path=/story/components-collection-features--collectionnoresultsstate)\n /\n noResultsState?: ReactNode;\n\n cardProps?: Partial<CardProps>;\n onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n /\n Renders a [`<TableTopNotification />`](./?path=/story/components-collection-features--table-top-notification) below the table header\n * @external\n /\n topNotification?:\n \| TopNotificationElement\n \| ((params: {\n query: ComputedQuery<F>;\n }) => TopNotificationElement \| boolean \| null \| undefined)\n \| boolean\n \| null\n \| undefined;\n\n extraToolbar?: ReactNode;\n\n /\n Display a SummaryBar below the toolbar.\n * <br><br>\n * This prop accepts a [`SummaryBar`](./?path=/story/components-collection-features--summarybar) component.\n * @external\n /\n summaryBar?: ReactNode;\n tableGridSwitchButton?: ReactElement<TableGridSwitchButtonProps>;\n\n /\n Function that submits a drop event to the server. <br> <br>\n * There is one supported parameter that is an array of the following objects: <br>\n * -`from: {item: T; index: number}`: Item that was dragged. <br>\n * -`after: null \| [item: T; iindex: number}`: Previous item that was dropped. If this is the first item to be dropped, this argument is null. <br>\n * -`filters`: Applied [Drag and Drop](./?path=%2Fstory%2Fcomponents-collection-features--drag-and-drop) filters.\n \n @returns Promise\n * @external\n /\n dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n /\n Function that submits a drop event to the server. <br> <br>\n * Parameter is an array of the following objects: <br>\n * -`from: {item: T; index: number}`: Item that was dragged. <br>\n * -`after: null \| [item: T; index: number}`: Previous item that was dropped. If this is the first item to be dropped, this argument is null. <br>\n * -`filters`: Applied [Drag and Drop](./?path=%2Fstory%2Fcomponents-collection-features--drag-and-drop) filters. <br>\n \n @returns Promise\n * @external\n /\n dragAndDropBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n\n /\n A function that cancels a drop event. <br>\n * Supported arguments: <br>\n * - `from: {item: T; index: number}`: Item that was dragged.\n * - `after: null \| {item: T; index: number}`: Item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`.\n * - `filters`: Currently applied filters. Used in cases where your server holds a unique ordering per filtering. See the `dragAndDropCategories` prop.\n \n If the move is cancelled, the function will return a toast config object with a message explaining why the move was cancelled. Otherwise, the function will return a nullish value.\n * @external\n /\n dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n /\n List of filters on which to enable drag and drop functionality. For example, you can enable the drag and drop functionality on the 'Age' filter, but not on the 'Phone Number' filter.\n * If no props are passed, the drag and drop feature is disabled, and unavailable for the table. To enable the drag and drop feature without the use of filters, pass an empty array. For example, `dragAndDropCategories={ [ [], ['status'] ] }`.\n * @external\n /\n dragAndDropCategories?: (keyof F)[][] \| null;\n\n /\n @deprecated It doesn't need to be passed implicitly anymore.\n /\n extensionMenuItems?: ExtensionMenuItemsType;\n\n /\n Drag and drop reorder mode toolbar. This prop accepts a `ReorderModeToolbar` component.<br>\n * The `ReorderModeToolbar` component accepts the following props:<br>\n * + `learnMoreUrl`: [string] A URL in the toolbar.<br>\n * + `reorderModeTitle`: [string] A title in the toolbar.\n * @external\n /\n dragAndDropReorderModeToolbar?: ReorderModeToolbarElement \| null;\n\n /\n Adds functionality to allow visitors to choose which columns to display and in what order. <br>\n * This prop accepts a [CustomColumns](./?path=%2Fstory%2Fcomponents-collection-features--custom-columns) component.\n * @external\n /\n customColumns?: CustomColumnsElement \| null;\n\n /\n Adds functionality to allow visitors to sort multiple columns simultaneously.<br> <br>\n * This prop accepts a [Multi Level Sorting](./?path=%2Fstory%2Fcomponents-collection-features--multi-level-sorting) component.\n * @external\n /\n multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n /\n Adds functionality for a primary action button in the toolbar.<br> <br>\n * This prop accepts a [PrimaryActionButton](./?path=%2Fstory%2Fcomponents-collection-features--primaryactionbutton) component.\n * @external\n /\n primaryActionButton?: PrimaryActionButtonElement;\n\n /\n Apply filter button implementation: `import { AddApplyFiltersButton } from '@wix/patterns';`\n * <br>\n * Add `Apply` button to the filters panel footer. Panel filters will be applied only after the button is clicked.\n /\n AddApplyFiltersButton?: AddApplyFiltersButtonType;\n\n /\n Limits the amount of rows a visitor can select.\n * @external\n /\n maxSelection?: number;\n\n /\n Indicates whether the table should have an internal scroll (instead of the default page scroll)\n * @external\n */\n internalScroll?: boolean;\n}\n\nexport interface ToolbarCollectionProps<T, F extends FiltersMap>\n extends ToolbarCollectionBaseProps<T, F> {\n state: ToolbarCollectionState<T, F>;\n}\n\nexport function ToolbarCollection<T, F extends FiltersMap>(\n props: ToolbarCollectionProps<T, F>,\n) {\n const {\n state,\n filters,\n title,\n tabs,\n views,\n extraToolbar,\n selectionToolbar,\n dragAndDropReorderModeToolbar,\n sticky: stickyProp,\n search,\n children,\n tableGridSwitchButton,\n exportButton,\n primaryActionButton,\n summaryBar,\n } = props;\n assertComponentType(views, 'CollectionViewsDropdown', 'views');\n checkConflictingToolbarProps(props);\n\n const { scrollableContentRef: scrollablePageRef } = usePageScrollContext();\n\n const [sticky, setSticky] = useState(\n stickyProp ?? scrollablePageRef?.current != null,\n );\n\n useEffect(() => {\n setSticky(stickyProp ?? scrollablePageRef?.current != null);\n }, [stickyProp]);\n\n return (\n <>\n <CollectionToolbars\n sticky={sticky}\n state={state}\n search={search}\n views={views}\n title={title}\n tabs={tabs}\n filters={filters}\n selectionToolbar={selectionToolbar}\n dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n extraToolbar={extraToolbar}\n tableGridSwitchButton={tableGridSwitchButton}\n exportButton={exportButton}\n primaryActionButton={primaryActionButton}\n summaryBar={summaryBar}\n titleBar={\n <Box\n width=\"100%\"\n borderTopColor=\"D60\"\n borderTopWidth=\"1px\"\n borderTopStyle=\"solid\"\n boxSizing=\"border-box\"\n />\n }\n />\n <Box\n dataHook=\"toolbar-collection-content\"\n width=\"100%\"\n direction=\"vertical\"\n minHeight={0}\n flex={1}\n verticalAlign=\"middle\"\n >\n {children}\n </Box>\n </>\n );\n}\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAUA,IAAAG,oBAAA,GAAAH,OAAA;AAYA,IAAAI,mBAAA,GAAAJ,OAAA;AAOA,IAAAK,6BAAA,GAAAL,OAAA;AAA8E,IAAAM,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAiPvE,SAASW,iBAAiBA,CAC/BC,KAAmC,EACnC;EACA,MAAM;IACJC,KAAK;IACLC,OAAO;IACPC,KAAK;IACLC,IAAI;IACJC,KAAK;IACLC,YAAY;IACZC,gBAAgB;IAChBC,6BAA6B;IAC7BC,MAAM,EAAEC,UAAU;IAClBC,MAAM;IACNC,QAAQ;IACRC,qBAAqB;IACrBC,YAAY;IACZC,mBAAmB;IACnBC;EACF,CAAC,GAAGhB,KAAK;EACT,IAAAiB,wCAAmB,EAACZ,KAAK,EAAE,yBAAyB,EAAE,OAAO,CAAC;EAC9D,IAAAa,0DAA4B,EAAClB,KAAK,CAAC;EAEnC,MAAM;IAAEmB,oBAAoB,EAAEC;EAAkB,CAAC,GAAG,IAAAC,kCAAoB,EAAC,CAAC;EAE1E,MAAM,CAACZ,MAAM,EAAEa,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAClCb,UAAU,IAAI,CAAAU,iBAAiB,oBAAjBA,iBAAiB,CAAEI,OAAO,KAAI,IAC9C,CAAC;EAED,IAAAC,gBAAS,EAAC,MAAM;IACdH,SAAS,CAACZ,UAAU,IAAI,CAAAU,iBAAiB,oBAAjBA,iBAAiB,CAAEI,OAAO,KAAI,IAAI,CAAC;EAC7D,CAAC,EAAE,CAACd,UAAU,CAAC,CAAC;EAEhB,oBACErC,MAAA,CAAAY,OAAA,CAAAyC,aAAA,CAAArD,MAAA,CAAAY,OAAA,CAAA0C,QAAA,qBACEtD,MAAA,CAAAY,OAAA,CAAAyC,aAAA,CAAClD,mBAAA,CAAAoD,kBAAkB;IACjBnB,MAAM,EAAEA,MAAO;IACfR,KAAK,EAAEA,KAAM;IACbU,MAAM,EAAEA,MAAO;IACfN,KAAK,EAAEA,KAAM;IACbF,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXF,OAAO,EAAEA,OAAQ;IACjBK,gBAAgB,EAAEA,gBAAiB;IACnCC,6BAA6B,EAAEA,6BAA8B;IAC7DF,YAAY,EAAEA,YAAa;IAC3BO,qBAAqB,EAAEA,qBAAsB;IAC7CC,YAAY,EAAEA,YAAa;IAC3BC,mBAAmB,EAAEA,mBAAoB;IACzCC,UAAU,EAAEA,UAAW;IACvBa,QAAQ,eACNxD,MAAA,CAAAY,OAAA,CAAAyC,aAAA,CAACvD,aAAA,CAAA2D,GAAG;MACFC,KAAK,EAAC,MAAM;MACZC,cAAc,EAAC,KAAK;MACpBC,cAAc,EAAC,KAAK;MACpBC,cAAc,EAAC,OAAO;MACtBC,SAAS,EAAC,YAAY;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA5D,YAAA;QAAA6D,UAAA;QAAAC,YAAA;MAAA;IAAA,CACvB,CACF;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5D,YAAA;MAAA6D,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC,eACFnE,MAAA,CAAAY,OAAA,CAAAyC,aAAA,CAACvD,aAAA,CAAA2D,GAAG;IACFW,QAAQ,EAAC,4BAA4B;IACrCV,KAAK,EAAC,MAAM;IACZW,SAAS,EAAC,UAAU;IACpBC,SAAS,EAAE,CAAE;IACbC,IAAI,EAAE,CAAE;IACRC,aAAa,EAAC,QAAQ;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5D,YAAA;MAAA6D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErB5B,QACE,CACL,CAAC;AAEP","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_assertComponentType","_CollectionToolbars","_checkConflictingToolbarProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToolbarCollection","props","state","filters","title","tabs","views","extraToolbar","selectionToolbar","dragAndDropReorderModeToolbar","sticky","stickyProp","search","children","tableGridSwitchButton","exportButton","primaryActionButton","summaryBar","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","titleBar","Box","width","borderTopColor","borderTopWidth","borderTopStyle","boxSizing","__self","__source","fileName","lineNumber","columnNumber","dataHook","direction","minHeight","flex","verticalAlign"],"sources":["../../../../src/components/ToolbarCollection/ToolbarCollection.tsx"],"sourcesContent":["import { Box, CardProps, usePageScrollContext } from '@wix/design-system';\nimport React, {\n CSSProperties,\n ReactElement,\n ReactNode,\n useEffect,\n useState,\n} from 'react';\nimport { CollectionToolbarProps, FilterElement, TabsFilterProps } from '../..';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport {\n assertComponentType,\n CollectionSearchElement,\n CollectionToolbarFiltersElement,\n CollectionViewsDropdownElement,\n CustomColumnsElement,\n PrimaryActionButtonElement,\n ReorderModeToolbarElement,\n TabsFilterElement,\n ToolbarTitleElement,\n TopNotificationElement,\n} from '../assertComponentType';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport {\n DragAndDropBulkSubmit,\n DragAndDropCancel,\n DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport type { AddApplyFiltersButtonType } from '../FiltersPanel/AddApplyFiltersButton';\nimport type { TagsElement } from '../Tags';\nimport type { ExtensionMenuItemsType } from '../ExtensionMenuItems';\nimport { TablePlaceholderStatesProps } from '../TablePlaceholderStates/TablePlaceholderStates';\n\nexport interface ToolbarBaseProps<T> {\n /*\n Displays a title at the left of a toolbar.<br> <br>\n * This prop accepts a [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle) component.\n * @external\n /\n title?: ToolbarTitleElement;\n /\n Displays a search input on the right side of the table toolbar.<br> <br>\n * Accepts a boolean or a custom React element as a parameter. When passing `false`, no search input is displayed.\n * @default true\n * @external\n /\n search?: boolean \| FilterElement \| CollectionSearchElement;\n\n /\n Indicates whether to show Table Title Bar or not.\n * Note: if you pass `showTitleBar = false` title bar is not removed from the DOM. For better accessibility column titles should be defined as well.\n * @default true\n * @external\n /\n showTitleBar?: boolean;\n /\n A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar\n /\n exportButton?: ReactElement;\n\n /\n Enables tags feature. In this element you can pass the configuration\n /\n tags?: TagsElement<T>;\n /\n A [`<ExportModal />`](./?path=/story/features-export--exportto#CTA_is_out_of_the_table) react element to be rendered in table's context\n /\n exportModal?: ReactElement;\n}\n\nexport interface ToolbarCollectionBaseProps<T, F extends FiltersMap>\n extends ToolbarBaseProps<T> {\n children?: ReactNode \| ReactNode[];\n\n /\n Adds a [Views](./?path=/story/features-display-views--views)to the table headers.<br> <br>\n * This prop accepts a Views component.\n * @external\n /\n views?: CollectionViewsDropdownElement<F>;\n /\n Adds filters to the toolbar and/or a sliding panel.\n * <br><br>\n * The prop accepts a ToolbarFilters component that must have the `panelTitle` prop passed to it..\n * @external\n /\n filters?: CollectionToolbarFiltersElement;\n /\n Displays tabs at the left of a toolbar.<br> <br>\n * This prop accepts a [Tabs Filter](./?path=/story/features-filter-components--tabsfilter) component.\n * @external\n /\n tabs?: TabsFilterElement<TabsFilterProps<T>>;\n\n selectionToolbar?: ReactElement;\n\n sticky?: boolean;\n /\n Minimum height for a card's container when showing:<br>\n * - A loader<br>\n * - Empty state<br>\n * - Error state\n * <br><br>\n * If no unit is specified, `px` is used.\n * @default 300px\n * @external\n /\n minCardHeight?: CSSProperties['minHeight'];\n\n /\n A render function to be rendered when there's an error fetching data from the server.<br>\n * The function accepts the following parameters <br>\n * * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n * * `isOnline`: Indicates whether internet connection is available <br>\n * * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n * Returns [EmptyState](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n * @external\n /\n renderError?: TablePlaceholderStatesProps['renderError'];\n\n /\n A function that renders when there are no items to display.\n * You can choose to return a [`<CollectionEmptyState>`](./?path=/story/features-display-empty-states--collectionemptystate) component. <br>\n * Supported parameters:\n * - `hasAvailableItems`: [bool] Whether items were displayed from other filters or searches.\n * - `query`: [Object] Instance of [ComputedQuery](./?path=/story/common-models--computedquery) that represents the query that resulted in an empty state.\n * @external\n * @overrideType [CollectionEmptyState](./?path=/story/features-display-empty-states--collectionemptystate)\n /\n emptyState?: ReactNode;\n\n /\n Shown when a search or filter has no results.\n * Pass a [`<CollectionNoResultsState />`](./?path=/story/features-display-empty-states--collectionnoresultsstate) component.\n * @external\n * @overrideType [CollectionNoResultsState](./?path=/story/features-display-empty-states--collectionnoresultsstate)\n /\n noResultsState?: ReactNode;\n\n cardProps?: Partial<CardProps>;\n onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n /\n Renders a [`<TableTopNotification />`](./?path=/story/features-display--tabletopnotification) below the table header\n * @external\n /\n topNotification?:\n \| TopNotificationElement\n \| ((params: {\n query: ComputedQuery<F>;\n }) => TopNotificationElement \| boolean \| null \| undefined)\n \| boolean\n \| null\n \| undefined;\n\n extraToolbar?: ReactNode;\n\n /\n Display a SummaryBar below the toolbar.\n * <br><br>\n * This prop accepts a [`SummaryBar`](./?path=/story/features-display-toolbar--summarybar) component.\n * @external\n /\n summaryBar?: ReactNode;\n tableGridSwitchButton?: ReactElement<TableGridSwitchButtonProps>;\n\n /\n Function that submits a drop event to the server. <br> <br>\n * There is one supported parameter that is an array of the following objects: <br>\n * -`from: {item: T; index: number}`: Item that was dragged. <br>\n * -`after: null \| [item: T; iindex: number}`: Previous item that was dropped. If this is the first item to be dropped, this argument is null. <br>\n * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--draganddrop) filters.\n \n @returns Promise\n * @external\n /\n dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n /\n Function that submits a drop event to the server. <br> <br>\n * Parameter is an array of the following objects: <br>\n * -`from: {item: T; index: number}`: Item that was dragged. <br>\n * -`after: null \| [item: T; index: number}`: Previous item that was dropped. If this is the first item to be dropped, this argument is null. <br>\n * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--draganddrop) filters. <br>\n \n @returns Promise\n * @external\n /\n dragAndDropBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n\n /\n A function that cancels a drop event. <br>\n * Supported arguments: <br>\n * - `from: {item: T; index: number}`: Item that was dragged.\n * - `after: null \| {item: T; index: number}`: Item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`.\n * - `filters`: Currently applied filters. Used in cases where your server holds a unique ordering per filtering. See the `dragAndDropCategories` prop.\n \n If the move is cancelled, the function will return a toast config object with a message explaining why the move was cancelled. Otherwise, the function will return a nullish value.\n * @external\n /\n dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n /\n List of filters on which to enable drag and drop functionality. For example, you can enable the drag and drop functionality on the 'Age' filter, but not on the 'Phone Number' filter.\n * If no props are passed, the drag and drop feature is disabled, and unavailable for the table. To enable the drag and drop feature without the use of filters, pass an empty array. For example, `dragAndDropCategories={ [ [], ['status'] ] }`.\n * @external\n /\n dragAndDropCategories?: (keyof F)[][] \| null;\n\n /\n @deprecated It doesn't need to be passed implicitly anymore.\n /\n extensionMenuItems?: ExtensionMenuItemsType;\n\n /\n Drag and drop reorder mode toolbar. This prop accepts a `ReorderModeToolbar` component.<br>\n * The `ReorderModeToolbar` component accepts the following props:<br>\n * + `learnMoreUrl`: [string] A URL in the toolbar.<br>\n * + `reorderModeTitle`: [string] A title in the toolbar.\n * @external\n /\n dragAndDropReorderModeToolbar?: ReorderModeToolbarElement \| null;\n\n /\n Adds functionality to allow visitors to choose which columns to display and in what order. <br>\n * This prop accepts a [CustomColumns](./?path=/story/features-display--customcolumns) component.\n * @external\n /\n customColumns?: CustomColumnsElement \| null;\n\n /\n Adds functionality to allow visitors to sort multiple columns simultaneously.<br> <br>\n * This prop accepts a [Multi Level Sorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting) component.\n * @external\n /\n multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n /\n Adds functionality for a primary action button in the toolbar.<br> <br>\n * This prop accepts a [PrimaryActionButton](./?path=/story/features-actions-primaryactionbutton--primaryactionbutton) component.\n * @external\n /\n primaryActionButton?: PrimaryActionButtonElement;\n\n /\n Apply filter button implementation: `import { AddApplyFiltersButton } from '@wix/patterns';`\n * <br>\n * Add `Apply` button to the filters panel footer. Panel filters will be applied only after the button is clicked.\n /\n AddApplyFiltersButton?: AddApplyFiltersButtonType;\n\n /\n Limits the amount of rows a visitor can select.\n * @external\n /\n maxSelection?: number;\n\n /\n Indicates whether the table should have an internal scroll (instead of the default page scroll)\n * @external\n */\n internalScroll?: boolean;\n}\n\nexport interface ToolbarCollectionProps<T, F extends FiltersMap>\n extends ToolbarCollectionBaseProps<T, F> {\n state: ToolbarCollectionState<T, F>;\n}\n\nexport function ToolbarCollection<T, F extends FiltersMap>(\n props: ToolbarCollectionProps<T, F>,\n) {\n const {\n state,\n filters,\n title,\n tabs,\n views,\n extraToolbar,\n selectionToolbar,\n dragAndDropReorderModeToolbar,\n sticky: stickyProp,\n search,\n children,\n tableGridSwitchButton,\n exportButton,\n primaryActionButton,\n summaryBar,\n } = props;\n assertComponentType(views, 'CollectionViewsDropdown', 'views');\n checkConflictingToolbarProps(props);\n\n const { scrollableContentRef: scrollablePageRef } = usePageScrollContext();\n\n const [sticky, setSticky] = useState(\n stickyProp ?? scrollablePageRef?.current != null,\n );\n\n useEffect(() => {\n setSticky(stickyProp ?? scrollablePageRef?.current != null);\n }, [stickyProp]);\n\n return (\n <>\n <CollectionToolbars\n sticky={sticky}\n state={state}\n search={search}\n views={views}\n title={title}\n tabs={tabs}\n filters={filters}\n selectionToolbar={selectionToolbar}\n dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n extraToolbar={extraToolbar}\n tableGridSwitchButton={tableGridSwitchButton}\n exportButton={exportButton}\n primaryActionButton={primaryActionButton}\n summaryBar={summaryBar}\n titleBar={\n <Box\n width=\"100%\"\n borderTopColor=\"D60\"\n borderTopWidth=\"1px\"\n borderTopStyle=\"solid\"\n boxSizing=\"border-box\"\n />\n }\n />\n <Box\n dataHook=\"toolbar-collection-content\"\n width=\"100%\"\n direction=\"vertical\"\n minHeight={0}\n flex={1}\n verticalAlign=\"middle\"\n >\n {children}\n </Box>\n </>\n );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js CHANGED Viewed

@@ -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_ = "ToolbarItemBox4257881579";
+var _namespace_ = "ToolbarItemBox1276704718";
 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": "ToolbarItemBox4257881579__root"
+  "root": "ToolbarItemBox1276704718__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~ToolbarItemBox4257881579~~\";\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\":\"~~ToolbarItemBox4257881579__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":[]}
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_ = \"ToolbarItemBox1276704718\";\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\":\"ToolbarItemBox1276704718__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 CHANGED Viewed

@@ -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_ = "common3590384577";
+var _namespace_ = "common1208730261";
 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": "common3590384577__root",
-  "column": "common3590384577__column",
-  "fullHeight": "common3590384577__fullHeight"
+  "root": "common1208730261__root",
+  "column": "common1208730261__column",
+  "fullHeight": "common1208730261__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~common3590384577~~\";\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\":\"~~common3590384577__root~~\",\"column\":\"~~common3590384577__column~~\",\"fullHeight\":\"~~common3590384577__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":[]}
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_ = \"common1208730261\";\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\":\"common1208730261__root\",\"column\":\"common1208730261__column\",\"fullHeight\":\"common1208730261__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/components/deleteSecondaryAction/deleteSecondaryAction.js CHANGED Viewed

@@ -26,7 +26,7 @@ function deleteSecondaryAction(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 28,
+        lineNumber: 39,
         columnNumber: 11
       }
     }),

package/dist/cjs/components/deleteSecondaryAction/deleteSecondaryAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_wixUiIconsCommon","require","_react","_interopRequireDefault","_jsxFileName","deleteSecondaryAction","props","optimisticActions","actionCellAPI","openConfirmDeleteModal","collection","keyedItem","deleteManyParams","translate","t","dataHook","text","icon","default","createElement","Delete","__self","__source","fileName","lineNumber","columnNumber","onClick","primaryButtonOnClick","deleteOne","item"],"sources":["../../../../src/components/deleteSecondaryAction/deleteSecondaryAction.tsx"],"sourcesContent":["import { Delete } from '@wix/wix-ui-icons-common';\nimport React from 'react';\nimport {\n CollectionOptimisticActions,\n DeleteManyParams,\n FiltersMap,\n} from '@wix/bex-core';\nimport { ActionCellAPI } from '../../state';\n\nexport interface DeleteSecondaryActionProps<T, F extends FiltersMap, R>\n extends DeleteManyParams<T, R> {\n optimisticActions: CollectionOptimisticActions<T, F>;\n actionCellAPI: ActionCellAPI<T, F>;\n}\n\nexport function deleteSecondaryAction<T, F extends FiltersMap, R>(\n props: DeleteSecondaryActionProps<T, F, R>,\n) {\n const {\n optimisticActions,\n actionCellAPI: { openConfirmDeleteModal, collection, keyedItem },\n ...deleteManyParams\n } = props;\n const { translate: t } = collection;\n return {\n dataHook: 'collection-delete-action',\n text: t('cairo.delete.button'),\n icon: <Delete />,\n onClick: () => {\n openConfirmDeleteModal({\n primaryButtonOnClick: () => {\n optimisticActions.deleteOne(keyedItem.item, deleteManyParams);\n },\n });\n },\n };\n}\n"],"mappings":";;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,IAAAG,YAAA;~~AAcnB~~,SAASC,qBAAqBA,CACnCC,KAA0C,EAC1C;EACA,MAAM;IACJC,iBAAiB;IACjBC,aAAa,EAAE;MAAEC,sBAAsB;MAAEC,UAAU;MAAEC;IAAU,CAAC;IAChE,GAAGC;EACL,CAAC,GAAGN,KAAK;EACT,MAAM;IAAEO,SAAS,EAAEC;EAAE,CAAC,GAAGJ,UAAU;EACnC,OAAO;IACLK,QAAQ,EAAE,0BAA0B;IACpCC,IAAI,EAAEF,CAAC,CAAC,qBAAqB,CAAC;IAC9BG,IAAI,eAAEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,iBAAA,CAAAoB,MAAM;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IAChBC,OAAO,EAAEA,CAAA,KAAM;MACbjB,sBAAsB,CAAC;QACrBkB,oBAAoB,EAAEA,CAAA,KAAM;UAC1BpB,iBAAiB,CAACqB,SAAS,CAACjB,SAAS,CAACkB,IAAI,EAAEjB,gBAAgB,CAAC;QAC/D;MACF,CAAC,CAAC;IACJ;EACF,CAAC;AACH","ignoreList":[]}
1	+ {"version":3,"names":["_wixUiIconsCommon","require","_react","_interopRequireDefault","_jsxFileName","deleteSecondaryAction","props","optimisticActions","actionCellAPI","openConfirmDeleteModal","collection","keyedItem","deleteManyParams","translate","t","dataHook","text","icon","default","createElement","Delete","__self","__source","fileName","lineNumber","columnNumber","onClick","primaryButtonOnClick","deleteOne","item"],"sources":["../../../../src/components/deleteSecondaryAction/deleteSecondaryAction.tsx"],"sourcesContent":["import { Delete } from '@wix/wix-ui-icons-common';\nimport React from 'react';\nimport {\n CollectionOptimisticActions,\n DeleteManyParams,\n FiltersMap,\n} from '@wix/bex-core';\nimport { ActionCellAPI } from '../../state';\n\nexport interface DeleteSecondaryActionProps<T, F extends FiltersMap, R>\n extends DeleteManyParams<T, R> {\n /** \n * Actions for performing optimistic updates on the collection. \n * These updates are applied immediately for better user experience\n * while waiting for the server response.\n * @external\n /\n optimisticActions: CollectionOptimisticActions<T, F>;\n /* \n * API for interacting with the action cell. \n * This API provides methods for manipulating and accessing the action cell's state.\n * @external\n */\n actionCellAPI: ActionCellAPI<T, F>;\n}\n\nexport function deleteSecondaryAction<T, F extends FiltersMap, R>(\n props: DeleteSecondaryActionProps<T, F, R>,\n) {\n const {\n optimisticActions,\n actionCellAPI: { openConfirmDeleteModal, collection, keyedItem },\n ...deleteManyParams\n } = props;\n const { translate: t } = collection;\n return {\n dataHook: 'collection-delete-action',\n text: t('cairo.delete.button'),\n icon: <Delete />,\n onClick: () => {\n openConfirmDeleteModal({\n primaryButtonOnClick: () => {\n optimisticActions.deleteOne(keyedItem.item, deleteManyParams);\n },\n });\n },\n };\n}\n"],"mappings":";;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,IAAAG,YAAA;AAyBnB,SAASC,qBAAqBA,CACnCC,KAA0C,EAC1C;EACA,MAAM;IACJC,iBAAiB;IACjBC,aAAa,EAAE;MAAEC,sBAAsB;MAAEC,UAAU;MAAEC;IAAU,CAAC;IAChE,GAAGC;EACL,CAAC,GAAGN,KAAK;EACT,MAAM;IAAEO,SAAS,EAAEC;EAAE,CAAC,GAAGJ,UAAU;EACnC,OAAO;IACLK,QAAQ,EAAE,0BAA0B;IACpCC,IAAI,EAAEF,CAAC,CAAC,qBAAqB,CAAC;IAC9BG,IAAI,eAAEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,iBAAA,CAAAoB,MAAM;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IAChBC,OAAO,EAAEA,CAAA,KAAM;MACbjB,sBAAsB,CAAC;QACrBkB,oBAAoB,EAAEA,CAAA,KAAM;UAC1BpB,iBAAiB,CAACqB,SAAS,CAACjB,SAAS,CAACkB,IAAI,EAAEjB,gBAAgB,CAAC;QAC/D;MACF,CAAC,CAAC;IACJ;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/hooks/useExtensionMenuItems.js CHANGED Viewed

@@ -7,13 +7,22 @@ var _ExtensionMenuItemsState = require("../state/ExtensionMenuItemsState");
 var _react2 = require("@wix/bex-core/react");
 function useExtensionMenuItems(params) {
   const container = (0, _react2.useWixPatternsContainer)();
+  const {
+    extension,
+    ...stateParams
+  } = params;
   const [state] = (0, _react.useState)(() => {
-    return new _ExtensionMenuItemsState.ExtensionMenuItemsState({
-      ...params,
+    return extension ?? new _ExtensionMenuItemsState.ExtensionMenuItemsState({
+      ...stateParams,
       container
     });
   });
-  (0, _react.useEffect)(() => state.init(), []);
+  (0, _react.useEffect)(() => {
+    if (!extension) {
+      return state.init();
+    }
+    return () => {};
+  }, []);
   return state;
 }
 //# sourceMappingURL=useExtensionMenuItems.js.map

package/dist/cjs/hooks/useExtensionMenuItems.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","require","_ExtensionMenuItemsState","_react2","useExtensionMenuItems","params","container","useWixPatternsContainer","state","useState","ExtensionMenuItemsState","useEffect","init"],"sources":["../../../src/hooks/useExtensionMenuItems.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport {\n ExtensionMenuItemsState,\n ExtensionMenuItemsStateParams,\n} from '../state/ExtensionMenuItemsState';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport function useExtensionMenuItems(\n params: Omit<ExtensionMenuItemsStateParams, 'container'~~>,\~~n) {\n const container = useWixPatternsContainer();\n\n const [state] = useState(() => {\n return new ExtensionMenuItemsState({ ...~~params~~, container });\n });\n\n useEffect(() => state.init(), []);\n\n return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAIA,IAAAE,OAAA,GAAAF,OAAA;AAEO,SAASG,qBAAqBA,CACnCC,~~MAAwD~~,~~EACxD~~;EACA,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;~~EAE3C~~,MAAM,~~CAACC~~,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM;IAC7B,~~OAAO~~,~~IAAIC~~,gDAAuB,CAAC;MAAE,~~GAAGL~~,~~MAAM~~;~~MAAEC~~;IAAU,CAAC,CAAC;~~EAC9D~~,CAAC,CAAC;EAEF,~~IAAAK~~,gBAAS,EAAC,~~MAAMH~~,KAAK,CAACI,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;~~EAEjC~~,OAAOJ,KAAK;AACd","ignoreList":[]}
1	+ {"version":3,"names":["_react","require","_ExtensionMenuItemsState","_react2","useExtensionMenuItems","params","container","useWixPatternsContainer","extension","stateParams","state","useState","ExtensionMenuItemsState","useEffect","init"],"sources":["../../../src/hooks/useExtensionMenuItems.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport {\n ExtensionMenuItemsState,\n ExtensionMenuItemsStateParams,\n} from '../state/ExtensionMenuItemsState';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport function useExtensionMenuItems(\n params: Omit<ExtensionMenuItemsStateParams, 'container'> & {\n extension?: ExtensionMenuItemsState;\n },\n) {\n const container = useWixPatternsContainer();\n const { extension, ...stateParams } = params;\n\n const [state] = useState(() => {\n return (\n extension ?? new ExtensionMenuItemsState({ ...stateParams, container })\n );\n });\n\n useEffect(() => {\n if (!extension) {\n return state.init();\n }\n return () => {};\n }, []);\n\n return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAIA,IAAAE,OAAA,GAAAF,OAAA;AAEO,SAASG,qBAAqBA,CACnCC,MAEC,EACD;EACA,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM;IAAEC,SAAS;IAAE,GAAGC;EAAY,CAAC,GAAGJ,MAAM;EAE5C,MAAM,CAACK,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM;IAC7B,OACEH,SAAS,IAAI,IAAII,gDAAuB,CAAC;MAAE,GAAGH,WAAW;MAAEH;IAAU,CAAC,CAAC;EAE3E,CAAC,CAAC;EAEF,IAAAO,gBAAS,EAAC,MAAM;IACd,IAAI,CAACL,SAAS,EAAE;MACd,OAAOE,KAAK,CAACI,IAAI,CAAC,CAAC;IACrB;IACA,OAAO,MAAM,CAAC,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOJ,KAAK;AACd","ignoreList":[]}