@wix/patterns 1.18.0 → 1.21.0

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_jsxFileName","MainCellLayout","props","dataHook","image","breadcrumbs","expandCollapseButton","title","subtitle","titleMaxWidth","default","createElement","Box","direction","verticalAlign","minWidth","__self","__source","fileName","lineNumber","columnNumber","height","paddingInlineEnd","minHeight","flexShrink","undefined","maxWidth","Text","ellipsis","size","weight","secondary","light"],"sources":["../../../../src/components/NestedTable/MainCellLayout.tsx"],"sourcesContent":["import { Box, Text } from '@wix/design-system';\nimport React, { ReactNode } from 'react';\n\nexport interface MainCellLayoutProps {\n  dataHook?: string;\n  image?: ReactNode;\n  expandCollapseButton?: ReactNode;\n  breadcrumbs?: ReactNode;\n  title?: ReactNode;\n  subtitle?: string;\n  titleMaxWidth?: string;\n}\n\nexport function MainCellLayout(props: MainCellLayoutProps) {\n  const {\n    dataHook,\n    image,\n    breadcrumbs,\n    expandCollapseButton,\n    title,\n    subtitle,\n    titleMaxWidth,\n  } = props;\n  return (\n    <Box\n      direction=\"horizontal\"\n      verticalAlign=\"middle\"\n      dataHook={dataHook}\n      minWidth={0}\n    >\n      {expandCollapseButton}\n      {image && (\n        <Box height=\"40px\" paddingInlineEnd=\"12px\" dataHook=\"image\">\n          {image}\n        </Box>\n      )}\n      <Box direction=\"vertical\" minWidth={0} minHeight={0}>\n        <Box direction=\"horizontal\" minWidth={0}>\n          {breadcrumbs}\n          <Box\n            flexShrink={titleMaxWidth != null ? 0 : undefined}\n            minWidth={0}\n            maxWidth={titleMaxWidth}\n          >\n            <Text ellipsis size=\"small\" weight=\"normal\" dataHook=\"title\">\n              {title}\n            </Text>\n          </Box>\n        </Box>\n\n        {subtitle && (\n          <Text ellipsis size=\"tiny\" secondary light dataHook=\"subtitle\">\n            {subtitle}\n          </Text>\n        )}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAyC,IAAAG,YAAA;AAYlC,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAM;IACJC,QAAQ;IACRC,KAAK;IACLC,WAAW;IACXC,oBAAoB;IACpBC,KAAK;IACLC,QAAQ;IACRC;EACF,CAAC,GAAGP,KAAK;EACT,oBACEJ,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;IACFC,SAAS,EAAC,YAAY;IACtBC,aAAa,EAAC,QAAQ;IACtBX,QAAQ,EAAEA,QAAS;IACnBY,QAAQ,EAAE,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEXd,oBAAoB,EACpBF,KAAK,iBACJN,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;IAACS,MAAM,EAAC,MAAM;IAACC,gBAAgB,EAAC,MAAM;IAACnB,QAAQ,EAAC,OAAO;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxDhB,KACE,CACN,eACDN,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;IAACC,SAAS,EAAC,UAAU;IAACE,QAAQ,EAAE,CAAE;IAACQ,SAAS,EAAE,CAAE;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClDtB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;IAACC,SAAS,EAAC,YAAY;IAACE,QAAQ,EAAE,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrCf,WAAW,eACZP,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;IACFY,UAAU,EAAEf,aAAa,IAAI,IAAI,GAAG,CAAC,GAAGgB,SAAU;IAClDV,QAAQ,EAAE,CAAE;IACZW,QAAQ,EAAEjB,aAAc;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAExBtB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAA+B,IAAI;IAACC,QAAQ;IAACC,IAAI,EAAC,OAAO;IAACC,MAAM,EAAC,QAAQ;IAAC3B,QAAQ,EAAC,OAAO;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACzDb,KACG,CACH,CACF,CAAC,EAELC,QAAQ,iBACPV,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAA+B,IAAI;IAACC,QAAQ;IAACC,IAAI,EAAC,MAAM;IAACE,SAAS;IAACC,KAAK;IAAC7B,QAAQ,EAAC,UAAU;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC3DZ,QACG,CAEL,CACF,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_jsxFileName","MainCellLayout","props","dataHook","image","breadcrumbs","dragHandle","expandCollapseButton","title","subtitle","titleMaxWidth","default","createElement","Box","direction","verticalAlign","minWidth","__self","__source","fileName","lineNumber","columnNumber","height","paddingInlineEnd","minHeight","flexShrink","undefined","maxWidth","Text","ellipsis","size","weight","secondary","light"],"sources":["../../../../src/components/NestedTable/MainCellLayout.tsx"],"sourcesContent":["import { Box, Text } from '@wix/design-system';\nimport React, { ReactNode } from 'react';\n\nexport interface MainCellLayoutProps {\n  dataHook?: string;\n  image?: ReactNode;\n  dragHandle?: ReactNode;\n  expandCollapseButton?: ReactNode;\n  breadcrumbs?: ReactNode;\n  title?: ReactNode;\n  subtitle?: string;\n  titleMaxWidth?: string;\n}\n\nexport function MainCellLayout(props: MainCellLayoutProps) {\n  const {\n    dataHook,\n    image,\n    breadcrumbs,\n    dragHandle,\n    expandCollapseButton,\n    title,\n    subtitle,\n    titleMaxWidth,\n  } = props;\n  return (\n    <Box\n      direction=\"horizontal\"\n      verticalAlign=\"middle\"\n      dataHook={dataHook}\n      minWidth={0}\n    >\n      {dragHandle}\n      {expandCollapseButton}\n      {image && (\n        <Box height=\"40px\" paddingInlineEnd=\"12px\" dataHook=\"image\">\n          {image}\n        </Box>\n      )}\n      <Box direction=\"vertical\" minWidth={0} minHeight={0}>\n        <Box direction=\"horizontal\" minWidth={0}>\n          {breadcrumbs}\n          <Box\n            flexShrink={titleMaxWidth != null ? 0 : undefined}\n            minWidth={0}\n            maxWidth={titleMaxWidth}\n          >\n            <Text ellipsis size=\"small\" weight=\"normal\" dataHook=\"title\">\n              {title}\n            </Text>\n          </Box>\n        </Box>\n\n        {subtitle && (\n          <Text ellipsis size=\"tiny\" secondary light dataHook=\"subtitle\">\n            {subtitle}\n          </Text>\n        )}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAyC,IAAAG,YAAA;AAalC,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAM;IACJC,QAAQ;IACRC,KAAK;IACLC,WAAW;IACXC,UAAU;IACVC,oBAAoB;IACpBC,KAAK;IACLC,QAAQ;IACRC;EACF,CAAC,GAAGR,KAAK;EACT,oBACEJ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,GAAG;IACFC,SAAS,EAAC,YAAY;IACtBC,aAAa,EAAC,QAAQ;IACtBZ,QAAQ,EAAEA,QAAS;IACnBa,QAAQ,EAAE,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEXf,UAAU,EACVC,oBAAoB,EACpBH,KAAK,iBACJN,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,GAAG;IAACS,MAAM,EAAC,MAAM;IAACC,gBAAgB,EAAC,MAAM;IAACpB,QAAQ,EAAC,OAAO;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxDjB,KACE,CACN,eACDN,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,GAAG;IAACC,SAAS,EAAC,UAAU;IAACE,QAAQ,EAAE,CAAE;IAACQ,SAAS,EAAE,CAAE;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClDvB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,GAAG;IAACC,SAAS,EAAC,YAAY;IAACE,QAAQ,EAAE,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrChB,WAAW,eACZP,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,GAAG;IACFY,UAAU,EAAEf,aAAa,IAAI,IAAI,GAAG,CAAC,GAAGgB,SAAU;IAClDV,QAAQ,EAAE,CAAE;IACZW,QAAQ,EAAEjB,aAAc;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAExBvB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAgC,IAAI;IAACC,QAAQ;IAACC,IAAI,EAAC,OAAO;IAACC,MAAM,EAAC,QAAQ;IAAC5B,QAAQ,EAAC,OAAO;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACzDb,KACG,CACH,CACF,CAAC,EAELC,QAAQ,iBACPX,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAgC,IAAI;IAACC,QAAQ;IAACC,IAAI,EAAC,MAAM;IAACE,SAAS;IAACC,KAAK;IAAC9B,QAAQ,EAAC,UAAU;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC3DZ,QACG,CAEL,CACF,CAAC;AAEV","ignoreList":[]}

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/common-hooks--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/components-collection-features--empty-state)\n   * or [`<CollectionPremiuimEmptyState />`](./?path=/story/components-collection-features--premium-empty-state) component.\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Shown when a search or filter has no results.\n   * Pass a [`<CollectionNoResultsState />`](./?path=/story/components-collection-features--no-results-state) 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=%2Fstory%2Fcomponents-collection-features--drag-and-drop) 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: 'Cairo/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 {\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   * Pass 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: 'Cairo/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":[]}

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

