@wix/patterns 1.12.0 → 1.14.0

package/dist/cjs/components/MultiLevelSorting/MultiLevelSortingCTAButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobx","_mobxReactLite","_designSystem","_wixUiIconsCommon","_state","_MultiLevelSortingPanel","_CounterBadgeButton","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiLevelSortingCTAButton","props","state","panels","container","translate","multiLevelSortingState","useState","runInAction","multiLevelSorting","MultiLevelSortingState","table","useEffect","init","registerSidePanel","MultiLevelSortingPanelEntry","createElement","CounterBadgeButton","dataHook","count","sortListSize","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","IconButton","size","priority","onClick","isOpen","toggleSidePanel","reportSidePanelOpen","reportSidePanelClose","origin","ChangeOrderSmall","MultiLevelSortingCTAButton","exports","observer"],"sources":["../../../../src/components/MultiLevelSorting/MultiLevelSortingCTAButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { runInAction } from 'mobx';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Tooltip, IconButton } from '@wix/design-system';\nimport { ChangeOrderSmall } from '@wix/wix-ui-icons-common';\nimport { MultiLevelSortingState, ToolbarCollectionState } from '../../state';\nimport { MultiLevelSortingPanelEntry } from '../MultiLevelSortingPanel';\nimport { CounterBadgeButton } from '../CounterBadgeButton';\n\nexport interface MultiLevelSortingCTAButtonProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function _MultiLevelSortingCTAButton<T, F extends FiltersMap>(\n  props: MultiLevelSortingCTAButtonProps<T, F>,\n) {\n  const { state } = props;\n  const {\n    panels,\n    container: { translate: t },\n  } = state;\n\n  const [multiLevelSortingState] = useState(() =>\n    runInAction(\n      () =>\n        (state.multiLevelSorting ??= new MultiLevelSortingState<T, F>({\n          table: state,\n          container: state.container,\n        })),\n    ),\n  );\n\n  useEffect(() => multiLevelSortingState.init(), []);\n\n  useEffect(() => {\n    panels.registerSidePanel('multiLevelSorting', MultiLevelSortingPanelEntry);\n  }, []);\n\n  return (\n    <CounterBadgeButton\n      dataHook=\"multi-level-sorting-button-counter\"\n      count={multiLevelSortingState.sortListSize}\n    >\n      <Tooltip content={t('cairo.table.advanced-sorting.button.tooltip')}>\n        <IconButton\n          size=\"small\"\n          priority=\"secondary\"\n          dataHook=\"multi-level-sorting-button\"\n          onClick={() => {\n            const isOpen = panels.toggleSidePanel('multiLevelSorting');\n\n            if (isOpen) {\n              multiLevelSortingState.reportSidePanelOpen();\n            } else {\n              multiLevelSortingState.reportSidePanelClose({\n                origin: 'Sort CTA',\n              });\n            }\n          }}\n        >\n          <ChangeOrderSmall />\n        </IconButton>\n      </Tooltip>\n    </CounterBadgeButton>\n  );\n}\n\nexport const MultiLevelSortingCTAButton = observer(_MultiLevelSortingCTAButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobx","_mobxReactLite","_designSystem","_wixUiIconsCommon","_state","_MultiLevelSortingPanel","_CounterBadgeButton","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiLevelSortingCTAButton","props","state","panels","container","translate","modalsContainerRef","usePageContext","multiLevelSortingState","useState","runInAction","multiLevelSorting","MultiLevelSortingState","table","useEffect","init","registerSidePanel","MultiLevelSortingPanelEntry","createElement","CounterBadgeButton","dataHook","count","sortListSize","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","IconButton","size","priority","onClick","isOpen","toggleSidePanel","reportSidePanelOpen","reportSidePanelClose","origin","ChangeOrderSmall","MultiLevelSortingCTAButton","exports","observer"],"sources":["../../../../src/components/MultiLevelSorting/MultiLevelSortingCTAButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { runInAction } from 'mobx';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { IconButton, Tooltip } from '@wix/design-system';\nimport { ChangeOrderSmall } from '@wix/wix-ui-icons-common';\nimport { MultiLevelSortingState, ToolbarCollectionState } from '../../state';\nimport { MultiLevelSortingPanelEntry } from '../MultiLevelSortingPanel';\nimport { CounterBadgeButton } from '../CounterBadgeButton';\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface MultiLevelSortingCTAButtonProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function _MultiLevelSortingCTAButton<T, F extends FiltersMap>(\n  props: MultiLevelSortingCTAButtonProps<T, F>,\n) {\n  const { state } = props;\n  const {\n    panels,\n    container: { translate: t },\n  } = state;\n\n  const { modalsContainerRef } = usePageContext();\n\n  const [multiLevelSortingState] = useState(() =>\n    runInAction(\n      () =>\n        (state.multiLevelSorting ??= new MultiLevelSortingState<T, F>({\n          table: state,\n          container: state.container,\n          modalsContainerRef,\n        })),\n    ),\n  );\n\n  useEffect(() => multiLevelSortingState.init(), []);\n\n  useEffect(() => {\n    panels.registerSidePanel('multiLevelSorting', MultiLevelSortingPanelEntry);\n  }, []);\n\n  return (\n    <CounterBadgeButton\n      dataHook=\"multi-level-sorting-button-counter\"\n      count={multiLevelSortingState.sortListSize}\n    >\n      <Tooltip content={t('cairo.table.advanced-sorting.button.tooltip')}>\n        <IconButton\n          size=\"small\"\n          priority=\"secondary\"\n          dataHook=\"multi-level-sorting-button\"\n          onClick={() => {\n            const isOpen = panels.toggleSidePanel('multiLevelSorting');\n\n            if (isOpen) {\n              multiLevelSortingState.reportSidePanelOpen();\n            } else {\n              multiLevelSortingState.reportSidePanelClose({\n                origin: 'Sort CTA',\n              });\n            }\n          }}\n        >\n          <ChangeOrderSmall />\n        </IconButton>\n      </Tooltip>\n    </CounterBadgeButton>\n  );\n}\n\nexport const MultiLevelSortingCTAButton = observer(_MultiLevelSortingCTAButton);\n"],"mappings":"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","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';\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/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":[]}

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_ = "NestedTableRow3445848428";
+var _namespace_ = "NestedTableRow2394039526";
 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": "NestedTableRow3445848428__root",
