@wix/patterns 0.8.0

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

@@ -0,0 +1,189 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionTableWSRTable = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _CollectionContext = require("../CollectionContext");
+var _CollectionToolbars = require("../CollectionToolbars");
+var _BorderOnlyBox = require("../BorderOnlyBox");
+var _commonStCss = require("../common.st.css.js");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionTable/CollectionTableWSRTable.tsx";
+function _CollectionTableWSRTable(props) {
+  var _toolbar$container$in;
+  const {
+    state,
+    filters,
+    title,
+    tabs,
+    customColumns: customColumnsProp,
+    multiLevelSorting: multiLevelSortingProp,
+    views,
+    extraToolbar,
+    summaryBar,
+    selectionToolbar,
+    dragAndDropReorderModeToolbar,
+    showSelection: showSelectionProp,
+    exportButton,
+    tags,
+    sticky,
+    onRowClick,
+    search,
+    children,
+    tableGridSwitchButton,
+    useShowLoaderWhenEmpty,
+    dragAndDrop,
+    showTitleBar,
+    horizontalScroll,
+    stickyColumns,
+    stickySelectionColumn,
+    hideBulkSelectionCheckbox,
+    columns,
+    primaryActionButton,
+    onSelectionChanged
+  } = props;
+  const {
+    toolbar,
+    tableState: table,
+    keyedItems
+  } = state;
+  const {
+    bulk,
+    collection: toolbarCollection,
+    initTask
+  } = toolbar;
+  const {
+    collection
+  } = table;
+  const {
+    result: {
+      hasAvailableItems
+    }
+  } = toolbarCollection;
+  const {
+    showRefreshLoader,
+    showErrorState,
+    showEmptyState
+  } = collection;
+  const Table = _designSystem.Table;
+  const showSelection = showSelectionProp ?? selectionToolbar != null;
+  const tableSkeletonEnabled = (_toolbar$container$in = toolbar.container.internalExperiments) == null ? void 0 : _toolbar$container$in.enabled('specs.cairo.TableSkeletonLoader');
+  const hideTitleBar = !hasAvailableItems || initTask.status.isLoading || initTask.status.isError;
+  const showBorderBox = !(tableSkeletonEnabled && initTask.status.isLoading) && (hideTitleBar || !showTitleBar);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": "collection-table",
+    className: (0, _commonStCss.st)(_commonStCss.classes.fullHeight, _commonStCss.classes.column),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 139,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(Table, (0, _extends2.default)({}, props, {
+    withWrapper: false,
+    data: keyedItems,
+    columns: columns,
+    onRowClick: onRowClick
+    // this forces WSR <Table/> to render the loader even when `data.length=0`
+    ,
+    showHeaderWhenEmpty: useShowLoaderWhenEmpty && !showRefreshLoader && !showErrorState && !showEmptyState,
+    hideBulkSelectionCheckbox: selectionToolbar ? false : hideBulkSelectionCheckbox,
+    dragAndDrop: dragAndDrop,
+    rowDataHook: rowData => `table-row-${rowData.key}`,
+    controlled: true,
+    horizontalScroll: horizontalScroll,
+    stickyColumns: table.getStickyColumnsCount({
+      horizontalScroll,
+      stickyColumns,
+      showSelection,
+      stickySelectionColumn
+    }),
+    showSelection: showSelection,
+    selectedIds: bulk.selectedIds,
+    onSelectionStarted: state.toolbar.onSelectionStarted,
+    onSelectionChanged: onSelectionChanged ?? ((_selectedIds, _change) => {
+      state.toolbar.onSelectionChanged(_selectedIds, _change);
+    }),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 143,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_CollectionToolbars.CollectionToolbars, {
+    sticky: sticky,
+    state: toolbar,
+    search: search,
+    customColumns: customColumnsProp,
+    multiLevelSorting: multiLevelSortingProp,
+    views: views,
+    title: title,
+    tabs: tabs,
+    filters: filters,
+    selectionToolbar: selectionToolbar,
+    dragAndDropReorderModeToolbar: dragAndDropReorderModeToolbar,
+    extraToolbar: extraToolbar,
+    summaryBar: summaryBar,
+    titleBar: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showBorderBox && /*#__PURE__*/_react.default.createElement(_BorderOnlyBox.BorderOnlyBox, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 195,
+        columnNumber: 33
+      }
+    }), !hideTitleBar && /*#__PURE__*/_react.default.createElement("div", {
+      "data-hook": "titlebar-a11y-wrapper",
+      style: {
+        display: showTitleBar ? undefined : 'none'
+      },
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 197,
+        columnNumber: 17
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.Titlebar, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 201,
+        columnNumber: 19
+      }
+    }))),
+    tableGridSwitchButton: tableGridSwitchButton,
+    exportButton: exportButton,
+    tags: tags,
+    primaryActionButton: primaryActionButton,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 179,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement(_CollectionContext.CollectionProvider, {
+    value: collection,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 211,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    width: "100%",
+    direction: "vertical",
+    minHeight: 0,
+    flex: 1,
+    verticalAlign: "middle",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 212,
+      columnNumber: 11
+    }
+  }, children))));
+}
+const CollectionTableWSRTable = exports.CollectionTableWSRTable = (0, _mobxReactLite.observer)(_CollectionTableWSRTable);
+//# sourceMappingURL=CollectionTableWSRTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionContext","_CollectionToolbars","_BorderOnlyBox","_commonStCss","_jsxFileName","_CollectionTableWSRTable","props","_toolbar$container$in","state","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","views","extraToolbar","summaryBar","selectionToolbar","dragAndDropReorderModeToolbar","showSelection","showSelectionProp","exportButton","tags","sticky","onRowClick","search","children","tableGridSwitchButton","useShowLoaderWhenEmpty","dragAndDrop","showTitleBar","horizontalScroll","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","columns","primaryActionButton","onSelectionChanged","toolbar","tableState","table","keyedItems","bulk","collection","toolbarCollection","initTask","result","hasAvailableItems","showRefreshLoader","showErrorState","showEmptyState","Table","WSRTable","tableSkeletonEnabled","container","internalExperiments","enabled","hideTitleBar","status","isLoading","isError","showBorderBox","default","createElement","className","st","classes","fullHeight","column","__self","__source","fileName","lineNumber","columnNumber","_extends2","withWrapper","data","showHeaderWhenEmpty","rowDataHook","rowData","key","controlled","getStickyColumnsCount","selectedIds","onSelectionStarted","_selectedIds","_change","CollectionToolbars","titleBar","Fragment","BorderOnlyBox","style","display","undefined","Titlebar","CollectionProvider","value","Box","width","direction","minHeight","flex","verticalAlign","CollectionTableWSRTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.tsx"],"sourcesContent":["import {\n  Box,\n  Table as WSRTable,\n  TableColumn as WSRTableColumn,\n  TableProps,\n} from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ForwardRefExoticComponent,\n  ReactElement,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { CollectionProvider } from '../CollectionContext';\nimport { TableState, ToolbarCollectionState } from '../../state';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport { BorderOnlyBox } from '../BorderOnlyBox';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { CollectionTableContentBaseProps } from './CollectionTableContent';\nimport { classes, st } from '../common.st.css.js';\n\nexport interface CollectionTableWSRTableBaseProps<U, T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F>,\n    CollectionTableContentBaseProps,\n    Omit<\n      TableProps<KeyedItem<U>>,\n      | 'columns'\n      | 'data'\n      | 'rowDataHook'\n      | 'onRowClick'\n      | 'onDragEnd'\n      | 'onDragStart'\n      | 'onDragCancel'\n      | 'isDragAndDropDisabled'\n      | 'hideBulkSelectionCheckbox'\n    > {\n  useShowLoaderWhenEmpty?: boolean;\n  useNewInfiniteScrollLoader?: boolean;\n\n  /**\n   * Opt-in selection checkbox as sticky column by default\n   * @external\n   */\n  stickySelectionColumn?: boolean;\n\n  /**\n   * Sets a limit on the number of selectable items, works with [`MultiBulkActionToolbar`](./?path=/story/components-collection-features--multibulkactiontoolbar) feature\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Hides bulk selection checkbox in the table titlebar, If the [`MultiBulkActionToolbar`](./?path=/story/components-collection-features--multibulkactiontoolbar) feature is enabled, this flag will have no effect.\n   * @external\n   */\n  hideBulkSelectionCheckbox?: boolean;\n\n  BodyElementType?: ComponentType<{ children: ReactElement[] }>;\n\n  TrElementType?: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: any;\n    className: string;\n  }>;\n}\n\nexport interface CollectionTableWSRTableProps<U, T, F extends FiltersMap>\n  extends CollectionTableWSRTableBaseProps<U, T, F> {\n  state: {\n    tableState: TableState<T, F>;\n    toolbar: ToolbarCollectionState<T, F>;\n    keyedItems: KeyedItem<U>[];\n  };\n\n  sticky: boolean;\n\n  columns: WSRTableColumn<KeyedItem<U>>[];\n  onRowClick?: (item: KeyedItem<U>, index: number) => void;\n}\n\nfunction _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableWSRTableProps<U, T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    views,\n    extraToolbar,\n    summaryBar,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    showSelection: showSelectionProp,\n    exportButton,\n    tags,\n    sticky,\n    onRowClick,\n    search,\n    children,\n    tableGridSwitchButton,\n    useShowLoaderWhenEmpty,\n    dragAndDrop,\n    showTitleBar,\n    horizontalScroll,\n    stickyColumns,\n    stickySelectionColumn,\n    hideBulkSelectionCheckbox,\n    columns,\n    primaryActionButton,\n    onSelectionChanged,\n  } = props;\n\n  const { toolbar, tableState: table, keyedItems } = state;\n  const { bulk, collection: toolbarCollection, initTask } = toolbar;\n  const { collection } = table;\n  const {\n    result: { hasAvailableItems },\n  } = toolbarCollection;\n  const { showRefreshLoader, showErrorState, showEmptyState } = collection;\n\n  const Table = WSRTable as ComponentType<TableProps<KeyedItem<U>>>;\n\n  const showSelection = showSelectionProp ?? selectionToolbar != null;\n\n  const tableSkeletonEnabled = toolbar.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n  const hideTitleBar =\n    !hasAvailableItems || initTask.status.isLoading || initTask.status.isError;\n\n  const showBorderBox =\n    !(tableSkeletonEnabled && initTask.status.isLoading) &&\n    (hideTitleBar || !showTitleBar);\n\n  return (\n    <div\n      data-hook=\"collection-table\"\n      className={st(classes.fullHeight, classes.column)}\n    >\n      <Table\n        {...props}\n        withWrapper={false}\n        data={keyedItems}\n        columns={columns}\n        onRowClick={onRowClick}\n        // this forces WSR <Table/> to render the loader even when `data.length=0`\n        showHeaderWhenEmpty={\n          useShowLoaderWhenEmpty &&\n          !showRefreshLoader &&\n          !showErrorState &&\n          !showEmptyState\n        }\n        hideBulkSelectionCheckbox={\n          selectionToolbar ? false : hideBulkSelectionCheckbox\n        }\n        dragAndDrop={dragAndDrop}\n        rowDataHook={(rowData) => `table-row-${rowData.key}`}\n        controlled\n        horizontalScroll={horizontalScroll}\n        stickyColumns={table.getStickyColumnsCount({\n          horizontalScroll,\n          stickyColumns,\n          showSelection,\n          stickySelectionColumn,\n        })}\n        showSelection={showSelection}\n        selectedIds={bulk.selectedIds}\n        onSelectionStarted={state.toolbar.onSelectionStarted}\n        onSelectionChanged={\n          onSelectionChanged ??\n          ((_selectedIds, _change) => {\n            state.toolbar.onSelectionChanged(_selectedIds, _change);\n          })\n        }\n      >\n        <CollectionToolbars\n          sticky={sticky}\n          state={toolbar}\n          search={search}\n          customColumns={customColumnsProp}\n          multiLevelSorting={multiLevelSortingProp}\n          views={views}\n          title={title}\n          tabs={tabs}\n          filters={filters}\n          selectionToolbar={selectionToolbar}\n          dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n          extraToolbar={extraToolbar}\n          summaryBar={summaryBar}\n          titleBar={\n            <>\n              {showBorderBox && <BorderOnlyBox />}\n              {!hideTitleBar && (\n                <div\n                  data-hook=\"titlebar-a11y-wrapper\"\n                  style={{ display: showTitleBar ? undefined : 'none' }}\n                >\n                  <WSRTable.Titlebar />\n                </div>\n              )}\n            </>\n          }\n          tableGridSwitchButton={tableGridSwitchButton}\n          exportButton={exportButton}\n          tags={tags}\n          primaryActionButton={primaryActionButton}\n        />\n        <CollectionProvider value={collection}>\n          <Box\n            width=\"100%\"\n            direction=\"vertical\"\n            minHeight={0}\n            flex={1}\n            verticalAlign=\"middle\"\n          >\n            {children}\n          </Box>\n        </CollectionProvider>\n      </Table>\n    </div>\n  );\n}\n\nexport const CollectionTableWSRTable = observer(_CollectionTableWSRTable);\n"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _CollectionTable = require("./CollectionTable");
+Object.keys(_CollectionTable).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CollectionTable[key]) return;
+  exports[key] = _CollectionTable[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_CollectionTable","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/CollectionTable/index.ts"],"sourcesContent":["export * from './CollectionTable';\n"],"mappings":";;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,gBAAA,CAAAK,GAAA;AAAA"}

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

@@ -0,0 +1,58 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useTableCollectionSyncProps = useTableCollectionSyncProps;
+var _react = require("react");
+var _useToolbarCollectionSyncProps = require("../ToolbarCollection/useToolbarCollectionSyncProps");
+var _assertComponentType = require("../assertComponentType");
+var _useColumnsSyncProps = require("../../hooks/useColumnsSyncProps");
+function useTableCollectionSyncProps(props) {
+  const {
+    state: table,
+    customColumns,
+    columns: tableColumns,
+    showSelection,
+    actionCell,
+    multiLevelSorting,
+    views,
+    selectionDisabled,
+    dataExtension,
+    isUsingTableVirtualization,
+    dragAndDropReorderModeToolbar
+  } = props;
+  (0, _assertComponentType.assertComponentType)(customColumns, 'CustomColumns', 'customColumns');
+  (0, _assertComponentType.assertComponentType)(multiLevelSorting, 'MultiLevelSorting', 'multiLevelSorting');
+  (0, _assertComponentType.assertComponentType)(views, 'CollectionViewsDropdown', 'views');
+  (0, _assertComponentType.assertComponentType)(dragAndDropReorderModeToolbar, 'ReorderModeToolbar', 'dragAndDropReorderModeToolbar');
+  const state = table.toolbar;
+  (0, _useToolbarCollectionSyncProps.useToolbarCollectionSyncProps)({
+    ...props,
+    state,
+    isUsingDragAndDrop: !!props.dragAndDrop,
+    isUsingBulkActionsToolbar: !!props.bulkActionToolbar,
+    isUsingHorizontalScroll: props.horizontalScroll ?? false,
+    isUsingFolders: false,
+    isUsingTableVirtualization
+  });
+  (0, _useColumnsSyncProps.useColumnsSyncProps)({
+    toolbar: state,
+    customColumns,
+    columns: tableColumns
+  });
+  (0, _react.useState)(() => dataExtension == null ? void 0 : dataExtension.setDataExtensionOnTable(state));
+  (0, _react.useEffect)(() => {
+    if (!dragAndDropReorderModeToolbar) {
+      return;
+    }
+    dragAndDropReorderModeToolbar == null || dragAndDropReorderModeToolbar.type.setReorderModeState(state);
+  }, [state._dnd, dragAndDropReorderModeToolbar]);
+  (0, _react.useEffect)(() => state.selectionProps.set({
+    showSelection
+  }), [showSelection]);
+  (0, _react.useEffect)(() => state.actionCell.set(actionCell), [actionCell]);
+  if (selectionDisabled != null) {
+    state.bulk.selectionDisabledProp = selectionDisabled;
+  }
+  return state;
+}
+//# sourceMappingURL=useTableCollectionSyncProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_useToolbarCollectionSyncProps","_assertComponentType","_useColumnsSyncProps","useTableCollectionSyncProps","props","state","table","customColumns","columns","tableColumns","showSelection","actionCell","multiLevelSorting","views","selectionDisabled","dataExtension","isUsingTableVirtualization","dragAndDropReorderModeToolbar","assertComponentType","toolbar","useToolbarCollectionSyncProps","isUsingDragAndDrop","dragAndDrop","isUsingBulkActionsToolbar","bulkActionToolbar","isUsingHorizontalScroll","horizontalScroll","isUsingFolders","useColumnsSyncProps","useState","setDataExtensionOnTable","useEffect","type","setReorderModeState","_dnd","selectionProps","set","bulk","selectionDisabledProp"],"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 { SelectionDisabledProp } from '../../state/BulkActionToolbarState';\nimport { useColumnsSyncProps } from '../../hooks/useColumnsSyncProps';\n\nexport function useTableCollectionSyncProps<T, F extends FiltersMap>(\n  props: CollectionTableProps<T, F> & {\n    isUsingTableVirtualization: boolean;\n  },\n) {\n  const {\n    state: table,\n    customColumns,\n    columns: tableColumns,\n    showSelection,\n    actionCell,\n    multiLevelSorting,\n    views,\n    selectionDisabled,\n    dataExtension,\n    isUsingTableVirtualization,\n    dragAndDropReorderModeToolbar,\n  } = props;\n\n  assertComponentType(customColumns, 'CustomColumns', 'customColumns');\n  assertComponentType(\n    multiLevelSorting,\n    'MultiLevelSorting',\n    'multiLevelSorting',\n  );\n  assertComponentType(views, 'CollectionViewsDropdown', 'views');\n  assertComponentType(\n    dragAndDropReorderModeToolbar,\n    'ReorderModeToolbar',\n    'dragAndDropReorderModeToolbar',\n  );\n\n  const state = table.toolbar;\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state,\n    isUsingDragAndDrop: !!props.dragAndDrop,\n    isUsingBulkActionsToolbar: !!props.bulkActionToolbar,\n    isUsingHorizontalScroll: props.horizontalScroll ?? false,\n    isUsingFolders: false,\n    isUsingTableVirtualization,\n  });\n\n  useColumnsSyncProps({\n    toolbar: state,\n    customColumns,\n    columns: tableColumns,\n  });\n\n  useState(() => dataExtension?.setDataExtensionOnTable(state));\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  return state;\n}\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,8BAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AAEA,IAAAG,oBAAA,GAAAH,OAAA;AAEO,SAASI,2BAA2BA,CACzCC,KAEC,EACD;EACA,MAAM;IACJC,KAAK,EAAEC,KAAK;IACZC,aAAa;IACbC,OAAO,EAAEC,YAAY;IACrBC,aAAa;IACbC,UAAU;IACVC,iBAAiB;IACjBC,KAAK;IACLC,iBAAiB;IACjBC,aAAa;IACbC,0BAA0B;IAC1BC;EACF,CAAC,GAAGb,KAAK;EAET,IAAAc,wCAAmB,EAACX,aAAa,EAAE,eAAe,EAAE,eAAe,CAAC;EACpE,IAAAW,wCAAmB,EACjBN,iBAAiB,EACjB,mBAAmB,EACnB,mBACF,CAAC;EACD,IAAAM,wCAAmB,EAACL,KAAK,EAAE,yBAAyB,EAAE,OAAO,CAAC;EAC9D,IAAAK,wCAAmB,EACjBD,6BAA6B,EAC7B,oBAAoB,EACpB,+BACF,CAAC;EAED,MAAMZ,KAAK,GAAGC,KAAK,CAACa,OAAO;EAE3B,IAAAC,4DAA6B,EAAC;IAC5B,GAAGhB,KAAK;IACRC,KAAK;IACLgB,kBAAkB,EAAE,CAAC,CAACjB,KAAK,CAACkB,WAAW;IACvCC,yBAAyB,EAAE,CAAC,CAACnB,KAAK,CAACoB,iBAAiB;IACpDC,uBAAuB,EAAErB,KAAK,CAACsB,gBAAgB,IAAI,KAAK;IACxDC,cAAc,EAAE,KAAK;IACrBX;EACF,CAAC,CAAC;EAEF,IAAAY,wCAAmB,EAAC;IAClBT,OAAO,EAAEd,KAAK;IACdE,aAAa;IACbC,OAAO,EAAEC;EACX,CAAC,CAAC;EAEF,IAAAoB,eAAQ,EAAC,MAAMd,aAAa,oBAAbA,aAAa,CAAEe,uBAAuB,CAACzB,KAAK,CAAC,CAAC;EAE7D,IAAA0B,gBAAS,EAAC,MAAM;IACd,IAAI,CAACd,6BAA6B,EAAE;MAClC;IACF;IACAA,6BAA6B,YAA7BA,6BAA6B,CAAEe,IAAI,CAACC,mBAAmB,CAAC5B,KAAK,CAAC;EAChE,CAAC,EAAE,CAACA,KAAK,CAAC6B,IAAI,EAAEjB,6BAA6B,CAAC,CAAC;EAE/C,IAAAc,gBAAS,EAAC,MAAM1B,KAAK,CAAC8B,cAAc,CAACC,GAAG,CAAC;IAAE1B;EAAc,CAAC,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAC7E,IAAAqB,gBAAS,EAAC,MAAM1B,KAAK,CAACM,UAAU,CAACyB,GAAG,CAACzB,UAAU,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAE/D,IAAIG,iBAAiB,IAAI,IAAI,EAAE;IAC7BT,KAAK,CAACgC,IAAI,CAACC,qBAAqB,GAC9BxB,iBAA0C;EAC9C;EAEA,OAAOT,KAAK;AACd"}

package/dist/cjs/components/CollectionTableActionsColumn.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionTableActionsColumn = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _state = require("../state");
+var _CollectionItemActions = require("./CollectionItemActions");
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionTableActionsColumn.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; }
+function _CollectionTableActionsColumn(props) {
+  const {
+    collection,
+    index,
+    sticky,
+    keyedItem,
+    actionCell,
+    ...rest
+  } = props;
+  const [state] = (0, _react.useState)(() => new _state.ItemActionsState({
+    keyedItem,
+    collection,
+    fade: 'static'
+  }));
+  const renderActionCell = (0, _react.useCallback)(() => {
+    const actionCellProps = typeof actionCell === 'function' ? actionCell(keyedItem.item, index, state.actionCellAPI) : actionCell;
+    return {
+      ...actionCellProps,
+      popoverMenuProps: {
+        // Larger zIndex than Page.Sticky https://github.com/wix-private/wix-design-systems/blob/844c42de1fb6e65f62b4b32538c5923869116d3d/packages/wix-style-react/src/Page/Page.st.css#L41
+        ...(sticky && {
+          zIndex: 1200
+        }),
+        ...(actionCellProps == null ? void 0 : actionCellProps.popoverMenuProps)
+      }
+    };
+  }, [actionCell, sticky, index, keyedItem]);
+  (0, _react.useEffect)(() => {
+    state.setItemIfChanged(keyedItem);
+  }, [keyedItem]);
+  return /*#__PURE__*/_react.default.createElement(_CollectionItemActions.CollectionItemActions, (0, _extends2.default)({}, rest, {
+    collection: state.collection,
+    renderActionCell: renderActionCell,
+    state: state,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 51,
+      columnNumber: 5
+    }
+  }));
+}
+const CollectionTableActionsColumn = exports.CollectionTableActionsColumn = (0, _mobxReactLite.observer)(_CollectionTableActionsColumn);
+//# sourceMappingURL=CollectionTableActionsColumn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_CollectionItemActions","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_CollectionTableActionsColumn","props","collection","index","sticky","keyedItem","actionCell","rest","state","useState","ItemActionsState","fade","renderActionCell","useCallback","actionCellProps","item","actionCellAPI","popoverMenuProps","zIndex","useEffect","setItemIfChanged","createElement","CollectionItemActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","CollectionTableActionsColumn","exports","observer"],"sources":["../../../src/components/CollectionTableActionsColumn.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { ItemActionsState } from '../state';\nimport { CollectionItemActions } from './CollectionItemActions';\nimport { CollectionState, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { ActionCell } from './ActionCell';\n\nexport interface CollectionTableActionsColumnProps<T, F extends FiltersMap> {\n  keyedItem: KeyedItem<T>;\n  index: number;\n  sticky?: boolean;\n  actionCell: ActionCell<T, F>;\n  collection: CollectionState<T, F>;\n}\n\nfunction _CollectionTableActionsColumn<T, F extends FiltersMap>(\n  props: CollectionTableActionsColumnProps<T, F>,\n) {\n  const { collection, index, sticky, keyedItem, actionCell, ...rest } = props;\n\n  const [state] = useState(\n    () =>\n      new ItemActionsState({\n        keyedItem,\n        collection,\n        fade: 'static',\n      }),\n  );\n\n  const renderActionCell = useCallback(() => {\n    const actionCellProps =\n      typeof actionCell === 'function'\n        ? actionCell(keyedItem.item, index, state.actionCellAPI)\n        : actionCell;\n\n    return {\n      ...actionCellProps,\n      popoverMenuProps: {\n        // Larger zIndex than Page.Sticky https://github.com/wix-private/wix-design-systems/blob/844c42de1fb6e65f62b4b32538c5923869116d3d/packages/wix-style-react/src/Page/Page.st.css#L41\n        ...(sticky && { zIndex: 1200 }),\n        ...actionCellProps?.popoverMenuProps,\n      },\n    };\n  }, [actionCell, sticky, index, keyedItem]);\n\n  useEffect(() => {\n    state.setItemIfChanged(keyedItem);\n  }, [keyedItem]);\n\n  return (\n    <CollectionItemActions\n      {...rest}\n      collection={state.collection}\n      renderActionCell={renderActionCell}\n      state={state}\n    />\n  );\n}\n\nexport const CollectionTableActionsColumn = observer(\n  _CollectionTableActionsColumn,\n);\n"],"mappings":"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"}