@@ -13,6 +13,8 @@ var _NestedTableFlatModeMainCellUni = require("./NestedTableFlatModeMainCell.uni
 var _NestedTableRowPlaceholderStatesUni = require("./NestedTableRowPlaceholderStates.uni.driver");
 var _CollectionItemActionsUni = require("../CollectionItemActions/CollectionItemActions.uni.driver");
 var _SummaryBarUni = require("../SummaryBar/SummaryBar.uni.driver");
+var _DragAndDropUni = require("../DragAndDrop/DragAndDrop.uni.driver");
+var _NestedTableGhostRowUni = require("../NestedTableDragAndDrop/NestedTableGhostRow.uni.driver");
 function NestedTableUniDriver(base, body) {
   const toolbarBase = () => base.$('[data-hook="collection-toolbar"]');
   const toolbar = () => (0, _CollectionToolbarUni.CollectionToolbarUniDriver)(toolbarBase(), body);
@@ -30,6 +32,7 @@ function NestedTableUniDriver(base, body) {
       return (_await$table$_getRowB = await table._getRowByKey(rowKey).attr('class')) == null ? void 0 : _await$table$_getRowB.includes('expandable');
     },
     getMainColumnAt: row => (0, _NestedTableParentCellUni.NestedTableParentCellUniDriver)(table._getCellByRowIndexAndCellKey(row, 'nested-mode-main-column'), 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),
     getFlatModeMainColumnByKey: rowKey => (0, _NestedTableFlatModeMainCellUni.NestedTableFlatModeMainCellUniDriver)(table._getCellByKey(rowKey, 'flat-mode-main-column'), body),
@@ -38,7 +41,8 @@ function NestedTableUniDriver(base, body) {
     /**
      * Gets collection summary bar
      */
-    getSummaryBar
+    getSummaryBar,
+    getGhostRow: () => (0, _NestedTableGhostRowUni.NestedTableGhostRowUniDriver)(base.$('[data-hook="ghost-indentation-cell"]'), body)
   };
 }
 var _default = exports.default = NestedTableUniDriver;

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","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","getActionCellByKey","CollectionItemActionsUniDriver","getMainColumnByKey","_getCellByKey","getFlatModeMainColumnByKey","NestedTableFlatModeMainCellUniDriver","getFlatModeMainColumnAt","getPlaceholderStatesByRowKey","NestedTableRowPlaceholderStatesUniDriver","_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';\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    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}\n\nexport default NestedTableUniDriver;\n"],"mappings":";;;;;;AACA,IAAAA,+BAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,+BAAA,GAAAN,OAAA;AACA,IAAAO,mCAAA,GAAAP,OAAA;AACA,IAAAQ,yBAAA,GAAAR,OAAA;AACA,IAAAS,cAAA,GAAAT,OAAA;AAEO,SAASU,oBAAoBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACrE,MAAMC,WAAW,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,kCAAkC,CAAC;EAEpE,MAAMC,OAAO,GAAGA,CAAA,KAAM,IAAAC,gDAA0B,EAACH,WAAW,CAAC,CAAC,EAAED,IAAI,CAAC;EAErE,MAAMK,KAAK,GAAG,IAAAC,iBAAc,EAACP,IAAI,EAAEC,IAAI,CAAC;EAExC,MAAMO,kBAAkB,GAAGA,CAAA,KACzBR,IAAI,CAACG,CAAC,CAAC,gDAAgD,CAAC,CAACM,MAAM,CAAC,CAAC;EACnE,MAAMC,aAAa,GAAGA,CAAA,KAAM,IAAAC,kCAAmB,EAACX,IAAI,EAAEC,IAAI,CAAC;EAE3D,OAAO;IACL,GAAGK,KAAK;IACRF,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAAC,CAAC;IACxBI,kBAAkB;IAClBI,2BAA2B,EAAEA,CAC3BC,QAAQ,GAAG,gCAAgC,KAE3C,IAAAC,oEAAoC,EAClCd,IAAI,CAACG,CAAC,CAAE,eAAcU,QAAS,IAAG,CAAC,EACnCZ,IACF,CAAC;IACHc,UAAU,EAAEA,CAAA,KACV,IAAAC,wDAA8B,EAC5BhB,IAAI,CAACG,CAAC,CAAC,4CAA4C,CAAC,EACpDF,IACF,CAAC;IAEHgB,eAAe,EAAE,MAAOC,MAAc;MAAA,IAAAC,qBAAA;MAAA,QAAAA,qBAAA,GACnC,MAAMb,KAAK,CAACc,YAAY,CAACF,MAAM,CAAC,CAACG,IAAI,CAAC,OAAO,CAAC,qBAA/CF,qBAAA,CAAkDG,QAAQ,CAAC,YAAY,CAAC;IAAA;IAE1EC,eAAe,EAAGC,GAAW,IAC3B,IAAAC,wDAA8B,EAC5BnB,KAAK,CAACoB,4BAA4B,CAACF,GAAG,EAAE,yBAAyB,CAAC,EAClEvB,IACF,CAAC;IAEH0B,kBAAkB,EAAGT,MAAc,IACjC,IAAAU,wDAA8B,EAACtB,KAAK,CAACc,YAAY,CAACF,MAAM,CAAC,EAAEjB,IAAI,CAAC;IAElE4B,kBAAkB,EAAGX,MAAc,IACjC,IAAAO,wDAA8B,EAC5BnB,KAAK,CAACwB,aAAa,CAACZ,MAAM,EAAE,yBAAyB,CAAC,EACtDjB,IACF,CAAC;IAEH8B,0BAA0B,EAAGb,MAAc,IACzC,IAAAc,oEAAoC,EAClC1B,KAAK,CAACwB,aAAa,CAACZ,MAAM,EAAE,uBAAuB,CAAC,EACpDjB,IACF,CAAC;IAEHgC,uBAAuB,EAAGT,GAAW,IACnC,IAAAQ,oEAAoC,EAClC1B,KAAK,CAACoB,4BAA4B,CAACF,GAAG,EAAE,uBAAuB,CAAC,EAChEvB,IACF,CAAC;IAEHiC,4BAA4B,EAAGhB,MAAc,IAC3C,IAAAiB,4EAAwC,EACtC7B,KAAK,CAACc,YAAY,CAAE,sBAAqBF,MAAO,EAAC,CAAC,EAClDjB,IACF,CAAC;IACH;AACJ;AACA;IACIS;EACF,CAAC;AACH;AAAC,IAAA0B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcvC,oBAAoB","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","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":[]}

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

@@ -15,7 +15,8 @@ function _NestedTableParentCell(props) {
   const {
     state: parentState,
     item,
-    rowNum
+    rowNum,
+    dragAndDrop
   } = props;
   const {
     node: {
@@ -43,10 +44,19 @@ function _NestedTableParentCell(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 54,
       columnNumber: 5
     }
   }, /*#__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,
+        columnNumber: 13
+      }
+    }),
     expandCollapseButton: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       paddingInlineEnd: "12px",
       visibility: state == null || state._isNotExpandableWhenEmpty ? 'hidden' : undefined,
@@ -54,7 +64,7 @@ function _NestedTableParentCell(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 59,
+        lineNumber: 66,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -66,7 +76,7 @@ function _NestedTableParentCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 72,
+          lineNumber: 79,
           columnNumber: 17
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronRightSmall, {
@@ -78,14 +88,14 @@ function _NestedTableParentCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 73,
+          lineNumber: 80,
           columnNumber: 19
         }
       })),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 68,
+        lineNumber: 75,
         columnNumber: 13
       }
     })),
@@ -95,7 +105,7 @@ function _NestedTableParentCell(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 59,
       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","node","collection","originalKeyedItem","renderProps","renderMainColumn","useState","createNode","parent","useEffect","_rowNum","_expanded","createElement","Box","dataHook","paddingInlineStart","depth","minWidth","__self","__source","fileName","lineNumber","columnNumber","MainCellLayout","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';\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}\n\nfunction _NestedTableParentCell<C extends string, T, F extends FiltersMap>(\n  props: NestedTableParentCellProps<C, T, F>,\n) {\n  const { state: parentState, item, rowNum } = 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        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","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":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAMA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AAAkD,IAAAM,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,SAAAT,wBAAAS,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;AAclD,SAASW,sBAAsBA,CAC7BC,KAA0C,EAC1C;EACA,MAAM;IAAEC,KAAK,EAAEC,WAAW;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAY,CAAC,GAAGL,KAAK;EAE/D,MAAM;IACJM,IAAI,EAAE;MAAEC;IAAW;EACrB,CAAC,GAAGL,WAAW;EAEf,MAAM;IAAEM;EAAkB,CAAC,GAAGL,IAAI;EAElC,MAAMM,WAAW,GAAGP,WAAW,CAACQ,gBAAgB,oBAA5BR,WAAW,CAACQ,gBAAgB,CAAGF,iBAAiB,CAACL,IAAI,CAAC;EAE1E,MAAM,CAACF,KAAK,CAAC,GAAG,IAAAU,eAAQ,EAAC,MACvBR,IAAI,CAACF,KAAK,CAACW,UAAU,CAAC;IACpBC,MAAM,EAAEL;EACV,CAAC,CACH,CAAC;EAED,IAAAM,gBAAS,EAAC,MAAM;IACd,IAAI,CAACb,KAAK,EAAE;MACV;IACF;IACAA,KAAK,CAACc,OAAO,GAAGX,MAAM;EACxB,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,MAAMY,SAAS,GAAGf,KAAK,oBAALA,KAAK,CAAEe,SAAS;EAElC,oBACE9C,MAAA,CAAAe,OAAA,CAAAgC,aAAA,CAAC3C,aAAA,CAAA4C,GAAG;IACFC,QAAQ,EAAC,mBAAmB;IAC5BC,kBAAkB,EAAElB,WAAW,CAACmB,KAAK,GAAG,EAAG;IAC3CC,QAAQ,EAAE,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/C,YAAA;MAAAgD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEZzD,MAAA,CAAAe,OAAA,CAAAgC,aAAA,CAACxC,eAAA,CAAAmD,cAAc;IACbC,UAAU,EACR,CAAAxB,WAAW,oBAAXA,WAAW,CAAEyB,qBAAqB,kBAChC5D,MAAA,CAAAe,OAAA,CAAAgC,aAAA,CAACZ,WAAW,CAACyB,qBAAqB;MAAC3B,IAAI,EAAEA,IAAK;MAAAoB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA/C,YAAA;QAAAgD,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAEnD;IACDI,oBAAoB,eAClB7D,MAAA,CAAAe,OAAA,CAAAgC,aAAA,CAAC3C,aAAA,CAAA4C,GAAG;MACFc,gBAAgB,EAAC,MAAM;MACvBC,UAAU,EACRhC,KAAK,IAAI,IAAI,IAAIA,KAAK,CAACiC,yBAAyB,GAC5C,QAAQ,GACRC,SACL;MACDhB,QAAQ,EAAC,yBAAyB;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA/C,YAAA;QAAAgD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAElCzD,MAAA,CAAAe,OAAA,CAAAgC,aAAA,CAAC3C,aAAA,CAAA8D,UAAU;MACTC,IAAI,EAAC,OAAO;MACZlB,QAAQ,EAAC,iBAAiB;MAC1BmB,UAAU,eACRpE,MAAA,CAAAe,OAAA,CAAAgC,aAAA,CAACzC,OAAA,CAAA+D,MAAM;QAACC,OAAO,EAAE,GAAI;QAACC,GAAG,EAAEzB,SAAS,GAAG,EAAE,GAAG,CAAE;QAAAO,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA/C,YAAA;UAAAgD,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAC5CzD,MAAA,CAAAe,OAAA,CAAAgC,aAAA,CAAC1C,iBAAA,CAAAmE,iBAAiB;QAChB,aAAU,cAAc;QACxBC,KAAK,EAAE;UAAEC,YAAY,EAAE,CAAC;UAAEZ,gBAAgB,EAAE;QAAE,CAAE;QAAAT,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA/C,YAAA;UAAAgD,UAAA;UAAAC,YAAA;QAAA;MAAA,CACjD,CACK,CACT;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA/C,YAAA;QAAAgD,UAAA;QAAAC,YAAA;MAAA;IAAA,CACF,CACE,CACN;IACDkB,KAAK,EAAEpC,WAAW,oBAAXA,WAAW,CAAEoC,KAAM;IAC1BC,KAAK,EACH,CAAArC,WAAW,oBAAXA,WAAW,CAAEqC,KAAK,KAAIvC,UAAU,CAACwC,QAAQ,CAACvC,iBAAiB,CAACL,IAAI,CACjE;IACD6C,QAAQ,EAAEvC,WAAW,oBAAXA,WAAW,CAAEuC,QAAS;IAAAzB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/C,YAAA;MAAAgD,UAAA;MAAAC,YAAA;IAAA;EAAA,CACjC,CACE,CAAC;AAEV;AAEO,MAAMsB,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAACpD,sBAAsB,CAAC","ignoreList":[]}

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

@@ -10,6 +10,7 @@ function NestedTableParentCellUniDriver(base, body) {
     ...(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)
   };
 }

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","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    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,uBAAuB,EAAEA,CAAA,KACvB,IAAAC,sDAA6B,EAC3BP,UAAU,CAAC,CAAC,CAACC,CAAC,CAAC,uCAAuC,CAAC,EACvDF,IACF;EACJ,CAAC;AACH","ignoreList":[]}
+{"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":[]}

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

@@ -17,6 +17,7 @@ const _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     children,
     rowData,
     className,
+    dragAndDrop,
     ...rest
   } = props;
   const {
@@ -39,7 +40,7 @@ const _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 45,
+        lineNumber: 47,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("td", {
@@ -49,7 +50,7 @@ const _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 46,
+        lineNumber: 48,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -59,7 +60,7 @@ const _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 47,
+        lineNumber: 49,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_NestedTableRowPlaceholderStates.NestedTableRowPlaceholderStates, {
@@ -67,17 +68,23 @@ const _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 48,
+        lineNumber: 50,
         columnNumber: 15
       }
     }))));
   }
   const expandable = itemState != null && !itemState._isNotExpandableWhenEmpty;
+  const {
+    st: dataTableRowSt,
+    classes: dataTableRowClasses
+  } = _designSystem.Table.dataTableRowStyle;
   return /*#__PURE__*/_react.default.createElement("tr", (0, _extends2.default)({
     ref: ref,
     className: (0, _NestedTableRowStCss.st)(_NestedTableRowStCss.classes.root, {
       expandable
-    }, className, item.state.showHoverHighlight ? _NestedTableRowStCss.classes.parentHovered : undefined, item.state.depth === 0 ? _NestedTableRowStCss.classes.firstLevel : undefined),
+    }, className, item.state.showHoverHighlight ? _NestedTableRowStCss.classes.parentHovered : undefined, item.state.depth === 0 ? _NestedTableRowStCss.classes.firstLevel : undefined, dataTableRowSt(dataTableRowClasses.root, {
+      skin: item.state.depth === 0 ? 'neutral' : 'light'
+    })),
     onMouseEnter: () => {
       itemState == null || itemState._changeHover(true);
     },
@@ -94,9 +101,17 @@ const _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 59,
+      lineNumber: 64,
       columnNumber: 7
     }
+  }), (dragAndDrop == null ? void 0 : dragAndDrop.NestedTableGhostIndentationCell) && /*#__PURE__*/_react.default.createElement(dragAndDrop.NestedTableGhostIndentationCell, {
+    item: item,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 93,
+      columnNumber: 11
+    }
   }), children);
 });
 const NestedTableRow = exports.NestedTableRow = (0, _mobxReactLite.observer)(_NestedTableRow);

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","rest","item","itemState","useState","originalKeyedItem","undefined","state","createNode","parent","useEffect","init","createElement","_extends2","st","classes","placeholder","__self","__source","fileName","lineNumber","columnNumber","style","width","Box","verticalAlign","align","NestedTableRowPlaceholderStates","expandable","_isNotExpandableWhenEmpty","root","showHoverHighlight","parentHovered","depth","firstLevel","onMouseEnter","_changeHover","onMouseLeave","onClick","ev","_toggleExpand","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 } from '@wix/design-system';\nimport { NestedTableRowPlaceholderStates } from './NestedTableRowPlaceholderStates';\n\nexport interface NestedTableRowProps<C extends string, T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  rowData: NestedTableKeyedItem<C, T, F>;\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, ...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 style={{ width: '100%' }}>\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    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        )}\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        {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","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","style","width","Box","verticalAlign","align","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 style={{ width: '100%' }}>\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":[]}

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

@@ -1,7 +1,3 @@
-.firstLevel {
-  background-color: #F7F8F8; /* will be D75 after WSR add it */
-}
-
 .firstLevel td {
   /* important! until moving NestedTableRow.st.css to WSR */
   padding-top: 18px !important;
@@ -12,6 +8,10 @@
   -st-states: expandable;
 }
 
+.root:hover {
+  background-color: #E7F0FF;
+}
+
 .root:expandable {
   cursor: pointer;
 }
@@ -21,10 +21,6 @@
   padding-bottom: 0 !important;
 }
 