-  "firstLevel": "NestedTableRow3445848428__firstLevel",
-  "placeholder": "NestedTableRow3445848428__placeholder",
-  "parentHovered": "NestedTableRow3445848428__parentHovered"
+  "root": "NestedTableRow2394039526__root",
+  "firstLevel": "NestedTableRow2394039526__firstLevel",
+  "placeholder": "NestedTableRow2394039526__placeholder",
+  "parentHovered": "NestedTableRow2394039526__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_ = \"NestedTableRow3445848428\";\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\":\"NestedTableRow3445848428__root\",\"firstLevel\":\"NestedTableRow3445848428__firstLevel\",\"placeholder\":\"NestedTableRow3445848428__placeholder\",\"parentHovered\":\"NestedTableRow3445848428__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_ = \"NestedTableRow2394039526\";\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\":\"NestedTableRow2394039526__root\",\"firstLevel\":\"NestedTableRow2394039526__firstLevel\",\"placeholder\":\"NestedTableRow2394039526__placeholder\",\"parentHovered\":\"NestedTableRow2394039526__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

@@ -15,6 +15,7 @@ var _QuerySearch = require("../QuerySearch");
 var _MultiCollectionSupportProvider = require("../MultiCollectionSupportProvider");
 var _designSystem = require("@wix/design-system");
 var _TablePlaceholderStates = require("../TablePlaceholderStates/TablePlaceholderStates");
+var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTable/NestedTableWSRTable.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; }
@@ -45,10 +46,19 @@ function _NestedTableWSRTable(props) {
     dragAndDropCategories,
     ...rest
   } = props;
+  const {
+    modalsContainerRef
+  } = (0, _react2.usePageContext)();
   const {
     toolbar,
     query
   } = wrapperState;
+  (0, _react.useState)(() => {
+    dragAndDrop == null || dragAndDrop.setStateObject({
+      state: wrapperState,
+      modalsContainerRef
+    });
+  });
   (0, _useToolbarCollectionSyncProps.useToolbarCollectionSyncProps)({
     ...props,
     state: toolbar,
@@ -95,7 +105,7 @@ function _NestedTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 132,
+        lineNumber: 141,
         columnNumber: 15
       }
     })
