@wix/patterns 0.8.0

package/dist/cjs/components/CollectionPagination.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionPagination = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _mobxReactLite = require("mobx-react-lite");
+var _providers = require("../providers");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionPagination.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const CollectionPagination = exports.CollectionPagination = (0, _mobxReactLite.observer)(function PaginationTable({
+  state,
+  ...rest
+}) {
+  const {
+    result: {
+      status
+    },
+    totalPages,
+    query: {
+      pagination
+    }
+  } = state;
+  const {
+    scrollableContentRef
+  } = (0, _providers.useScrollableContentContext)();
+  const onPageChange = (0, _react.useCallback)(async ({
+    page
+  }) => {
+    var _scrollableContentRef;
+    scrollableContentRef == null || (_scrollableContentRef = scrollableContentRef.current) == null || _scrollableContentRef.scrollTo({
+      top: 0
+    });
+    await state.clearAndMoveToPage(page);
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    align: "center",
+    padding: "SP8",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 30,
+      columnNumber: 5
+    }
+  }, !status.isLoading && /*#__PURE__*/_react.default.createElement(_designSystem.Pagination, (0, _extends2.default)({
+    totalPages: totalPages,
+    currentPage: pagination.page,
+    onChange: onPageChange
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 9
+    }
+  })));
+});
+//# sourceMappingURL=CollectionPagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_providers","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","CollectionPagination","exports","observer","PaginationTable","state","rest","result","status","totalPages","query","pagination","scrollableContentRef","useScrollableContentContext","onPageChange","useCallback","page","_scrollableContentRef","current","scrollTo","top","clearAndMoveToPage","createElement","Box","align","padding","__self","__source","fileName","lineNumber","columnNumber","isLoading","Pagination","_extends2","currentPage","onChange"],"sources":["../../../src/components/CollectionPagination.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Box, Pagination, PaginationProps } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionStateProps } from './collectionStateProps';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useScrollableContentContext } from '../providers';\n\nexport interface CollectionPaginationProps<T, F extends FiltersMap>\n  extends CollectionStateProps<T, F>,\n    Partial<PaginationProps> {}\n\nexport const CollectionPagination = observer(function PaginationTable<\n  T,\n  F extends FiltersMap,\n>({ state, ...rest }: CollectionPaginationProps<T, F>) {\n  const {\n    result: { status },\n    totalPages,\n    query: { pagination },\n  } = state;\n\n  const { scrollableContentRef } = useScrollableContentContext();\n\n  const onPageChange = useCallback(async ({ page }: { page: number }) => {\n    scrollableContentRef?.current?.scrollTo({ top: 0 });\n    await state.clearAndMoveToPage(page);\n  }, []);\n\n  return (\n    <Box align=\"center\" padding=\"SP8\">\n      {!status.isLoading && (\n        <Pagination\n          totalPages={totalPages}\n          currentPage={pagination.page}\n          onChange={onPageChange}\n          {...rest}\n        />\n      )}\n    </Box>\n  );\n});\n"],"mappings":"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"}