package/dist/cjs/components/CollectionTableDragAndDropContext/CollectionNestedTableDragAndDropContext.js

@@ -0,0 +1,150 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionNestedTableDragAndDropContext = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@wix/bex-core/react");
+var _mobxReactLite = require("mobx-react-lite");
+var _dragAndDrop = require("@wix/wix-style-react-incubator/drag-and-drop");
+var _DragAndDropAnnouncements = require("../DragAndDrop/DragAndDropAnnouncements");
+var _dndTestEventHandlers = require("../GridDragAndDropDndKit/dndTestEventHandlers");
+var _util = require("@wix/bex-core/util");
+var _NestedTableDragAndDropState = require("../DragAndDrop/NestedTableDragAndDropState");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionTableDragAndDropContext/CollectionNestedTableDragAndDropContext.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; }
+function _CollectionNestedTableDragAndDropContext(props) {
+  const {
+    state: nestedState,
+    onSubmit,
+    onCancel,
+    onBulkSubmit,
+    children
+  } = props;
+  const {
+    type: Table,
+    props: tableProps
+  } = children;
+  const {
+    tableState
+  } = nestedState;
+  const {
+    modalsContainerRef
+  } = (0, _react2.usePageContext)();
+  const [state] = (0, _react.useState)(() => {
+    const nestedDnDState = new _NestedTableDragAndDropState.NestedTableDragAndDropState({
+      nestedState,
+      modalsContainerRef
+    });
+    tableState.tableDragAndDropState = nestedDnDState;
+    return nestedDnDState;
+  });
+  const dragAndDropState = state.dragAndDrop.dnd;
+  (0, _react.useEffect)(() => state.init({
+    a11yContainer: modalsContainerRef == null ? void 0 : modalsContainerRef.current
+  }), []);
+  dragAndDropState.onSubmit = onSubmit;
+  dragAndDropState.onCancel = onCancel;
+  dragAndDropState.onBulkSubmit = onBulkSubmit;
+  const [dragAndDropContext] = (0, _react.useState)(() => ({
+    onDragAndDropDisabledRowPointerDown: (id, e) => {
+      dragAndDropState.attachDisabledDragAttempt(id, e, 'y');
+    },
+    cancelDrop: ev => dragAndDropState.beforeDrop(ev),
+    dropAnimation: {
+      duration: dragAndDropState.dropAnimation.duration,
+      easing: dragAndDropState.dropAnimation.easing
+    },
+    announcements: dragAndDropState.nullAnnouncements,
+    a11yContainer: dragAndDropState.a11yContainer,
+    onDragOver: ({
+      over
+    }) => dragAndDropState.onDragOver({
+      over
+    }),
+    onDragMove: event => dragAndDropState.onDragMove(event),
+    restoreFocus: false,
+    onDropAnimationEnd: (id, dragHandleRef) => {
+      return (0, _util.addEventListener)(dragAndDropState.events, 'dropAnimationEnd', () => {
+        dragAndDropState.focusDragHandleIfDropped(id, dragHandleRef.current);
+      });
+    },
+    eventHandlers: {
+      row: ({
+        id
+      }) => {
+        const testEvents = process.env.NODE_ENV === 'test' ? (0, _dndTestEventHandlers.sortableItemTestEvents)({
+          state: dragAndDropState,
+          id
+        }) : undefined;
+        return {
+          ...testEvents,
+          onPointerDown: e => {
+            dragAndDropState.containerEvents.onPointerDown == null || dragAndDropState.containerEvents.onPointerDown(e);
+            testEvents == null || testEvents.onPointerDown == null || testEvents.onPointerDown(e);
+          }
+        };
+      },
+      handle: ({
+        id
+      }) => ({
+        onPointerDown: e => {
+          dragAndDropState.handleEvents.onPointerDown == null || dragAndDropState.handleEvents.onPointerDown(e);
+        },
+        onKeyDown: e => {
+          dragAndDropState.handleEvents.onKeyDown == null || dragAndDropState.handleEvents.onKeyDown(e);
+        },
+        ...(process.env.NODE_ENV === 'test' && (0, _dndTestEventHandlers.dragHandleTestEvents)({
+          state: dragAndDropState,
+          id
+        }))
+      }),
+      keyboardCodes: dragAndDropState.keyboardCodes
+    }
+  }));
+  dragAndDropContext.a11yContainer = dragAndDropState.a11yContainer;
+  const sortableReactiveContext = (0, _react.useMemo)(() => ({
+    dropDisabled: dragAndDropState.isActiveRectOutsideContainer
+  }), [dragAndDropState.isActiveRectOutsideContainer]);
+  return /*#__PURE__*/_react.default.createElement(_dragAndDrop.DragAndDropContext.Provider, {
+    value: dragAndDropContext,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 148,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_dragAndDrop.SortableReactiveContext.Provider, {
+    value: sortableReactiveContext,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 149,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(Table, (0, _extends2.default)({}, tableProps, {
+    isDragAndDropDisabled: dragAndDropState.isDisabled,
+    onDragStart: event => dragAndDropState.onDragStart(event),
+    onDragEnd: event => dragAndDropState.onDragEnd(event),
+    onDragCancel: () => dragAndDropState.onDragCancel(),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 150,
+      columnNumber: 9
+    }
+  })), /*#__PURE__*/_react.default.createElement(_DragAndDropAnnouncements.DragAndDropAnnouncements, {
+    state: dragAndDropState,
+    dataHook: "collection-table-dnd-live-region",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 158,
+      columnNumber: 9
+    }
+  })));
+}
+const CollectionNestedTableDragAndDropContext = exports.CollectionNestedTableDragAndDropContext = (0, _mobxReactLite.observer)(_CollectionNestedTableDragAndDropContext);
+//# sourceMappingURL=CollectionNestedTableDragAndDropContext.js.map