@@ -127,7 +137,7 @@ function _NestedTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 139,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_MultiCollectionSupportProvider.MultiCollectionSupportProvider, {
@@ -136,7 +146,7 @@ function _NestedTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 159,
+      lineNumber: 168,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_TablePlaceholderStates.TablePlaceholderStates, {
@@ -150,7 +160,7 @@ function _NestedTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 163,
+      lineNumber: 172,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement(_NestedTableContent.NestedTableContent, {
@@ -159,7 +169,7 @@ function _NestedTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 172,
+      lineNumber: 181,
       columnNumber: 9
     }
   })));
@@ -175,7 +185,7 @@ function _NestedTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 180,
+        lineNumber: 189,
         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","_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","toolbar","query","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 } 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';\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\n  const { toolbar, query } = wrapperState;\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, 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":[]}

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDrop.js

@@ -0,0 +1,33 @@
+"use strict";
+
+exports.__esModule = true;
+exports.NestedTableDragAndDrop = void 0;
+var _dragAndDrop = require("@wix/wix-style-react-incubator/drag-and-drop");
+var _NestedTableDragAndDropContext = require("./NestedTableDragAndDropContext");
+var _NestedTableDragAndDropState = require("./NestedTableDragAndDropState");
+var _minimalRequiredWdsRuntimeCheck = require("../../minimalRequiredWdsRuntimeCheck");
+if (process.env.NODE_ENV !== 'production') {
+  (0, _minimalRequiredWdsRuntimeCheck.minimalRequiredWdsRuntimeCheck)({
+    required: '^1.64.1',
+    requiredBy: 'Cairo/NestedTableDragAndDrop'
+  });
+}
+function setStateObject(params) {
+  var _state$nested;
+  const {
+    state,
+    modalsContainerRef
+  } = params;
+  (_state$nested = state.nested).nestedTableDragAndDrop ?? (_state$nested.nestedTableDragAndDrop = new _NestedTableDragAndDropState.NestedTableDragAndDropState({
+    nestedState: state.nested,
+    modalsContainerRef
+  }));
+  state.tableState.tableDragAndDropState = state.nested.nestedTableDragAndDrop;
+  state.toolbar._dnd = state.nested.nestedTableDragAndDrop.dnd;
+}
+const NestedTableDragAndDrop = exports.NestedTableDragAndDrop = {
+  ..._dragAndDrop.TableDragAndDrop,
+  CollectionNestedTableDragAndDropContext: _NestedTableDragAndDropContext.NestedTableDragAndDropContext,
+  setStateObject
+};
+//# sourceMappingURL=NestedTableDragAndDrop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_dragAndDrop","require","_NestedTableDragAndDropContext","_NestedTableDragAndDropState","_minimalRequiredWdsRuntimeCheck","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","setStateObject","params","_state$nested","state","modalsContainerRef","nested","nestedTableDragAndDrop","NestedTableDragAndDropState","nestedState","tableState","tableDragAndDropState","toolbar","_dnd","dnd","NestedTableDragAndDrop","exports","WSRTableDragAndDrop","CollectionNestedTableDragAndDropContext","NestedTableDragAndDropContext"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDrop.ts"],"sourcesContent":["import { TableDragAndDrop as WSRTableDragAndDrop } from '@wix/wix-style-react-incubator/drag-and-drop';\nimport { NestedTableDragAndDropContext } from './NestedTableDragAndDropContext';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { NestedTableState } from '../../state/NestedTableState';\n\nif (process.env.NODE_ENV !== 'production') {\n  minimalRequiredWdsRuntimeCheck({\n    required: '^1.64.1',\n    requiredBy: 'Cairo/NestedTableDragAndDrop',\n  });\n}\n\nfunction setStateObject<C extends string>(params: {\n  state: NestedTableState<C>;\n  modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}) {\n  const { state, modalsContainerRef } = params;\n  state.nested.nestedTableDragAndDrop ??= new NestedTableDragAndDropState({\n    nestedState: state.nested,\n    modalsContainerRef,\n  });\n  state.tableState.tableDragAndDropState = state.nested.nestedTableDragAndDrop;\n  state.toolbar._dnd = state.nested.nestedTableDragAndDrop.dnd;\n}\n\nexport const NestedTableDragAndDrop = {\n  ...WSRTableDragAndDrop,\n  CollectionNestedTableDragAndDropContext: NestedTableDragAndDropContext,\n  setStateObject,\n};\n"],"mappings":";;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,8BAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,+BAAA,GAAAH,OAAA;AAGA,IAAII,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;EACzC,IAAAC,8DAA8B,EAAC;IAC7BC,QAAQ,EAAE,SAAS;IACnBC,UAAU,EAAE;EACd,CAAC,CAAC;AACJ;AAEA,SAASC,cAAcA,CAAmBC,MAKzC,EAAE;EAAA,IAAAC,aAAA;EACD,MAAM;IAAEC,KAAK;IAAEC;EAAmB,CAAC,GAAGH,MAAM;EAC5C,CAAAC,aAAA,GAAAC,KAAK,CAACE,MAAM,EAACC,sBAAsB,KAAnCJ,aAAA,CAAaI,sBAAsB,GAAK,IAAIC,wDAA2B,CAAC;IACtEC,WAAW,EAAEL,KAAK,CAACE,MAAM;IACzBD;EACF,CAAC,CAAC;EACFD,KAAK,CAACM,UAAU,CAACC,qBAAqB,GAAGP,KAAK,CAACE,MAAM,CAACC,sBAAsB;EAC5EH,KAAK,CAACQ,OAAO,CAACC,IAAI,GAAGT,KAAK,CAACE,MAAM,CAACC,sBAAsB,CAACO,GAAG;AAC9D;AAEO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG;EACpC,GAAGE,6BAAmB;EACtBC,uCAAuC,EAAEC,4DAA6B;EACtElB;AACF,CAAC","ignoreList":[]}

