@wix/patterns 1.348.0 → 1.349.0

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

@@ -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":[]}
+{"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

@@ -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_ = "CollectionTable3300092515";
+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": "CollectionTable3300092515__root"
+  "root": "CollectionTable1388505719__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionTable/CollectionTable.st.css.js.map

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

@@ -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

@@ -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":"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","ignoreList":[]}
+{"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

@@ -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_ = "CollectionToolbar676126279";
+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": "CollectionToolbar676126279__root",
-  "left": "CollectionToolbar676126279__left",
-  "right": "CollectionToolbar676126279__right",
-  "fullWidth": "CollectionToolbar676126279__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

@@ -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_ = \"CollectionToolbar676126279\";\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\":\"CollectionToolbar676126279__root\",\"left\":\"CollectionToolbar676126279__left\",\"right\":\"CollectionToolbar676126279__right\",\"fullWidth\":\"CollectionToolbar676126279__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,4BAA4B;AAC9C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,kCAAkC;EAAC,MAAM,EAAC,kCAAkC;EAAC,OAAO,EAAC,mCAAmC;EAAC,WAAW,EAAC;AAAuC,CAAC;AACnM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"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

@@ -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_ = "SearchOrCustomFilter585730892";
+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": "SearchOrCustomFilter585730892__root",
-  "search": "SearchOrCustomFilter585730892__search",
-  "searchMobile": "SearchOrCustomFilter585730892__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

@@ -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_ = \"SearchOrCustomFilter585730892\";\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\":\"SearchOrCustomFilter585730892__root\",\"search\":\"SearchOrCustomFilter585730892__search\",\"searchMobile\":\"SearchOrCustomFilter585730892__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":[]}
+{"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/CollectionViewsDropdown/AutoCompleteReadonly.js

@@ -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

@@ -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":"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","ignoreList":[]}
+{"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

@@ -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_ = "AutoCompleteReadonly1974284090";
+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": "AutoCompleteReadonly1974284090__root"
+  "root": "AutoCompleteReadonly778026239__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly1974284090\";\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\":\"AutoCompleteReadonly1974284090__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":[]}
+{"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

@@ -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

@@ -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":[]}
+{"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":[]}

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.js

@@ -132,31 +132,57 @@ function _ViewsDropdown({
       viewsState
     }) : undefined,
     textOverflow: "ellipsis",
-    prefix: /*#__PURE__*/_react.default.createElement(_ViewsDropdownPrefix.ViewsDropdownPrefix, {
+    prefix: /*#__PURE__*/_react.default.createElement("div", {
+      "data-hook": "views-dropdown-prefix",
+      onClick: () => viewsState.autoCompleteReadonlyState.focusInput(),
+      style: {
+        cursor: 'pointer',
+        display: 'inline-flex'
+      },
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 120,
+        columnNumber: 13
+      }
+    }, /*#__PURE__*/_react.default.createElement(_ViewsDropdownPrefix.ViewsDropdownPrefix, {
       state: state,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 119,
-        columnNumber: 19
+        lineNumber: 125,
+        columnNumber: 15
       }
-    }),
-    suffix: shouldShowTotal ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-      className: "total-count",
+    })),
+    suffix: shouldShowTotal ? /*#__PURE__*/_react.default.createElement("div", {
+      "data-hook": "views-dropdown-suffix",
+      onClick: () => viewsState.autoCompleteReadonlyState.focusInput(),
+      style: {
+        cursor: 'pointer',
+        display: 'inline-flex'
+      },
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 122,
+        lineNumber: 130,
         columnNumber: 15
       }
-    }, /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      className: "total-count",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 123,
+        lineNumber: 137,
         columnNumber: 17
       }
-    }, "(", state.table.collection.result.total, ")")) : undefined,
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 138,
+        columnNumber: 19
+      }
+    }, "(", state.table.collection.result.total, ")"))) : undefined,
     className: (0, _ViewsDropdownStCss.st)(_ViewsDropdownStCss.classes.root),
     dataHook: "collection-views-dropdown",
     onSelect: option => {
@@ -188,7 +214,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 147,
+      lineNumber: 163,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_ManageViewPopover.ManageViewPopover, {
@@ -197,7 +223,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 148,
+      lineNumber: 164,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_ViewsDropdownModals.ViewsDropdownModals, {
@@ -205,7 +231,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 151,
+      lineNumber: 167,
       columnNumber: 7
     }
   }));