@wix/patterns 1.32.0 → 1.34.0

package/dist/cjs/components/NestedTable/NestedTable.js

@@ -32,7 +32,7 @@ function _NestedTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 116,
+      lineNumber: 77,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_providers.TableProvider, {
@@ -40,14 +40,14 @@ function _NestedTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 117,
+      lineNumber: 78,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_NestedTableWSRTable.NestedTableWSRTable, (0, _extends2.default)({}, props, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
+      lineNumber: 79,
       columnNumber: 9
     }
   }))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_CollectionCard","_NestedTableWSRTable","_mobxReactLite","_minimalRequiredWdsRuntimeCheck","_jsxFileName","_NestedTable","props","state","dataHook","toolbar","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","default","createElement","CollectionCard","renderError","__self","__source","fileName","lineNumber","columnNumber","TableProvider","value","tableState","NestedTableWSRTable","_extends2","NestedTable","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTable.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport { TableProvider } from '../../providers';\nimport { CollectionCard } from '../CollectionCard';\nimport { NestedTableState } from '../../state';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { NestedTableWSRTable } from './NestedTableWSRTable';\nimport { observer } from 'mobx-react-lite';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport {\n  DragAndDropBulkSubmit,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\n\nexport interface NestedTableProps<C extends string>\n  extends ToolbarBaseProps<C> {\n  /**\n   * A state object created with [`useNestedTable`](./?path=/story/base-components-collections-nestedtable--usenestedtable)\n   */\n  state: NestedTableState<C>;\n  /**\n   * A function that renders when there's an error fetching data from the server.<br> <br>\n   * Supported parameters: <br>\n   * - `err`: [object] The error thrown by the [`fetchData()`](./?path=/story/common-hooks--usecollection) function. <br>\n   * - `isOnline`: [bool] Whether internet connection is available. <br>\n   * - `retry`: [func] Retry collection fetch on failed response. Similar to `collection.retryFetch`.\n   */\n  renderError?: (params: {\n    err: unknown;\n    isOnline: boolean;\n    retry: () => void;\n  }) => ReactElement;\n  /**\n   * Shown when the collection is empty.\n   * Pass either a [`<CollectionEmptyState />`](./?path=/story/features-display-empty-states--collectionemptystate)\n   * or [`<CollectionPremiuimEmptyState />`](./?path=/story/features-display-empty-states--collectionpremiumemptystate) component.\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Shown when a search or filter has no results.\n   * Accepts a [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate) component.\n   */\n  noResultsState?: ReactNode;\n  horizontalScroll?: boolean;\n  dataHook?: string;\n  rowHeight?: number;\n  estimatedRowHeight?: number;\n  /**\n   *  Width of the column containing the `actionCell` component.\n   */\n  actionCellWidth?: string | number;\n\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * This prop accepts a [Drag and Drop](./?path=/story/features-sort-drag-and-drop--draganddrop) component.\n   */\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n\n  /**\n   * A function that submits a drop event to the server. The function accepts the following arguments: <br>\n   * - `from: {item: T; index: number}` - Item that was dragged\n   * - `after: null | {item: T; index: number}` - Item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`\n   * - `filters` - Currently applied filters, for cases your server holds a unique ordering per filtering (see `dragAndDropCategories` prop)\n   *\n   * @returns Promise\n   */\n  dragAndDropSubmit?: DragAndDropSubmit<any, any>;\n\n  /**\n   * A function that submits a drop event to the server. The function accepts the array of following objects: <br>\n   * - `from: {item: T; index: number}` - Item that was dragged\n   * - `after: null | {item: T; index: number}` - Item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`\n   * - `filters` - Currently applied filters, for cases your server holds a unique ordering per filtering (see `dragAndDropCategories` prop)\n   *\n   * @returns Promise\n   */\n  dragAndDropBulkSubmit?: DragAndDropBulkSubmit<any, any>;\n\n  /**\n   * A function that cancels a drop event. The function accepts the following arguments: <br>\n   * - `from: {item: T; index: number}` - Item that was dragged\n   * - `after: null | {item: T; index: number}` - Item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`\n   * - `filters` - Currently applied filters, for cases your server holds a unique ordering per filtering (see `dragAndDropCategories` prop)\n   *\n   * If the move should be cancelled, the function should return a toast config object with a message explaining why the move was cancelled. Otherwise, the function should return nullish value.\n   */\n  dragAndDropCancel?: DragAndDropCancel<any, any>;\n\n  /**\n   * List of filters on which to enable drag and drop functionality. For example, you can enable the drag and drop functionality on the 'Age' filter, but not on the 'Phone Number' filter.\n   * If no props are passed, the drag and drop feature is disabled, and unavailable for the table. To enable the drag and drop feature without the use of filters, pass an empty array. For example, `dragAndDropCategories={ [ [], ['status'] ] }`.\n   */\n  dragAndDropCategories?: (keyof any)[][] | null;\n\n  /**\n   * Indicates whether the table should have an internal scroll (instead of the default page scroll)\n   */\n  internalScroll?: boolean;\n}\n\nfunction _NestedTable<C extends string>(props: NestedTableProps<C>) {\n  const { state, dataHook } = props;\n\n  const { toolbar } = state;\n\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.64.1',\n      requiredBy: 'WixPatterns/NestedTable',\n    });\n  }\n\n  return (\n    <CollectionCard renderError={false} state={toolbar} dataHook={dataHook}>\n      <TableProvider value={state.tableState}>\n        <NestedTableWSRTable {...props} />\n      </TableProvider>\n    </CollectionCard>\n  );\n}\n\nexport const NestedTable = observer(_NestedTable);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAGA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,+BAAA,GAAAL,OAAA;AAAsF,IAAAM,YAAA;AA+FtF,SAASC,YAAYA,CAAmBC,KAA0B,EAAE;EAClE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEjC,MAAM;IAAEG;EAAQ,CAAC,GAAGF,KAAK;EAEzB,IAAIG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAAC,8DAA8B,EAAC;MAC7BC,QAAQ,EAAE,SAAS;MACnBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEA,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,eAAA,CAAAkB,cAAc;IAACC,WAAW,EAAE,KAAM;IAACZ,KAAK,EAAEE,OAAQ;IAACD,QAAQ,EAAEA,QAAS;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrE5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,UAAA,CAAA0B,aAAa;IAACC,KAAK,EAAEnB,KAAK,CAACoB,UAAW;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrC5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAChB,oBAAA,CAAA2B,mBAAmB,MAAAC,SAAA,CAAAb,OAAA,MAAKV,KAAK;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CACpB,CACD,CAAC;AAErB;AAEO,MAAMM,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAAC3B,YAAY,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_CollectionCard","_NestedTableWSRTable","_mobxReactLite","_minimalRequiredWdsRuntimeCheck","_jsxFileName","_NestedTable","props","state","dataHook","toolbar","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","default","createElement","CollectionCard","renderError","__self","__source","fileName","lineNumber","columnNumber","TableProvider","value","tableState","NestedTableWSRTable","_extends2","NestedTable","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTable.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport { TableProvider } from '../../providers';\nimport { CollectionCard } from '../CollectionCard';\nimport { NestedTableState } from '../../state';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { NestedTableWSRTable } from './NestedTableWSRTable';\nimport { observer } from 'mobx-react-lite';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\nimport { DragAndDropCategoriesProps } from '../DragAndDrop/DragAndDropCategoriesProps';\n\nexport interface NestedTableProps<C extends string>\n  extends ToolbarBaseProps<C>,\n    DragAndDropCategoriesProps<{}> {\n  /**\n   * A state object created with [`useNestedTable`](./?path=/story/base-components-collections-nestedtable--usenestedtable)\n   */\n  state: NestedTableState<C>;\n  /**\n   * A function that renders when there's an error fetching data from the server.<br> <br>\n   * Supported parameters: <br>\n   * - `err`: [object] The error thrown by the [`fetchData()`](./?path=/story/common-hooks--usecollection) function. <br>\n   * - `isOnline`: [bool] Whether internet connection is available. <br>\n   * - `retry`: [func] Retry collection fetch on failed response. Similar to `collection.retryFetch`.\n   */\n  renderError?: (params: {\n    err: unknown;\n    isOnline: boolean;\n    retry: () => void;\n  }) => ReactElement;\n  /**\n   * Shown when the collection is empty.\n   * Pass either a [`<CollectionEmptyState />`](./?path=/story/features-display-empty-states--collectionemptystate)\n   * or [`<CollectionPremiuimEmptyState />`](./?path=/story/features-display-empty-states--collectionpremiumemptystate) component.\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Shown when a search or filter has no results.\n   * Accepts a [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate) component.\n   */\n  noResultsState?: ReactNode;\n  horizontalScroll?: boolean;\n  dataHook?: string;\n  rowHeight?: number;\n  estimatedRowHeight?: number;\n  /**\n   *  Width of the column containing the `actionCell` component.\n   */\n  actionCellWidth?: string | number;\n\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * This prop accepts a [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) component.\n   */\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n\n  /**\n   * Indicates whether the table should have an internal scroll (instead of the default page scroll)\n   */\n  internalScroll?: boolean;\n}\n\nfunction _NestedTable<C extends string>(props: NestedTableProps<C>) {\n  const { state, dataHook } = props;\n\n  const { toolbar } = state;\n\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.64.1',\n      requiredBy: 'WixPatterns/NestedTable',\n    });\n  }\n\n  return (\n    <CollectionCard renderError={false} state={toolbar} dataHook={dataHook}>\n      <TableProvider value={state.tableState}>\n        <NestedTableWSRTable {...props} />\n      </TableProvider>\n    </CollectionCard>\n  );\n}\n\nexport const NestedTable = observer(_NestedTable);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAGA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,+BAAA,GAAAL,OAAA;AAAsF,IAAAM,YAAA;AAwDtF,SAASC,YAAYA,CAAmBC,KAA0B,EAAE;EAClE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEjC,MAAM;IAAEG;EAAQ,CAAC,GAAGF,KAAK;EAEzB,IAAIG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAAC,8DAA8B,EAAC;MAC7BC,QAAQ,EAAE,SAAS;MACnBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEA,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,eAAA,CAAAkB,cAAc;IAACC,WAAW,EAAE,KAAM;IAACZ,KAAK,EAAEE,OAAQ;IAACD,QAAQ,EAAEA,QAAS;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrE5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,UAAA,CAAA0B,aAAa;IAACC,KAAK,EAAEnB,KAAK,CAACoB,UAAW;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrC5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAChB,oBAAA,CAAA2B,mBAAmB,MAAAC,SAAA,CAAAb,OAAA,MAAKV,KAAK;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CACpB,CACD,CAAC;AAErB;AAEO,MAAMM,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAAC3B,YAAY,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTable.uni.driver.js

@@ -35,6 +35,8 @@ function NestedTableUniDriver(base, body) {
     _getDragAndDropDriver: () => (0, _DragAndDropUni.DragAndDropUniDriver)(base),
     getActionCellByKey: rowKey => (0, _CollectionItemActionsUni.CollectionItemActionsUniDriver)(table._getRowByKey(rowKey), body),
     getMainColumnByKey: rowKey => (0, _NestedTableParentCellUni.NestedTableParentCellUniDriver)(table._getCellByKey(rowKey, 'nested-mode-main-column'), body),
+    getRowParentKey: rowKey => table._getRowByKey(rowKey).attr('data-parent-key'),
+    getRowIndexInParent: rowKey => Number(table._getRowByKey(rowKey).attr('data-index-in-parent')),
     getFlatModeMainColumnByKey: rowKey => (0, _NestedTableFlatModeMainCellUni.NestedTableFlatModeMainCellUniDriver)(table._getCellByKey(rowKey, 'flat-mode-main-column'), body),
     getFlatModeMainColumnAt: row => (0, _NestedTableFlatModeMainCellUni.NestedTableFlatModeMainCellUniDriver)(table._getCellByRowIndexAndCellKey(row, 'flat-mode-main-column'), body),
     getPlaceholderStatesByRowKey: rowKey => (0, _NestedTableRowPlaceholderStatesUni.NestedTableRowPlaceholderStatesUniDriver)(table._getRowByKey(`placeholder-states-${rowKey}`), body),

package/dist/cjs/components/NestedTable/NestedTable.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ToolbarCollectionErrorStateUni","require","_CollectionToolbarUni","_AppliedFiltersTagListUni","_TableUni","_interopRequireDefault","_NestedTableParentCellUni","_NestedTableFlatModeMainCellUni","_NestedTableRowPlaceholderStatesUni","_CollectionItemActionsUni","_SummaryBarUni","_DragAndDropUni","_NestedTableGhostRowUni","NestedTableUniDriver","base","body","toolbarBase","$","toolbar","CollectionToolbarUniDriver","table","TableUniDriver","loadingStateExists","exists","getSummaryBar","SummaryBarUniDriver","getRootErrorStateByDataHook","dataHook","ToolbarCollectionErrorStateUniDriver","subToolbar","AppliedFiltersTagListUniDriver","isRowExpandable","rowKey","_await$table$_getRowB","_getRowByKey","attr","includes","getMainColumnAt","row","NestedTableParentCellUniDriver","_getCellByRowIndexAndCellKey","_getDragAndDropDriver","DragAndDropUniDriver","getActionCellByKey","CollectionItemActionsUniDriver","getMainColumnByKey","_getCellByKey","getFlatModeMainColumnByKey","NestedTableFlatModeMainCellUniDriver","getFlatModeMainColumnAt","getPlaceholderStatesByRowKey","NestedTableRowPlaceholderStatesUniDriver","getGhostRow","NestedTableGhostRowUniDriver","_default","exports","default"],"sources":["../../../../src/components/NestedTable/NestedTable.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { ToolbarCollectionErrorStateUniDriver } from '../ErrorState/ToolbarCollectionErrorState.uni.driver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { AppliedFiltersTagListUniDriver } from '../AppliedFiltersTagList/AppliedFiltersTagList.uni.driver';\nimport TableUniDriver from '../Table/Table.uni.driver';\nimport { NestedTableParentCellUniDriver } from './NestedTableParentCell.uni.driver';\nimport { NestedTableFlatModeMainCellUniDriver } from './NestedTableFlatModeMainCell.uni.driver';\nimport { NestedTableRowPlaceholderStatesUniDriver } from './NestedTableRowPlaceholderStates.uni.driver';\nimport { CollectionItemActionsUniDriver } from '../CollectionItemActions/CollectionItemActions.uni.driver';\nimport { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';\nimport { DragAndDropUniDriver } from '../DragAndDrop/DragAndDrop.uni.driver';\nimport { NestedTableGhostRowUniDriver } from '../NestedTableDragAndDrop/NestedTableGhostRow.uni.driver';\n\nexport function NestedTableUniDriver(base: UniDriver, body: UniDriver) {\n  const toolbarBase = () => base.$('[data-hook=\"collection-toolbar\"]');\n\n  const toolbar = () => CollectionToolbarUniDriver(toolbarBase(), body);\n\n  const table = TableUniDriver(base, body);\n\n  const loadingStateExists = () =>\n    base.$('[data-hook=\"placeholder-states-loading-state\"]').exists();\n  const getSummaryBar = () => SummaryBarUniDriver(base, body);\n\n  return {\n    ...table,\n    toolbar: () => toolbar(),\n    loadingStateExists,\n    getRootErrorStateByDataHook: (\n      dataHook = 'placeholder-states-error-state',\n    ) =>\n      ToolbarCollectionErrorStateUniDriver(\n        base.$(`[data-hook=\"${dataHook}\"]`),\n        body,\n      ),\n    subToolbar: () =>\n      AppliedFiltersTagListUniDriver(\n        base.$('[data-hook=\"collection-table-sub-toolbar\"]'),\n        body,\n      ),\n\n    isRowExpandable: async (rowKey: string) =>\n      (await table._getRowByKey(rowKey).attr('class'))?.includes('expandable'),\n\n    getMainColumnAt: (row: number) =>\n      NestedTableParentCellUniDriver(\n        table._getCellByRowIndexAndCellKey(row, 'nested-mode-main-column'),\n        body,\n      ),\n\n    _getDragAndDropDriver: () => DragAndDropUniDriver(base),\n\n    getActionCellByKey: (rowKey: string) =>\n      CollectionItemActionsUniDriver(table._getRowByKey(rowKey), body),\n\n    getMainColumnByKey: (rowKey: string) =>\n      NestedTableParentCellUniDriver(\n        table._getCellByKey(rowKey, 'nested-mode-main-column'),\n        body,\n      ),\n\n    getFlatModeMainColumnByKey: (rowKey: string) =>\n      NestedTableFlatModeMainCellUniDriver(\n        table._getCellByKey(rowKey, 'flat-mode-main-column'),\n        body,\n      ),\n\n    getFlatModeMainColumnAt: (row: number) =>\n      NestedTableFlatModeMainCellUniDriver(\n        table._getCellByRowIndexAndCellKey(row, 'flat-mode-main-column'),\n        body,\n      ),\n\n    getPlaceholderStatesByRowKey: (rowKey: string) =>\n      NestedTableRowPlaceholderStatesUniDriver(\n        table._getRowByKey(`placeholder-states-${rowKey}`),\n        body,\n      ),\n    /**\n     * Gets collection summary bar\n     */\n    getSummaryBar,\n\n    getGhostRow: () =>\n      NestedTableGhostRowUniDriver(\n        base.$('[data-hook=\"ghost-indentation-cell\"]'),\n        body,\n      ),\n  };\n}\n\nexport default NestedTableUniDriver;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_ToolbarCollectionErrorStateUni","require","_CollectionToolbarUni","_AppliedFiltersTagListUni","_TableUni","_interopRequireDefault","_NestedTableParentCellUni","_NestedTableFlatModeMainCellUni","_NestedTableRowPlaceholderStatesUni","_CollectionItemActionsUni","_SummaryBarUni","_DragAndDropUni","_NestedTableGhostRowUni","NestedTableUniDriver","base","body","toolbarBase","$","toolbar","CollectionToolbarUniDriver","table","TableUniDriver","loadingStateExists","exists","getSummaryBar","SummaryBarUniDriver","getRootErrorStateByDataHook","dataHook","ToolbarCollectionErrorStateUniDriver","subToolbar","AppliedFiltersTagListUniDriver","isRowExpandable","rowKey","_await$table$_getRowB","_getRowByKey","attr","includes","getMainColumnAt","row","NestedTableParentCellUniDriver","_getCellByRowIndexAndCellKey","_getDragAndDropDriver","DragAndDropUniDriver","getActionCellByKey","CollectionItemActionsUniDriver","getMainColumnByKey","_getCellByKey","getRowParentKey","getRowIndexInParent","Number","getFlatModeMainColumnByKey","NestedTableFlatModeMainCellUniDriver","getFlatModeMainColumnAt","getPlaceholderStatesByRowKey","NestedTableRowPlaceholderStatesUniDriver","getGhostRow","NestedTableGhostRowUniDriver","_default","exports","default"],"sources":["../../../../src/components/NestedTable/NestedTable.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { ToolbarCollectionErrorStateUniDriver } from '../ErrorState/ToolbarCollectionErrorState.uni.driver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { AppliedFiltersTagListUniDriver } from '../AppliedFiltersTagList/AppliedFiltersTagList.uni.driver';\nimport TableUniDriver from '../Table/Table.uni.driver';\nimport { NestedTableParentCellUniDriver } from './NestedTableParentCell.uni.driver';\nimport { NestedTableFlatModeMainCellUniDriver } from './NestedTableFlatModeMainCell.uni.driver';\nimport { NestedTableRowPlaceholderStatesUniDriver } from './NestedTableRowPlaceholderStates.uni.driver';\nimport { CollectionItemActionsUniDriver } from '../CollectionItemActions/CollectionItemActions.uni.driver';\nimport { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';\nimport { DragAndDropUniDriver } from '../DragAndDrop/DragAndDrop.uni.driver';\nimport { NestedTableGhostRowUniDriver } from '../NestedTableDragAndDrop/NestedTableGhostRow.uni.driver';\n\nexport function NestedTableUniDriver(base: UniDriver, body: UniDriver) {\n  const toolbarBase = () => base.$('[data-hook=\"collection-toolbar\"]');\n\n  const toolbar = () => CollectionToolbarUniDriver(toolbarBase(), body);\n\n  const table = TableUniDriver(base, body);\n\n  const loadingStateExists = () =>\n    base.$('[data-hook=\"placeholder-states-loading-state\"]').exists();\n  const getSummaryBar = () => SummaryBarUniDriver(base, body);\n\n  return {\n    ...table,\n    toolbar: () => toolbar(),\n    loadingStateExists,\n    getRootErrorStateByDataHook: (\n      dataHook = 'placeholder-states-error-state',\n    ) =>\n      ToolbarCollectionErrorStateUniDriver(\n        base.$(`[data-hook=\"${dataHook}\"]`),\n        body,\n      ),\n    subToolbar: () =>\n      AppliedFiltersTagListUniDriver(\n        base.$('[data-hook=\"collection-table-sub-toolbar\"]'),\n        body,\n      ),\n\n    isRowExpandable: async (rowKey: string) =>\n      (await table._getRowByKey(rowKey).attr('class'))?.includes('expandable'),\n\n    getMainColumnAt: (row: number) =>\n      NestedTableParentCellUniDriver(\n        table._getCellByRowIndexAndCellKey(row, 'nested-mode-main-column'),\n        body,\n      ),\n\n    _getDragAndDropDriver: () => DragAndDropUniDriver(base),\n\n    getActionCellByKey: (rowKey: string) =>\n      CollectionItemActionsUniDriver(table._getRowByKey(rowKey), body),\n\n    getMainColumnByKey: (rowKey: string) =>\n      NestedTableParentCellUniDriver(\n        table._getCellByKey(rowKey, 'nested-mode-main-column'),\n        body,\n      ),\n\n    getRowParentKey: (rowKey: string) =>\n      table._getRowByKey(rowKey).attr('data-parent-key'),\n    getRowIndexInParent: (rowKey: string) =>\n      Number(table._getRowByKey(rowKey).attr('data-index-in-parent')),\n\n    getFlatModeMainColumnByKey: (rowKey: string) =>\n      NestedTableFlatModeMainCellUniDriver(\n        table._getCellByKey(rowKey, 'flat-mode-main-column'),\n        body,\n      ),\n\n    getFlatModeMainColumnAt: (row: number) =>\n      NestedTableFlatModeMainCellUniDriver(\n        table._getCellByRowIndexAndCellKey(row, 'flat-mode-main-column'),\n        body,\n      ),\n\n    getPlaceholderStatesByRowKey: (rowKey: string) =>\n      NestedTableRowPlaceholderStatesUniDriver(\n        table._getRowByKey(`placeholder-states-${rowKey}`),\n        body,\n      ),\n    /**\n     * Gets collection summary bar\n     */\n    getSummaryBar,\n\n    getGhostRow: () =>\n      NestedTableGhostRowUniDriver(\n        base.$('[data-hook=\"ghost-indentation-cell\"]'),\n        body,\n      ),\n  };\n}\n\nexport default NestedTableUniDriver;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTableContent.js

@@ -5,6 +5,7 @@ exports.NestedTableContent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _CollectionTableContentCard = require("../CollectionTable/CollectionTableContentCard");
+var _WixPatternsRouterProvider = require("../../providers/WixPatternsRouterProvider");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTable/NestedTableContent.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 && {}.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; }
@@ -17,12 +18,18 @@ function _NestedTableContent(props) {
     showLoadingState
   } = state;
   const showTableContent = !showLoadingState;
-  (0, _react.useEffect)(() => state.init(), []);
+  const router = (0, _WixPatternsRouterProvider.useWixPatternsRouter)();
+  (0, _react.useEffect)(() => {
+    // Pass isUsingCache: true to prevent another fetch
+    return state.init({
+      isUsingCache: router == null ? void 0 : router.isUsingCache
+    });
+  }, [router == null ? void 0 : router.isUsingCache]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showTableContent && /*#__PURE__*/_react.default.createElement(_CollectionTableContentCard.CollectionTableContentCard, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 29,
+      lineNumber: 34,
       columnNumber: 9
     }
   }, children));