package/dist/cjs/components/CollectionSearch.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionSearch = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@wix/bex-core/react");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionSearch.tsx";
+const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)(function CollectionSearch({
+  onSearchChange,
+  onSearchClick,
+  onSearchBlur,
+  visibility,
+  ...rest
+}) {
+  const collection = (0, _react2.useCollectionContext)();
+  const {
+    query: {
+      search
+    },
+    translate: t
+  } = collection;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Search, (0, _extends2.default)({
+    dataHook: "collection-search",
+    onChange: e => {
+      const value = e.target.value;
+      collection.search(e.target.value, {
+        clearResult: true
+      });
+      onSearchChange == null || onSearchChange(value);
+    },
+    value: search.value,
+    onClear: () => {
+      const value = '';
+      collection.clearSearch();
+      onSearchChange == null || onSearchChange(value);
+    },
+    placeholder: t('cairo.searchPlaceholder'),
+    onInputClicked: () => onSearchClick == null ? void 0 : onSearchClick(),
+    onBlur: e => {
+      const value = e.target.value;
+      onSearchBlur == null || onSearchBlur(value);
+    }
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 30,
+      columnNumber: 5
+    }
+  }));
+});
+//# sourceMappingURL=CollectionSearch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_react2","_jsxFileName","CollectionSearch","exports","observer","onSearchChange","onSearchClick","onSearchBlur","visibility","rest","collection","useCollectionContext","query","search","translate","t","default","createElement","Search","_extends2","dataHook","onChange","e","value","target","clearResult","onClear","clearSearch","placeholder","onInputClicked","onBlur","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../src/components/CollectionSearch.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { Search, SearchProps } from '@wix/design-system';\nimport React, { CSSProperties } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useCollectionContext } from '@wix/bex-core/react';\n\nexport interface CollectionSearchProps extends Partial<SearchProps> {\n  onSearchChange?: (value: string) => unknown;\n  onSearchClick?: () => unknown;\n  onSearchBlur?: (value: string) => unknown;\n  visibility?: CSSProperties['visibility'];\n}\n\nexport const CollectionSearch = observer(function CollectionSearch<\n  T,\n  F extends FiltersMap = FiltersMap,\n>({\n  onSearchChange,\n  onSearchClick,\n  onSearchBlur,\n  visibility,\n  ...rest\n}: CollectionSearchProps) {\n  const collection = useCollectionContext<T, F>();\n  const {\n    query: { search },\n    translate: t,\n  } = collection;\n  return (\n    <Search\n      dataHook=\"collection-search\"\n      onChange={(e) => {\n        const value = e.target.value;\n        collection.search(e.target.value, { clearResult: true });\n        onSearchChange?.(value);\n      }}\n      value={search.value}\n      onClear={() => {\n        const value = '';\n        collection.clearSearch();\n        onSearchChange?.(value);\n      }}\n      placeholder={t('cairo.searchPlaceholder')}\n      onInputClicked={() => onSearchClick?.()}\n      onBlur={(e) => {\n        const value = e.target.value;\n        onSearchBlur?.(value);\n      }}\n      {...rest}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAA2D,IAAAK,YAAA;AASpD,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAAC,SAASF,gBAAgBA,CAGhE;EACAG,cAAc;EACdC,aAAa;EACbC,YAAY;EACZC,UAAU;EACV,GAAGC;AACkB,CAAC,EAAE;EACxB,MAAMC,UAAU,GAAG,IAAAC,4BAAoB,EAAO,CAAC;EAC/C,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAO,CAAC;IACjBC,SAAS,EAAEC;EACb,CAAC,GAAGL,UAAU;EACd,oBACEZ,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAqB,MAAM,MAAAC,SAAA,CAAAH,OAAA;IACLI,QAAQ,EAAC,mBAAmB;IAC5BC,QAAQ,EAAGC,CAAC,IAAK;MACf,MAAMC,KAAK,GAAGD,CAAC,CAACE,MAAM,CAACD,KAAK;MAC5Bb,UAAU,CAACG,MAAM,CAACS,CAAC,CAACE,MAAM,CAACD,KAAK,EAAE;QAAEE,WAAW,EAAE;MAAK,CAAC,CAAC;MACxDpB,cAAc,YAAdA,cAAc,CAAGkB,KAAK,CAAC;IACzB,CAAE;IACFA,KAAK,EAAEV,MAAM,CAACU,KAAM;IACpBG,OAAO,EAAEA,CAAA,KAAM;MACb,MAAMH,KAAK,GAAG,EAAE;MAChBb,UAAU,CAACiB,WAAW,CAAC,CAAC;MACxBtB,cAAc,YAAdA,cAAc,CAAGkB,KAAK,CAAC;IACzB,CAAE;IACFK,WAAW,EAAEb,CAAC,CAAC,yBAAyB,CAAE;IAC1Cc,cAAc,EAAEA,CAAA,KAAMvB,aAAa,oBAAbA,aAAa,CAAG,CAAE;IACxCwB,MAAM,EAAGR,CAAC,IAAK;MACb,MAAMC,KAAK,GAAGD,CAAC,CAACE,MAAM,CAACD,KAAK;MAC5BhB,YAAY,YAAZA,YAAY,CAAGgB,KAAK,CAAC;IACvB;EAAE,GACEd,IAAI;IAAAsB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN,CAAC,CAAC"}

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

