npm - @wix/patterns - Versions diffs - 1.347.0 → 1.349.0 - Mend

@wix/patterns 1.347.0 → 1.349.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 (389) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionCard","_useTableCollectionSyncProps","_CollectionTableWSRTable","_CollectionTableContent","_PageInfiniteScrollLoader","_ActionCell","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_providers","_isValidElement","_CollectionTableStCss","_useIsMobile","_useCollectionTableResize","_SearchableCollectionContent","_jsxFileName","_CollectionTable","props","_state$container$inte","state","tableState","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","dataExtension","tags","views","extraToolbar","bulkActionToolbar","exportButton","exportModal","bulkActionModal","sticky","stickyProp","actionCell","actionCellWidth","actionCellProps","columns","columnsProp","onRowClick","onSortClick","showSelection","showSelectionProp","search","renderError","errorState","err","isOnline","retry","emptyState","noResultsState","children","onSelectedItems","cardProps","minCardHeight","dataHook","topNotification","tableGridSwitchButton","useShowLoaderWhenEmpty","useNewInfiniteScrollLoader","dragAndDrop","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropCancel","dragAndDropReorderModeToolbar","horizontalScroll","horizontalScrollProp","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","maxSelection","showTitleBar","toolbar","container","isPanelLayout","BodyElementType","isApplyColumnWidthStyle","rowVerticalPadding","keyedItems","resizeProps","rest","dataExtensionType","isValidElement","type","internalExperiments","enabled","scrollableContentRef","useScrollableContentContext","current","default","createElement","CustomColumns","__self","__source","fileName","lineNumber","columnNumber","isMobile","useIsMobile","isVirtualized","useTableCollectionSyncProps","isUsingTableVirtualization","collection","internalScroll","selectedOrderedColumnsOrAll","bulkSelect","query","isResizable","tableResizeProps","resizePlaceholderColumn","useCollectionTableResize","userResizeProps","columnSizesState","createWSRColumnBase","useCreateWSRColumnBase","transformedColumns","map","column","index","length","render","id","sortable","infoTooltipProps","width","style","restColumn","columnBase","undefined","sortDescending","sort","getIsSortDescending","keyedItem","rowNum","renderedContent","item","searchable","SearchableCollectionContent","actionCellColumn","useActionCellColumn","stickyActionCell","push","columnsWithActions","internalOnSortClick","col","sortMode","clearResult","multiple","st","tableRowSt","classes","tableRowClasses","Table","dataTableRowStyle","table","CollectionTableWSRTable","_extends2","rowClass","root","mobile","result","originQuery","selectionToolbar","SingleCollectionBulkActionToolbar","dynamicRowClass","skin","resizable","onSelectionChanged","_selectedIds","_change","allSelected","selectedValues","selectionDisabled","row","bulk","isRowCheckboxDisabled","TablePlaceholderStates","hasAvailableItems","CollectionTableContent","PageInfiniteScrollLoader","scrollMoreAlways","TableDragAndDropContext","onSubmit","onBulkSubmit","CollectionCard","featuredComponents","value","SingleCollectionBulkActionModal","CollectionTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTable.tsx"],"sourcesContent":["import { Table, TableColumn as WSRTableColumn } from '@wix/design-system';\nimport React, { ReactElement } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { CollectionCard } from '../CollectionCard';\nimport { TableColumn } from '../../model';\nimport { TableState } from '../../state';\nimport { useTableCollectionSyncProps } from './useTableCollectionSyncProps';\nimport type { TableDragAndDropType } from '../TableDragAndDrop';\nimport {\n CollectionTableWSRTable,\n CollectionTableWSRTableBaseProps,\n} from './CollectionTableWSRTable';\nimport { CollectionTableContent } from './CollectionTableContent';\nimport { PageInfiniteScrollLoader } from '../PageInfiniteScrollLoader';\nimport { useActionCellColumn } from '../ActionCell';\nimport {\n BulkActionModalRenderProp,\n BulkActionToolbarRenderProp,\n SingleCollectionBulkActionModal,\n SingleCollectionBulkActionToolbar,\n} from '../BulkAction';\nimport { CollectionTableActionCellProps } from './CollectionTableBaseCommonProps';\nimport {\n type DataExtensionElement,\n DataExtensionProps,\n type DataExtensionType,\n} from '../DataExtension';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport type { TagsElement } from '../Tags';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { useScrollableContentContext } from '../../providers';\nimport { isValidElement } from '../isValidElement';\nimport { st, classes } from './CollectionTable.st.css.js';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { useCollectionTableResize } from '../../hooks/useCollectionTableResize';\nimport { SearchableCollectionContent } from '../SearchableCollectionContent/SearchableCollectionContent';\n\nexport interface CollectionTableBaseProps<T, F extends FiltersMap>\n extends Omit<CollectionTableWSRTableBaseProps<T, T, F>, 'resizable'>,\n CollectionTableActionCellProps<T, F> {\n /*\n Defines the columns of the table. Accepts an array of [`TableColumn`](./?path=/story/common-types--tablecolumn) objects.\n * @overrideType [TableColumn](./?path=/story/common-types--tablecolumn)[]\n * @external\n /\n columns: TableColumn<T>[];\n\n /\n Whether to show a checkbox column for selecting items.\n * @default false\n * @external\n /\n showSelection?: boolean;\n /\n A callback method to be called on row click. Signature: `onRowClick(rowData, rowNum)`. To enable hover effect you should set this prop.\n * @external\n /\n onRowClick?: (item: T, index: number) => void;\n /\n A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar.\n /\n exportButton?: ReactElement;\n\n /\n Adds functionality to allow visitors to reorder items manually.\n * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n * @overrideType [TableDragAndDrop](./?path=/story/features-sort-drag-and-drop--tabledraganddrop)\n * @external\n /\n dragAndDrop?: TableDragAndDropType;\n\n /\n Data extension implementation: `import { DataExtension } from '@wix/patterns';`\n /\n dataExtension?: DataExtensionType \| DataExtensionElement;\n\n tags?: TagsElement<T, F>;\n\n /\n A function that receives the item of the row and returns a string for tooltip content.\n * @external\n /\n checkboxTooltipContent?: (rowData: KeyedItem<T>) => string \| undefined;\n\n /\n Render a custom toolbar when more than 1 item is selected.<br>\n * The function accepts the following parameters\n * * `selectedValues`: The items that were checked via the selection column\n * * `uncheckedValues`: The items that were unchecked via the selection column\n * * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n * * `openModal`: Opens the modal that contains the component from `bulkActionModal` render prop\n * * `clearSelection`: Clears all existing selection, call this after the action on the selected items was done\n * * `total`: Total items in the server (taken from [`fetchData`](./?path=/story/common-hooks--usecollection) return value).\n * * `openConfirmModal`: Opens a `<MessageModalLayout/>` to confirm an action about to be applied on the selected items.\n * * `query`: ComputedQuery<F> - Representation of the current paging, sorting & filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`\n \n > When passed, enables `showSelection` by default.\n * @external\n /\n bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n /\n Opens a modal from the [`MultiBulkActionToolbar`](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar).\n * Supported parameters:\n * + `selectedValues`: Selected item values.\n * + `uncheckedValues`: Unselected item values.\n * + `isSelectAll`: [bool] Whether the Select All option is selected.\n * + `closeModal`: Closes the modal.\n * + `query`: [object] Instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted in an empty state. Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`.\n * @external\n */\n bulkActionModal?: BulkActionModalRenderProp<T, F>;\n}\n\nexport interface CollectionTableProps<T, F extends FiltersMap>\n extends CollectionTableBaseProps<T, F> {\n state: TableState<T, F>;\n keyedItems?: KeyedItem<T>[];\n}\n\nfunction _CollectionTable<T, F extends FiltersMap = FiltersMap>(\n props: CollectionTableProps<T, F>,\n) {\n const {\n state: tableState,\n filters,\n title,\n tabs,\n customColumns: customColumnsProp,\n multiLevelSorting: multiLevelSortingProp,\n dataExtension,\n tags,\n views,\n extraToolbar,\n bulkActionToolbar,\n exportButton,\n exportModal,\n bulkActionModal,\n sticky: stickyProp,\n actionCell,\n actionCellWidth,\n actionCellProps,\n columns: columnsProp,\n onRowClick,\n onSortClick,\n showSelection: showSelectionProp,\n search,\n renderError,\n errorState = renderError &&\n (((err, { isOnline, retry }) =>\n renderError?.({\n err,\n isOnline,\n retry,\n })) as CollectionTableProps<T, F>['errorState']),\n emptyState,\n noResultsState,\n children,\n onSelectedItems,\n cardProps,\n minCardHeight,\n dataHook,\n topNotification,\n tableGridSwitchButton,\n useShowLoaderWhenEmpty,\n useNewInfiniteScrollLoader,\n dragAndDrop,\n dragAndDropBulkSubmit,\n dragAndDropSubmit,\n dragAndDropCancel,\n dragAndDropReorderModeToolbar,\n horizontalScroll: horizontalScrollProp,\n stickyColumns,\n stickySelectionColumn,\n hideBulkSelectionCheckbox,\n maxSelection,\n showTitleBar = !tableState.toolbar.container.isPanelLayout,\n BodyElementType,\n isApplyColumnWidthStyle,\n rowVerticalPadding,\n keyedItems,\n resizeProps,\n ...rest\n } = props;\n\n const dataExtensionType = isValidElement<\n DataExtensionProps,\n DataExtensionType\n >(dataExtension)\n ? dataExtension.type\n : dataExtension;\n\n const state = tableState.toolbar;\n\n const horizontalScroll =\n horizontalScrollProp ??\n state.container.internalExperiments?.enabled(\n 'specs.cairo.HorizontalScrollAsDefault',\n );\n\n const { scrollableContentRef } = useScrollableContentContext();\n\n const sticky = stickyProp ?? scrollableContentRef?.current != null;\n\n const customColumns =\n props.customColumns \|\|\n (dataExtensionType && <dataExtensionType.CustomColumns />);\n\n const isMobile = useIsMobile();\n\n const showSelection = isMobile\n ? bulkActionToolbar != null\n : showSelectionProp ?? bulkActionToolbar != null;\n\n const isVirtualized = !!BodyElementType;\n\n useTableCollectionSyncProps({\n ...props,\n dataExtension,\n showSelection,\n customColumns,\n tags,\n isUsingTableVirtualization: isVirtualized,\n });\n\n const { collection, internalScroll } = state;\n\n const { selectedOrderedColumnsOrAll } = state;\n\n const { bulkSelect, query } = collection;\n\n const { isResizable, tableResizeProps, resizePlaceholderColumn } =\n useCollectionTableResize({\n columns: columnsProp,\n userResizeProps: resizeProps,\n horizontalScroll,\n columnSizesState: state.columnSizesState,\n isVirtualized,\n });\n\n const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n const transformedColumns: WSRTableColumn<KeyedItem<T>>[] =\n selectedOrderedColumnsOrAll.map((column, index, { length }) => {\n const {\n render,\n id,\n sortable,\n infoTooltipProps,\n title,\n width,\n style,\n ...restColumn\n } = column;\n\n const columnBase = createWSRColumnBase(column, index, length);\n\n const resizeProps = isResizable ? { id: column.id } : undefined;\n\n return {\n ...restColumn,\n ...columnBase,\n resizeProps,\n ...(isApplyColumnWidthStyle ? undefined : { style, width }),\n sortDescending:\n sortable && id ? query.sort.getIsSortDescending(id) : undefined,\n render: (keyedItem: KeyedItem<T>, rowNum: number) => {\n const renderedContent = render(keyedItem.item, rowNum);\n return column.searchable ? (\n <SearchableCollectionContent>\n {renderedContent}\n </SearchableCollectionContent>\n ) : (\n renderedContent\n );\n },\n };\n });\n\n const actionCellColumn = useActionCellColumn({\n actionCellProps: {\n ...(actionCellProps ?? {}),\n stickyActionCell: horizontalScroll \|\| actionCellProps?.stickyActionCell,\n },\n actionCellWidth,\n collection,\n sticky,\n actionCell,\n });\n\n if (isResizable) {\n transformedColumns.push(resizePlaceholderColumn);\n }\n\n const columnsWithActions: WSRTableColumn<KeyedItem<T>>[] = actionCellColumn\n ? [...transformedColumns, actionCellColumn]\n : transformedColumns;\n\n const internalOnSortClick = (col: TableColumn<F>, index: number) => {\n onSortClick?.(col, index);\n\n if (col.id != null) {\n state.collection.sort(\n { id: col.id, sortMode: col.sortMode },\n {\n clearResult: true,\n multiple: multiLevelSortingProp !== undefined,\n },\n );\n }\n };\n\n const { st: tableRowSt, classes: tableRowClasses } = Table.dataTableRowStyle;\n\n let table = (\n <CollectionTableWSRTable\n rowClass={st(classes.root, { mobile: isMobile })}\n {...props}\n topNotification={\n typeof topNotification === 'function'\n ? () => topNotification({ query: collection.result.originQuery })\n : topNotification\n }\n customColumns={customColumns}\n rowVerticalPadding={isMobile ? 'medium' : rowVerticalPadding}\n dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n selectionToolbar={\n bulkActionToolbar && (\n <SingleCollectionBulkActionToolbar\n state={state}\n bulkActionToolbar={bulkActionToolbar}\n />\n )\n }\n dynamicRowClass={() =>\n tableRowSt(tableRowClasses.root, {\n skin: 'light',\n })\n }\n horizontalScroll={horizontalScroll}\n resizable={isResizable}\n resizeProps={tableResizeProps}\n minCardHeight={minCardHeight}\n sticky={sticky}\n showTitleBar={showTitleBar}\n state={tableState}\n columns={columnsWithActions}\n onSortClick={internalOnSortClick}\n showSelection={showSelection}\n onSelectionChanged={(_selectedIds, _change) => {\n state.onSelectionChanged(_selectedIds, _change);\n onSelectedItems?.(bulkSelect.allSelected, bulkSelect.selectedValues);\n rest.onSelectionChanged?.(_selectedIds, _change);\n }}\n selectionDisabled={(row) => state.bulk.isRowCheckboxDisabled(row)}\n onRowClick={onRowClick && (({ item }, index) => onRowClick(item, index))}\n isApplyColumnWidthStyle={isApplyColumnWidthStyle}\n keyedItems={keyedItems}\n >\n <TablePlaceholderStates\n state={tableState}\n errorState={errorState}\n rowVerticalPadding={rowVerticalPadding}\n showTitleBar={showTitleBar}\n emptyState={emptyState}\n noResultsState={\n typeof noResultsState === 'function'\n ? () => {\n const {\n result: { originQuery, hasAvailableItems },\n } = collection;\n return noResultsState({\n hasAvailableItems,\n query: originQuery,\n });\n }\n : noResultsState\n }\n />\n\n <CollectionTableContent state={tableState}>\n {useNewInfiniteScrollLoader \|\| internalScroll ? (\n <PageInfiniteScrollLoader\n dataHook=\"infinite-scroll-loader\"\n state={collection}\n scrollMoreAlways\n />\n ) : undefined}\n {children}\n </CollectionTableContent>\n </CollectionTableWSRTable>\n );\n\n if (dragAndDrop) {\n const { TableDragAndDropContext } = dragAndDrop;\n table = (\n <TableDragAndDropContext\n state={state}\n onSubmit={dragAndDropSubmit}\n onBulkSubmit={dragAndDropBulkSubmit}\n >\n {table}\n </TableDragAndDropContext>\n );\n }\n\n return (\n <CollectionCard\n errorState={errorState}\n state={state}\n dataHook={dataHook}\n dataExtension={dataExtensionType}\n tags={tags}\n {...cardProps}\n >\n {exportModal ?? state.featuredComponents.exportModal.value}\n {bulkActionModal && (\n <SingleCollectionBulkActionModal\n state={state}\n bulkActionModal={bulkActionModal}\n />\n )}\n {table}\n </CollectionCard>\n );\n}\n\nexport const CollectionTable = observer(_CollectionTable);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionCard","_useTableCollectionSyncProps","_CollectionTableWSRTable","_CollectionTableContent","_PageInfiniteScrollLoader","_ActionCell","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_providers","_isValidElement","_CollectionTableStCss","_useIsMobile","_useCollectionTableResize","_SearchableCollectionContent","_jsxFileName","_CollectionTable","props","_state$container$inte","state","tableState","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","dataExtension","tags","views","extraToolbar","bulkActionToolbar","exportButton","exportModal","bulkActionModal","sticky","stickyProp","actionCell","actionCellWidth","actionCellProps","columns","columnsProp","onRowClick","onSortClick","showSelection","showSelectionProp","search","renderError","errorState","err","isOnline","retry","emptyState","noResultsState","children","onSelectedItems","cardProps","minCardHeight","dataHook","topNotification","tableGridSwitchButton","useShowLoaderWhenEmpty","useNewInfiniteScrollLoader","dragAndDrop","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropCancel","dragAndDropReorderModeToolbar","horizontalScroll","horizontalScrollProp","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","maxSelection","showTitleBar","toolbar","container","isPanelLayout","BodyElementType","isApplyColumnWidthStyle","rowVerticalPadding","keyedItems","resizeProps","rest","dataExtensionType","isValidElement","type","internalExperiments","enabled","scrollableContentRef","useScrollableContentContext","current","default","createElement","CustomColumns","__self","__source","fileName","lineNumber","columnNumber","isMobile","useIsMobile","isVirtualized","useTableCollectionSyncProps","isUsingTableVirtualization","collection","internalScroll","selectedOrderedColumnsOrAll","bulkSelect","query","isResizable","tableResizeProps","resizePlaceholderColumn","useCollectionTableResize","userResizeProps","columnSizesState","createWSRColumnBase","useCreateWSRColumnBase","transformedColumns","map","column","index","length","render","id","sortable","infoTooltipProps","width","style","restColumn","columnBase","undefined","sortDescending","sort","getIsSortDescending","keyedItem","rowNum","renderedContent","item","searchable","SearchableCollectionContent","actionCellColumn","useActionCellColumn","stickyActionCell","push","columnsWithActions","internalOnSortClick","col","sortMode","clearResult","multiple","st","tableRowSt","classes","tableRowClasses","Table","dataTableRowStyle","table","CollectionTableWSRTable","_extends2","rowClass","root","mobile","result","originQuery","selectionToolbar","SingleCollectionBulkActionToolbar","dynamicRowClass","skin","resizable","onSelectionChanged","_selectedIds","_change","allSelected","selectedValues","selectionDisabled","row","bulk","isRowCheckboxDisabled","TablePlaceholderStates","hasAvailableItems","CollectionTableContent","PageInfiniteScrollLoader","scrollMoreAlways","TableDragAndDropContext","onSubmit","onBulkSubmit","CollectionCard","featuredComponents","value","SingleCollectionBulkActionModal","CollectionTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTable.tsx"],"sourcesContent":["import { Table, TableColumn as WSRTableColumn } from '@wix/design-system';\nimport React, { ReactElement } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { CollectionCard } from '../CollectionCard';\nimport { TableColumn } from '../../model';\nimport { TableState } from '../../state';\nimport { useTableCollectionSyncProps } from './useTableCollectionSyncProps';\nimport type { TableDragAndDropType } from '../TableDragAndDrop';\nimport {\n CollectionTableWSRTable,\n CollectionTableWSRTableBaseProps,\n} from './CollectionTableWSRTable';\nimport { CollectionTableContent } from './CollectionTableContent';\nimport { PageInfiniteScrollLoader } from '../PageInfiniteScrollLoader';\nimport { useActionCellColumn } from '../ActionCell';\nimport {\n BulkActionModalRenderProp,\n BulkActionToolbarRenderProp,\n SingleCollectionBulkActionModal,\n SingleCollectionBulkActionToolbar,\n} from '../BulkAction';\nimport { CollectionTableActionCellProps } from './CollectionTableBaseCommonProps';\nimport {\n type DataExtensionElement,\n DataExtensionProps,\n type DataExtensionType,\n} from '../DataExtension';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport type { TagsElement } from '../Tags';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { useScrollableContentContext } from '../../providers';\nimport { isValidElement } from '../isValidElement';\nimport { st, classes } from './CollectionTable.st.css.js';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { useCollectionTableResize } from '../../hooks/useCollectionTableResize';\nimport { SearchableCollectionContent } from '../SearchableCollectionContent/SearchableCollectionContent';\n\nexport interface CollectionTableBaseProps<T, F extends FiltersMap>\n extends Omit<CollectionTableWSRTableBaseProps<T, T, F>, 'resizable'>,\n CollectionTableActionCellProps<T, F> {\n /*\n Defines the columns of the table. Accepts an array of [`TableColumn`](./?path=/story/common-types--tablecolumn) objects.\n * @overrideType [TableColumn](./?path=/story/common-types--tablecolumn)[]\n * @external\n /\n columns: TableColumn<T>[];\n\n /\n Whether to show a checkbox column for selecting items.\n * @default false\n * @external\n /\n showSelection?: boolean;\n /\n A callback method to be called on row click. Signature: `onRowClick(rowData, rowNum)`. To enable hover effect you should set this prop.\n * @external\n /\n onRowClick?: (item: T, index: number) => void;\n /\n A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar.\n /\n exportButton?: ReactElement;\n\n /\n Adds functionality to allow visitors to reorder items manually.\n * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n * @overrideType [TableDragAndDrop](./?path=/story/features-sort-drag-and-drop--tabledraganddrop)\n * @external\n /\n dragAndDrop?: TableDragAndDropType;\n\n /\n Data extension implementation: `import { DataExtension } from '@wix/patterns';`\n /\n dataExtension?: DataExtensionType \| DataExtensionElement;\n\n tags?: TagsElement<T, F>;\n\n /\n A function that receives the item of the row and returns a string for tooltip content.\n * @external\n /\n checkboxTooltipContent?: (rowData: KeyedItem<T>) => string \| undefined;\n\n /\n Render a custom toolbar when more than 1 item is selected.<br>\n * The function accepts the following parameters\n * * `selectedValues`: The items that were checked via the selection column\n * * `uncheckedValues`: The items that were unchecked via the selection column\n * * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n * * `openModal`: Opens the modal that contains the component from `bulkActionModal` render prop\n * * `clearSelection`: Clears all existing selection, call this after the action on the selected items was done\n * * `total`: Total items in the server (taken from [`fetchData`](./?path=/story/common-hooks--usecollection) return value).\n * * `openConfirmModal`: Opens a `<MessageModalLayout/>` to confirm an action about to be applied on the selected items.\n * * `query`: ComputedQuery<F> - Representation of the current paging, sorting & filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`\n \n > When passed, enables `showSelection` by default.\n * @external\n /\n bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n /\n Opens a modal from the [`MultiBulkActionToolbar`](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar).\n * Supported parameters:\n * + `selectedValues`: Selected item values.\n * + `uncheckedValues`: Unselected item values.\n * + `isSelectAll`: [bool] Whether the Select All option is selected.\n * + `closeModal`: Closes the modal.\n * + `query`: [object] Instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted in an empty state. Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`.\n * @external\n */\n bulkActionModal?: BulkActionModalRenderProp<T, F>;\n}\n\nexport interface CollectionTableProps<T, F extends FiltersMap>\n extends CollectionTableBaseProps<T, F> {\n state: TableState<T, F>;\n keyedItems?: KeyedItem<T>[];\n isUsingExpandCollapse?: boolean;\n}\n\nfunction _CollectionTable<T, F extends FiltersMap = FiltersMap>(\n props: CollectionTableProps<T, F>,\n) {\n const {\n state: tableState,\n filters,\n title,\n tabs,\n customColumns: customColumnsProp,\n multiLevelSorting: multiLevelSortingProp,\n dataExtension,\n tags,\n views,\n extraToolbar,\n bulkActionToolbar,\n exportButton,\n exportModal,\n bulkActionModal,\n sticky: stickyProp,\n actionCell,\n actionCellWidth,\n actionCellProps,\n columns: columnsProp,\n onRowClick,\n onSortClick,\n showSelection: showSelectionProp,\n search,\n renderError,\n errorState = renderError &&\n (((err, { isOnline, retry }) =>\n renderError?.({\n err,\n isOnline,\n retry,\n })) as CollectionTableProps<T, F>['errorState']),\n emptyState,\n noResultsState,\n children,\n onSelectedItems,\n cardProps,\n minCardHeight,\n dataHook,\n topNotification,\n tableGridSwitchButton,\n useShowLoaderWhenEmpty,\n useNewInfiniteScrollLoader,\n dragAndDrop,\n dragAndDropBulkSubmit,\n dragAndDropSubmit,\n dragAndDropCancel,\n dragAndDropReorderModeToolbar,\n horizontalScroll: horizontalScrollProp,\n stickyColumns,\n stickySelectionColumn,\n hideBulkSelectionCheckbox,\n maxSelection,\n showTitleBar = !tableState.toolbar.container.isPanelLayout,\n BodyElementType,\n isApplyColumnWidthStyle,\n rowVerticalPadding,\n keyedItems,\n resizeProps,\n ...rest\n } = props;\n\n const dataExtensionType = isValidElement<\n DataExtensionProps,\n DataExtensionType\n >(dataExtension)\n ? dataExtension.type\n : dataExtension;\n\n const state = tableState.toolbar;\n\n const horizontalScroll =\n horizontalScrollProp ??\n state.container.internalExperiments?.enabled(\n 'specs.cairo.HorizontalScrollAsDefault',\n );\n\n const { scrollableContentRef } = useScrollableContentContext();\n\n const sticky = stickyProp ?? scrollableContentRef?.current != null;\n\n const customColumns =\n props.customColumns \|\|\n (dataExtensionType && <dataExtensionType.CustomColumns />);\n\n const isMobile = useIsMobile();\n\n const showSelection = isMobile\n ? bulkActionToolbar != null\n : showSelectionProp ?? bulkActionToolbar != null;\n\n const isVirtualized = !!BodyElementType;\n\n useTableCollectionSyncProps({\n ...props,\n dataExtension,\n showSelection,\n customColumns,\n tags,\n isUsingTableVirtualization: isVirtualized,\n });\n\n const { collection, internalScroll } = state;\n\n const { selectedOrderedColumnsOrAll } = state;\n\n const { bulkSelect, query } = collection;\n\n const { isResizable, tableResizeProps, resizePlaceholderColumn } =\n useCollectionTableResize({\n columns: columnsProp,\n userResizeProps: resizeProps,\n horizontalScroll,\n columnSizesState: state.columnSizesState,\n isVirtualized,\n });\n\n const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n const transformedColumns: WSRTableColumn<KeyedItem<T>>[] =\n selectedOrderedColumnsOrAll.map((column, index, { length }) => {\n const {\n render,\n id,\n sortable,\n infoTooltipProps,\n title,\n width,\n style,\n ...restColumn\n } = column;\n\n const columnBase = createWSRColumnBase(column, index, length);\n\n const resizeProps = isResizable ? { id: column.id } : undefined;\n\n return {\n ...restColumn,\n ...columnBase,\n resizeProps,\n ...(isApplyColumnWidthStyle ? undefined : { style, width }),\n sortDescending:\n sortable && id ? query.sort.getIsSortDescending(id) : undefined,\n render: (keyedItem: KeyedItem<T>, rowNum: number) => {\n const renderedContent = render(keyedItem.item, rowNum);\n return column.searchable ? (\n <SearchableCollectionContent>\n {renderedContent}\n </SearchableCollectionContent>\n ) : (\n renderedContent\n );\n },\n };\n });\n\n const actionCellColumn = useActionCellColumn({\n actionCellProps: {\n ...(actionCellProps ?? {}),\n stickyActionCell: horizontalScroll \|\| actionCellProps?.stickyActionCell,\n },\n actionCellWidth,\n collection,\n sticky,\n actionCell,\n });\n\n if (isResizable) {\n transformedColumns.push(resizePlaceholderColumn);\n }\n\n const columnsWithActions: WSRTableColumn<KeyedItem<T>>[] = actionCellColumn\n ? [...transformedColumns, actionCellColumn]\n : transformedColumns;\n\n const internalOnSortClick = (col: TableColumn<F>, index: number) => {\n onSortClick?.(col, index);\n\n if (col.id != null) {\n state.collection.sort(\n { id: col.id, sortMode: col.sortMode },\n {\n clearResult: true,\n multiple: multiLevelSortingProp !== undefined,\n },\n );\n }\n };\n\n const { st: tableRowSt, classes: tableRowClasses } = Table.dataTableRowStyle;\n\n let table = (\n <CollectionTableWSRTable\n rowClass={st(classes.root, { mobile: isMobile })}\n {...props}\n topNotification={\n typeof topNotification === 'function'\n ? () => topNotification({ query: collection.result.originQuery })\n : topNotification\n }\n customColumns={customColumns}\n rowVerticalPadding={isMobile ? 'medium' : rowVerticalPadding}\n dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n selectionToolbar={\n bulkActionToolbar && (\n <SingleCollectionBulkActionToolbar\n state={state}\n bulkActionToolbar={bulkActionToolbar}\n />\n )\n }\n dynamicRowClass={() =>\n tableRowSt(tableRowClasses.root, {\n skin: 'light',\n })\n }\n horizontalScroll={horizontalScroll}\n resizable={isResizable}\n resizeProps={tableResizeProps}\n minCardHeight={minCardHeight}\n sticky={sticky}\n showTitleBar={showTitleBar}\n state={tableState}\n columns={columnsWithActions}\n onSortClick={internalOnSortClick}\n showSelection={showSelection}\n onSelectionChanged={(_selectedIds, _change) => {\n state.onSelectionChanged(_selectedIds, _change);\n onSelectedItems?.(bulkSelect.allSelected, bulkSelect.selectedValues);\n rest.onSelectionChanged?.(_selectedIds, _change);\n }}\n selectionDisabled={(row) => state.bulk.isRowCheckboxDisabled(row)}\n onRowClick={onRowClick && (({ item }, index) => onRowClick(item, index))}\n isApplyColumnWidthStyle={isApplyColumnWidthStyle}\n keyedItems={keyedItems}\n >\n <TablePlaceholderStates\n state={tableState}\n errorState={errorState}\n rowVerticalPadding={rowVerticalPadding}\n showTitleBar={showTitleBar}\n emptyState={emptyState}\n noResultsState={\n typeof noResultsState === 'function'\n ? () => {\n const {\n result: { originQuery, hasAvailableItems },\n } = collection;\n return noResultsState({\n hasAvailableItems,\n query: originQuery,\n });\n }\n : noResultsState\n }\n />\n\n <CollectionTableContent state={tableState}>\n {useNewInfiniteScrollLoader \|\| internalScroll ? (\n <PageInfiniteScrollLoader\n dataHook=\"infinite-scroll-loader\"\n state={collection}\n scrollMoreAlways\n />\n ) : undefined}\n {children}\n </CollectionTableContent>\n </CollectionTableWSRTable>\n );\n\n if (dragAndDrop) {\n const { TableDragAndDropContext } = dragAndDrop;\n table = (\n <TableDragAndDropContext\n state={state}\n onSubmit={dragAndDropSubmit}\n onBulkSubmit={dragAndDropBulkSubmit}\n >\n {table}\n </TableDragAndDropContext>\n );\n }\n\n return (\n <CollectionCard\n errorState={errorState}\n state={state}\n dataHook={dataHook}\n dataExtension={dataExtensionType}\n tags={tags}\n {...cardProps}\n >\n {exportModal ?? state.featuredComponents.exportModal.value}\n {bulkActionModal && (\n <SingleCollectionBulkActionModal\n state={state}\n bulkActionModal={bulkActionModal}\n />\n )}\n {table}\n </CollectionCard>\n );\n}\n\nexport const CollectionTable = observer(_CollectionTable);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionTable/CollectionTable.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_ = "CollectionTable3916485732";
+var _namespace_ = "CollectionTable1388505719";
 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": "CollectionTable3916485732__root"
+  "root": "CollectionTable1388505719__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionTable/CollectionTable.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/CollectionTable/CollectionTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~CollectionTable3916485732~~\";\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\":\"~~CollectionTable3916485732__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/CollectionTable/CollectionTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTable1388505719\";\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\":\"CollectionTable1388505719__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionTable/useTableCollectionSyncProps.js CHANGED Viewed

@@ -20,6 +20,7 @@ function useTableCollectionSyncProps(props) {
     checkboxTooltipContent,
     dataExtension,
     isUsingTableVirtualization,
+    isUsingExpandCollapse,
     dragAndDropReorderModeToolbar
   } = props;
   (0, _assertComponentType.assertComponentType)(customColumns, 'CustomColumns', 'customColumns');
@@ -34,7 +35,8 @@ function useTableCollectionSyncProps(props) {
     isUsingBulkActionsToolbar: !!props.bulkActionToolbar,
     isUsingHorizontalScroll: props.horizontalScroll ?? false,
     isUsingFolders: false,
-    isUsingTableVirtualization
+    isUsingTableVirtualization,
+    isUsingExpandCollapse
   });
   (0, _useColumnsSyncProps.useColumnsSyncProps)({
     toolbar: state,

package/dist/cjs/components/CollectionTable/useTableCollectionSyncProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","require","_useToolbarCollectionSyncProps","_assertComponentType","_useColumnsSyncProps","_isValidElement","useTableCollectionSyncProps","props","state","table","customColumns","columns","tableColumns","showSelection","actionCell","multiLevelSorting","views","selectionDisabled","checkboxTooltipContent","dataExtension","isUsingTableVirtualization","dragAndDropReorderModeToolbar","assertComponentType","toolbar","useToolbarCollectionSyncProps","isUsingDragAndDrop","dragAndDrop","isUsingBulkActionsToolbar","bulkActionToolbar","isUsingHorizontalScroll","horizontalScroll","isUsingFolders","useColumnsSyncProps","useState","isValidElement","type","setDataExtensionOnTable","useEffect","syncTableCollectionProps","setReorderModeState","_dnd","selectionProps","set","bulk","selectionDisabledProp","checkboxTooltipContentProp"],"sources":["../../../../src/components/CollectionTable/useTableCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useState } from 'react';\nimport { CollectionTableProps } from './CollectionTable';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport { assertComponentType } from '../assertComponentType';\nimport {\n CheckboxTooltipContentProp,\n SelectionDisabledProp,\n} from '../../state/BulkActionToolbarState';\nimport { useColumnsSyncProps } from '../../hooks/useColumnsSyncProps';\nimport { DataExtensionProps, DataExtensionType } from '../DataExtension';\nimport { isValidElement } from '../isValidElement';\n\nexport function useTableCollectionSyncProps<T, F extends FiltersMap>(\n props: CollectionTableProps<T, F> & {\n isUsingTableVirtualization: boolean;\n },\n) {\n const {\n state: table,\n customColumns,\n columns: tableColumns,\n showSelection,\n actionCell,\n multiLevelSorting,\n views,\n selectionDisabled,\n checkboxTooltipContent,\n dataExtension,\n isUsingTableVirtualization,\n dragAndDropReorderModeToolbar,\n } = props;\n\n assertComponentType(customColumns, 'CustomColumns', 'customColumns');\n assertComponentType(\n multiLevelSorting,\n 'MultiLevelSorting',\n 'multiLevelSorting',\n );\n assertComponentType(views, 'CollectionViewsDropdown', 'views');\n assertComponentType(\n dragAndDropReorderModeToolbar,\n 'ReorderModeToolbar',\n 'dragAndDropReorderModeToolbar',\n );\n\n const state = table.toolbar;\n\n useToolbarCollectionSyncProps({\n ...props,\n state,\n isUsingDragAndDrop: !!props.dragAndDrop,\n isUsingBulkActionsToolbar: !!props.bulkActionToolbar,\n isUsingHorizontalScroll: props.horizontalScroll ?? false,\n isUsingFolders: false,\n isUsingTableVirtualization,\n });\n\n useColumnsSyncProps({\n toolbar: state,\n customColumns,\n columns: tableColumns,\n });\n\n useState(() => {\n if (isValidElement<DataExtensionProps, DataExtensionType>(dataExtension)) {\n dataExtension.type.setDataExtensionOnTable(state, dataExtension.props);\n } else {\n dataExtension?.setDataExtensionOnTable(state);\n }\n });\n\n useEffect(() => {\n if (!dataExtension) {\n return;\n }\n (isValidElement<DataExtensionProps, DataExtensionType>(dataExtension)\n ? dataExtension.type\n : dataExtension\n ).syncTableCollectionProps(state);\n }, []);\n\n useEffect(() => {\n if (!dragAndDropReorderModeToolbar) {\n return;\n }\n dragAndDropReorderModeToolbar?.type.setReorderModeState(state);\n }, [state._dnd, dragAndDropReorderModeToolbar]);\n\n useEffect(() => state.selectionProps.set({ showSelection }), [showSelection]);\n useEffect(() => state.actionCell.set(actionCell), [actionCell]);\n\n if (selectionDisabled != null) {\n state.bulk.selectionDisabledProp =\n selectionDisabled as SelectionDisabledProp;\n }\n\n if (checkboxTooltipContent != null) {\n state.bulk.checkboxTooltipContentProp =\n checkboxTooltipContent as CheckboxTooltipContentProp;\n }\n\n return state;\n}\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,8BAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AAKA,IAAAG,oBAAA,GAAAH,OAAA;AAEA,IAAAI,eAAA,GAAAJ,OAAA;AAEO,SAASK,2BAA2BA,CACzCC,~~KAEC~~,EACD;EACA,MAAM;IACJC,KAAK,EAAEC,KAAK;IACZC,aAAa;IACbC,OAAO,EAAEC,YAAY;IACrBC,aAAa;IACbC,UAAU;IACVC,iBAAiB;IACjBC,KAAK;IACLC,iBAAiB;IACjBC,sBAAsB;IACtBC,aAAa;IACbC,0BAA0B;IAC1BC;EACF,CAAC,~~GAAGd~~,KAAK;EAET,~~IAAAe~~,wCAAmB,~~EAACZ~~,aAAa,EAAE,eAAe,EAAE,eAAe,CAAC;EACpE,~~IAAAY~~,wCAAmB,~~EACjBP~~,iBAAiB,EACjB,mBAAmB,EACnB,mBACF,CAAC;EACD,~~IAAAO~~,wCAAmB,~~EAACN~~,KAAK,EAAE,yBAAyB,EAAE,OAAO,CAAC;EAC9D,~~IAAAM~~,wCAAmB,EACjBD,6BAA6B,EAC7B,oBAAoB,EACpB,+BACF,CAAC;EAED,~~MAAMb~~,KAAK,GAAGC,KAAK,~~CAACc~~,OAAO;EAE3B,IAAAC,4DAA6B,EAAC;IAC5B,~~GAAGjB~~,KAAK;IACRC,KAAK;~~IACLiB~~,kBAAkB,EAAE,CAAC,~~CAAClB~~,KAAK,~~CAACmB~~,WAAW;IACvCC,yBAAyB,EAAE,CAAC,~~CAACpB~~,KAAK,~~CAACqB~~,iBAAiB;IACpDC,uBAAuB,~~EAAEtB~~,KAAK,~~CAACuB~~,gBAAgB,IAAI,KAAK;IACxDC,cAAc,EAAE,KAAK;~~IACrBX~~;EACF,CAAC,CAAC;EAEF,IAAAY,wCAAmB,EAAC;IAClBT,OAAO,~~EAAEf~~,KAAK;IACdE,aAAa;IACbC,OAAO,EAAEC;EACX,CAAC,CAAC;EAEF,~~IAAAqB~~,eAAQ,EAAC,MAAM;IACb,IAAI,IAAAC,8BAAc,~~EAAwCf~~,aAAa,CAAC,EAAE;MACxEA,aAAa,~~CAACgB~~,IAAI,CAACC,uBAAuB,~~CAAC5B~~,KAAK,EAAEW,aAAa,CAACZ,KAAK,CAAC;IACxE,CAAC,MAAM;MACLY,aAAa,YAAbA,aAAa,~~CAAEiB~~,uBAAuB,~~CAAC5B~~,KAAK,CAAC;IAC/C;EACF,CAAC,CAAC;EAEF,~~IAAA6B~~,gBAAS,EAAC,MAAM;IACd,IAAI,~~CAAClB~~,aAAa,EAAE;MAClB;IACF;IACA,CAAC,~~IAAAe~~,8BAAc,~~EAAwCf~~,aAAa,CAAC,GACjEA,aAAa,~~CAACgB~~,IAAI,~~GAClBhB~~,aAAa,~~EACfmB~~,wBAAwB,~~CAAC9B~~,KAAK,CAAC;EACnC,CAAC,EAAE,EAAE,CAAC;EAEN,~~IAAA6B~~,gBAAS,EAAC,MAAM;IACd,IAAI,CAAChB,6BAA6B,EAAE;MAClC;IACF;IACAA,6BAA6B,YAA7BA,6BAA6B,CAAEc,IAAI,CAACI,mBAAmB,~~CAAC/B~~,KAAK,CAAC;EAChE,CAAC,EAAE,CAACA,KAAK,~~CAACgC~~,IAAI,EAAEnB,6BAA6B,CAAC,CAAC;EAE/C,IAAAgB,gBAAS,EAAC,~~MAAM7B~~,KAAK,~~CAACiC~~,cAAc,CAACC,GAAG,CAAC;~~IAAE7B~~;EAAc,CAAC,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAC7E,~~IAAAwB~~,gBAAS,EAAC,~~MAAM7B~~,KAAK,CAACM,UAAU,~~CAAC4B~~,GAAG,~~CAAC5B~~,UAAU,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAE/D,IAAIG,iBAAiB,IAAI,IAAI,EAAE;IAC7BT,KAAK,~~CAACmC~~,IAAI,CAACC,qBAAqB,~~GAC9B3B~~,iBAA0C;EAC9C;EAEA,IAAIC,sBAAsB,IAAI,IAAI,EAAE;IAClCV,KAAK,~~CAACmC~~,IAAI,CAACE,0BAA0B,~~GACnC3B~~,sBAAoD;EACxD;EAEA,OAAOV,KAAK;AACd","ignoreList":[]}
1	+ {"version":3,"names":["_react","require","_useToolbarCollectionSyncProps","_assertComponentType","_useColumnsSyncProps","_isValidElement","useTableCollectionSyncProps","props","state","table","customColumns","columns","tableColumns","showSelection","actionCell","multiLevelSorting","views","selectionDisabled","checkboxTooltipContent","dataExtension","isUsingTableVirtualization","isUsingExpandCollapse","dragAndDropReorderModeToolbar","assertComponentType","toolbar","useToolbarCollectionSyncProps","isUsingDragAndDrop","dragAndDrop","isUsingBulkActionsToolbar","bulkActionToolbar","isUsingHorizontalScroll","horizontalScroll","isUsingFolders","useColumnsSyncProps","useState","isValidElement","type","setDataExtensionOnTable","useEffect","syncTableCollectionProps","setReorderModeState","_dnd","selectionProps","set","bulk","selectionDisabledProp","checkboxTooltipContentProp"],"sources":["../../../../src/components/CollectionTable/useTableCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useState } from 'react';\nimport { CollectionTableProps } from './CollectionTable';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport { assertComponentType } from '../assertComponentType';\nimport {\n CheckboxTooltipContentProp,\n SelectionDisabledProp,\n} from '../../state/BulkActionToolbarState';\nimport { useColumnsSyncProps } from '../../hooks/useColumnsSyncProps';\nimport { DataExtensionProps, DataExtensionType } from '../DataExtension';\nimport { isValidElement } from '../isValidElement';\n\nexport function useTableCollectionSyncProps<T, F extends FiltersMap>(\n props: CollectionTableProps<T, F> & {\n isUsingTableVirtualization: boolean;\n isUsingExpandCollapse?: boolean;\n },\n) {\n const {\n state: table,\n customColumns,\n columns: tableColumns,\n showSelection,\n actionCell,\n multiLevelSorting,\n views,\n selectionDisabled,\n checkboxTooltipContent,\n dataExtension,\n isUsingTableVirtualization,\n isUsingExpandCollapse,\n dragAndDropReorderModeToolbar,\n } = props;\n\n assertComponentType(customColumns, 'CustomColumns', 'customColumns');\n assertComponentType(\n multiLevelSorting,\n 'MultiLevelSorting',\n 'multiLevelSorting',\n );\n assertComponentType(views, 'CollectionViewsDropdown', 'views');\n assertComponentType(\n dragAndDropReorderModeToolbar,\n 'ReorderModeToolbar',\n 'dragAndDropReorderModeToolbar',\n );\n\n const state = table.toolbar;\n\n useToolbarCollectionSyncProps({\n ...props,\n state,\n isUsingDragAndDrop: !!props.dragAndDrop,\n isUsingBulkActionsToolbar: !!props.bulkActionToolbar,\n isUsingHorizontalScroll: props.horizontalScroll ?? false,\n isUsingFolders: false,\n isUsingTableVirtualization,\n isUsingExpandCollapse,\n });\n\n useColumnsSyncProps({\n toolbar: state,\n customColumns,\n columns: tableColumns,\n });\n\n useState(() => {\n if (isValidElement<DataExtensionProps, DataExtensionType>(dataExtension)) {\n dataExtension.type.setDataExtensionOnTable(state, dataExtension.props);\n } else {\n dataExtension?.setDataExtensionOnTable(state);\n }\n });\n\n useEffect(() => {\n if (!dataExtension) {\n return;\n }\n (isValidElement<DataExtensionProps, DataExtensionType>(dataExtension)\n ? dataExtension.type\n : dataExtension\n ).syncTableCollectionProps(state);\n }, []);\n\n useEffect(() => {\n if (!dragAndDropReorderModeToolbar) {\n return;\n }\n dragAndDropReorderModeToolbar?.type.setReorderModeState(state);\n }, [state._dnd, dragAndDropReorderModeToolbar]);\n\n useEffect(() => state.selectionProps.set({ showSelection }), [showSelection]);\n useEffect(() => state.actionCell.set(actionCell), [actionCell]);\n\n if (selectionDisabled != null) {\n state.bulk.selectionDisabledProp =\n selectionDisabled as SelectionDisabledProp;\n }\n\n if (checkboxTooltipContent != null) {\n state.bulk.checkboxTooltipContentProp =\n checkboxTooltipContent as CheckboxTooltipContentProp;\n }\n\n return state;\n}\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,8BAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AAKA,IAAAG,oBAAA,GAAAH,OAAA;AAEA,IAAAI,eAAA,GAAAJ,OAAA;AAEO,SAASK,2BAA2BA,CACzCC,KAGC,EACD;EACA,MAAM;IACJC,KAAK,EAAEC,KAAK;IACZC,aAAa;IACbC,OAAO,EAAEC,YAAY;IACrBC,aAAa;IACbC,UAAU;IACVC,iBAAiB;IACjBC,KAAK;IACLC,iBAAiB;IACjBC,sBAAsB;IACtBC,aAAa;IACbC,0BAA0B;IAC1BC,qBAAqB;IACrBC;EACF,CAAC,GAAGf,KAAK;EAET,IAAAgB,wCAAmB,EAACb,aAAa,EAAE,eAAe,EAAE,eAAe,CAAC;EACpE,IAAAa,wCAAmB,EACjBR,iBAAiB,EACjB,mBAAmB,EACnB,mBACF,CAAC;EACD,IAAAQ,wCAAmB,EAACP,KAAK,EAAE,yBAAyB,EAAE,OAAO,CAAC;EAC9D,IAAAO,wCAAmB,EACjBD,6BAA6B,EAC7B,oBAAoB,EACpB,+BACF,CAAC;EAED,MAAMd,KAAK,GAAGC,KAAK,CAACe,OAAO;EAE3B,IAAAC,4DAA6B,EAAC;IAC5B,GAAGlB,KAAK;IACRC,KAAK;IACLkB,kBAAkB,EAAE,CAAC,CAACnB,KAAK,CAACoB,WAAW;IACvCC,yBAAyB,EAAE,CAAC,CAACrB,KAAK,CAACsB,iBAAiB;IACpDC,uBAAuB,EAAEvB,KAAK,CAACwB,gBAAgB,IAAI,KAAK;IACxDC,cAAc,EAAE,KAAK;IACrBZ,0BAA0B;IAC1BC;EACF,CAAC,CAAC;EAEF,IAAAY,wCAAmB,EAAC;IAClBT,OAAO,EAAEhB,KAAK;IACdE,aAAa;IACbC,OAAO,EAAEC;EACX,CAAC,CAAC;EAEF,IAAAsB,eAAQ,EAAC,MAAM;IACb,IAAI,IAAAC,8BAAc,EAAwChB,aAAa,CAAC,EAAE;MACxEA,aAAa,CAACiB,IAAI,CAACC,uBAAuB,CAAC7B,KAAK,EAAEW,aAAa,CAACZ,KAAK,CAAC;IACxE,CAAC,MAAM;MACLY,aAAa,YAAbA,aAAa,CAAEkB,uBAAuB,CAAC7B,KAAK,CAAC;IAC/C;EACF,CAAC,CAAC;EAEF,IAAA8B,gBAAS,EAAC,MAAM;IACd,IAAI,CAACnB,aAAa,EAAE;MAClB;IACF;IACA,CAAC,IAAAgB,8BAAc,EAAwChB,aAAa,CAAC,GACjEA,aAAa,CAACiB,IAAI,GAClBjB,aAAa,EACfoB,wBAAwB,CAAC/B,KAAK,CAAC;EACnC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAA8B,gBAAS,EAAC,MAAM;IACd,IAAI,CAAChB,6BAA6B,EAAE;MAClC;IACF;IACAA,6BAA6B,YAA7BA,6BAA6B,CAAEc,IAAI,CAACI,mBAAmB,CAAChC,KAAK,CAAC;EAChE,CAAC,EAAE,CAACA,KAAK,CAACiC,IAAI,EAAEnB,6BAA6B,CAAC,CAAC;EAE/C,IAAAgB,gBAAS,EAAC,MAAM9B,KAAK,CAACkC,cAAc,CAACC,GAAG,CAAC;IAAE9B;EAAc,CAAC,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAC7E,IAAAyB,gBAAS,EAAC,MAAM9B,KAAK,CAACM,UAAU,CAAC6B,GAAG,CAAC7B,UAAU,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAE/D,IAAIG,iBAAiB,IAAI,IAAI,EAAE;IAC7BT,KAAK,CAACoC,IAAI,CAACC,qBAAqB,GAC9B5B,iBAA0C;EAC9C;EAEA,IAAIC,sBAAsB,IAAI,IAAI,EAAE;IAClCV,KAAK,CAACoC,IAAI,CAACE,0BAA0B,GACnC5B,sBAAoD;EACxD;EAEA,OAAOV,KAAK;AACd","ignoreList":[]}

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "CollectionToolbar1404768459";
+var _namespace_ = "CollectionToolbar3487753527";
 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": "CollectionToolbar1404768459__root",
-  "left": "CollectionToolbar1404768459__left",
-  "right": "CollectionToolbar1404768459__right",
-  "fullWidth": "CollectionToolbar1404768459__fullWidth"
+  "root": "CollectionToolbar3487753527__root",
+  "left": "CollectionToolbar3487753527__left",
+  "right": "CollectionToolbar3487753527__right",
+  "fullWidth": "CollectionToolbar3487753527__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~CollectionToolbar1404768459~~\";\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\":\"~~CollectionToolbar1404768459__root~~\",\"left\":\"~~CollectionToolbar1404768459__left~~\",\"right\":\"~~CollectionToolbar1404768459__right~~\",\"fullWidth\":\"~~CollectionToolbar1404768459__fullWidth~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar3487753527\";\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\":\"CollectionToolbar3487753527__root\",\"left\":\"CollectionToolbar3487753527__left\",\"right\":\"CollectionToolbar3487753527__right\",\"fullWidth\":\"CollectionToolbar3487753527__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.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_ = "SearchOrCustomFilter2881731574";
+var _namespace_ = "SearchOrCustomFilter855055264";
 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": "SearchOrCustomFilter2881731574__root",
-  "search": "SearchOrCustomFilter2881731574__search",
-  "searchMobile": "SearchOrCustomFilter2881731574__searchMobile"
+  "root": "SearchOrCustomFilter855055264__root",
+  "search": "SearchOrCustomFilter855055264__search",
+  "searchMobile": "SearchOrCustomFilter855055264__searchMobile"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.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/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~SearchOrCustomFilter2881731574~~\";\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\":\"~~SearchOrCustomFilter2881731574__root~~\",\"search\":\"~~SearchOrCustomFilter2881731574__search~~\",\"searchMobile\":\"~~SearchOrCustomFilter2881731574__searchMobile~~\"};\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~~,gCAAgC~~;~~AAClD~~,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,~~sCAAsC~~;EAAC,QAAQ,EAAC,~~wCAAwC~~;EAAC,cAAc,EAAC;~~AAA8C~~,CAAC;~~AAC7K~~,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/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter855055264\";\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\":\"SearchOrCustomFilter855055264__root\",\"search\":\"SearchOrCustomFilter855055264__search\",\"searchMobile\":\"SearchOrCustomFilter855055264__searchMobile\"};\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,+BAA+B;AACjD,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,qCAAqC;EAAC,QAAQ,EAAC,uCAAuC;EAAC,cAAc,EAAC;AAA6C,CAAC;AAC1K,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/CollectionToolbarFilters/CollectionToolbarFilters.js CHANGED Viewed

@@ -106,11 +106,11 @@ function _CollectionToolbarFilters(props) {
       filter: filters.search,
       onAppliedFilterTagRemove: onSearchAppliedFilterTagRemove
     }];
-  }, childrenArr.map(({
+  }, [childrenArr.length, ...childrenArr.map(({
     props: {
       filter
     }
-  }) => filter));
+  }) => filter)]);
   (0, _react.useEffect)(() => {
     state.setFilterTagsPropsIfChanged(filtersProps);
     return () => {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_useFiltersLayout","_ToolbarCollectionContext","_AppliedFiltersTagList","_mobxReactLite","_ToolbarItemBox","_AppliedFiltersTagListState","_CollectionToolbarFiltersState","_CollectionFilter","_FiltersPanelSidePanelEntry","_MoreFiltersCTA","_react2","_useFiltersSyncProps","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionToolbarFilters","props","children","inline","maxInlineFilters","maxInlineLabels","panelTitle","onPanelClearButtonClicked","onSearchAppliedFilterTagRemove","onSubToolbarClearButtonClicked","hideAppliedFiltersTagList","useNewFilters","childrenArr","useFiltersSyncProps","state","useToolbarCollectionContext","toolbarFiltersState","useState","CollectionToolbarFiltersState","toolbar","setToolbarFiltersStateInitialized","useEffect","panels","registerSidePanel","FiltersPanelSidePanelEntry","onClearButtonClicked","forceShowSidePanel","useMemo","slice","find","filter","type","displayName","includes","viewsProps","collection","customInlineElements","showFiltersPanelButton","totalInlineFilters","showLabels","useFiltersLayout","filters","length","totalFilters","filterElements","container","useWixPatternsContainer","filtersProps","map","filterChildProps","onAppliedFilterTagRemove","renderToolbarTag","toolbarTagProps","accordionItemProps","renderPresetToolbarTag","filterProps","search","setFilterTagsPropsIfChanged","featuredComponents","moreFiltersButton","createElement","MoreFiltersCTA","__self","__source","fileName","lineNumber","columnNumber","tagListState","AppliedFiltersTagListState","table","disposers","init","appliedFiltersTagList","component","AppliedFiltersTagList","forEach","d","Fragment","key","element","index","_filterProps$toolbarI","ToolbarItemBox","layout","dataHook","label","toolbarItemProps","CollectionFilter","CollectionToolbarFilters","exports","observer"],"sources":["../../../../src/components/CollectionToolbarFilters/CollectionToolbarFilters.tsx"],"sourcesContent":["import React, {\n Fragment,\n ReactNode,\n useEffect,\n useMemo,\n useState,\n} from 'react';\nimport { FilterElement } from './filterElement';\nimport { useFiltersLayout } from './useFiltersLayout';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { AppliedFiltersTagList } from '../AppliedFiltersTagList';\nimport { observer } from 'mobx-react-lite';\nimport { ToolbarItemBox } from '../ToolbarItemBox';\nimport { AppliedFiltersTagListState } from '../AppliedFiltersTagList/AppliedFiltersTagListState';\nimport { CollectionToolbarFiltersState } from './CollectionToolbarFiltersState';\nimport { CollectionFilter } from '../CollectionFilter';\nimport { FiltersPanelSidePanelEntry } from './FiltersPanelSidePanelEntry';\nimport { MoreFiltersCTA } from '../MoreFiltersCTA';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFiltersSyncProps } from './useFiltersSyncProps';\n\nexport interface CollectionToolbarFiltersProps {\n /*\n Number of filter controls to be rendered inside the table toolbar\n /\n inline?: 0 \| 1 \| 2 \| 3;\n /\n A flag that indicates whether Patterns should use a new filters layout our not.\n /\n useNewFilters?: true;\n maxInlineFilters?: number;\n maxInlineLabels?: number;\n /\n Title of the filters panel\n * @external\n /\n panelTitle?: string \| ReactNode;\n /\n `React` children elements, that must accept [FilterProps](./?path=/story/features-filter-props--filterprops), such as:\n * - [MultiSelectCheckboxFilter](./?path=/story/features-filter-components--multiselectcheckboxfilter)\n * - [Custom Filters](./?path=/story/features-filter-factories--customfilter)\n * @external\n */\n children:\n \| (FilterElement \| undefined \| boolean)\n \| (FilterElement \| undefined \| boolean)[];\n onPanelClearButtonClicked?: () => unknown;\n onSearchAppliedFilterTagRemove?: (item: string) => unknown;\n onSubToolbarClearButtonClicked?: () => unknown;\n hideAppliedFiltersTagList?: boolean;\n}\n\nfunction _CollectionToolbarFilters(props: CollectionToolbarFiltersProps) {\n const {\n children,\n inline = 2,\n maxInlineFilters,\n maxInlineLabels,\n panelTitle,\n onPanelClearButtonClicked,\n onSearchAppliedFilterTagRemove,\n onSubToolbarClearButtonClicked,\n hideAppliedFiltersTagList,\n useNewFilters,\n } = props;\n\n const childrenArr = useFiltersSyncProps(children);\n\n const state = useToolbarCollectionContext();\n\n const [toolbarFiltersState] = useState(() => {\n state.toolbarFiltersState ??= new CollectionToolbarFiltersState({\n toolbar: state,\n });\n state.setToolbarFiltersStateInitialized(true);\n return state.toolbarFiltersState;\n });\n\n useEffect(() => {\n state.panels.registerSidePanel('filters', FiltersPanelSidePanelEntry);\n }, []);\n\n useEffect(() => {\n toolbarFiltersState.onClearButtonClicked = onPanelClearButtonClicked;\n }, [onPanelClearButtonClicked]);\n\n const forceShowSidePanel = useMemo(\n () =>\n !!childrenArr.slice(0, inline).find((filter) => {\n return (\n filter.type.displayName &&\n [\n 'DateRangeFilter',\n 'MultiSelectCollectionFilter',\n 'RadioGroupFilter',\n 'MultiInlineCheckboxFilter',\n ].includes(filter.type.displayName)\n );\n }),\n [childrenArr],\n );\n\n const { viewsProps, collection } = state;\n\n const customInlineElements = viewsProps ? 1 : 0;\n\n const { showFiltersPanelButton, totalInlineFilters, showLabels } =\n useFiltersLayout({\n useNewFilters,\n filters: childrenArr.length,\n totalFilters: childrenArr.length + customInlineElements,\n inline,\n maxInlineFilters,\n maxInlineLabels,\n customInlineElements,\n forceShowSidePanel,\n });\n\n useEffect(() => {\n toolbarFiltersState.panelTitle.set(panelTitle);\n }, [panelTitle]);\n\n useEffect(() => {\n toolbarFiltersState.totalInlineFilters.set(totalInlineFilters);\n }, [totalInlineFilters]);\n\n useEffect(() => {\n toolbarFiltersState.filterElements.set(childrenArr);\n }, [childrenArr]);\n\n const container = useWixPatternsContainer();\n const { filters } = collection;\n\n const filtersProps = useMemo(\n () => {\n // share essential filter props globally\n return [\n ...childrenArr.map(({ props: filterChildProps, type }) => {\n const {\n filter,\n onAppliedFilterTagRemove,\n renderToolbarTag,\n toolbarTagProps,\n accordionItemProps,\n } = filterChildProps;\n\n return {\n filter,\n onAppliedFilterTagRemove,\n toolbarTagProps,\n accordionItemProps,\n renderToolbarTag:\n renderToolbarTag ??\n type.renderPresetToolbarTag?.(container, {\n filterProps: filterChildProps,\n }),\n };\n }),\n {\n filter: filters.search,\n onAppliedFilterTagRemove: onSearchAppliedFilterTagRemove,\n },\n ];\n },\n childrenArr.map(({ props: { filter } }) => filter),\n );\n\n useEffect(() => {\n state.setFilterTagsPropsIfChanged(filtersProps);\n\n return () => {\n state.setFilterTagsPropsIfChanged(null);\n };\n }, [filtersProps]);\n\n useEffect(() => {\n if (showFiltersPanelButton) {\n state.featuredComponents.moreFiltersButton.set(() => <MoreFiltersCTA />);\n\n return () => {\n state.featuredComponents.moreFiltersButton.set(null);\n };\n }\n\n state.featuredComponents.moreFiltersButton.set(null);\n\n return;\n }, [showFiltersPanelButton]);\n\n const [tagListState] = useState(\n () =>\n new AppliedFiltersTagListState({\n table: state,\n }),\n );\n\n useEffect(() => {\n const disposers = [tagListState.init()];\n\n if (hideAppliedFiltersTagList) {\n state.featuredComponents.appliedFiltersTagList.set(null);\n } else {\n state.featuredComponents.appliedFiltersTagList.set({\n state: tagListState,\n component: () => (\n <AppliedFiltersTagList\n state={tagListState}\n onClearButtonClicked={onSubToolbarClearButtonClicked}\n />\n ),\n });\n }\n\n return () => {\n disposers.forEach((d) => d());\n state.featuredComponents.appliedFiltersTagList.set(null);\n };\n }, [hideAppliedFiltersTagList]);\n\n return (\n // workaround to support bad enzyme version not detecting this as a valid fragment component\n // https://wix.slack.com/archives/C02K83200PL/p1671962461443749\n <Fragment key=\"toolbar-items\">\n {childrenArr.slice(0, totalInlineFilters).map((element, index) => {\n const { props: filterProps } = element;\n\n return (\n <ToolbarItemBox\n key={index}\n layout={filterProps.layout}\n dataHook={`toolbar-item-filter-${index}`}\n label={showLabels && filterProps.toolbarItemProps?.label}\n >\n {filterProps.filter ? (\n <CollectionFilter\n filter={filterProps.filter}\n state={toolbarFiltersState}\n >\n {element}\n </CollectionFilter>\n ) : (\n element\n )}\n </ToolbarItemBox>\n );\n })}\n </Fragment>\n );\n}\n\nexport const CollectionToolbarFilters = observer(_CollectionToolbarFilters);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_useFiltersLayout","_ToolbarCollectionContext","_AppliedFiltersTagList","_mobxReactLite","_ToolbarItemBox","_AppliedFiltersTagListState","_CollectionToolbarFiltersState","_CollectionFilter","_FiltersPanelSidePanelEntry","_MoreFiltersCTA","_react2","_useFiltersSyncProps","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionToolbarFilters","props","children","inline","maxInlineFilters","maxInlineLabels","panelTitle","onPanelClearButtonClicked","onSearchAppliedFilterTagRemove","onSubToolbarClearButtonClicked","hideAppliedFiltersTagList","useNewFilters","childrenArr","useFiltersSyncProps","state","useToolbarCollectionContext","toolbarFiltersState","useState","CollectionToolbarFiltersState","toolbar","setToolbarFiltersStateInitialized","useEffect","panels","registerSidePanel","FiltersPanelSidePanelEntry","onClearButtonClicked","forceShowSidePanel","useMemo","slice","find","filter","type","displayName","includes","viewsProps","collection","customInlineElements","showFiltersPanelButton","totalInlineFilters","showLabels","useFiltersLayout","filters","length","totalFilters","filterElements","container","useWixPatternsContainer","filtersProps","map","filterChildProps","onAppliedFilterTagRemove","renderToolbarTag","toolbarTagProps","accordionItemProps","renderPresetToolbarTag","filterProps","search","setFilterTagsPropsIfChanged","featuredComponents","moreFiltersButton","createElement","MoreFiltersCTA","__self","__source","fileName","lineNumber","columnNumber","tagListState","AppliedFiltersTagListState","table","disposers","init","appliedFiltersTagList","component","AppliedFiltersTagList","forEach","d","Fragment","key","element","index","_filterProps$toolbarI","ToolbarItemBox","layout","dataHook","label","toolbarItemProps","CollectionFilter","CollectionToolbarFilters","exports","observer"],"sources":["../../../../src/components/CollectionToolbarFilters/CollectionToolbarFilters.tsx"],"sourcesContent":["import React, {\n Fragment,\n ReactNode,\n useEffect,\n useMemo,\n useState,\n} from 'react';\nimport { FilterElement } from './filterElement';\nimport { useFiltersLayout } from './useFiltersLayout';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { AppliedFiltersTagList } from '../AppliedFiltersTagList';\nimport { observer } from 'mobx-react-lite';\nimport { ToolbarItemBox } from '../ToolbarItemBox';\nimport { AppliedFiltersTagListState } from '../AppliedFiltersTagList/AppliedFiltersTagListState';\nimport { CollectionToolbarFiltersState } from './CollectionToolbarFiltersState';\nimport { CollectionFilter } from '../CollectionFilter';\nimport { FiltersPanelSidePanelEntry } from './FiltersPanelSidePanelEntry';\nimport { MoreFiltersCTA } from '../MoreFiltersCTA';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFiltersSyncProps } from './useFiltersSyncProps';\n\nexport interface CollectionToolbarFiltersProps {\n /*\n Number of filter controls to be rendered inside the table toolbar\n /\n inline?: 0 \| 1 \| 2 \| 3;\n /\n A flag that indicates whether Patterns should use a new filters layout our not.\n /\n useNewFilters?: true;\n maxInlineFilters?: number;\n maxInlineLabels?: number;\n /\n Title of the filters panel\n * @external\n /\n panelTitle?: string \| ReactNode;\n /\n `React` children elements, that must accept [FilterProps](./?path=/story/features-filter-props--filterprops), such as:\n * - [MultiSelectCheckboxFilter](./?path=/story/features-filter-components--multiselectcheckboxfilter)\n * - [Custom Filters](./?path=/story/features-filter-factories--customfilter)\n * @external\n */\n children:\n \| (FilterElement \| undefined \| boolean)\n \| (FilterElement \| undefined \| boolean)[];\n onPanelClearButtonClicked?: () => unknown;\n onSearchAppliedFilterTagRemove?: (item: string) => unknown;\n onSubToolbarClearButtonClicked?: () => unknown;\n hideAppliedFiltersTagList?: boolean;\n}\n\nfunction _CollectionToolbarFilters(props: CollectionToolbarFiltersProps) {\n const {\n children,\n inline = 2,\n maxInlineFilters,\n maxInlineLabels,\n panelTitle,\n onPanelClearButtonClicked,\n onSearchAppliedFilterTagRemove,\n onSubToolbarClearButtonClicked,\n hideAppliedFiltersTagList,\n useNewFilters,\n } = props;\n\n const childrenArr = useFiltersSyncProps(children);\n\n const state = useToolbarCollectionContext();\n\n const [toolbarFiltersState] = useState(() => {\n state.toolbarFiltersState ??= new CollectionToolbarFiltersState({\n toolbar: state,\n });\n state.setToolbarFiltersStateInitialized(true);\n return state.toolbarFiltersState;\n });\n\n useEffect(() => {\n state.panels.registerSidePanel('filters', FiltersPanelSidePanelEntry);\n }, []);\n\n useEffect(() => {\n toolbarFiltersState.onClearButtonClicked = onPanelClearButtonClicked;\n }, [onPanelClearButtonClicked]);\n\n const forceShowSidePanel = useMemo(\n () =>\n !!childrenArr.slice(0, inline).find((filter) => {\n return (\n filter.type.displayName &&\n [\n 'DateRangeFilter',\n 'MultiSelectCollectionFilter',\n 'RadioGroupFilter',\n 'MultiInlineCheckboxFilter',\n ].includes(filter.type.displayName)\n );\n }),\n [childrenArr],\n );\n\n const { viewsProps, collection } = state;\n\n const customInlineElements = viewsProps ? 1 : 0;\n\n const { showFiltersPanelButton, totalInlineFilters, showLabels } =\n useFiltersLayout({\n useNewFilters,\n filters: childrenArr.length,\n totalFilters: childrenArr.length + customInlineElements,\n inline,\n maxInlineFilters,\n maxInlineLabels,\n customInlineElements,\n forceShowSidePanel,\n });\n\n useEffect(() => {\n toolbarFiltersState.panelTitle.set(panelTitle);\n }, [panelTitle]);\n\n useEffect(() => {\n toolbarFiltersState.totalInlineFilters.set(totalInlineFilters);\n }, [totalInlineFilters]);\n\n useEffect(() => {\n toolbarFiltersState.filterElements.set(childrenArr);\n }, [childrenArr]);\n\n const container = useWixPatternsContainer();\n const { filters } = collection;\n\n const filtersProps = useMemo(() => {\n // share essential filter props globally\n return [\n ...childrenArr.map(({ props: filterChildProps, type }) => {\n const {\n filter,\n onAppliedFilterTagRemove,\n renderToolbarTag,\n toolbarTagProps,\n accordionItemProps,\n } = filterChildProps;\n\n return {\n filter,\n onAppliedFilterTagRemove,\n toolbarTagProps,\n accordionItemProps,\n renderToolbarTag:\n renderToolbarTag ??\n type.renderPresetToolbarTag?.(container, {\n filterProps: filterChildProps,\n }),\n };\n }),\n {\n filter: filters.search,\n onAppliedFilterTagRemove: onSearchAppliedFilterTagRemove,\n },\n ];\n }, [\n childrenArr.length,\n ...childrenArr.map(({ props: { filter } }) => filter),\n ]);\n\n useEffect(() => {\n state.setFilterTagsPropsIfChanged(filtersProps);\n\n return () => {\n state.setFilterTagsPropsIfChanged(null);\n };\n }, [filtersProps]);\n\n useEffect(() => {\n if (showFiltersPanelButton) {\n state.featuredComponents.moreFiltersButton.set(() => <MoreFiltersCTA />);\n\n return () => {\n state.featuredComponents.moreFiltersButton.set(null);\n };\n }\n\n state.featuredComponents.moreFiltersButton.set(null);\n\n return;\n }, [showFiltersPanelButton]);\n\n const [tagListState] = useState(\n () =>\n new AppliedFiltersTagListState({\n table: state,\n }),\n );\n\n useEffect(() => {\n const disposers = [tagListState.init()];\n\n if (hideAppliedFiltersTagList) {\n state.featuredComponents.appliedFiltersTagList.set(null);\n } else {\n state.featuredComponents.appliedFiltersTagList.set({\n state: tagListState,\n component: () => (\n <AppliedFiltersTagList\n state={tagListState}\n onClearButtonClicked={onSubToolbarClearButtonClicked}\n />\n ),\n });\n }\n\n return () => {\n disposers.forEach((d) => d());\n state.featuredComponents.appliedFiltersTagList.set(null);\n };\n }, [hideAppliedFiltersTagList]);\n\n return (\n // workaround to support bad enzyme version not detecting this as a valid fragment component\n // https://wix.slack.com/archives/C02K83200PL/p1671962461443749\n <Fragment key=\"toolbar-items\">\n {childrenArr.slice(0, totalInlineFilters).map((element, index) => {\n const { props: filterProps } = element;\n\n return (\n <ToolbarItemBox\n key={index}\n layout={filterProps.layout}\n dataHook={`toolbar-item-filter-${index}`}\n label={showLabels && filterProps.toolbarItemProps?.label}\n >\n {filterProps.filter ? (\n <CollectionFilter\n filter={filterProps.filter}\n state={toolbarFiltersState}\n >\n {element}\n </CollectionFilter>\n ) : (\n element\n )}\n </ToolbarItemBox>\n );\n })}\n </Fragment>\n );\n}\n\nexport const CollectionToolbarFilters = observer(_CollectionToolbarFilters);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,2BAAA,GAAAN,OAAA;AACA,IAAAO,8BAAA,GAAAP,OAAA;AACA,IAAAQ,iBAAA,GAAAR,OAAA;AACA,IAAAS,2BAAA,GAAAT,OAAA;AACA,IAAAU,eAAA,GAAAV,OAAA;AACA,IAAAW,OAAA,GAAAX,OAAA;AACA,IAAAY,oBAAA,GAAAZ,OAAA;AAA4D,IAAAa,YAAA;AAAA,SAAAd,wBAAAe,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAjB,uBAAA,YAAAA,CAAAe,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAiC5D,SAASkB,yBAAyBA,CAACC,KAAoC,EAAE;EACvE,MAAM;IACJC,QAAQ;IACRC,MAAM,GAAG,CAAC;IACVC,gBAAgB;IAChBC,eAAe;IACfC,UAAU;IACVC,yBAAyB;IACzBC,8BAA8B;IAC9BC,8BAA8B;IAC9BC,yBAAyB;IACzBC;EACF,CAAC,GAAGV,KAAK;EAET,MAAMW,WAAW,GAAG,IAAAC,wCAAmB,EAACX,QAAQ,CAAC;EAEjD,MAAMY,KAAK,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAE3C,MAAM,CAACC,mBAAmB,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM;IAC3CH,KAAK,CAACE,mBAAmB,KAAzBF,KAAK,CAACE,mBAAmB,GAAK,IAAIE,4DAA6B,CAAC;MAC9DC,OAAO,EAAEL;IACX,CAAC,CAAC;IACFA,KAAK,CAACM,iCAAiC,CAAC,IAAI,CAAC;IAC7C,OAAON,KAAK,CAACE,mBAAmB;EAClC,CAAC,CAAC;EAEF,IAAAK,gBAAS,EAAC,MAAM;IACdP,KAAK,CAACQ,MAAM,CAACC,iBAAiB,CAAC,SAAS,EAAEC,sDAA0B,CAAC;EACvE,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAH,gBAAS,EAAC,MAAM;IACdL,mBAAmB,CAACS,oBAAoB,GAAGlB,yBAAyB;EACtE,CAAC,EAAE,CAACA,yBAAyB,CAAC,CAAC;EAE/B,MAAMmB,kBAAkB,GAAG,IAAAC,cAAO,EAChC,MACE,CAAC,CAACf,WAAW,CAACgB,KAAK,CAAC,CAAC,EAAEzB,MAAM,CAAC,CAAC0B,IAAI,CAAEC,MAAM,IAAK;IAC9C,OACEA,MAAM,CAACC,IAAI,CAACC,WAAW,IACvB,CACE,iBAAiB,EACjB,6BAA6B,EAC7B,kBAAkB,EAClB,2BAA2B,CAC5B,CAACC,QAAQ,CAACH,MAAM,CAACC,IAAI,CAACC,WAAW,CAAC;EAEvC,CAAC,CAAC,EACJ,CAACpB,WAAW,CACd,CAAC;EAED,MAAM;IAAEsB,UAAU;IAAEC;EAAW,CAAC,GAAGrB,KAAK;EAExC,MAAMsB,oBAAoB,GAAGF,UAAU,GAAG,CAAC,GAAG,CAAC;EAE/C,MAAM;IAAEG,sBAAsB;IAAEC,kBAAkB;IAAEC;EAAW,CAAC,GAC9D,IAAAC,kCAAgB,EAAC;IACf7B,aAAa;IACb8B,OAAO,EAAE7B,WAAW,CAAC8B,MAAM;IAC3BC,YAAY,EAAE/B,WAAW,CAAC8B,MAAM,GAAGN,oBAAoB;IACvDjC,MAAM;IACNC,gBAAgB;IAChBC,eAAe;IACf+B,oBAAoB;IACpBV;EACF,CAAC,CAAC;EAEJ,IAAAL,gBAAS,EAAC,MAAM;IACdL,mBAAmB,CAACV,UAAU,CAACZ,GAAG,CAACY,UAAU,CAAC;EAChD,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,IAAAe,gBAAS,EAAC,MAAM;IACdL,mBAAmB,CAACsB,kBAAkB,CAAC5C,GAAG,CAAC4C,kBAAkB,CAAC;EAChE,CAAC,EAAE,CAACA,kBAAkB,CAAC,CAAC;EAExB,IAAAjB,gBAAS,EAAC,MAAM;IACdL,mBAAmB,CAAC4B,cAAc,CAAClD,GAAG,CAACkB,WAAW,CAAC;EACrD,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,MAAMiC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM;IAAEL;EAAQ,CAAC,GAAGN,UAAU;EAE9B,MAAMY,YAAY,GAAG,IAAApB,cAAO,EAAC,MAAM;IACjC;IACA,OAAO,CACL,GAAGf,WAAW,CAACoC,GAAG,CAAC,CAAC;MAAE/C,KAAK,EAAEgD,gBAAgB;MAAElB;IAAK,CAAC,KAAK;MACxD,MAAM;QACJD,MAAM;QACNoB,wBAAwB;QACxBC,gBAAgB;QAChBC,eAAe;QACfC;MACF,CAAC,GAAGJ,gBAAgB;MAEpB,OAAO;QACLnB,MAAM;QACNoB,wBAAwB;QACxBE,eAAe;QACfC,kBAAkB;QAClBF,gBAAgB,EACdA,gBAAgB,KAChBpB,IAAI,CAACuB,sBAAsB,oBAA3BvB,IAAI,CAACuB,sBAAsB,CAAGT,SAAS,EAAE;UACvCU,WAAW,EAAEN;QACf,CAAC,CAAC;MACN,CAAC;IACH,CAAC,CAAC,EACF;MACEnB,MAAM,EAAEW,OAAO,CAACe,MAAM;MACtBN,wBAAwB,EAAE1C;IAC5B,CAAC,CACF;EACH,CAAC,EAAE,CACDI,WAAW,CAAC8B,MAAM,EAClB,GAAG9B,WAAW,CAACoC,GAAG,CAAC,CAAC;IAAE/C,KAAK,EAAE;MAAE6B;IAAO;EAAE,CAAC,KAAKA,MAAM,CAAC,CACtD,CAAC;EAEF,IAAAT,gBAAS,EAAC,MAAM;IACdP,KAAK,CAAC2C,2BAA2B,CAACV,YAAY,CAAC;IAE/C,OAAO,MAAM;MACXjC,KAAK,CAAC2C,2BAA2B,CAAC,IAAI,CAAC;IACzC,CAAC;EACH,CAAC,EAAE,CAACV,YAAY,CAAC,CAAC;EAElB,IAAA1B,gBAAS,EAAC,MAAM;IACd,IAAIgB,sBAAsB,EAAE;MAC1BvB,KAAK,CAAC4C,kBAAkB,CAACC,iBAAiB,CAACjE,GAAG,CAAC,mBAAM7B,MAAA,CAAA0B,OAAA,CAAAqE,aAAA,CAACnF,eAAA,CAAAoF,cAAc;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAApF,YAAA;UAAAqF,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC,CAAC;MAExE,OAAO,MAAM;QACXpD,KAAK,CAAC4C,kBAAkB,CAACC,iBAAiB,CAACjE,GAAG,CAAC,IAAI,CAAC;MACtD,CAAC;IACH;IAEAoB,KAAK,CAAC4C,kBAAkB,CAACC,iBAAiB,CAACjE,GAAG,CAAC,IAAI,CAAC;IAEpD;EACF,CAAC,EAAE,CAAC2C,sBAAsB,CAAC,CAAC;EAE5B,MAAM,CAAC8B,YAAY,CAAC,GAAG,IAAAlD,eAAQ,EAC7B,MACE,IAAImD,sDAA0B,CAAC;IAC7BC,KAAK,EAAEvD;EACT,CAAC,CACL,CAAC;EAED,IAAAO,gBAAS,EAAC,MAAM;IACd,MAAMiD,SAAS,GAAG,CAACH,YAAY,CAACI,IAAI,CAAC,CAAC,CAAC;IAEvC,IAAI7D,yBAAyB,EAAE;MAC7BI,KAAK,CAAC4C,kBAAkB,CAACc,qBAAqB,CAAC9E,GAAG,CAAC,IAAI,CAAC;IAC1D,CAAC,MAAM;MACLoB,KAAK,CAAC4C,kBAAkB,CAACc,qBAAqB,CAAC9E,GAAG,CAAC;QACjDoB,KAAK,EAAEqD,YAAY;QACnBM,SAAS,EAAEA,CAAA,kBACT5G,MAAA,CAAA0B,OAAA,CAAAqE,aAAA,CAAC1F,sBAAA,CAAAwG,qBAAqB;UACpB5D,KAAK,EAAEqD,YAAa;UACpB1C,oBAAoB,EAAEhB,8BAA+B;UAAAqD,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAApF,YAAA;YAAAqF,UAAA;YAAAC,YAAA;UAAA;QAAA,CACtD;MAEL,CAAC,CAAC;IACJ;IAEA,OAAO,MAAM;MACXI,SAAS,CAACK,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAAC,CAAC,CAAC;MAC7B9D,KAAK,CAAC4C,kBAAkB,CAACc,qBAAqB,CAAC9E,GAAG,CAAC,IAAI,CAAC;IAC1D,CAAC;EACH,CAAC,EAAE,CAACgB,yBAAyB,CAAC,CAAC;EAE/B;IAAA;IACE;IACA;IACA7C,MAAA,CAAA0B,OAAA,CAAAqE,aAAA,CAAC/F,MAAA,CAAAgH,QAAQ;MAACC,GAAG,EAAC,eAAe;MAAAhB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApF,YAAA;QAAAqF,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC1BtD,WAAW,CAACgB,KAAK,CAAC,CAAC,EAAEU,kBAAkB,CAAC,CAACU,GAAG,CAAC,CAAC+B,OAAO,EAAEC,KAAK,KAAK;MAAA,IAAAC,qBAAA;MAChE,MAAM;QAAEhF,KAAK,EAAEsD;MAAY,CAAC,GAAGwB,OAAO;MAEtC,oBACElH,MAAA,CAAA0B,OAAA,CAAAqE,aAAA,CAACxF,eAAA,CAAA8G,cAAc;QACbJ,GAAG,EAAEE,KAAM;QACXG,MAAM,EAAE5B,WAAW,CAAC4B,MAAO;QAC3BC,QAAQ,EAAE,uBAAuBJ,KAAK,EAAG;QACzCK,KAAK,EAAE9C,UAAU,MAAA0C,qBAAA,GAAI1B,WAAW,CAAC+B,gBAAgB,qBAA5BL,qBAAA,CAA8BI,KAAK,CAAC;QAAAvB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAApF,YAAA;UAAAqF,UAAA;UAAAC,YAAA;QAAA;MAAA,GAExDX,WAAW,CAACzB,MAAM,gBACjBjE,MAAA,CAAA0B,OAAA,CAAAqE,aAAA,CAACrF,iBAAA,CAAAgH,gBAAgB;QACfzD,MAAM,EAAEyB,WAAW,CAACzB,MAAO;QAC3BhB,KAAK,EAAEE,mBAAoB;QAAA8C,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAApF,YAAA;UAAAqF,UAAA;UAAAC,YAAA;QAAA;MAAA,GAE1Ba,OACe,CAAC,GAEnBA,OAEY,CAAC;IAErB,CAAC,CACO;EAAC;AAEf;AAEO,MAAMS,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,uBAAQ,EAAC1F,yBAAyB,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.js CHANGED Viewed

@@ -19,23 +19,30 @@ function _AutoCompleteReadonly(props) {
     dropdownWidth,
     clearInput
   } = props;
+  const autoCompleteRef = (0, _react.useRef)(null);
   const [state] = (0, _react.useState)(() => props.state ?? new _AutoCompleteReadonlyState.AutoCompleteReadonlyState());
   (0, _react.useEffect)(() => {
     state.clearInput = clearInput;
-  }, [clearInput]);
+    state.autoCompleteRef = autoCompleteRef;
+  }, [clearInput, state]);
   const {
     disableEditing
   } = state;
   const valueOrSelected = (0, _react.useMemo)(() => {
     return disableEditing ? selectedLabel || '' : value;
   }, [value, disableEditing, selectedLabel]);
-  return /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, (0, _extends2.default)({
+    ref: autoCompleteRef
+  }, props, {
     dropdownWidth: dropdownWidth,
     onSelect: (option, sameOptionWasPicked) => {
       props.onSelect == null || props.onSelect(option, sameOptionWasPicked);
       state.onSelect();
     },
-    onFocus: state.onFocus,
+    onFocus: e => {
+      state.onFocus();
+      props.onFocus == null || props.onFocus(e);
+    },
     onBlur: e => {
       props.onBlur == null || props.onBlur(e);
       state.onBlur();
@@ -67,14 +74,14 @@ function _AutoCompleteReadonly(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 75,
+        lineNumber: 85,
         columnNumber: 21
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 31,
+      lineNumber: 37,
       columnNumber: 5
     }
   }));

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_AutoCompleteReadonlyState","_AutoCompleteReadonlyStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_AutoCompleteReadonly","props","_String","value","selectedLabel","dropdownWidth","clearInput","state","useState","AutoCompleteReadonlyState","useEffect","disableEditing","valueOrSelected","useMemo","createElement","AutoComplete","_extends2","onSelect","option","sameOptionWasPicked","onFocus","onBlur","onClickOutside","suffix","String","trim","undefined","placeholder","onKeyDown","nativeEvent","code","onTabKeyDown","clearButton","onClear","onInputClearButtonClick","onOptionsShow","focusOnClearClick","className","st","classes","root","inputElement","Input","__self","__source","fileName","lineNumber","columnNumber","AutoCompleteReadonly","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.tsx"],"sourcesContent":["import { AutoComplete, AutoCompleteProps, Input } from '@wix/design-system';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { AutoCompleteReadonlyState } from './AutoCompleteReadonlyState';\nimport { classes, st } from './AutoCompleteReadonly.st.css.js';\n\nexport interface AutoCompleteReadonlyProps extends AutoCompleteProps {\n selectedLabel?: string;\n state?: AutoCompleteReadonlyState;\n clearInput?: () => void;\n}\n\nfunction _AutoCompleteReadonly(props: AutoCompleteReadonlyProps) {\n const { value, selectedLabel, dropdownWidth, clearInput } = props;\n\n const [state] = useState(\n () => props.state ?? new AutoCompleteReadonlyState(),\n );\n\n useEffect(() => {\n state.clearInput = clearInput;\n }, [clearInput]);\n\n const { disableEditing } = state;\n\n const valueOrSelected = useMemo(() => {\n return disableEditing ? selectedLabel \|\| '' : value;\n }, [value, disableEditing, selectedLabel]);\n\n return (\n <AutoComplete\n {...props}\n dropdownWidth={dropdownWidth}\n onSelect={(option, sameOptionWasPicked) => {\n props.onSelect?.(option, sameOptionWasPicked);\n state.onSelect();\n }}\n onFocus={state.onFocus}\n onBlur={(e) => {\n props.onBlur?.(e);\n state.onBlur();\n }}\n onClickOutside={(e) => {\n props.onClickOutside?.(e);\n state.onClickOutside();\n }}\n suffix={\n !disableEditing && String(value)?.trim() ? undefined : props.suffix\n }\n placeholder={\n !disableEditing && selectedLabel != null\n ? String(selectedLabel)\n : props.placeholder\n }\n onKeyDown={(e) => {\n if (e.nativeEvent.code === 'Tab') {\n state.onTabKeyDown();\n }\n }}\n clearButton={!disableEditing}\n onClear={\n !disableEditing\n ? (e) => {\n props.onClear?.(e);\n state.onInputClearButtonClick();\n }\n : undefined\n }\n value={valueOrSelected}\n onOptionsShow={state.onOptionsShow}\n focusOnClearClick\n className={st(classes.root, {\n disableEditing,\n })}\n inputElement={<Input disableEditing={disableEditing} />}\n />\n );\n}\n\nexport const AutoCompleteReadonly = observer(_AutoCompleteReadonly);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;~~AACA~~,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAJ,OAAA;AACA,IAAAK,0BAAA,GAAAL,OAAA;AAA+D,IAAAM,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAQ/D,SAASkB,qBAAqBA,CAACC,KAAgC,EAAE;EAAA,IAAAC,OAAA;EAC/D,MAAM;IAAEC,KAAK;IAAEC,aAAa;IAAEC,aAAa;IAAEC;EAAW,CAAC,GAAGL,KAAK;~~EAEjE~~,MAAM,~~CAACM~~,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,~~MAAMP~~,KAAK,~~CAACM~~,KAAK,IAAI,IAAIE,oDAAyB,CAAC,CACrD,CAAC;EAED,IAAAC,gBAAS,EAAC,MAAM;IACdH,KAAK,~~CAACD~~,UAAU,GAAGA,UAAU;~~EAC/B~~,CAAC,EAAE,~~CAACA~~,UAAU,CAAC,CAAC;~~EAEhB~~,MAAM;~~IAAEK~~;EAAe,CAAC,GAAGJ,KAAK;EAEhC,MAAMK,eAAe,GAAG,IAAAC,cAAO,EAAC,MAAM;IACpC,OAAOF,cAAc,~~GAAGP~~,aAAa,IAAI,EAAE,GAAGD,KAAK;EACrD,CAAC,EAAE,CAACA,KAAK,~~EAAEQ~~,cAAc,~~EAAEP~~,aAAa,CAAC,CAAC;EAE1C,oBACE7B,MAAA,CAAAgB,OAAA,~~CAAAuB~~,aAAA,~~CAACzC~~,aAAA,~~CAAA0C~~,YAAY,MAAAC,SAAA,~~CAAAzB~~,OAAA,~~MACPU~~,KAAK;IACTI,aAAa,EAAEA,aAAc;~~IAC7BY~~,QAAQ,EAAEA,CAACC,MAAM,EAAEC,mBAAmB,KAAK;~~MACzClB~~,KAAK,~~CAACgB~~,QAAQ,~~YAAdhB~~,KAAK,~~CAACgB~~,QAAQ,CAAGC,MAAM,EAAEC,mBAAmB,CAAC;~~MAC7CZ~~,KAAK,~~CAACU~~,QAAQ,CAAC,CAAC;IAClB,CAAE;IACFG,OAAO,~~EAAEb~~,KAAK,~~CAACa~~,~~OAAQ~~;~~IACvBC~~,MAAM,~~EAAGxC~~,CAAC,IAAK;MACboB,KAAK,~~CAACoB~~,MAAM,~~YAAZpB~~,KAAK,~~CAACoB~~,MAAM,~~CAAGxC~~,CAAC,CAAC;~~MACjB0B~~,KAAK,~~CAACc~~,MAAM,CAAC,CAAC;IAChB,CAAE;IACFC,cAAc,~~EAAGzC~~,CAAC,IAAK;MACrBoB,KAAK,~~CAACqB~~,cAAc,~~YAApBrB~~,KAAK,~~CAACqB~~,cAAc,~~CAAGzC~~,CAAC,CAAC;~~MACzB0B~~,KAAK,~~CAACe~~,cAAc,CAAC,CAAC;IACxB,CAAE;IACFC,MAAM,EACJ,~~CAACZ~~,cAAc,~~KAAAT~~,OAAA,~~GAAIsB~~,MAAM,~~CAACrB~~,KAAK,CAAC,aAAbD,OAAA,~~CAAeuB~~,IAAI,CAAC,CAAC,GAAGC,SAAS,~~GAAGzB~~,KAAK,~~CAACsB~~,MAC9D;IACDI,WAAW,EACT,~~CAAChB~~,cAAc,~~IAAIP~~,aAAa,IAAI,IAAI,~~GACpCoB~~,MAAM,~~CAACpB~~,aAAa,CAAC,GACrBH,KAAK,~~CAAC0B~~,WACX;IACDC,SAAS,~~EAAG/C~~,CAAC,IAAK;MAChB,IAAIA,CAAC,~~CAACgD~~,WAAW,CAACC,IAAI,KAAK,KAAK,EAAE;~~QAChCvB~~,KAAK,~~CAACwB~~,YAAY,CAAC,CAAC;MACtB;IACF,CAAE;IACFC,WAAW,EAAE,~~CAACrB~~,cAAe;~~IAC7BsB~~,OAAO,EACL,~~CAACtB~~,cAAc,~~GACV9B~~,CAAC,IAAK;MACLoB,KAAK,~~CAACgC~~,OAAO,~~YAAbhC~~,KAAK,~~CAACgC~~,OAAO,~~CAAGpD~~,CAAC,CAAC;~~MAClB0B~~,KAAK,~~CAAC2B~~,uBAAuB,CAAC,CAAC;IACjC,CAAC,GACDR,SACL;~~IACDvB~~,KAAK,~~EAAES~~,eAAgB;~~IACvBuB~~,aAAa,~~EAAE5B~~,KAAK,~~CAAC4B~~,aAAc;IACnCC,iBAAiB;IACjBC,SAAS,EAAE,IAAAC,6BAAE,EAACC,kCAAO,CAACC,IAAI,EAAE;~~MAC1B7B~~;IACF,CAAC,CAAE;~~IACH8B~~,YAAY,~~eAAElE~~,MAAA,CAAAgB,OAAA,~~CAAAuB~~,aAAA,~~CAACzC~~,aAAA,~~CAAAqE~~,KAAK;~~MAAC/B~~,cAAc,EAAEA,cAAe;~~MAAAgC~~,MAAA;MAAAC,QAAA;QAAAC,QAAA,~~EAAAjE~~,YAAA;~~QAAAkE~~,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAjE~~,YAAA;~~MAAAkE~~,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzD,CAAC;AAEN;AAEO,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,~~EAAClD~~,qBAAqB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_AutoCompleteReadonlyState","_AutoCompleteReadonlyStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_AutoCompleteReadonly","props","_String","value","selectedLabel","dropdownWidth","clearInput","autoCompleteRef","useRef","state","useState","AutoCompleteReadonlyState","useEffect","disableEditing","valueOrSelected","useMemo","createElement","AutoComplete","_extends2","ref","onSelect","option","sameOptionWasPicked","onFocus","onBlur","onClickOutside","suffix","String","trim","undefined","placeholder","onKeyDown","nativeEvent","code","onTabKeyDown","clearButton","onClear","onInputClearButtonClick","onOptionsShow","focusOnClearClick","className","st","classes","root","inputElement","Input","__self","__source","fileName","lineNumber","columnNumber","AutoCompleteReadonly","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.tsx"],"sourcesContent":["import {\n AutoComplete,\n AutoCompleteProps,\n Input,\n} from '@wix/design-system';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { AutoCompleteReadonlyState } from './AutoCompleteReadonlyState';\nimport { classes, st } from './AutoCompleteReadonly.st.css.js';\n\nexport interface AutoCompleteReadonlyProps extends AutoCompleteProps {\n selectedLabel?: string;\n state?: AutoCompleteReadonlyState;\n clearInput?: () => void;\n}\n\nfunction _AutoCompleteReadonly(props: AutoCompleteReadonlyProps) {\n const { value, selectedLabel, dropdownWidth, clearInput } = props;\n const autoCompleteRef = useRef<typeof AutoComplete.prototype \| null>(null);\n\n const [state] = useState(\n () => props.state ?? new AutoCompleteReadonlyState(),\n );\n\n useEffect(() => {\n state.clearInput = clearInput;\n state.autoCompleteRef = autoCompleteRef;\n }, [clearInput, state]);\n\n const { disableEditing } = state;\n\n const valueOrSelected = useMemo(() => {\n return disableEditing ? selectedLabel \|\| '' : value;\n }, [value, disableEditing, selectedLabel]);\n\n return (\n <AutoComplete\n ref={autoCompleteRef}\n {...props}\n dropdownWidth={dropdownWidth}\n onSelect={(option, sameOptionWasPicked) => {\n props.onSelect?.(option, sameOptionWasPicked);\n state.onSelect();\n }}\n onFocus={(e) => {\n state.onFocus();\n props.onFocus?.(e);\n }}\n onBlur={(e) => {\n props.onBlur?.(e);\n state.onBlur();\n }}\n onClickOutside={(e) => {\n props.onClickOutside?.(e);\n state.onClickOutside();\n }}\n suffix={\n !disableEditing && String(value)?.trim() ? undefined : props.suffix\n }\n placeholder={\n !disableEditing && selectedLabel != null\n ? String(selectedLabel)\n : props.placeholder\n }\n onKeyDown={(e) => {\n if (e.nativeEvent.code === 'Tab') {\n state.onTabKeyDown();\n }\n }}\n clearButton={!disableEditing}\n onClear={\n !disableEditing\n ? (e) => {\n props.onClear?.(e);\n state.onInputClearButtonClick();\n }\n : undefined\n }\n value={valueOrSelected}\n onOptionsShow={state.onOptionsShow}\n focusOnClearClick\n className={st(classes.root, {\n disableEditing,\n })}\n inputElement={<Input disableEditing={disableEditing} />}\n />\n );\n}\n\nexport const AutoCompleteReadonly = observer(_AutoCompleteReadonly);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.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_ = "AutoCompleteReadonly3704704869";
+var _namespace_ = "AutoCompleteReadonly778026239";
 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": "AutoCompleteReadonly3704704869__root"
+  "root": "AutoCompleteReadonly778026239__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~AutoCompleteReadonly3704704869~~\";\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\":\"~~AutoCompleteReadonly3704704869__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~~,gCAAgC~~;~~AAClD~~,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;~~AAAsC~~,CAAC;~~AAC7D~~,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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly778026239\";\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\":\"AutoCompleteReadonly778026239__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/CollectionViewsDropdown/AutoCompleteReadonlyState.js CHANGED Viewed

@@ -11,7 +11,15 @@ class AutoCompleteReadonlyState {
     (0, _defineProperty2.default)(this, "disableEditing", true);
     (0, _defineProperty2.default)(this, "isFocused", false);
     (0, _defineProperty2.default)(this, "clearInput", void 0);
+    (0, _defineProperty2.default)(this, "autoCompleteRef", void 0);
     (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
+    (0, _defineProperty2.default)(this, "focusInput", (0, _mobx.action)(() => {
+      this.disableEditing = false;
+      setTimeout(() => {
+        var _this$autoCompleteRef;
+        (_this$autoCompleteRef = this.autoCompleteRef) == null || (_this$autoCompleteRef = _this$autoCompleteRef.current) == null || _this$autoCompleteRef.focus();
+      }, 0);
+    }));
     (0, _defineProperty2.default)(this, "onFocus", (0, _mobx.action)(() => {
       this.isFocused = true;
       this.disableEditing = false;

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonlyState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_mobx","require","_events","AutoCompleteReadonlyState","constructor","_defineProperty2","default","EventEmitter","action","~~isFocused~~","~~disableEditing~~","events","emit","window","~~setTimeout","~~_this$clearInput","clearInput","call","_this$clearInput2","_this$clearInput3","_this$clearInput4","makeObservable","observable","ref","exports"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonlyState.ts"],"sourcesContent":["import { action, makeObservable, observable } from 'mobx';\nimport { EventEmitter } from 'events';\nimport { TypedEmitter } from '@wix/bex-core/events';\n\nexport class AutoCompleteReadonlyState {\n disableEditing = true;\n isFocused = false;\n clearInput?: () => void;\n\n readonly events = new EventEmitter() as TypedEmitter<{\n blur: () => unknown;\n }>;\n\n constructor() {\n makeObservable(this, {\n disableEditing: observable.ref,\n });\n }\n\n onFocus = action(() => {\n this.isFocused = true;\n this.disableEditing = false;\n });\n\n onBlur = action(() => {\n this.isFocused = false;\n this.events.emit('blur');\n // verify that eventually disableEditing=true if isFocused=false\n // not doing this immediately not to hide `inputClearButton` too soon when it's clicked\n window.setTimeout(\n action(() => {\n if (!this.isFocused) {\n this.disableEditing = true;\n this.clearInput?.();\n }\n }),\n 300,\n );\n });\n\n onItemClick = action(() => {\n this.disableEditing = true;\n });\n\n onClickOutside = action(() => {\n this.disableEditing = true;\n this.clearInput?.();\n });\n\n onInputClearButtonClick = action(() => {\n this.clearInput?.();\n });\n\n onTabKeyDown = action(() => {\n this.disableEditing = true;\n this.clearInput?.();\n });\n\n onSelect = action(() => {\n this.disableEditing = true;\n });\n\n onOptionsShow = action(() => {\n this.disableEditing = false;\n });\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;~~AAGO~~,MAAME,yBAAyB,CAAC;~~EASrCC~~,WAAWA,CAAA,EAAG;IAAA,IAAAC,gBAAA,CAAAC,OAAA,~~0BARG~~,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,qBACT,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,~~kBAGC~~,IAAIC,oBAAY,CAAC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,~~mBAU1B~~,IAAAE,YAAM,EAAC,MAAM;~~MACrB~~,IAAI,CAACC,SAAS,GAAG,IAAI;MACrB,IAAI,~~CAACC~~,cAAc,GAAG,KAAK;IAC7B,CAAC,CAAC;IAAA,~~IAAAL~~,gBAAA,CAAAC,OAAA,kBAEO,IAAAE,YAAM,EAAC,MAAM;MACpB,IAAI,~~CAACC~~,SAAS,GAAG,KAAK;MACtB,IAAI,~~CAACE~~,MAAM,CAACC,IAAI,CAAC,MAAM,CAAC;MACxB;MACA;MACAC,MAAM,~~CAACC~~,UAAU,CACf,~~IAAAN~~,YAAM,EAAC,MAAM;QACX,IAAI,CAAC,IAAI,~~CAACC~~,SAAS,EAAE;UAAA,~~IAAAM~~,gBAAA;UACnB,IAAI,~~CAACL~~,cAAc,GAAG,IAAI;UAC1B,~~CAAAK~~,gBAAA,OAAI,CAACC,UAAU,aAAfD,gBAAA,CAAAE,IAAA,KAAkB,CAAC;QACrB;MACF,CAAC,CAAC,EACF,GACF,CAAC;IACH,CAAC,CAAC;IAAA,~~IAAAZ~~,gBAAA,CAAAC,OAAA,uBAEY,IAAAE,YAAM,EAAC,MAAM;MACzB,IAAI,~~CAACE~~,cAAc,GAAG,IAAI;IAC5B,CAAC,CAAC;IAAA,~~IAAAL~~,gBAAA,CAAAC,OAAA,0BAEe,IAAAE,YAAM,EAAC,MAAM;MAAA,~~IAAAU~~,iBAAA;MAC5B,IAAI,~~CAACR~~,cAAc,GAAG,IAAI;MAC1B,~~CAAAQ~~,iBAAA,OAAI,CAACF,UAAU,aAAfE,iBAAA,CAAAD,IAAA,KAAkB,CAAC;IACrB,CAAC,CAAC;IAAA,~~IAAAZ~~,gBAAA,CAAAC,OAAA,mCAEwB,IAAAE,YAAM,EAAC,MAAM;MAAA,~~IAAAW~~,iBAAA;MACrC,CAAAA,iBAAA,OAAI,CAACH,UAAU,aAAfG,iBAAA,CAAAF,IAAA,KAAkB,CAAC;IACrB,CAAC,CAAC;IAAA,~~IAAAZ~~,gBAAA,CAAAC,OAAA,wBAEa,IAAAE,YAAM,EAAC,MAAM;MAAA,~~IAAAY~~,iBAAA;MAC1B,IAAI,~~CAACV~~,cAAc,GAAG,IAAI;MAC1B,~~CAAAU~~,iBAAA,OAAI,CAACJ,UAAU,aAAfI,iBAAA,CAAAH,IAAA,KAAkB,CAAC;IACrB,CAAC,CAAC;IAAA,~~IAAAZ~~,gBAAA,CAAAC,OAAA,oBAES,IAAAE,YAAM,EAAC,MAAM;MACtB,IAAI,~~CAACE~~,cAAc,GAAG,IAAI;IAC5B,CAAC,CAAC;IAAA,~~IAAAL~~,gBAAA,CAAAC,OAAA,yBAEc,IAAAE,YAAM,EAAC,MAAM;MAC3B,IAAI,~~CAACE~~,cAAc,GAAG,KAAK;IAC7B,CAAC,CAAC;~~IAlDA~~,~~IAAAW~~,oBAAc,EAAC,IAAI,EAAE;~~MACnBX~~,cAAc,~~EAAEY~~,gBAAU,CAACC;IAC7B,CAAC,CAAC;EACJ;~~AAgDF~~;AAACC,OAAA,~~CAAArB~~,yBAAA,GAAAA,yBAAA","ignoreList":[]}
1	+ {"version":3,"names":["_mobx","require","_events","AutoCompleteReadonlyState","constructor","_defineProperty2","default","EventEmitter","action","disableEditing","setTimeout","_this$autoCompleteRef","autoCompleteRef","current","focus","isFocused","events","emit","window","_this$clearInput","clearInput","call","_this$clearInput2","_this$clearInput3","_this$clearInput4","makeObservable","observable","ref","exports"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonlyState.ts"],"sourcesContent":["import { action, makeObservable, observable } from 'mobx';\nimport { EventEmitter } from 'events';\nimport { TypedEmitter } from '@wix/bex-core/events';\nimport React from 'react';\nimport type { AutoComplete } from '@wix/design-system';\n\nexport class AutoCompleteReadonlyState {\n disableEditing = true;\n isFocused = false;\n clearInput?: () => void;\n autoCompleteRef?: React.RefObject<typeof AutoComplete.prototype \| null>;\n\n readonly events = new EventEmitter() as TypedEmitter<{\n blur: () => unknown;\n }>;\n\n constructor() {\n makeObservable(this, {\n disableEditing: observable.ref,\n });\n }\n\n focusInput = action(() => {\n this.disableEditing = false;\n setTimeout(() => {\n this.autoCompleteRef?.current?.focus();\n }, 0);\n });\n\n onFocus = action(() => {\n this.isFocused = true;\n this.disableEditing = false;\n });\n\n onBlur = action(() => {\n this.isFocused = false;\n this.events.emit('blur');\n // verify that eventually disableEditing=true if isFocused=false\n // not doing this immediately not to hide `inputClearButton` too soon when it's clicked\n window.setTimeout(\n action(() => {\n if (!this.isFocused) {\n this.disableEditing = true;\n this.clearInput?.();\n }\n }),\n 300,\n );\n });\n\n onItemClick = action(() => {\n this.disableEditing = true;\n });\n\n onClickOutside = action(() => {\n this.disableEditing = true;\n this.clearInput?.();\n });\n\n onInputClearButtonClick = action(() => {\n this.clearInput?.();\n });\n\n onTabKeyDown = action(() => {\n this.disableEditing = true;\n this.clearInput?.();\n });\n\n onSelect = action(() => {\n this.disableEditing = true;\n });\n\n onOptionsShow = action(() => {\n this.disableEditing = false;\n });\n}\n"],"mappings":"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","ignoreList":[]}