package/dist/cjs/components/NestedTable/NestedTableContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionTableContentCard","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableContent","props","state","children","showLoadingState","showTableContent","useEffect","init","createElement","Fragment","CollectionTableContentCard","__self","__source","fileName","lineNumber","columnNumber","NestedTableContent","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableContent.tsx"],"sourcesContent":["import React, { ReactNode, useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionTableContentCard } from '../CollectionTable/CollectionTableContentCard';\n\nexport interface NestedTableContentContentBaseProps {\n  children?: ReactNode;\n}\n\nexport interface NestedTableContentContentProps\n  extends NestedTableContentContentBaseProps {\n  state: {\n    showLoadingState: boolean;\n    init: () => () => void;\n  };\n}\n\nfunction _NestedTableContent(props: NestedTableContentContentProps) {\n  const { state, children } = props;\n\n  const { showLoadingState } = state;\n\n  const showTableContent = !showLoadingState;\n\n  useEffect(() => state.init(), []);\n\n  return (\n    <>\n      {showTableContent && (\n        <CollectionTableContentCard>{children}</CollectionTableContentCard>\n      )}\n    </>\n  );\n}\n\nexport const NestedTableContent = observer(_NestedTableContent);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAA2F,IAAAG,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAc3F,SAASW,mBAAmBA,CAACC,KAAqC,EAAE;EAClE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEjC,MAAM;IAAEG;EAAiB,CAAC,GAAGF,KAAK;EAElC,MAAMG,gBAAgB,GAAG,CAACD,gBAAgB;EAE1C,IAAAE,gBAAS,EAAC,MAAMJ,KAAK,CAACK,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,oBACEjC,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAAlC,MAAA,CAAAY,OAAA,CAAAuB,QAAA,QACGJ,gBAAgB,iBACf/B,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC9B,2BAAA,CAAAgC,0BAA0B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEZ,QAAqC,CAEpE,CAAC;AAEP;AAEO,MAAMa,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAAClB,mBAAmB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionTableContentCard","_WixPatternsRouterProvider","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableContent","props","state","children","showLoadingState","showTableContent","router","useWixPatternsRouter","useEffect","init","isUsingCache","createElement","Fragment","CollectionTableContentCard","__self","__source","fileName","lineNumber","columnNumber","NestedTableContent","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableContent.tsx"],"sourcesContent":["import React, { ReactNode, useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionTableContentCard } from '../CollectionTable/CollectionTableContentCard';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\n\nexport interface NestedTableContentContentBaseProps {\n  children?: ReactNode;\n}\n\nexport interface NestedTableContentContentProps\n  extends NestedTableContentContentBaseProps {\n  state: {\n    showLoadingState: boolean;\n    init: ({ isUsingCache }: { isUsingCache?: boolean }) => () => void;\n  };\n}\n\nfunction _NestedTableContent(props: NestedTableContentContentProps) {\n  const { state, children } = props;\n\n  const { showLoadingState } = state;\n\n  const showTableContent = !showLoadingState;\n  const router = useWixPatternsRouter();\n\n  useEffect(() => {\n    // Pass isUsingCache: true to prevent another fetch\n    return state.init({ isUsingCache: router?.isUsingCache });\n  }, [router?.isUsingCache]);\n\n  return (\n    <>\n      {showTableContent && (\n        <CollectionTableContentCard>{children}</CollectionTableContentCard>\n      )}\n    </>\n  );\n}\n\nexport const NestedTableContent = observer(_NestedTableContent);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AACA,IAAAG,0BAAA,GAAAH,OAAA;AAAiF,IAAAI,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAcjF,SAASW,mBAAmBA,CAACC,KAAqC,EAAE;EAClE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEjC,MAAM;IAAEG;EAAiB,CAAC,GAAGF,KAAK;EAElC,MAAMG,gBAAgB,GAAG,CAACD,gBAAgB;EAC1C,MAAME,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAErC,IAAAC,gBAAS,EAAC,MAAM;IACd;IACA,OAAON,KAAK,CAACO,IAAI,CAAC;MAAEC,YAAY,EAAEJ,MAAM,oBAANA,MAAM,CAAEI;IAAa,CAAC,CAAC;EAC3D,CAAC,EAAE,CAACJ,MAAM,oBAANA,MAAM,CAAEI,YAAY,CAAC,CAAC;EAE1B,oBACErC,MAAA,CAAAa,OAAA,CAAAyB,aAAA,CAAAtC,MAAA,CAAAa,OAAA,CAAA0B,QAAA,QACGP,gBAAgB,iBACfhC,MAAA,CAAAa,OAAA,CAAAyB,aAAA,CAAClC,2BAAA,CAAAoC,0BAA0B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEf,QAAqC,CAEpE,CAAC;AAEP;AAEO,MAAMgB,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAACrB,mBAAmB,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTableParentCell.js

@@ -1,7 +1,9 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.NestedTableParentCell = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
@@ -24,7 +26,10 @@ function _NestedTableParentCell(props) {
     }
   } = parentState;
   const {
-    originalKeyedItem
+    originalKeyedItem,
+    state: {
+      nestedTable
+    }
   } = item;
   const renderProps = parentState.renderMainColumn == null ? void 0 : parentState.renderMainColumn(originalKeyedItem.item);
   const [state] = (0, _react.useState)(() => item.state.createNode({
@@ -37,23 +42,29 @@ function _NestedTableParentCell(props) {
     state._rowNum = rowNum;
   }, [rowNum]);
   const _expanded = state == null ? void 0 : state._expanded;
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    dataHook: "indention-wrapper",
-    paddingInlineStart: parentState.depth * 28,
-    minWidth: 0,
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    "data-hook": "indentation-wrapper"
+  }, process.env.NODE_ENV === 'test' && {
+    'data-indentation-width': nestedTable._indentationWidth
+  }, {
+    style: {
+      display: 'flex',
+      minWidth: 0,
+      paddingInlineStart: parentState.depth * nestedTable._indentationWidth
+    },
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 54,
+      lineNumber: 57,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_MainCellLayout.MainCellLayout, {
+  }), /*#__PURE__*/_react.default.createElement(_MainCellLayout.MainCellLayout, {
     dragHandle: (dragAndDrop == null ? void 0 : dragAndDrop.NestedTableDragHandle) && /*#__PURE__*/_react.default.createElement(dragAndDrop.NestedTableDragHandle, {
       item: item,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 62,
+        lineNumber: 71,
         columnNumber: 13
       }
     }),
@@ -64,7 +75,7 @@ function _NestedTableParentCell(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 66,
+        lineNumber: 75,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -76,7 +87,7 @@ function _NestedTableParentCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 79,
+          lineNumber: 88,
           columnNumber: 17
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronRightSmall, {
@@ -88,14 +99,14 @@ function _NestedTableParentCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 80,
+          lineNumber: 89,
           columnNumber: 19
         }
       })),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 75,
+        lineNumber: 84,
         columnNumber: 13
       }
     })),