-.root:hover {
-  background-color: #E7F0FF;
-}
-
 .root:hover td:first-of-type::before,
 .parentHovered td:first-of-type::before {
   content: '';

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_ = "NestedTableRow964041911";
+var _namespace_ = "NestedTableRow3878599899";
 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": "NestedTableRow964041911__root",
-  "firstLevel": "NestedTableRow964041911__firstLevel",
-  "placeholder": "NestedTableRow964041911__placeholder",
-  "parentHovered": "NestedTableRow964041911__parentHovered"
+  "root": "NestedTableRow3878599899__root",
+  "firstLevel": "NestedTableRow3878599899__firstLevel",
+  "placeholder": "NestedTableRow3878599899__placeholder",
+  "parentHovered": "NestedTableRow3878599899__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_ = \"NestedTableRow964041911\";\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\":\"NestedTableRow964041911__root\",\"firstLevel\":\"NestedTableRow964041911__firstLevel\",\"placeholder\":\"NestedTableRow964041911__placeholder\",\"parentHovered\":\"NestedTableRow964041911__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":[]}
+{"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_ = \"NestedTableRow3878599899\";\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\":\"NestedTableRow3878599899__root\",\"firstLevel\":\"NestedTableRow3878599899__firstLevel\",\"placeholder\":\"NestedTableRow3878599899__placeholder\",\"parentHovered\":\"NestedTableRow3878599899__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":[]}

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