@@ -0,0 +1,295 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionTable = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _CollectionCard = require("../CollectionCard");
+var _InitialLoader = require("../InitialLoader");
+var _useTableCollectionSyncProps = require("./useTableCollectionSyncProps");
+var _CollectionTableWSRTable = require("./CollectionTableWSRTable");
+var _CollectionTableContent = require("./CollectionTableContent");
+var _PageInfiniteScrollLoader = require("../PageInfiniteScrollLoader");
+var _ActionCell = require("../ActionCell");
+var _BulkAction = require("../BulkAction");
+var _useCreateWSRColumnBase = require("../../hooks/useCreateWSRColumnBase");
+var _TablePlaceholderStates = require("../TablePlaceholderStates/TablePlaceholderStates");
+var _providers = require("../../providers");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionTable/CollectionTable.tsx";
+function _CollectionTable(props) {
+  var _state$container$inte, _state$container$inte2;
+  const {
+    state: tableState,
+    filters,
+    title,
+    tabs,
+    customColumns: customColumnsProp,
+    multiLevelSorting: multiLevelSortingProp,
+    dataExtension: dataExtensionProp,
+    tags,
+    views,
+    extraToolbar,
+    bulkActionToolbar,
+    exportButton,
+    exportModal,
+    bulkActionModal,
+    sticky: stickyProp,
+    actionCell,
+    actionCellWidth,
+    actionCellProps,
+    columns: columnsProp,
+    onRowClick,
+    onSortClick,
+    showSelection: showSelectionProp,
+    search,
+    renderError,
+    renderEmptyState,
+    children,
+    onSelectedItems,
+    cardProps,
+    minCardHeight,
+    dataHook,
+    topNotification,
+    tableGridSwitchButton,
+    useShowLoaderWhenEmpty,
+    useNewInfiniteScrollLoader,
+    dragAndDrop,
+    dragAndDropBulkSubmit,
+    dragAndDropSubmit,
+    dragAndDropCancel,
+    dragAndDropReorderModeToolbar,
+    horizontalScroll: horizontalScrollProp,
+    stickyColumns,
+    stickySelectionColumn,
+    hideBulkSelectionCheckbox,
+    maxSelection,
+    showTitleBar = true,
+    BodyElementType,
+    isApplyColumnWidthStyle,
+    rowVerticalPadding,
+    ...rest
+  } = props;
+  const state = tableState.toolbar;
+  const showSelection = showSelectionProp ?? bulkActionToolbar != null;
+  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 {
+    collection,
+    internalScroll
+  } = state;
+  const customColumns = props.customColumns || dataExtensionProp && /*#__PURE__*/_react.default.createElement(dataExtensionProp.CustomColumns, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 185,
+      columnNumber: 27
+    }
+  });
+  (0, _useTableCollectionSyncProps.useTableCollectionSyncProps)({
+    ...props,
+    dataExtension: dataExtensionProp,
+    showSelection,
+    customColumns,
+    tags,
+    isUsingTableVirtualization: !!BodyElementType
+  });
+  const {
+    selectedOrderedColumnsOrAll
+  } = state;
+  const {
+    bulkSelect,
+    query
+  } = collection;
+  const createWSRColumnBase = (0, _useCreateWSRColumnBase.useCreateWSRColumnBase)({
+    horizontalScroll
+  });
+  const transformedColumns = selectedOrderedColumnsOrAll.map((column, index, {
+    length
+  }) => {
+    const {
+      render,
+      id,
+      sortable,
+      infoTooltipProps,
+      title,
+      width,
+      style,
+      ...restColumn
+    } = column;
+    const columnBase = createWSRColumnBase(column, index, length);
+    return {
+      ...restColumn,
+      ...columnBase,
+      ...(isApplyColumnWidthStyle ? undefined : {
+        style,
+        width
+      }),
+      sortDescending: sortable && id ? query.sort.getIsSortDescending(id) : undefined,
+      render: (keyedItem, rowNum) => render(keyedItem.item, rowNum)
+    };
+  });
+  const actionCellColumn = (0, _ActionCell.useActionCellColumn)({
+    actionCellProps: {
+      ...(actionCellProps ?? {}),
+      stickyActionCell: horizontalScroll || (actionCellProps == null ? void 0 : actionCellProps.stickyActionCell)
+    },
+    actionCellWidth,
+    collection,
+    sticky,
+    actionCell
+  });
+  const columnsWithActions = actionCellColumn ? [...transformedColumns, actionCellColumn] : transformedColumns;
+  const internalOnSortClick = (col, index) => {
+    onSortClick == null || onSortClick(col, index);
+    if (col.id != null) {
+      state.collection.sort({
+        id: col.id,
+        sortMode: col.sortMode
+      }, {
+        clearResult: true,
+        multiple: multiLevelSortingProp !== undefined
+      });
+    }
+  };
+  let table = /*#__PURE__*/_react.default.createElement(_CollectionTableWSRTable.CollectionTableWSRTable, (0, _extends2.default)({}, props, {
+    customColumns: customColumns,
+    rowVerticalPadding: rowVerticalPadding,
+    dragAndDropReorderModeToolbar: dragAndDropReorderModeToolbar,
+    selectionToolbar: bulkActionToolbar && /*#__PURE__*/_react.default.createElement(_BulkAction.SingleCollectionBulkActionToolbar, {
+      state: state,
+      bulkActionToolbar: bulkActionToolbar,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 265,
+        columnNumber: 11
+      }
+    }),
+    horizontalScroll: horizontalScroll,
+    minCardHeight: minCardHeight,
+    sticky: sticky,
+    showTitleBar: showTitleBar,
+    state: tableState,
+    columns: columnsWithActions,
+    onSortClick: internalOnSortClick,
+    showSelection: showSelection,
+    onSelectionChanged: (_selectedIds, _change) => {
+      state.onSelectionChanged(_selectedIds, _change);
+      onSelectedItems == null || onSelectedItems(bulkSelect.allSelected, bulkSelect.selectedValues);
+      rest.onSelectionChanged == null || rest.onSelectionChanged(_selectedIds, _change);
+    },
+    selectionDisabled: row => state.bulk.isRowCheckboxDisabled(row),
+    onRowClick: onRowClick && (({
+      item
+    }, index) => onRowClick(item, index)),
+    isApplyColumnWidthStyle: isApplyColumnWidthStyle,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 258,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement(_TablePlaceholderStates.TablePlaceholderStates, {
+    state: tableState,
+    renderError: renderError,
+    rowVerticalPadding: rowVerticalPadding,
+    renderEmptyState: renderEmptyState ? () => {
+      const {
+        result: {
+          originQuery,
+          hasAvailableItems
+        }
+      } = collection;
+      return renderEmptyState({
+        hasAvailableItems,
+        query: originQuery
+      });
+    } : undefined,
+    topNotification: typeof topNotification === 'function' ? () => topNotification({
+      query: collection.result.originQuery
+    }) : topNotification,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 288,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_CollectionTableContent.CollectionTableContent, {
+    state: tableState,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 312,
+      columnNumber: 7
+    }
+  }, useNewInfiniteScrollLoader || internalScroll ? /*#__PURE__*/_react.default.createElement(_PageInfiniteScrollLoader.PageInfiniteScrollLoader, {
+    dataHook: "infinite-scroll-loader",
+    state: collection,
+    scrollMoreAlways: true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 314,
+      columnNumber: 11
+    }
+  }) : undefined, children));
+  if (dragAndDrop) {
+    const {
+      CollectionTableDragAndDropContext
+    } = dragAndDrop;
+    table = /*#__PURE__*/_react.default.createElement(CollectionTableDragAndDropContext, {
+      state: state,
+      onSubmit: dragAndDropSubmit,
+      onCancel: dragAndDropCancel,
+      onBulkSubmit: dragAndDropBulkSubmit,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 328,
+        columnNumber: 7
+      }
+    }, table);
+  }
+  const tableSkeletonEnabled = (_state$container$inte2 = state.container.internalExperiments) == null ? void 0 : _state$container$inte2.enabled('specs.cairo.TableSkeletonLoader');
+  return /*#__PURE__*/_react.default.createElement(_CollectionCard.CollectionCard, (0, _extends2.default)({
+    renderError: renderError,
+    state: state,
+    initialLoader: !tableSkeletonEnabled && /*#__PURE__*/_react.default.createElement(_InitialLoader.InitialLoader, {
+      dataHook: "placeholder-states-loading-state",
+      state: state,
+      minHeight: minCardHeight,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 349,
+        columnNumber: 11
+      }
+    }),
+    dataHook: dataHook,
+    dataExtension: dataExtensionProp,
+    tags: tags
+  }, cardProps, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 344,
+      columnNumber: 5
+    }
+  }), exportModal ?? state.featuredComponents.exportModal.value, bulkActionModal && /*#__PURE__*/_react.default.createElement(_BulkAction.SingleCollectionBulkActionModal, {
+    state: state,
+    bulkActionModal: bulkActionModal,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 363,
+      columnNumber: 9
+    }
+  }), table);
+}
+const CollectionTable = exports.CollectionTable = (0, _mobxReactLite.observer)(_CollectionTable);
+//# sourceMappingURL=CollectionTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CollectionCard","_InitialLoader","_useTableCollectionSyncProps","_CollectionTableWSRTable","_CollectionTableContent","_PageInfiniteScrollLoader","_ActionCell","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_providers","_jsxFileName","_CollectionTable","props","_state$container$inte","_state$container$inte2","state","tableState","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","dataExtension","dataExtensionProp","tags","views","extraToolbar","bulkActionToolbar","exportButton","exportModal","bulkActionModal","sticky","stickyProp","actionCell","actionCellWidth","actionCellProps","columns","columnsProp","onRowClick","onSortClick","showSelection","showSelectionProp","search","renderError","renderEmptyState","children","onSelectedItems","cardProps","minCardHeight","dataHook","topNotification","tableGridSwitchButton","useShowLoaderWhenEmpty","useNewInfiniteScrollLoader","dragAndDrop","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropCancel","dragAndDropReorderModeToolbar","horizontalScroll","horizontalScrollProp","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","maxSelection","showTitleBar","BodyElementType","isApplyColumnWidthStyle","rowVerticalPadding","rest","toolbar","container","internalExperiments","enabled","scrollableContentRef","useScrollableContentContext","current","collection","internalScroll","default","createElement","CustomColumns","__self","__source","fileName","lineNumber","columnNumber","useTableCollectionSyncProps","isUsingTableVirtualization","selectedOrderedColumnsOrAll","bulkSelect","query","createWSRColumnBase","useCreateWSRColumnBase","transformedColumns","map","column","index","length","render","id","sortable","infoTooltipProps","width","style","restColumn","columnBase","undefined","sortDescending","sort","getIsSortDescending","keyedItem","rowNum","item","actionCellColumn","useActionCellColumn","stickyActionCell","columnsWithActions","internalOnSortClick","col","sortMode","clearResult","multiple","table","CollectionTableWSRTable","_extends2","selectionToolbar","SingleCollectionBulkActionToolbar","onSelectionChanged","_selectedIds","_change","allSelected","selectedValues","selectionDisabled","row","bulk","isRowCheckboxDisabled","TablePlaceholderStates","result","originQuery","hasAvailableItems","CollectionTableContent","PageInfiniteScrollLoader","scrollMoreAlways","CollectionTableDragAndDropContext","onSubmit","onCancel","onBulkSubmit","tableSkeletonEnabled","CollectionCard","initialLoader","InitialLoader","minHeight","featuredComponents","value","SingleCollectionBulkActionModal","CollectionTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTable.tsx"],"sourcesContent":["import { 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 { InitialLoader } from '../InitialLoader';\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 { CollectionTableBaseCommonProps } from './CollectionTableBaseCommonProps';\nimport type { DataExtensionType } from '../DataExtension';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport type { TagsElement } from '../Tags';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { useScrollableContentContext } from '../../providers';\n\nexport interface CollectionTableBaseProps<T, F extends FiltersMap>\n  extends CollectionTableWSRTableBaseProps<T, T, F>,\n    CollectionTableBaseCommonProps<T, F> {\n  /**\n   * Configuration of the table's columns.<br>\n   * Each column needs to specify:\n   *   * `id`: A unique identifier of the column (required for some features like custom/sortable columns)\n   *   * `title`: a string or an element to display in the table header for this column\n   *   * `render`: a function which will be called for every row in `data` to display this row's value for this column<br>\n   *   * `sortable`: See [Sortable Columns](./?path=/story/components-collection-features--sortable-columns)\n   *\n   * Read more on [Table API](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table)\n   * @external\n   */\n  columns: TableColumn<T>[];\n\n  /** Indicates whether to show a selection column (with checkboxes).<br>\n   * Read more on [Table API](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table)\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/components-collection-features--exportto) react element to be added to the toolbar\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * Drag and drop implementation: `import { TableDragAndDrop } from '@wix/patterns';`\n   * > In order to make the drag and drop also re-order the collection after drop, also add [OptimisticActions](./?path=/story/components-collection-features--optimistic-actions).\n   * Pass [`<TableDragAndDrop />`](./?path=/story/components-collection-features--drag-and-drop#Table) component.\n   * @external\n   */\n  dragAndDrop?: TableDragAndDropType;\n\n  /**\n   * Data extension implementation: `import { DataExtension } from '@wix/patterns';`\n   */\n  dataExtension?: DataExtensionType;\n\n  tags?: TagsElement<T>;\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   * Render a modal to be opened from `bulkActionToolbar`.<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   *   * `closeModal`: Closes the modal\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   * @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}\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: dataExtensionProp,\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    renderEmptyState,\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 = true,\n    BodyElementType,\n    isApplyColumnWidthStyle,\n    rowVerticalPadding,\n    ...rest\n  } = props;\n\n  const state = tableState.toolbar;\n\n  const showSelection = showSelectionProp ?? bulkActionToolbar != null;\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 { collection, internalScroll } = state;\n\n  const customColumns =\n    props.customColumns ||\n    (dataExtensionProp && <dataExtensionProp.CustomColumns />);\n\n  useTableCollectionSyncProps({\n    ...props,\n    dataExtension: dataExtensionProp,\n    showSelection,\n    customColumns,\n    tags,\n    isUsingTableVirtualization: !!BodyElementType,\n  });\n\n  const { selectedOrderedColumnsOrAll } = state;\n\n  const { bulkSelect, query } = collection;\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      return {\n        ...restColumn,\n        ...columnBase,\n        ...(isApplyColumnWidthStyle ? undefined : { style, width }),\n        sortDescending:\n          sortable && id ? query.sort.getIsSortDescending(id) : undefined,\n        render: (keyedItem: KeyedItem<T>, rowNum: number) =>\n          render(keyedItem.item, rowNum),\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  let table = (\n    <CollectionTableWSRTable\n      {...props}\n      customColumns={customColumns}\n      rowVerticalPadding={rowVerticalPadding}\n      dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n      selectionToolbar={\n        bulkActionToolbar && (\n          <SingleCollectionBulkActionToolbar\n            state={state}\n            bulkActionToolbar={bulkActionToolbar}\n          />\n        )\n      }\n      horizontalScroll={horizontalScroll}\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    >\n      <TablePlaceholderStates\n        state={tableState}\n        renderError={renderError}\n        rowVerticalPadding={rowVerticalPadding}\n        renderEmptyState={\n          renderEmptyState\n            ? () => {\n                const {\n                  result: { originQuery, hasAvailableItems },\n                } = collection;\n                return renderEmptyState({\n                  hasAvailableItems,\n                  query: originQuery,\n                });\n              }\n            : undefined\n        }\n        topNotification={\n          typeof topNotification === 'function'\n            ? () => topNotification({ query: collection.result.originQuery })\n            : topNotification\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 { CollectionTableDragAndDropContext } = dragAndDrop;\n    table = (\n      <CollectionTableDragAndDropContext\n        state={state}\n        onSubmit={dragAndDropSubmit}\n        onCancel={dragAndDropCancel}\n        onBulkSubmit={dragAndDropBulkSubmit}\n      >\n        {table}\n      </CollectionTableDragAndDropContext>\n    );\n  }\n\n  const tableSkeletonEnabled = state.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n\n  return (\n    <CollectionCard\n      renderError={renderError}\n      state={state}\n      initialLoader={\n        !tableSkeletonEnabled && (\n          <InitialLoader\n            dataHook=\"placeholder-states-loading-state\"\n            state={state}\n            minHeight={minCardHeight}\n          />\n        )\n      }\n      dataHook={dataHook}\n      dataExtension={dataExtensionProp}\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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"}