@@ -105,7 +116,7 @@ function _NestedTableParentCell(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 59,
+      lineNumber: 68,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/NestedTable/NestedTableParentCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_Rotate","_MainCellLayout","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableParentCell","props","state","parentState","item","rowNum","dragAndDrop","node","collection","originalKeyedItem","renderProps","renderMainColumn","useState","createNode","parent","useEffect","_rowNum","_expanded","createElement","Box","dataHook","paddingInlineStart","depth","minWidth","__self","__source","fileName","lineNumber","columnNumber","MainCellLayout","dragHandle","NestedTableDragHandle","expandCollapseButton","paddingInlineEnd","visibility","_isNotExpandableWhenEmpty","undefined","TextButton","size","prefixIcon","Rotate","timeout","deg","ChevronRightSmall","style","paddingRight","image","title","itemName","subtitle","NestedTableParentCell","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableParentCell.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport {\n  NestedTableDataItem,\n  NestedTableNodeState,\n} from '../../state/NestedTableState/NestedTableNodeState';\nimport { Box, TextButton } from '@wix/design-system';\nimport { ChevronRightSmall } from '@wix/wix-ui-icons-common';\nimport { Rotate } from '../Rotate';\nimport { MainCellLayout } from './MainCellLayout';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\n\nexport interface NestedTableParentCellProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  rowNum: number;\n  state: NestedTableNodeState<C, T, F>;\n  item: NestedTableDataItem<C, T, F>;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nfunction _NestedTableParentCell<C extends string, T, F extends FiltersMap>(\n  props: NestedTableParentCellProps<C, T, F>,\n) {\n  const { state: parentState, item, rowNum, dragAndDrop } = props;\n\n  const {\n    node: { collection },\n  } = parentState;\n\n  const { originalKeyedItem } = item;\n\n  const renderProps = parentState.renderMainColumn?.(originalKeyedItem.item);\n\n  const [state] = useState(() =>\n    item.state.createNode({\n      parent: originalKeyedItem,\n    }),\n  );\n\n  useEffect(() => {\n    if (!state) {\n      return;\n    }\n    state._rowNum = rowNum;\n  }, [rowNum]);\n\n  const _expanded = state?._expanded;\n\n  return (\n    <Box\n      dataHook=\"indention-wrapper\"\n      paddingInlineStart={parentState.depth * 28}\n      minWidth={0}\n    >\n      <MainCellLayout\n        dragHandle={\n          dragAndDrop?.NestedTableDragHandle && (\n            <dragAndDrop.NestedTableDragHandle item={item} />\n          )\n        }\n        expandCollapseButton={\n          <Box\n            paddingInlineEnd=\"12px\"\n            visibility={\n              state == null || state._isNotExpandableWhenEmpty\n                ? 'hidden'\n                : undefined\n            }\n            dataHook=\"expand-collapse-wrapper\"\n          >\n            <TextButton\n              size=\"small\"\n              dataHook=\"expand-collapse\"\n              prefixIcon={\n                <Rotate timeout={200} deg={_expanded ? 90 : 0}>\n                  <ChevronRightSmall\n                    data-hook=\"chevron-icon\"\n                    style={{ paddingRight: 0, paddingInlineEnd: 0 }}\n                  />\n                </Rotate>\n              }\n            />\n          </Box>\n        }\n        image={renderProps?.image}\n        title={\n          renderProps?.title ?? collection.itemName(originalKeyedItem.item)\n        }\n        subtitle={renderProps?.subtitle}\n      />\n    </Box>\n  );\n}\n\nexport const NestedTableParentCell = observer(_NestedTableParentCell);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_Rotate","_MainCellLayout","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableParentCell","props","state","parentState","item","rowNum","dragAndDrop","node","collection","originalKeyedItem","nestedTable","renderProps","renderMainColumn","useState","createNode","parent","useEffect","_rowNum","_expanded","createElement","_extends2","process","env","NODE_ENV","_indentationWidth","style","display","minWidth","paddingInlineStart","depth","__self","__source","fileName","lineNumber","columnNumber","MainCellLayout","dragHandle","NestedTableDragHandle","expandCollapseButton","Box","paddingInlineEnd","visibility","_isNotExpandableWhenEmpty","undefined","dataHook","TextButton","size","prefixIcon","Rotate","timeout","deg","ChevronRightSmall","paddingRight","image","title","itemName","subtitle","NestedTableParentCell","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableParentCell.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport {\n  NestedTableDataItem,\n  NestedTableNodeState,\n} from '../../state/NestedTableState/NestedTableNodeState';\nimport { Box, TextButton } from '@wix/design-system';\nimport { ChevronRightSmall } from '@wix/wix-ui-icons-common';\nimport { Rotate } from '../Rotate';\nimport { MainCellLayout } from './MainCellLayout';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\n\nexport interface NestedTableParentCellProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  rowNum: number;\n  state: NestedTableNodeState<C, T, F>;\n  item: NestedTableDataItem<C, T, F>;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nfunction _NestedTableParentCell<C extends string, T, F extends FiltersMap>(\n  props: NestedTableParentCellProps<C, T, F>,\n) {\n  const { state: parentState, item, rowNum, dragAndDrop } = props;\n\n  const {\n    node: { collection },\n  } = parentState;\n\n  const {\n    originalKeyedItem,\n    state: { nestedTable },\n  } = item;\n\n  const renderProps = parentState.renderMainColumn?.(originalKeyedItem.item);\n\n  const [state] = useState(() =>\n    item.state.createNode({\n      parent: originalKeyedItem,\n    }),\n  );\n\n  useEffect(() => {\n    if (!state) {\n      return;\n    }\n    state._rowNum = rowNum;\n  }, [rowNum]);\n\n  const _expanded = state?._expanded;\n\n  return (\n    <div\n      data-hook=\"indentation-wrapper\"\n      {...(process.env.NODE_ENV === 'test' && {\n        'data-indentation-width': nestedTable._indentationWidth,\n      })}\n      style={{\n        display: 'flex',\n        minWidth: 0,\n        paddingInlineStart: parentState.depth * nestedTable._indentationWidth,\n      }}\n    >\n      <MainCellLayout\n        dragHandle={\n          dragAndDrop?.NestedTableDragHandle && (\n            <dragAndDrop.NestedTableDragHandle item={item} />\n          )\n        }\n        expandCollapseButton={\n          <Box\n            paddingInlineEnd=\"12px\"\n            visibility={\n              state == null || state._isNotExpandableWhenEmpty\n                ? 'hidden'\n                : undefined\n            }\n            dataHook=\"expand-collapse-wrapper\"\n          >\n            <TextButton\n              size=\"small\"\n              dataHook=\"expand-collapse\"\n              prefixIcon={\n                <Rotate timeout={200} deg={_expanded ? 90 : 0}>\n                  <ChevronRightSmall\n                    data-hook=\"chevron-icon\"\n                    style={{ paddingRight: 0, paddingInlineEnd: 0 }}\n                  />\n                </Rotate>\n              }\n            />\n          </Box>\n        }\n        image={renderProps?.image}\n        title={\n          renderProps?.title ?? collection.itemName(originalKeyedItem.item)\n        }\n        subtitle={renderProps?.subtitle}\n      />\n    </div>\n  );\n}\n\nexport const NestedTableParentCell = observer(_NestedTableParentCell);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTableParentCell.uni.driver.js

@@ -4,14 +4,21 @@ exports.__esModule = true;
 exports.NestedTableParentCellUniDriver = NestedTableParentCellUniDriver;
 var _unidriver = require("../../unidriver");
 var _ExpandCollapseButtonUni = require("./ExpandCollapseButton.uni.driver");
+var _getUniDriverStyle = require("../../test-utils/getUniDriverStyle");
 function NestedTableParentCellUniDriver(base, body) {
-  const getWrapper = () => base.$('[data-hook="indention-wrapper"]');
+  const getWrapper = () => base.$('[data-hook="indentation-wrapper"]');
   return {
     ...(0, _unidriver.baseUniDriverFactory)(base),
     getTitle: () => getWrapper().$('[data-hook="title"]').text(),
     getSubtitle: () => getWrapper().$('[data-hook="subtitle"]').text(),
     getDragHandle: () => getWrapper().$('[data-hook="drag-handle"]'),
-    getExpandCollapseButton: () => (0, _ExpandCollapseButtonUni.ExpandCollapseButtonUniDriver)(getWrapper().$('[data-hook="expand-collapse-wrapper"]'), body)
+    getExpandCollapseButton: () => (0, _ExpandCollapseButtonUni.ExpandCollapseButtonUniDriver)(getWrapper().$('[data-hook="expand-collapse-wrapper"]'), body),
+    getIndentationDepth: async () => {
+      var _await$getUniDriverSt;
+      const padding = Number((_await$getUniDriverSt = (await (0, _getUniDriverStyle.getUniDriverStyle)(getWrapper()))['padding-inline-start']) == null ? void 0 : _await$getUniDriverSt.split('px')[0]);
+      const indentationWidth = Number(await getWrapper().attr('data-indentation-width'));
+      return padding / indentationWidth;
+    }
   };
 }
 //# sourceMappingURL=NestedTableParentCell.uni.driver.js.map

package/dist/cjs/components/NestedTable/NestedTableParentCell.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_ExpandCollapseButtonUni","NestedTableParentCellUniDriver","base","body","getWrapper","$","baseUniDriverFactory","getTitle","text","getSubtitle","getDragHandle","getExpandCollapseButton","ExpandCollapseButtonUniDriver"],"sources":["../../../../src/components/NestedTable/NestedTableParentCell.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { ExpandCollapseButtonUniDriver } from './ExpandCollapseButton.uni.driver';\n\nexport function NestedTableParentCellUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const getWrapper = () => base.$('[data-hook=\"indention-wrapper\"]');\n\n  return {\n    ...baseUniDriverFactory(base),\n    getTitle: () => getWrapper().$('[data-hook=\"title\"]').text(),\n    getSubtitle: () => getWrapper().$('[data-hook=\"subtitle\"]').text(),\n    getDragHandle: () => getWrapper().$('[data-hook=\"drag-handle\"]'),\n    getExpandCollapseButton: () =>\n      ExpandCollapseButtonUniDriver(\n        getWrapper().$('[data-hook=\"expand-collapse-wrapper\"]'),\n        body,\n      ),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAEO,SAASE,8BAA8BA,CAC5CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,UAAU,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,iCAAiC,CAAC;EAElE,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACJ,IAAI,CAAC;IAC7BK,QAAQ,EAAEA,CAAA,KAAMH,UAAU,CAAC,CAAC,CAACC,CAAC,CAAC,qBAAqB,CAAC,CAACG,IAAI,CAAC,CAAC;IAC5DC,WAAW,EAAEA,CAAA,KAAML,UAAU,CAAC,CAAC,CAACC,CAAC,CAAC,wBAAwB,CAAC,CAACG,IAAI,CAAC,CAAC;IAClEE,aAAa,EAAEA,CAAA,KAAMN,UAAU,CAAC,CAAC,CAACC,CAAC,CAAC,2BAA2B,CAAC;IAChEM,uBAAuB,EAAEA,CAAA,KACvB,IAAAC,sDAA6B,EAC3BR,UAAU,CAAC,CAAC,CAACC,CAAC,CAAC,uCAAuC,CAAC,EACvDF,IACF;EACJ,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_ExpandCollapseButtonUni","_getUniDriverStyle","NestedTableParentCellUniDriver","base","body","getWrapper","$","baseUniDriverFactory","getTitle","text","getSubtitle","getDragHandle","getExpandCollapseButton","ExpandCollapseButtonUniDriver","getIndentationDepth","_await$getUniDriverSt","padding","Number","getUniDriverStyle","split","indentationWidth","attr"],"sources":["../../../../src/components/NestedTable/NestedTableParentCell.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { ExpandCollapseButtonUniDriver } from './ExpandCollapseButton.uni.driver';\nimport { getUniDriverStyle } from '../../test-utils/getUniDriverStyle';\n\nexport function NestedTableParentCellUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const getWrapper = () => base.$('[data-hook=\"indentation-wrapper\"]');\n\n  return {\n    ...baseUniDriverFactory(base),\n    getTitle: () => getWrapper().$('[data-hook=\"title\"]').text(),\n    getSubtitle: () => getWrapper().$('[data-hook=\"subtitle\"]').text(),\n    getDragHandle: () => getWrapper().$('[data-hook=\"drag-handle\"]'),\n    getExpandCollapseButton: () =>\n      ExpandCollapseButtonUniDriver(\n        getWrapper().$('[data-hook=\"expand-collapse-wrapper\"]'),\n        body,\n      ),\n\n    getIndentationDepth: async () => {\n      const padding = Number(\n        (await getUniDriverStyle(getWrapper()))['padding-inline-start']?.split(\n          'px',\n        )[0],\n      );\n      const indentationWidth = Number(\n        await getWrapper().attr('data-indentation-width'),\n      );\n      return padding / indentationWidth;\n    },\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAEO,SAASG,8BAA8BA,CAC5CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,UAAU,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,mCAAmC,CAAC;EAEpE,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACJ,IAAI,CAAC;IAC7BK,QAAQ,EAAEA,CAAA,KAAMH,UAAU,CAAC,CAAC,CAACC,CAAC,CAAC,qBAAqB,CAAC,CAACG,IAAI,CAAC,CAAC;IAC5DC,WAAW,EAAEA,CAAA,KAAML,UAAU,CAAC,CAAC,CAACC,CAAC,CAAC,wBAAwB,CAAC,CAACG,IAAI,CAAC,CAAC;IAClEE,aAAa,EAAEA,CAAA,KAAMN,UAAU,CAAC,CAAC,CAACC,CAAC,CAAC,2BAA2B,CAAC;IAChEM,uBAAuB,EAAEA,CAAA,KACvB,IAAAC,sDAA6B,EAC3BR,UAAU,CAAC,CAAC,CAACC,CAAC,CAAC,uCAAuC,CAAC,EACvDF,IACF,CAAC;IAEHU,mBAAmB,EAAE,MAAAA,CAAA,KAAY;MAAA,IAAAC,qBAAA;MAC/B,MAAMC,OAAO,GAAGC,MAAM,EAAAF,qBAAA,GACpB,CAAC,MAAM,IAAAG,oCAAiB,EAACb,UAAU,CAAC,CAAC,CAAC,EAAE,sBAAsB,CAAC,qBAA/DU,qBAAA,CAAiEI,KAAK,CACpE,IACF,CAAC,CAAC,CAAC,CACL,CAAC;MACD,MAAMC,gBAAgB,GAAGH,MAAM,CAC7B,MAAMZ,UAAU,CAAC,CAAC,CAACgB,IAAI,CAAC,wBAAwB,CAClD,CAAC;MACD,OAAOL,OAAO,GAAGI,gBAAgB;IACnC;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTableRow.js

@@ -13,6 +13,7 @@ var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cj
 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 && {}.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 _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  var _item$state$parent;
   const {
     children,
     rowData,
@@ -75,7 +76,10 @@ const _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     st: dataTableRowSt,
     classes: dataTableRowClasses
   } = _designSystem.Table.dataTableRowStyle;
-  return /*#__PURE__*/_react.default.createElement("tr", (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement("tr", (0, _extends2.default)({}, process.env.NODE_ENV !== 'production' && {
+    'data-parent-key': (_item$state$parent = item.state.parent) == null ? void 0 : _item$state$parent.key,
+    'data-index-in-parent': item.originalKeyedItem.indexWithinPage
+  }, {
     ref: ref,
     className: (0, _NestedTableRowStCss.st)(_NestedTableRowStCss.classes.root, {
       expandable
@@ -106,7 +110,7 @@ const _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 97,
       columnNumber: 11
     }
   }), children);

package/dist/cjs/components/NestedTable/NestedTableRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_NestedTableRowStCss","_designSystem","_NestedTableRowPlaceholderStates","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableRow","forwardRef","props","ref","children","rowData","className","dragAndDrop","rest","item","itemState","useState","originalKeyedItem","undefined","state","createNode","parent","useEffect","init","createElement","_extends2","st","classes","placeholder","__self","__source","fileName","lineNumber","columnNumber","Box","verticalAlign","align","width","NestedTableRowPlaceholderStates","expandable","_isNotExpandableWhenEmpty","dataTableRowSt","dataTableRowClasses","Table","dataTableRowStyle","root","showHoverHighlight","parentHovered","depth","firstLevel","skin","onMouseEnter","_changeHover","onMouseLeave","onClick","ev","_toggleExpand","NestedTableGhostIndentationCell","NestedTableRow","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableRow.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, {\n  forwardRef,\n  HTMLAttributes,\n  MutableRefObject,\n  useEffect,\n  useState,\n} from 'react';\nimport { classes, st } from './NestedTableRow.st.css.js';\nimport { NestedTableKeyedItem } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Box, Table } from '@wix/design-system';\nimport { NestedTableRowPlaceholderStates } from './NestedTableRowPlaceholderStates';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\n\nexport interface NestedTableRowProps<C extends string, T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  rowData: NestedTableKeyedItem<C, T, F>;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nconst _NestedTableRow = forwardRef(\n  <C extends string, T, F extends FiltersMap>(\n    props: NestedTableRowProps<C, T, F>,\n    ref:\n      | ((instance: HTMLTableRowElement | null) => void)\n      | MutableRefObject<HTMLTableRowElement | null>\n      | null,\n  ) => {\n    const { children, rowData, className, dragAndDrop, ...rest } = props;\n    const { item } = rowData;\n\n    const [itemState] = useState(() => {\n      if (!item.originalKeyedItem) {\n        return undefined;\n      }\n\n      return item.state.createNode({\n        parent: item.originalKeyedItem,\n      });\n    });\n\n    useEffect(() => itemState?.init(), []);\n\n    if (!item.originalKeyedItem) {\n      return (\n        <tr ref={ref} className={st(classes.placeholder, className)} {...rest}>\n          <td>\n            <Box verticalAlign=\"middle\" align=\"center\" width=\"100%\">\n              <NestedTableRowPlaceholderStates state={item.state} />\n            </Box>\n          </td>\n        </tr>\n      );\n    }\n\n    const expandable =\n      itemState != null && !itemState._isNotExpandableWhenEmpty;\n\n    const { st: dataTableRowSt, classes: dataTableRowClasses } =\n      Table.dataTableRowStyle;\n\n    return (\n      <tr\n        ref={ref}\n        className={st(\n          classes.root,\n          {\n            expandable,\n          },\n          className,\n          item.state.showHoverHighlight ? classes.parentHovered : undefined,\n          item.state.depth === 0 ? classes.firstLevel : undefined,\n          dataTableRowSt(dataTableRowClasses.root, {\n            skin: item.state.depth === 0 ? 'neutral' : 'light',\n          }),\n        )}\n        onMouseEnter={() => {\n          itemState?._changeHover(true);\n        }}\n        onMouseLeave={() => {\n          itemState?._changeHover(false);\n        }}\n        {...rest}\n        onClick={(ev) => {\n          rest?.onClick?.(ev);\n          if (expandable) {\n            itemState._toggleExpand();\n          }\n        }}\n      >\n        {dragAndDrop?.NestedTableGhostIndentationCell && (\n          <dragAndDrop.NestedTableGhostIndentationCell item={item} />\n        )}\n        {children}\n      </tr>\n    );\n  },\n);\n\nexport const NestedTableRow = observer(_NestedTableRow);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_NestedTableRowStCss","_designSystem","_NestedTableRowPlaceholderStates","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableRow","forwardRef","props","ref","_item$state$parent","children","rowData","className","dragAndDrop","rest","item","itemState","useState","originalKeyedItem","undefined","state","createNode","parent","useEffect","init","createElement","_extends2","st","classes","placeholder","__self","__source","fileName","lineNumber","columnNumber","Box","verticalAlign","align","width","NestedTableRowPlaceholderStates","expandable","_isNotExpandableWhenEmpty","dataTableRowSt","dataTableRowClasses","Table","dataTableRowStyle","process","env","NODE_ENV","key","indexWithinPage","root","showHoverHighlight","parentHovered","depth","firstLevel","skin","onMouseEnter","_changeHover","onMouseLeave","onClick","ev","_toggleExpand","NestedTableGhostIndentationCell","NestedTableRow","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableRow.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, {\n  forwardRef,\n  HTMLAttributes,\n  MutableRefObject,\n  useEffect,\n  useState,\n} from 'react';\nimport { classes, st } from './NestedTableRow.st.css.js';\nimport { NestedTableKeyedItem } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Box, Table } from '@wix/design-system';\nimport { NestedTableRowPlaceholderStates } from './NestedTableRowPlaceholderStates';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\n\nexport interface NestedTableRowProps<C extends string, T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  rowData: NestedTableKeyedItem<C, T, F>;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nconst _NestedTableRow = forwardRef(\n  <C extends string, T, F extends FiltersMap>(\n    props: NestedTableRowProps<C, T, F>,\n    ref:\n      | ((instance: HTMLTableRowElement | null) => void)\n      | MutableRefObject<HTMLTableRowElement | null>\n      | null,\n  ) => {\n    const { children, rowData, className, dragAndDrop, ...rest } = props;\n    const { item } = rowData;\n\n    const [itemState] = useState(() => {\n      if (!item.originalKeyedItem) {\n        return undefined;\n      }\n\n      return item.state.createNode({\n        parent: item.originalKeyedItem,\n      });\n    });\n\n    useEffect(() => itemState?.init(), []);\n\n    if (!item.originalKeyedItem) {\n      return (\n        <tr ref={ref} className={st(classes.placeholder, className)} {...rest}>\n          <td>\n            <Box verticalAlign=\"middle\" align=\"center\" width=\"100%\">\n              <NestedTableRowPlaceholderStates state={item.state} />\n            </Box>\n          </td>\n        </tr>\n      );\n    }\n\n    const expandable =\n      itemState != null && !itemState._isNotExpandableWhenEmpty;\n\n    const { st: dataTableRowSt, classes: dataTableRowClasses } =\n      Table.dataTableRowStyle;\n\n    return (\n      <tr\n        {...(process.env.NODE_ENV !== 'production' && {\n          'data-parent-key': item.state.parent?.key,\n          'data-index-in-parent': item.originalKeyedItem.indexWithinPage,\n        })}\n        ref={ref}\n        className={st(\n          classes.root,\n          {\n            expandable,\n          },\n          className,\n          item.state.showHoverHighlight ? classes.parentHovered : undefined,\n          item.state.depth === 0 ? classes.firstLevel : undefined,\n          dataTableRowSt(dataTableRowClasses.root, {\n            skin: item.state.depth === 0 ? 'neutral' : 'light',\n          }),\n        )}\n        onMouseEnter={() => {\n          itemState?._changeHover(true);\n        }}\n        onMouseLeave={() => {\n          itemState?._changeHover(false);\n        }}\n        {...rest}\n        onClick={(ev) => {\n          rest?.onClick?.(ev);\n          if (expandable) {\n            itemState._toggleExpand();\n          }\n        }}\n      >\n        {dragAndDrop?.NestedTableGhostIndentationCell && (\n          <dragAndDrop.NestedTableGhostIndentationCell item={item} />\n        )}\n        {children}\n      </tr>\n    );\n  },\n);\n\nexport const NestedTableRow = observer(_NestedTableRow);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "NestedTableRow2448990440";
+var _namespace_ = "NestedTableRow796097406";
 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": "NestedTableRow2448990440__root",
-  "firstLevel": "NestedTableRow2448990440__firstLevel",
-  "placeholder": "NestedTableRow2448990440__placeholder",
-  "parentHovered": "NestedTableRow2448990440__parentHovered"
+  "root": "NestedTableRow796097406__root",
+  "firstLevel": "NestedTableRow796097406__firstLevel",
+  "placeholder": "NestedTableRow796097406__placeholder",
+  "parentHovered": "NestedTableRow796097406__parentHovered"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTableRow.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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow2448990440\";\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\":\"NestedTableRow2448990440__root\",\"firstLevel\":\"NestedTableRow2448990440__firstLevel\",\"placeholder\":\"NestedTableRow2448990440__placeholder\",\"parentHovered\":\"NestedTableRow2448990440__parentHovered\"};\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,gCAAgC;EAAC,YAAY,EAAC,sCAAsC;EAAC,aAAa,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAAyC,CAAC;AAC3N,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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow796097406\";\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\":\"NestedTableRow796097406__root\",\"firstLevel\":\"NestedTableRow796097406__firstLevel\",\"placeholder\":\"NestedTableRow796097406__placeholder\",\"parentHovered\":\"NestedTableRow796097406__parentHovered\"};\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,yBAAyB;AAC3C,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,+BAA+B;EAAC,YAAY,EAAC,qCAAqC;EAAC,aAAa,EAAC,sCAAsC;EAAC,eAAe,EAAC;AAAwC,CAAC;AACvN,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/NestedTable/NestedTableWSRTable.js

@@ -171,12 +171,11 @@ function _NestedTableWSRTable(props) {
   })));
   if (dragAndDrop) {
     const {
-      CollectionNestedTableDragAndDropContext
+      NestedTableDragAndDropContext
     } = dragAndDrop;
-    table = /*#__PURE__*/_react.default.createElement(CollectionNestedTableDragAndDropContext, {
+    table = /*#__PURE__*/_react.default.createElement(NestedTableDragAndDropContext, {
       state: wrapperState.nested,
       onSubmit: dragAndDropSubmit,
-      onCancel: dragAndDropCancel,
       onBulkSubmit: dragAndDropBulkSubmit,
       __self: this,
       __source: {

package/dist/cjs/components/NestedTable/NestedTableWSRTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionTableWSRTable","_NestedTableContent","_useToolbarCollectionSyncProps","_useModeTableProps","_mobx","_QuerySearch","_MultiCollectionSupportProvider","_TablePlaceholderStates","_react2","_getVirtualTableProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableWSRTable","props","state","wrapperState","renderError","multiLevelSorting","actionCell","actionCellWidth","actionCellProps","filters","customColumns","views","emptyState","noResultsState","topNotification","showTitleBar","horizontalScroll","rowHeight","estimatedRowHeight","rowVerticalPadding","dragAndDrop","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropCancel","dragAndDropReorderModeToolbar","dragAndDropCategories","rest","modalsContainerRef","usePageContext","toolbar","query","useState","setStateObject","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","Table","CollectionTableWSRTable","key","BodyElementType","TrElementType","columns","useModeTableProps","useEffect","runInAction","virtual","table","createElement","_extends2","search","QuerySearch","__self","__source","fileName","lineNumber","columnNumber","showHeaderWhenEmpty","sticky","isApplyColumnWidthStyle","getVirtualTableProps","MultiCollectionSupportProvider","value","multi","TablePlaceholderStates","NestedTableContent","CollectionNestedTableDragAndDropContext","nested","onSubmit","onCancel","onBulkSubmit","NestedTableWSRTable","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableWSRTable.tsx"],"sourcesContent":["import React, { ComponentType, useEffect, useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n  CollectionTableWSRTableProps,\n} from '../CollectionTable/CollectionTableWSRTable';\nimport { CollectionTableActionCellProps } from '../CollectionTable/CollectionTableBaseCommonProps';\nimport { NestedTableItem, NestedTableState } from '../../state';\nimport { NestedTableFlatDataItem } from '../../state/NestedTableState/NestedTableFlatModeSectionState';\nimport { NestedTableContent } from './NestedTableContent';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport { useModeTableProps } from './useModeTableProps';\nimport { runInAction } from 'mobx';\nimport { QuerySearch } from '../QuerySearch';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\nimport { usePageContext } from '@wix/bex-core/react';\nimport { getVirtualTableProps } from '../Table/getVirtualTableProps';\n\nexport interface NestedTableWSRTableBaseProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> extends Omit<\n      CollectionTableWSRTableBaseProps<\n        NestedTableItem<C, any, any> | NestedTableFlatDataItem<C, any, any>,\n        T,\n        F\n      >,\n      'actionCell' | 'sticky' | 'selectionDisabled' | 'topNotification'\n    >,\n    CollectionTableActionCellProps<T, F> {}\n\nexport interface NestedTableWSRTableProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> extends NestedTableWSRTableBaseProps<C, T, F> {\n  dataHook?: string;\n  state: NestedTableState<C>;\n  topNotification?: TopNotificationBasicRenderProp;\n  rowHeight?: number;\n  estimatedRowHeight?: number;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nfunction _NestedTableWSRTable<C extends string, T, F extends FiltersMap>(\n  props: NestedTableWSRTableProps<C, T, F>,\n) {\n  const {\n    state: wrapperState,\n    renderError,\n    multiLevelSorting,\n    actionCell,\n    actionCellWidth,\n    actionCellProps,\n    filters,\n    customColumns,\n    views,\n    emptyState,\n    noResultsState,\n    topNotification,\n    showTitleBar = true,\n    horizontalScroll = true,\n    rowHeight,\n    estimatedRowHeight,\n    rowVerticalPadding = 'tiny',\n    dragAndDrop,\n    dragAndDropBulkSubmit,\n    dragAndDropSubmit,\n    dragAndDropCancel,\n    dragAndDropReorderModeToolbar,\n    dragAndDropCategories,\n    ...rest\n  } = props;\n  const { modalsContainerRef } = usePageContext();\n\n  const { toolbar, query } = wrapperState;\n\n  useState(() => {\n    dragAndDrop?.setStateObject({\n      state: wrapperState,\n      modalsContainerRef,\n    });\n  });\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: toolbar,\n    isUsingDragAndDrop: false,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: true,\n    isUsingFolders: false,\n    isUsingTableVirtualization: true,\n  });\n\n  const Table = CollectionTableWSRTable as ComponentType<\n    CollectionTableWSRTableProps<any, T, F>\n  >;\n\n  const { state, key, BodyElementType, TrElementType, columns } =\n    useModeTableProps({\n      state: wrapperState,\n      horizontalScroll,\n      actionCellWidth,\n      actionCellProps,\n      dragAndDrop,\n    });\n\n  useEffect(() => {\n    runInAction(() => {\n      state.virtual.rowHeight = rowHeight;\n    });\n  }, [rowHeight, state]);\n\n  useEffect(() => {\n    if (estimatedRowHeight == null) {\n      return;\n    }\n    runInAction(() => {\n      state.virtual.estimatedRowHeight = estimatedRowHeight;\n    });\n  }, [estimatedRowHeight, state]);\n\n  let table = (\n    <Table\n      rowVerticalPadding={rowVerticalPadding}\n      search={<QuerySearch state={query.search} />}\n      {...rest}\n      showHeaderWhenEmpty\n      sticky\n      filters={filters}\n      customColumns={customColumns}\n      views={views}\n      horizontalScroll={horizontalScroll}\n      emptyState={emptyState}\n      noResultsState={noResultsState}\n      isApplyColumnWidthStyle\n      showTitleBar={showTitleBar}\n      {...getVirtualTableProps({ horizontalScroll })}\n      TrElementType={TrElementType}\n      state={state}\n      BodyElementType={BodyElementType}\n      columns={columns}\n      dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n      dragAndDrop={dragAndDrop}\n      dragAndDropCancel={dragAndDropCancel}\n      dragAndDropSubmit={dragAndDropSubmit}\n      dragAndDropBulkSubmit={dragAndDropBulkSubmit}\n      dragAndDropCategories={dragAndDropCategories}\n    >\n      <MultiCollectionSupportProvider\n        key={`MultiCollectionSupportProvider_${key}`}\n        value={state.multi}\n      >\n        <TablePlaceholderStates\n          key={`PlaceholderStates_${key}`}\n          state={state}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n          renderError={renderError}\n          topNotification={topNotification}\n          rowVerticalPadding={rowVerticalPadding}\n        />\n        <NestedTableContent key={`NestedTableContent_${key}`} state={state} />\n      </MultiCollectionSupportProvider>\n    </Table>\n  );\n\n  if (dragAndDrop) {\n    const { CollectionNestedTableDragAndDropContext } = dragAndDrop;\n    table = (\n      <CollectionNestedTableDragAndDropContext\n        state={wrapperState.nested}\n        onSubmit={dragAndDropSubmit}\n        onCancel={dragAndDropCancel}\n        onBulkSubmit={dragAndDropBulkSubmit}\n      >\n        {table}\n      </CollectionNestedTableDragAndDropContext>\n    );\n  }\n\n  return table;\n}\n\nexport const NestedTableWSRTable = observer(_NestedTableWSRTable);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionTableWSRTable","_NestedTableContent","_useToolbarCollectionSyncProps","_useModeTableProps","_mobx","_QuerySearch","_MultiCollectionSupportProvider","_TablePlaceholderStates","_react2","_getVirtualTableProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableWSRTable","props","state","wrapperState","renderError","multiLevelSorting","actionCell","actionCellWidth","actionCellProps","filters","customColumns","views","emptyState","noResultsState","topNotification","showTitleBar","horizontalScroll","rowHeight","estimatedRowHeight","rowVerticalPadding","dragAndDrop","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropCancel","dragAndDropReorderModeToolbar","dragAndDropCategories","rest","modalsContainerRef","usePageContext","toolbar","query","useState","setStateObject","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","Table","CollectionTableWSRTable","key","BodyElementType","TrElementType","columns","useModeTableProps","useEffect","runInAction","virtual","table","createElement","_extends2","search","QuerySearch","__self","__source","fileName","lineNumber","columnNumber","showHeaderWhenEmpty","sticky","isApplyColumnWidthStyle","getVirtualTableProps","MultiCollectionSupportProvider","value","multi","TablePlaceholderStates","NestedTableContent","NestedTableDragAndDropContext","nested","onSubmit","onBulkSubmit","NestedTableWSRTable","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableWSRTable.tsx"],"sourcesContent":["import React, { ComponentType, useEffect, useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n  CollectionTableWSRTableProps,\n} from '../CollectionTable/CollectionTableWSRTable';\nimport { CollectionTableActionCellProps } from '../CollectionTable/CollectionTableBaseCommonProps';\nimport { NestedTableItem, NestedTableState } from '../../state';\nimport { NestedTableFlatDataItem } from '../../state/NestedTableState/NestedTableFlatModeSectionState';\nimport { NestedTableContent } from './NestedTableContent';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport { useModeTableProps } from './useModeTableProps';\nimport { runInAction } from 'mobx';\nimport { QuerySearch } from '../QuerySearch';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\nimport { usePageContext } from '@wix/bex-core/react';\nimport { getVirtualTableProps } from '../Table/getVirtualTableProps';\n\nexport interface NestedTableWSRTableBaseProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> extends Omit<\n      CollectionTableWSRTableBaseProps<\n        NestedTableItem<C, any, any> | NestedTableFlatDataItem<C, any, any>,\n        T,\n        F\n      >,\n      'actionCell' | 'sticky' | 'selectionDisabled' | 'topNotification'\n    >,\n    CollectionTableActionCellProps<T, F> {}\n\nexport interface NestedTableWSRTableProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> extends NestedTableWSRTableBaseProps<C, T, F> {\n  dataHook?: string;\n  state: NestedTableState<C>;\n  topNotification?: TopNotificationBasicRenderProp;\n  rowHeight?: number;\n  estimatedRowHeight?: number;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nfunction _NestedTableWSRTable<C extends string, T, F extends FiltersMap>(\n  props: NestedTableWSRTableProps<C, T, F>,\n) {\n  const {\n    state: wrapperState,\n    renderError,\n    multiLevelSorting,\n    actionCell,\n    actionCellWidth,\n    actionCellProps,\n    filters,\n    customColumns,\n    views,\n    emptyState,\n    noResultsState,\n    topNotification,\n    showTitleBar = true,\n    horizontalScroll = true,\n    rowHeight,\n    estimatedRowHeight,\n    rowVerticalPadding = 'tiny',\n    dragAndDrop,\n    dragAndDropBulkSubmit,\n    dragAndDropSubmit,\n    dragAndDropCancel,\n    dragAndDropReorderModeToolbar,\n    dragAndDropCategories,\n    ...rest\n  } = props;\n  const { modalsContainerRef } = usePageContext();\n\n  const { toolbar, query } = wrapperState;\n\n  useState(() => {\n    dragAndDrop?.setStateObject({\n      state: wrapperState,\n      modalsContainerRef,\n    });\n  });\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: toolbar,\n    isUsingDragAndDrop: false,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: true,\n    isUsingFolders: false,\n    isUsingTableVirtualization: true,\n  });\n\n  const Table = CollectionTableWSRTable as ComponentType<\n    CollectionTableWSRTableProps<any, T, F>\n  >;\n\n  const { state, key, BodyElementType, TrElementType, columns } =\n    useModeTableProps({\n      state: wrapperState,\n      horizontalScroll,\n      actionCellWidth,\n      actionCellProps,\n      dragAndDrop,\n    });\n\n  useEffect(() => {\n    runInAction(() => {\n      state.virtual.rowHeight = rowHeight;\n    });\n  }, [rowHeight, state]);\n\n  useEffect(() => {\n    if (estimatedRowHeight == null) {\n      return;\n    }\n    runInAction(() => {\n      state.virtual.estimatedRowHeight = estimatedRowHeight;\n    });\n  }, [estimatedRowHeight, state]);\n\n  let table = (\n    <Table\n      rowVerticalPadding={rowVerticalPadding}\n      search={<QuerySearch state={query.search} />}\n      {...rest}\n      showHeaderWhenEmpty\n      sticky\n      filters={filters}\n      customColumns={customColumns}\n      views={views}\n      horizontalScroll={horizontalScroll}\n      emptyState={emptyState}\n      noResultsState={noResultsState}\n      isApplyColumnWidthStyle\n      showTitleBar={showTitleBar}\n      {...getVirtualTableProps({ horizontalScroll })}\n      TrElementType={TrElementType}\n      state={state}\n      BodyElementType={BodyElementType}\n      columns={columns}\n      dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n      dragAndDrop={dragAndDrop}\n      dragAndDropCancel={dragAndDropCancel}\n      dragAndDropSubmit={dragAndDropSubmit}\n      dragAndDropBulkSubmit={dragAndDropBulkSubmit}\n      dragAndDropCategories={dragAndDropCategories}\n    >\n      <MultiCollectionSupportProvider\n        key={`MultiCollectionSupportProvider_${key}`}\n        value={state.multi}\n      >\n        <TablePlaceholderStates\n          key={`PlaceholderStates_${key}`}\n          state={state}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n          renderError={renderError}\n          topNotification={topNotification}\n          rowVerticalPadding={rowVerticalPadding}\n        />\n        <NestedTableContent key={`NestedTableContent_${key}`} state={state} />\n      </MultiCollectionSupportProvider>\n    </Table>\n  );\n\n  if (dragAndDrop) {\n    const { NestedTableDragAndDropContext } = dragAndDrop;\n    table = (\n      <NestedTableDragAndDropContext\n        state={wrapperState.nested}\n        onSubmit={dragAndDropSubmit}\n        onBulkSubmit={dragAndDropBulkSubmit}\n      >\n        {table}\n      </NestedTableDragAndDropContext>\n    );\n  }\n\n  return table;\n}\n\nexport const NestedTableWSRTable = observer(_NestedTableWSRTable);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTable/useModeTableProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_VirtualTableRepeater","_VirtualGridStateContext","_NestedTableRow","_useNestedModeColumns","_useFlatModeColumns","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useModeTableProps","props","state","wrapperState","horizontalScroll","actionCellWidth","actionCellProps","dragAndDrop","isFlatMode","flat","nested","key","toString","BodyElementType","useMemo","children","createElement","VirtualGridStateProvider","value","virtual","__self","__source","fileName","lineNumber","columnNumber","VirtualTableRepeater","TrElementType","undefined","forwardRef","ref","NestedTableRow","_extends2","nestedColumns","useNestedModeColumns","flatColumns","useFlatModeColumns","columns"],"sources":["../../../../src/components/NestedTable/useModeTableProps.tsx"],"sourcesContent":["import { NestedTableState } from '../../state';\nimport React, {\n  forwardRef,\n  MutableRefObject,\n  ReactElement,\n  useMemo,\n} from 'react';\nimport {\n  VirtualTableRepeater,\n  VirtualTableRepeaterProps,\n} from '../VirtualGridRepeater/VirtualTableRepeater';\nimport { VirtualGridStateProvider } from '../VirtualGridRepeater/VirtualGridStateContext';\nimport { NestedTableRow } from './NestedTableRow';\nimport { useNestedModeColumns } from './useNestedModeColumns';\nimport { useFlatModeColumns } from './useFlatModeColumns';\nimport { TableColumn as TableColumnWSR } from '@wix/design-system/dist/types/Table';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\n\nexport interface UseModeTableProps<C extends string> {\n  state: NestedTableState<C>;\n  horizontalScroll?: boolean;\n  actionCellWidth?: string | number;\n  actionCellProps?: Partial<Omit<TableColumnWSR<any>, 'render' | 'style'>>;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nexport function useModeTableProps<C extends string>(\n  props: UseModeTableProps<C>,\n) {\n  const {\n    state: wrapperState,\n    horizontalScroll,\n    actionCellWidth,\n    actionCellProps,\n    dragAndDrop,\n  } = props;\n\n  const { isFlatMode } = wrapperState;\n  const state = isFlatMode ? wrapperState.flat : wrapperState.nested;\n\n  const key = wrapperState.isFlatMode.toString();\n\n  const BodyElementType = useMemo(\n    () =>\n      ({ children }: VirtualTableRepeaterProps) =>\n        (\n          <VirtualGridStateProvider key={key} value={state.virtual}>\n            <VirtualTableRepeater>{children}</VirtualTableRepeater>\n          </VirtualGridStateProvider>\n        ),\n    [state, key],\n  );\n\n  const TrElementType = useMemo(\n    () =>\n      isFlatMode\n        ? undefined\n        : forwardRef(\n            (\n              props: {\n                children: ReactElement[];\n                rowData: any;\n                className: string;\n              },\n              ref:\n                | ((instance: HTMLTableRowElement | null) => void)\n                | MutableRefObject<HTMLTableRowElement | null>\n                | null,\n            ) => (\n              <NestedTableRow ref={ref} {...props} dragAndDrop={dragAndDrop} />\n            ),\n          ),\n    [isFlatMode, dragAndDrop],\n  );\n\n  const nestedColumns = useNestedModeColumns({\n    state: wrapperState,\n    horizontalScroll,\n    actionCellWidth,\n    actionCellProps,\n    dragAndDrop,\n  });\n\n  const flatColumns = useFlatModeColumns({\n    state: wrapperState,\n    horizontalScroll,\n    actionCellWidth,\n    actionCellProps,\n  });\n\n  return {\n    state,\n    key,\n    BodyElementType,\n    TrElementType,\n    columns: isFlatMode ? flatColumns : nestedColumns,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_VirtualTableRepeater","_VirtualGridStateContext","_NestedTableRow","_useNestedModeColumns","_useFlatModeColumns","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useModeTableProps","props","state","wrapperState","horizontalScroll","actionCellWidth","actionCellProps","dragAndDrop","isFlatMode","flat","nested","key","toString","BodyElementType","useMemo","children","createElement","VirtualGridStateProvider","value","virtual","__self","__source","fileName","lineNumber","columnNumber","VirtualTableRepeater","TrElementType","undefined","forwardRef","ref","NestedTableRow","_extends2","nestedColumns","useNestedModeColumns","flatColumns","useFlatModeColumns","columns"],"sources":["../../../../src/components/NestedTable/useModeTableProps.tsx"],"sourcesContent":["import { NestedTableKeyedItem, NestedTableState } from '../../state';\nimport React, {\n  forwardRef,\n  MutableRefObject,\n  ReactElement,\n  useMemo,\n} from 'react';\nimport {\n  VirtualTableRepeater,\n  VirtualTableRepeaterProps,\n} from '../VirtualGridRepeater/VirtualTableRepeater';\nimport { VirtualGridStateProvider } from '../VirtualGridRepeater/VirtualGridStateContext';\nimport { NestedTableRow } from './NestedTableRow';\nimport { useNestedModeColumns } from './useNestedModeColumns';\nimport { useFlatModeColumns } from './useFlatModeColumns';\nimport { TableColumn as TableColumnWSR } from '@wix/design-system/dist/types/Table';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\n\nexport interface UseModeTableProps<C extends string> {\n  state: NestedTableState<C>;\n  horizontalScroll?: boolean;\n  actionCellWidth?: string | number;\n  actionCellProps?: Partial<Omit<TableColumnWSR<any>, 'render' | 'style'>>;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nexport function useModeTableProps<C extends string>(\n  props: UseModeTableProps<C>,\n) {\n  const {\n    state: wrapperState,\n    horizontalScroll,\n    actionCellWidth,\n    actionCellProps,\n    dragAndDrop,\n  } = props;\n\n  const { isFlatMode } = wrapperState;\n  const state = isFlatMode ? wrapperState.flat : wrapperState.nested;\n\n  const key = wrapperState.isFlatMode.toString();\n\n  const BodyElementType = useMemo(\n    () =>\n      ({ children }: VirtualTableRepeaterProps) =>\n        (\n          <VirtualGridStateProvider key={key} value={state.virtual}>\n            <VirtualTableRepeater>{children}</VirtualTableRepeater>\n          </VirtualGridStateProvider>\n        ),\n    [state, key],\n  );\n\n  const TrElementType = useMemo(\n    () =>\n      isFlatMode\n        ? undefined\n        : forwardRef(\n            (\n              props: {\n                children: ReactElement[];\n                rowData: NestedTableKeyedItem<C, any, any>;\n                className: string;\n              },\n              ref:\n                | ((instance: HTMLTableRowElement | null) => void)\n                | MutableRefObject<HTMLTableRowElement | null>\n                | null,\n            ) => (\n              <NestedTableRow ref={ref} {...props} dragAndDrop={dragAndDrop} />\n            ),\n          ),\n    [isFlatMode, dragAndDrop],\n  );\n\n  const nestedColumns = useNestedModeColumns({\n    state: wrapperState,\n    horizontalScroll,\n    actionCellWidth,\n    actionCellProps,\n    dragAndDrop,\n  });\n\n  const flatColumns = useFlatModeColumns({\n    state: wrapperState,\n    horizontalScroll,\n    actionCellWidth,\n    actionCellProps,\n  });\n\n  return {\n    state,\n    key,\n    BodyElementType,\n    TrElementType,\n    columns: isFlatMode ? flatColumns : nestedColumns,\n  };\n}\n"],"mappings":"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","ignoreList":[]}