package/dist/cjs/components/{CollectionTableDragAndDropContext/CollectionNestedTableDragAndDropContext.js → NestedTableDragAndDrop/NestedTableDragAndDropContext.js}

@@ -2,20 +2,18 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.CollectionNestedTableDragAndDropContext = void 0;
+exports.NestedTableDragAndDropContext = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@wix/bex-core/react");
 var _mobxReactLite = require("mobx-react-lite");
 var _dragAndDrop = require("@wix/wix-style-react-incubator/drag-and-drop");
 var _DragAndDropAnnouncements = require("../DragAndDrop/DragAndDropAnnouncements");
 var _dndTestEventHandlers = require("../GridDragAndDropDndKit/dndTestEventHandlers");
 var _util = require("@wix/bex-core/util");
-var _NestedTableDragAndDropState = require("../DragAndDrop/NestedTableDragAndDropState");
-var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionTableDragAndDropContext/CollectionNestedTableDragAndDropContext.tsx";
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.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; }
-function _CollectionNestedTableDragAndDropContext(props) {
+function _NestedTableDragAndDropContext(props) {
   const {
     state: nestedState,
     onSubmit,
@@ -27,24 +25,9 @@ function _CollectionNestedTableDragAndDropContext(props) {
     type: Table,
     props: tableProps
   } = children;
-  const {
-    tableState
-  } = nestedState;
-  const {
-    modalsContainerRef
-  } = (0, _react2.usePageContext)();
-  const [state] = (0, _react.useState)(() => {
-    const nestedDnDState = new _NestedTableDragAndDropState.NestedTableDragAndDropState({
-      nestedState,
-      modalsContainerRef
-    });
-    tableState.tableDragAndDropState = nestedDnDState;
-    return nestedDnDState;
-  });
-  const dragAndDropState = state.dragAndDrop.dnd;
-  (0, _react.useEffect)(() => state.init({
-    a11yContainer: modalsContainerRef == null ? void 0 : modalsContainerRef.current
-  }), []);
+  const state = nestedState.nestedTableDragAndDrop;
+  const dragAndDropState = state.dnd;
+  (0, _react.useEffect)(() => state.init(), []);
   dragAndDropState.onSubmit = onSubmit;
   dragAndDropState.onCancel = onCancel;
   dragAndDropState.onBulkSubmit = onBulkSubmit;
@@ -58,7 +41,7 @@ function _CollectionNestedTableDragAndDropContext(props) {
       easing: dragAndDropState.dropAnimation.easing
     },
     announcements: dragAndDropState.nullAnnouncements,
-    a11yContainer: dragAndDropState.a11yContainer,
+    a11yContainer: dragAndDropState.a11yContainerRef.current,
     onDragOver: ({
       over
     }) => dragAndDropState.onDragOver({
@@ -104,7 +87,7 @@ function _CollectionNestedTableDragAndDropContext(props) {
       keyboardCodes: dragAndDropState.keyboardCodes
     }
   }));
-  dragAndDropContext.a11yContainer = dragAndDropState.a11yContainer;
+  dragAndDropContext.a11yContainer = dragAndDropState.a11yContainerRef.current;
   const sortableReactiveContext = (0, _react.useMemo)(() => ({
     dropDisabled: dragAndDropState.isActiveRectOutsideContainer
   }), [dragAndDropState.isActiveRectOutsideContainer]);
@@ -113,7 +96,7 @@ function _CollectionNestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 148,
+      lineNumber: 133,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_dragAndDrop.SortableReactiveContext.Provider, {
@@ -121,7 +104,7 @@ function _CollectionNestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 149,
+      lineNumber: 134,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(Table, (0, _extends2.default)({}, tableProps, {
@@ -132,7 +115,7 @@ function _CollectionNestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 150,
+      lineNumber: 135,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_DragAndDropAnnouncements.DragAndDropAnnouncements, {
@@ -141,10 +124,10 @@ function _CollectionNestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 143,
       columnNumber: 9
     }
   })));
 }
-const CollectionNestedTableDragAndDropContext = exports.CollectionNestedTableDragAndDropContext = (0, _mobxReactLite.observer)(_CollectionNestedTableDragAndDropContext);
-//# sourceMappingURL=CollectionNestedTableDragAndDropContext.js.map
+const NestedTableDragAndDropContext = exports.NestedTableDragAndDropContext = (0, _mobxReactLite.observer)(_NestedTableDragAndDropContext);
+//# sourceMappingURL=NestedTableDragAndDropContext.js.map

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.js.map

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

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropState.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.NestedTableDragAndDropState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _DragAndDrop = require("../DragAndDrop");
+class NestedTableDragAndDropState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "tableState", void 0);
+    (0, _defineProperty2.default)(this, "dnd", void 0);
+    (0, _defineProperty2.default)(this, "nestedState", void 0);
+    (0, _defineProperty2.default)(this, "_move", ev => {
+      var _nestedState$getKeyed, _ev$over;
+      const {
+        nestedState
+      } = this;
+      const item = (_nestedState$getKeyed = nestedState.getKeyedItem((_ev$over = ev.over) == null ? void 0 : _ev$over.id)) == null ? void 0 : _nestedState$getKeyed.item;
+      if (!item) {
+        return;
+      }
+      const itemCollection = item == null ? void 0 : item.state.collection;
+      const {
+        optimisticActions
+      } = itemCollection;
+      if (optimisticActions == null) {
+        return;
+      }
+      optimisticActions._orderByMode = 'moves';
+      const dragEndEvent = this.dnd._createDragEndEvent(ev);
+      if (dragEndEvent == null) {
+        return;
+      }
+    });
+    const {
+      nestedState: _nestedState,
+      modalsContainerRef
+    } = params;
+    const {
+      container
+    } = _nestedState;
+    this.tableState = _nestedState.tableState;
+    this.nestedState = _nestedState;
+    this.dnd = new _DragAndDrop.DragAndDropState({
+      a11yContainerRef: modalsContainerRef,
+      container,
+      state: _nestedState.wrapper.toolbar,
+      collection: _nestedState,
+      move: this._move,
+      announcements: {
+        dragHandleLabel: id => {
+          var _nestedState$getKeyed2, _item$originalKeyedIt;
+          const {
+            translate: t
+          } = container;
+          const item = (_nestedState$getKeyed2 = _nestedState.getKeyedItem(id)) == null ? void 0 : _nestedState$getKeyed2.item;
+          const itemName = item == null ? void 0 : item.state.collection.itemName;
+          return t('cairo.dragAndDrop.button-role-label.sr', {
+            itemName: item && itemName ? itemName((_item$originalKeyedIt = item.originalKeyedItem) == null ? void 0 : _item$originalKeyedIt.item) : ''
+          });
+        },
+        itemDescription: id => {
+          var _nestedState$getKeyed3, _item$originalKeyedIt2;
+          const item = (_nestedState$getKeyed3 = _nestedState.getKeyedItem(id)) == null ? void 0 : _nestedState$getKeyed3.item;
+          const itemName = item == null ? void 0 : item.state.collection.itemName;
+          return item && itemName ? itemName((_item$originalKeyedIt2 = item.originalKeyedItem) == null ? void 0 : _item$originalKeyedIt2.item) : '';
+        }
+      }
+    });
+  }
+  getStickyColumnsCount({
+    stickyColumns,
+    horizontalScroll
+  }) {
+    const {
+      dnd
+    } = this;
+    return horizontalScroll && !dnd.isDisabled ? stickyColumns + 1 : stickyColumns;
+  }
+  init() {
+    return this.dnd.init();
+  }
+}
+exports.NestedTableDragAndDropState = NestedTableDragAndDropState;
+//# sourceMappingURL=NestedTableDragAndDropState.js.map

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_DragAndDrop","require","NestedTableDragAndDropState","constructor","params","_defineProperty2","default","ev","_nestedState$getKeyed","_ev$over","nestedState","item","getKeyedItem","over","id","itemCollection","state","collection","optimisticActions","_orderByMode","dragEndEvent","dnd","_createDragEndEvent","modalsContainerRef","container","tableState","DragAndDropState","a11yContainerRef","wrapper","toolbar","move","_move","announcements","dragHandleLabel","_nestedState$getKeyed2","_item$originalKeyedIt","translate","t","itemName","originalKeyedItem","itemDescription","_nestedState$getKeyed3","_item$originalKeyedIt2","getStickyColumnsCount","stickyColumns","horizontalScroll","isDisabled","init","exports"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropState.ts"],"sourcesContent":["import { NestedTableNestedModeState } from '../../state';\nimport { DragAndDropState, DragItemOver } from '../DragAndDrop';\n\nexport interface NestedTableDragAndDropStateParams<C extends string> {\n  readonly nestedState: NestedTableNestedModeState<C>;\n  readonly modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}\n\nexport class NestedTableDragAndDropState<C extends string> {\n  readonly tableState;\n  readonly dnd;\n  readonly nestedState;\n\n  constructor(params: NestedTableDragAndDropStateParams<C>) {\n    const { nestedState, modalsContainerRef } = params;\n\n    const { container } = nestedState;\n\n    this.tableState = nestedState.tableState;\n    this.nestedState = nestedState;\n\n    this.dnd = new DragAndDropState({\n      a11yContainerRef: modalsContainerRef,\n      container,\n      state: nestedState.wrapper.toolbar,\n      collection: nestedState,\n      move: this._move,\n      announcements: {\n        dragHandleLabel: (id) => {\n          const { translate: t } = container;\n          const item = nestedState.getKeyedItem(id as string)?.item;\n          const itemName = item?.state.collection.itemName;\n\n          return t('cairo.dragAndDrop.button-role-label.sr', {\n            itemName:\n              item && itemName ? itemName(item.originalKeyedItem?.item) : '',\n          });\n        },\n        itemDescription: (id) => {\n          const item = nestedState.getKeyedItem(id as string)?.item;\n          const itemName = item?.state.collection.itemName;\n\n          return item && itemName ? itemName(item.originalKeyedItem?.item) : '';\n        },\n      },\n    });\n  }\n\n  _move = (ev: { over: DragItemOver | null }) => {\n    const { nestedState } = this;\n\n    const item = nestedState.getKeyedItem(ev.over?.id as string)?.item;\n\n    if (!item) {\n      return;\n    }\n\n    const itemCollection = item?.state.collection;\n    const { optimisticActions } = itemCollection;\n\n    if (optimisticActions == null) {\n      return;\n    }\n\n    optimisticActions._orderByMode = 'moves';\n\n    const dragEndEvent = this.dnd._createDragEndEvent(ev);\n\n    if (dragEndEvent == null) {\n      return;\n    }\n  };\n\n  getStickyColumnsCount({\n    stickyColumns,\n    horizontalScroll,\n  }: {\n    stickyColumns: number;\n    showSelection?: boolean;\n    horizontalScroll?: boolean;\n  }) {\n    const { dnd } = this;\n    return horizontalScroll && !dnd.isDisabled\n      ? stickyColumns + 1\n      : stickyColumns;\n  }\n\n  init() {\n    return this.dnd.init();\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PageWrapper/PageWrapperBase.js

@@ -6,6 +6,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@wix/bex-utils/react");
 var _react3 = require("@wix/bex-core/react");
 var _bexCore = require("@wix/bex-core");
+var _mobx = require("mobx");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PageWrapper/PageWrapperBase.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; }
@@ -45,7 +46,7 @@ function PageWrapperBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 52,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -59,7 +60,7 @@ function PageWrapperBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 53,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -67,18 +68,20 @@ function PageWrapperBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 62,
       columnNumber: 9
     }
   }, children), /*#__PURE__*/_react.default.createElement("div", {
     ref: el => {
-      modalsContainerRef.current = el;
+      (0, _mobx.runInAction)(() => {
+        modalsContainerRef.current = el;
+      });
     },
     style: modalsContainerStyle,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 63,
       columnNumber: 9
     }
   })));