@wix/patterns 1.422.0 → 1.424.0

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

@@ -17,7 +17,6 @@ var _BulkAction = require("../BulkAction");
 var _useCreateWSRColumnBase = require("../../hooks/useCreateWSRColumnBase");
 var _TablePlaceholderStates = require("../TablePlaceholderStates/TablePlaceholderStates");
 var _providers = require("../../providers");
-var _isValidElement = require("../isValidElement");
 var _CollectionTableStCss = require("./CollectionTable.st.css.js");
 var _useIsMobile = require("../../hooks/useIsMobile");
 var _useCollectionTableResize = require("../../hooks/useCollectionTableResize");
@@ -30,7 +29,6 @@ function _CollectionTable(props) {
     filters,
     title,
     tabs,
-    customColumns: customColumnsProp,
     multiLevelSorting: multiLevelSortingProp,
     dataExtension,
     tags,
@@ -89,21 +87,13 @@ function _CollectionTable(props) {
     forceResize,
     ...rest
   } = props;
-  const dataExtensionType = (0, _isValidElement.isValidElement)(dataExtension) ? dataExtension.type : dataExtension;
   const state = tableState.toolbar;
   const horizontalScroll = horizontalScrollProp ?? ((_state$container$inte = state.container.internalExperiments) == null ? void 0 : _state$container$inte.enabled('specs.cairo.HorizontalScrollAsDefault'));
   const {
     scrollableContentRef
   } = (0, _providers.useScrollableContentContext)();
   const sticky = stickyProp ?? (scrollableContentRef == null ? void 0 : scrollableContentRef.current) != null;
-  const customColumns = props.customColumns || dataExtensionType && /*#__PURE__*/_react.default.createElement(dataExtensionType.CustomColumns, {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 212,
-      columnNumber: 27
-    }
-  });
+  const customColumns = props.customColumns;
   const isMobile = (0, _useIsMobile.useIsMobile)();
   const showSelection = isMobile ? bulkActionToolbar != null : showSelectionProp ?? bulkActionToolbar != null;
   const isVirtualized = !!BodyElementType;
@@ -173,7 +163,7 @@ function _CollectionTable(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 278,
+            lineNumber: 276,
             columnNumber: 13
           }
         }, renderedContent) : renderedContent;
@@ -224,7 +214,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 332,
+        lineNumber: 330,
         columnNumber: 11
       }
     }),
@@ -255,7 +245,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 319,
+      lineNumber: 317,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_TablePlaceholderStates.TablePlaceholderStates, {
@@ -279,7 +269,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 363,
+      lineNumber: 361,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionTableContent.CollectionTableContent, {
@@ -287,7 +277,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 384,
+      lineNumber: 382,
       columnNumber: 7
     }
   }, useNewInfiniteScrollLoader || internalScroll ? /*#__PURE__*/_react.default.createElement(_PageInfiniteScrollLoader.PageInfiniteScrollLoader, {
@@ -297,7 +287,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 386,
+      lineNumber: 384,
       columnNumber: 11
     }
   }) : undefined, children));
@@ -312,7 +302,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 400,
+        lineNumber: 398,
         columnNumber: 7
       }
     }, table);
@@ -321,13 +311,12 @@ function _CollectionTable(props) {
     errorState: errorState,
     state: state,
     dataHook: dataHook,
-    dataExtension: dataExtensionType,
     tags: tags
   }, cardProps, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 411,