package/dist/cjs/components/CollectionTableDragAndDropContext/CollectionNestedTableDragAndDropContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_mobxReactLite","_dragAndDrop","_DragAndDropAnnouncements","_dndTestEventHandlers","_util","_NestedTableDragAndDropState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_CollectionNestedTableDragAndDropContext","props","state","nestedState","onSubmit","onCancel","onBulkSubmit","children","type","Table","tableProps","tableState","modalsContainerRef","usePageContext","useState","nestedDnDState","NestedTableDragAndDropState","tableDragAndDropState","dragAndDropState","dragAndDrop","dnd","useEffect","init","a11yContainer","current","dragAndDropContext","onDragAndDropDisabledRowPointerDown","id","attachDisabledDragAttempt","cancelDrop","ev","beforeDrop","dropAnimation","duration","easing","announcements","nullAnnouncements","onDragOver","over","onDragMove","event","restoreFocus","onDropAnimationEnd","dragHandleRef","addEventListener","events","focusDragHandleIfDropped","eventHandlers","row","testEvents","process","env","NODE_ENV","sortableItemTestEvents","undefined","onPointerDown","containerEvents","handle","handleEvents","onKeyDown","dragHandleTestEvents","keyboardCodes","sortableReactiveContext","useMemo","dropDisabled","isActiveRectOutsideContainer","createElement","DragAndDropContext","Provider","value","__self","__source","fileName","lineNumber","columnNumber","SortableReactiveContext","_extends2","isDragAndDropDisabled","isDisabled","onDragStart","onDragEnd","onDragCancel","DragAndDropAnnouncements","dataHook","CollectionNestedTableDragAndDropContext","exports","observer"],"sources":["../../../../src/components/CollectionTableDragAndDropContext/CollectionNestedTableDragAndDropContext.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { usePageContext } from '@wix/bex-core/react';\nimport {\n  DragAndDropBulkSubmit,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { NestedTableNestedModeState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport type { TableProps } from '@wix/design-system';\nimport {\n  DragAndDropContext,\n  IDragAndDropContext,\n  ISortableReactiveContext,\n  SortableReactiveContext,\n} from '@wix/wix-style-react-incubator/drag-and-drop';\nimport { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';\nimport {\n  dragHandleTestEvents,\n  sortableItemTestEvents,\n} from '../GridDragAndDropDndKit/dndTestEventHandlers';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { NestedTableDragAndDropState } from '../DragAndDrop/NestedTableDragAndDropState';\n\nexport interface CollectionNestedTableDragAndDropContextProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  state: NestedTableNestedModeState<C>;\n  onSubmit?: DragAndDropSubmit<T, F>;\n  onCancel?: DragAndDropCancel<T, F>;\n  onBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n  children: React.ReactElement<\n    TableProps<T>,\n    React.ComponentType<TableProps<T>>\n  >;\n}\n\nfunction _CollectionNestedTableDragAndDropContext<\n  C extends string,\n  T,\n  F extends FiltersMap,\n>(props: CollectionNestedTableDragAndDropContextProps<C, T, F>) {\n  const {\n    state: nestedState,\n    onSubmit,\n    onCancel,\n    onBulkSubmit,\n    children,\n  } = props;\n  const { type: Table, props: tableProps } = children;\n  const { tableState } = nestedState;\n  const { modalsContainerRef } = usePageContext();\n\n  const [state] = useState<NestedTableDragAndDropState<C>>(() => {\n    const nestedDnDState = new NestedTableDragAndDropState({\n      nestedState,\n      modalsContainerRef,\n    });\n    tableState.tableDragAndDropState = nestedDnDState;\n    return nestedDnDState;\n  });\n\n  const dragAndDropState = state.dragAndDrop.dnd;\n\n  useEffect(\n    () =>\n      state.init({\n        a11yContainer: modalsContainerRef?.current,\n      }),\n    [],\n  );\n\n  dragAndDropState.onSubmit = onSubmit;\n  dragAndDropState.onCancel = onCancel;\n  dragAndDropState.onBulkSubmit = onBulkSubmit;\n\n  const [dragAndDropContext] = useState<IDragAndDropContext>(() => ({\n    onDragAndDropDisabledRowPointerDown: (id, e) => {\n      dragAndDropState.attachDisabledDragAttempt(id as string, e, 'y');\n    },\n    cancelDrop: (ev) => dragAndDropState.beforeDrop(ev),\n    dropAnimation: {\n      duration: dragAndDropState.dropAnimation.duration,\n      easing: dragAndDropState.dropAnimation.easing,\n    },\n    announcements: dragAndDropState.nullAnnouncements,\n    a11yContainer: dragAndDropState.a11yContainer,\n    onDragOver: ({ over }) => dragAndDropState.onDragOver({ over }),\n    onDragMove: (event: any) => dragAndDropState.onDragMove(event),\n    restoreFocus: false,\n    onDropAnimationEnd: (id, dragHandleRef) => {\n      return addEventListener(\n        dragAndDropState.events,\n        'dropAnimationEnd',\n        () => {\n          dragAndDropState.focusDragHandleIfDropped(id, dragHandleRef.current);\n        },\n      );\n    },\n    eventHandlers: {\n      row: ({ id }) => {\n        const testEvents =\n          process.env.NODE_ENV === 'test'\n            ? sortableItemTestEvents({\n                state: dragAndDropState,\n                id,\n              })\n            : undefined;\n\n        return {\n          ...testEvents,\n          onPointerDown: (e) => {\n            dragAndDropState.containerEvents.onPointerDown?.(e);\n            testEvents?.onPointerDown?.(e);\n          },\n        };\n      },\n      handle: ({ id }) => ({\n        onPointerDown: (e) => {\n          dragAndDropState.handleEvents.onPointerDown?.(e);\n        },\n        onKeyDown: (e) => {\n          dragAndDropState.handleEvents.onKeyDown?.(e);\n        },\n        ...(process.env.NODE_ENV === 'test' &&\n          dragHandleTestEvents({\n            state: dragAndDropState,\n            id,\n          })),\n      }),\n      keyboardCodes: dragAndDropState.keyboardCodes,\n    },\n  }));\n\n  dragAndDropContext.a11yContainer = dragAndDropState.a11yContainer;\n\n  const sortableReactiveContext = useMemo<ISortableReactiveContext>(\n    () => ({\n      dropDisabled: dragAndDropState.isActiveRectOutsideContainer,\n    }),\n    [dragAndDropState.isActiveRectOutsideContainer],\n  );\n\n  return (\n    <DragAndDropContext.Provider value={dragAndDropContext}>\n      <SortableReactiveContext.Provider value={sortableReactiveContext}>\n        <Table\n          {...tableProps}\n          isDragAndDropDisabled={dragAndDropState.isDisabled}\n          onDragStart={(event: any) => dragAndDropState.onDragStart(event)}\n          onDragEnd={(event: any) => dragAndDropState.onDragEnd(event)}\n          onDragCancel={() => dragAndDropState.onDragCancel()}\n        />\n\n        <DragAndDropAnnouncements\n          state={dragAndDropState}\n          dataHook=\"collection-table-dnd-live-region\"\n        />\n      </SortableReactiveContext.Provider>\n    </DragAndDropContext.Provider>\n  );\n}\n\nexport const CollectionNestedTableDragAndDropContext = observer(\n  _CollectionNestedTableDragAndDropContext,\n);\n"],"mappings":"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"}