@@ -79,7 +79,8 @@ function _NestedTableWSRTable(props) {
     state: wrapperState,
     horizontalScroll,
     actionCellWidth,
-    actionCellProps
+    actionCellProps,
+    dragAndDrop
   });
   (0, _react.useEffect)(() => {
     (0, _mobx.runInAction)(() => {
@@ -105,7 +106,7 @@ function _NestedTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 141,
+        lineNumber: 135,
         columnNumber: 15
       }
     })
@@ -137,7 +138,7 @@ function _NestedTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 139,
+      lineNumber: 133,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_MultiCollectionSupportProvider.MultiCollectionSupportProvider, {
@@ -146,7 +147,7 @@ function _NestedTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 168,
+      lineNumber: 162,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_TablePlaceholderStates.TablePlaceholderStates, {
@@ -160,7 +161,7 @@ function _NestedTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 172,
+      lineNumber: 166,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement(_NestedTableContent.NestedTableContent, {
@@ -169,7 +170,7 @@ function _NestedTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 181,
+      lineNumber: 175,
       columnNumber: 9
     }
   })));
@@ -185,7 +186,7 @@ function _NestedTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 189,
+        lineNumber: 183,
         columnNumber: 7
       }
     }, table);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionTableWSRTable","_NestedTableContent","_useToolbarCollectionSyncProps","_useModeTableProps","_mobx","_QuerySearch","_MultiCollectionSupportProvider","_designSystem","_TablePlaceholderStates","_react2","_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","st","classes","WSRTable","dataTableRowVirtualStyle","table","createElement","_extends2","search","QuerySearch","__self","__source","fileName","lineNumber","columnNumber","showHeaderWhenEmpty","sticky","isApplyColumnWidthStyle","useNewInfiniteScrollLoader","rowClass","root","headerClass","thead","headerRowClass","MultiCollectionSupportProvider","value","multi","TablePlaceholderStates","NestedTableContent","CollectionNestedTableDragAndDropContext","nested","onSubmit","onCancel","onBulkSubmit","NestedTableWSRTable","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableWSRTable.tsx"],"sourcesContent":["import React, { ComponentType, ReactNode, 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 { CollectionTableBaseCommonProps } 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 { Table as WSRTable } from '@wix/design-system';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\nimport { usePageContext } from '@wix/bex-core/react';\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'\n      | 'sticky'\n      | 'selectionDisabled'\n      | 'emptyState'\n      | 'noResultsState'\n      | 'topNotification'\n    >,\n    CollectionTableBaseCommonProps<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  emptyState?: ReactNode;\n  noResultsState?: ReactNode;\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    });\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  const { st, classes } =\n    WSRTable.dataTableRowVirtualStyle as import('@stylable/runtime').RuntimeStylesheet;\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      useNewInfiniteScrollLoader\n      showTitleBar={showTitleBar}\n      rowClass={st(classes.root)}\n      headerClass={st(classes.thead)}\n      headerRowClass={st(classes.root)}\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","_designSystem","_TablePlaceholderStates","_react2","_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","st","classes","WSRTable","dataTableRowVirtualStyle","table","createElement","_extends2","search","QuerySearch","__self","__source","fileName","lineNumber","columnNumber","showHeaderWhenEmpty","sticky","isApplyColumnWidthStyle","useNewInfiniteScrollLoader","rowClass","root","headerClass","thead","headerRowClass","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 { Table as WSRTable } from '@wix/design-system';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\nimport { usePageContext } from '@wix/bex-core/react';\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  const { st, classes } =\n    WSRTable.dataTableRowVirtualStyle as import('@stylable/runtime').RuntimeStylesheet;\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      useNewInfiniteScrollLoader\n      showTitleBar={showTitleBar}\n      rowClass={st(classes.root)}\n      headerClass={st(classes.thead)}\n      headerRowClass={st(classes.root)}\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":[]}