+      lineNumber: 409,
       columnNumber: 5
     }
   }), exportModal ?? state.featuredComponents.exportModal.value, importModal ?? state.featuredComponents.importModal.value, bulkActionModal && /*#__PURE__*/_react.default.createElement(_BulkAction.SingleCollectionBulkActionModal, {
@@ -336,7 +325,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 422,
+      lineNumber: 419,
       columnNumber: 9
     }
   }), table);

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","importModal","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","forceResize","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","useCollectionTableResize","userResizeProps","columnSizesState","createWSRColumnBase","useCreateWSRColumnBase","showFieldTypeIcons","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","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  forceResize?: boolean;\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    importModal,\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    forceResize,\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 } = useCollectionTableResize({\n    columns: columnsProp,\n    userResizeProps: resizeProps,\n    horizontalScroll,\n    columnSizesState: state.columnSizesState,\n    isVirtualized,\n    forceResize,\n  });\n\n  const createWSRColumnBase = useCreateWSRColumnBase({\n    horizontalScroll,\n    showFieldTypeIcons: state.showFieldTypeIcons,\n  });\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  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  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      {importModal ?? state.featuredComponents.importModal.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","_CollectionTableStCss","_useIsMobile","_useCollectionTableResize","_SearchableCollectionContent","_jsxFileName","_CollectionTable","props","_state$container$inte","state","tableState","filters","title","tabs","multiLevelSorting","multiLevelSortingProp","dataExtension","tags","views","extraToolbar","bulkActionToolbar","exportButton","exportModal","importModal","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","forceResize","rest","internalExperiments","enabled","scrollableContentRef","useScrollableContentContext","current","customColumns","isMobile","useIsMobile","isVirtualized","useTableCollectionSyncProps","isUsingTableVirtualization","collection","internalScroll","selectedOrderedColumnsOrAll","bulkSelect","query","isResizable","tableResizeProps","useCollectionTableResize","userResizeProps","columnSizesState","createWSRColumnBase","useCreateWSRColumnBase","showFieldTypeIcons","transformedColumns","map","column","index","length","render","id","sortable","infoTooltipProps","width","style","restColumn","columnBase","undefined","sortDescending","sort","getIsSortDescending","keyedItem","rowNum","renderedContent","item","searchable","default","createElement","SearchableCollectionContent","__self","__source","fileName","lineNumber","columnNumber","actionCellColumn","useActionCellColumn","stickyActionCell","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  type DataExtensionType,\n} from '../DataExtension';\nimport type { FieldsSourceProvider } from '../fieldsSourceProvider';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport type { TagsElement } from '../Tags';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { useScrollableContentContext } from '../../providers';\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  /**\n   * Attaches a field source to the table — the way to add a source's fields,\n   * filters, and field management. Build it with `tableSchemaSource(...)` for a\n   * schema source (also spread its `collectionConfig` into the collection hook),\n   * or `dataExtensionTableSource(...)` for DataExtension, which extends the\n   * consumer's own collection.\n   */\n  fieldsSource?: FieldsSourceProvider;\n\n  tags?: TagsElement<T, F>;\n\n  forceResize?: boolean;\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    multiLevelSorting: multiLevelSortingProp,\n    dataExtension,\n    tags,\n    views,\n    extraToolbar,\n    bulkActionToolbar,\n    exportButton,\n    exportModal,\n    importModal,\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    forceResize,\n    ...rest\n  } = props;\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 = props.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 } = useCollectionTableResize({\n    columns: columnsProp,\n    userResizeProps: resizeProps,\n    horizontalScroll,\n    columnSizesState: state.columnSizesState,\n    isVirtualized,\n    forceResize,\n  });\n\n  const createWSRColumnBase = useCreateWSRColumnBase({\n    horizontalScroll,\n    showFieldTypeIcons: state.showFieldTypeIcons,\n  });\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  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  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      tags={tags}\n      {...cardProps}\n    >\n      {exportModal ?? state.featuredComponents.exportModal.value}\n      {importModal ?? state.featuredComponents.importModal.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_ = "CollectionTable3288053271";
+var _namespace_ = "CollectionTable836319324";
 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": "CollectionTable3288053271__root"
+  "root": "CollectionTable836319324__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_ = \"CollectionTable3288053271\";\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\":\"CollectionTable3288053271__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_ = \"CollectionTable836319324\";\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\":\"CollectionTable836319324__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.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_ = "CollectionTableWSRTable757024427";
+var _namespace_ = "CollectionTableWSRTable4227633625";
 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": "CollectionTableWSRTable757024427__root"
+  "root": "CollectionTableWSRTable4227633625__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.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/CollectionTableWSRTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTableWSRTable757024427\";\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\":\"CollectionTableWSRTable757024427__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,kCAAkC;AACpD,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;AAAwC,CAAC;AAC/D,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/CollectionTableWSRTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTableWSRTable4227633625\";\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\":\"CollectionTableWSRTable4227633625__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,mCAAmC;AACrD,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;AAAyC,CAAC;AAChE,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

@@ -2,12 +2,15 @@
 
 exports.__esModule = true;
 exports.useTableCollectionSyncProps = useTableCollectionSyncProps;
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _useToolbarCollectionSyncProps = require("../ToolbarCollection/useToolbarCollectionSyncProps");
 var _assertComponentType = require("../assertComponentType");
 var _useColumnsSyncProps = require("../../hooks/useColumnsSyncProps");
 var _isValidElement = require("../isValidElement");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionTable/useTableCollectionSyncProps.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function useTableCollectionSyncProps(props) {
+  var _state$collectionFiel;
   const {
     state: table,
     customColumns,
@@ -19,6 +22,7 @@ function useTableCollectionSyncProps(props) {
     selectionDisabled,
     checkboxTooltipContent,
     dataExtension,
+    fieldsSource,
     isUsingTableVirtualization,
     isUsingExpandCollapse,
     dragAndDropReorderModeToolbar
@@ -38,17 +42,37 @@ function useTableCollectionSyncProps(props) {
     isUsingTableVirtualization,
     isUsingExpandCollapse
   });
-  (0, _useColumnsSyncProps.useColumnsSyncProps)({
-    toolbar: state,
-    customColumns,
-    columns: tableColumns
-  });
+
+  // Attach the field source first, so the custom-columns button it declares is
+  // available to useColumnsSyncProps below.
   (0, _react.useState)(() => {
     if ((0, _isValidElement.isValidElement)(dataExtension)) {
       dataExtension.type.setDataExtensionOnTable(state, dataExtension.props);
     } else {
       dataExtension == null || dataExtension.setDataExtensionOnTable(state);
     }
+    if (fieldsSource) {
+      fieldsSource.setOnTable(state);
+    }
+  });
+
+  // When a source is attached, the table gets a custom-columns button even if the
+  // consumer didn't pass one. The source supplies CustomColumns via its components
+  // bag (DI) so the implementation ships in the source's feature chunk, not the
+  // table chunk.
+  const SourceCustomColumns = (_state$collectionFiel = state.collectionFieldsSource) == null ? void 0 : _state$collectionFiel.components.CustomColumns;
+  const effectiveCustomColumns = customColumns ?? (SourceCustomColumns ? /*#__PURE__*/_react.default.createElement(SourceCustomColumns, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 84,
+      columnNumber: 28
+    }
+  }) : undefined);
+  (0, _useColumnsSyncProps.useColumnsSyncProps)({
+    toolbar: state,
+    customColumns: effectiveCustomColumns,
+    columns: tableColumns
   });
   (0, _react.useEffect)(() => {
     if (!dataExtension) {

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","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":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useToolbarCollectionSyncProps","_assertComponentType","_useColumnsSyncProps","_isValidElement","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useTableCollectionSyncProps","props","_state$collectionFiel","state","table","customColumns","columns","tableColumns","showSelection","actionCell","multiLevelSorting","views","selectionDisabled","checkboxTooltipContent","dataExtension","fieldsSource","isUsingTableVirtualization","isUsingExpandCollapse","dragAndDropReorderModeToolbar","assertComponentType","toolbar","useToolbarCollectionSyncProps","isUsingDragAndDrop","dragAndDrop","isUsingBulkActionsToolbar","bulkActionToolbar","isUsingHorizontalScroll","horizontalScroll","isUsingFolders","useState","isValidElement","type","setDataExtensionOnTable","setOnTable","SourceCustomColumns","collectionFieldsSource","components","CustomColumns","effectiveCustomColumns","createElement","__self","__source","fileName","lineNumber","columnNumber","undefined","useColumnsSyncProps","useEffect","syncTableCollectionProps","setReorderModeState","_dnd","selectionProps","bulk","selectionDisabledProp","checkboxTooltipContentProp"],"sources":["../../../../src/components/CollectionTable/useTableCollectionSyncProps.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport React, { 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    fieldsSource,\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  // Attach the field source first, so the custom-columns button it declares is\n  // available to useColumnsSyncProps below.\n  useState(() => {\n    if (isValidElement<DataExtensionProps, DataExtensionType>(dataExtension)) {\n      dataExtension.type.setDataExtensionOnTable(state, dataExtension.props);\n    } else {\n      dataExtension?.setDataExtensionOnTable(state);\n    }\n    if (fieldsSource) {\n      fieldsSource.setOnTable(state);\n    }\n  });\n\n  // When a source is attached, the table gets a custom-columns button even if the\n  // consumer didn't pass one. The source supplies CustomColumns via its components\n  // bag (DI) so the implementation ships in the source's feature chunk, not the\n  // table chunk.\n  const SourceCustomColumns =\n    state.collectionFieldsSource?.components.CustomColumns;\n  const effectiveCustomColumns =\n    customColumns ??\n    (SourceCustomColumns ? <SourceCustomColumns /> : undefined);\n\n  useColumnsSyncProps({\n    toolbar: state,\n    customColumns: effectiveCustomColumns,\n    columns: tableColumns,\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":[]}