@wix/patterns 1.33.0 → 1.35.0

package/dist/cjs/components/MoreActions/MoreActions.js

@@ -76,7 +76,7 @@ function _MoreActions(params) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 72,
+            lineNumber: 108,
             columnNumber: 15
           }
         }));
@@ -84,7 +84,7 @@ function _MoreActions(params) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 109,
+          lineNumber: 145,
           columnNumber: 45
         }
       })] : [])];
@@ -109,21 +109,21 @@ function _MoreActions(params) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 131,
+        lineNumber: 167,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.More, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 132,
+        lineNumber: 168,
         columnNumber: 11
       }
     })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 115,
+      lineNumber: 151,
       columnNumber: 5
     }
   }, allActions);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_bi","_react2","_mobxReactLite","_useExtensionMenuItems","_usePageButtonBiParams","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MoreActions","params","items","containerId","dataHook","pageType","location","usePageButtonBiParams","state","useExtensionMenuItems","reportBi","useWixPatternsContainer","allActions","useMemo","groups","menuItems","numCtas","reduce","result","group","length","flatActions","flat","filter","actions","index","array","map","item","prefixIcon","text","onClick","biName","rest","isTPA","type","createElement","PopoverMenu","MenuItem","_extends2","cairoPageCtaClicked","ctaName","ctaType","moreActionsIndex","indexOf","section","componentType","cairoTpaSCtaClicked","appId","ctaIndex","tpaComponentId","componentId","__self","__source","fileName","lineNumber","columnNumber","Divider","onShow","minWidth","textSize","triggerElement","IconButton","priority","More","MoreActions","exports","observer"],"sources":["../../../../src/components/MoreActions/MoreActions.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useMemo } from 'react';\nimport {\n  IconButton,\n  PopoverMenu,\n  PopoverMenuItemProps,\n} from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common';\nimport { cairoPageCtaClicked, cairoTpaSCtaClicked } from '@wix/bex-core/bi';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { ExtensionMenuItem } from '../../state';\nimport { usePageButtonBiParams } from '../usePageButtonBiParams';\n\nexport interface MoreActionsItem\n  extends Omit<PopoverMenuItemProps, 'text' | 'prefixIcon' | 'onClick'> {\n  text: string;\n  prefixIcon?: ReactElement;\n  onClick: (params?: Record<string, any>) => unknown;\n  biName?: string;\n}\n\nexport interface MoreActionsProps {\n  /**\n   * Vertical's actions items that appear in the MoreActions Popover Menu. \\\n   * Each sub-array is a different group inside the popover.\n   * The props of the items are similar to [PopoverMenuItem props](https://www.docs.wixdesignsystem.com/?path=/story/components-overlays--popovermenu).\n   * @external\n   */\n  items?: MoreActionsItem[][];\n  /**\n   * An id of the container defined in the installed on a site application that contains TPA's actions.\n   * @external\n   */\n  containerId?: string;\n\n  dataHook?: string;\n}\n\nexport type MoreActionsElement = ReactElement<\n  MoreActionsProps,\n  typeof MoreActions\n>;\n\nfunction _MoreActions(params: MoreActionsProps) {\n  const { items = [], containerId, dataHook } = params;\n\n  const { pageType, location } = usePageButtonBiParams();\n  const state = useExtensionMenuItems({ containerId });\n\n  const { reportBi } = useWixPatternsContainer();\n\n  const allActions = useMemo(() => {\n    const groups = [...items, state.menuItems] as (\n      | MoreActionsItem\n      | ExtensionMenuItem\n    )[][];\n\n    const numCtas = groups.reduce((result, group) => result + group.length, 0);\n    const flatActions = groups.flat();\n\n    return groups\n      .filter((actions) => actions.length !== 0)\n      .reduce<ReactNode[]>((result, group, index, array) => {\n        return [\n          ...result,\n          ...group.map((item) => {\n            const { prefixIcon, text, onClick, biName, ...rest } = item;\n            const isTPA = 'type' in item && item.type === 'TPA';\n\n            return (\n              <PopoverMenu.MenuItem\n                prefixIcon={prefixIcon}\n                text={text}\n                onClick={() => {\n                  reportBi(\n                    cairoPageCtaClicked({\n                      ctaName: biName,\n                      ctaType: 'More Actions Option',\n                      location,\n                      moreActionsIndex: flatActions.indexOf(item),\n                      numCtas,\n                      section: isTPA ? 'TPA' : 'Vertical',\n                      componentType: 'Page',\n                      pageType,\n                    }),\n                  );\n\n                  if (isTPA) {\n                    reportBi(\n                      cairoTpaSCtaClicked({\n                        appId: item.appId,\n                        componentType: 'Page',\n                        numCtas,\n                        ctaIndex: flatActions.indexOf(item),\n                        ctaName: biName,\n                        location,\n                        tpaComponentId: item.componentId,\n                      }),\n                    );\n                  }\n\n                  onClick(); // TODO: We don't have any params we need to pass to the TPA here?\n                }}\n                {...rest}\n              />\n            );\n          }),\n          ...(index !== array.length - 1 ? [<PopoverMenu.Divider />] : []),\n        ];\n      }, []);\n  }, [items, state.menuItems]);\n\n  return allActions.length === 0 ? null : (\n    <PopoverMenu\n      dataHook={dataHook}\n      onShow={() => {\n        reportBi(\n          cairoPageCtaClicked({\n            ctaName: 'More Actions',\n            ctaType: 'More Actions Dropdown',\n            location,\n            componentType: 'Page',\n            pageType,\n          }),\n        );\n      }}\n      minWidth={240}\n      textSize=\"medium\"\n      triggerElement={\n        <IconButton dataHook=\"more-actions-popover-button\" priority=\"secondary\">\n          <More />\n        </IconButton>\n      }\n    >\n      {allActions}\n    </PopoverMenu>\n  );\n}\n\nexport const MoreActions = observer(_MoreActions);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_bi","_react2","_mobxReactLite","_useExtensionMenuItems","_usePageButtonBiParams","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MoreActions","params","items","containerId","dataHook","pageType","location","usePageButtonBiParams","state","useExtensionMenuItems","reportBi","useWixPatternsContainer","allActions","useMemo","groups","menuItems","numCtas","reduce","result","group","length","flatActions","flat","filter","actions","index","array","map","item","prefixIcon","text","onClick","biName","rest","isTPA","type","createElement","PopoverMenu","MenuItem","_extends2","cairoPageCtaClicked","ctaName","ctaType","moreActionsIndex","indexOf","section","componentType","cairoTpaSCtaClicked","appId","ctaIndex","tpaComponentId","componentId","__self","__source","fileName","lineNumber","columnNumber","Divider","onShow","minWidth","textSize","triggerElement","IconButton","priority","More","MoreActions","exports","observer"],"sources":["../../../../src/components/MoreActions/MoreActions.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useMemo } from 'react';\nimport {\n  IconButton,\n  PopoverMenu,\n  PopoverMenuItemProps,\n} from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common';\nimport { cairoPageCtaClicked, cairoTpaSCtaClicked } from '@wix/bex-core/bi';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { ExtensionMenuItem } from '../../state';\nimport { usePageButtonBiParams } from '../usePageButtonBiParams';\n\nexport interface MoreActionsItem\n  extends Omit<PopoverMenuItemProps, 'text' | 'prefixIcon' | 'onClick'> {\n  /**\n   * The text label of the action item. This property is required.\n   * @external\n   */\n  text: string;\n  /**\n   * The functionality for when the user clicks the action item. This property is required.\n   * @external\n   */\n  onClick: (params?: Record<string, any>) => unknown;\n  /**\n   * An icon to display before the text.\n   * @external\n   */\n  prefixIcon?: React.ReactNode;\n  /**\n   * An icon displayed after the text.\n   * @external\n   */\n  suffixIcon?: React.ReactNode;\n  /**\n   * The visual style of the action item. Options are 'dark' for the standard appearance or 'destructive' for a red text and red hover effect.\n   * @external\n   */\n  skin?: 'dark' | 'destructive';\n  /**\n   * A data hook for testing purposes. This optional property can be used to identify the element in tests.\n   * @external\n   */\n  dataHook?: string;\n  /**\n   * This property can be used to disable the action item both visually and functionally.\n   * @external\n   */\n  disabled?: boolean;\n  /**\n   * A subtitle displayed under the text.\n   * @external\n   */\n  subtitle?: string;\n  biName?: string;\n}\n\nexport interface MoreActionsProps {\n  /**\n   * Actions items that appear in the `MoreActions` popover menu. \\\n   * Each sub-array is a different group inside the popover. \\\n   * @overrideType [MoreActionsItem](./?path=/story/common-types--moreactionsitem)[][]\n   * @external\n   */\n  items?: MoreActionsItem[][];\n  /**\n   * An id of the container defined in the installed on a site application that contains TPA's actions.\n   */\n  containerId?: string;\n\n  dataHook?: string;\n}\n\nexport type MoreActionsElement = ReactElement<\n  MoreActionsProps,\n  typeof MoreActions\n>;\n\nfunction _MoreActions(params: MoreActionsProps) {\n  const { items = [], containerId, dataHook } = params;\n\n  const { pageType, location } = usePageButtonBiParams();\n  const state = useExtensionMenuItems({ containerId });\n\n  const { reportBi } = useWixPatternsContainer();\n\n  const allActions = useMemo(() => {\n    const groups = [...items, state.menuItems] as (\n      | MoreActionsItem\n      | ExtensionMenuItem\n    )[][];\n\n    const numCtas = groups.reduce((result, group) => result + group.length, 0);\n    const flatActions = groups.flat();\n\n    return groups\n      .filter((actions) => actions.length !== 0)\n      .reduce<ReactNode[]>((result, group, index, array) => {\n        return [\n          ...result,\n          ...group.map((item) => {\n            const { prefixIcon, text, onClick, biName, ...rest } = item;\n            const isTPA = 'type' in item && item.type === 'TPA';\n\n            return (\n              <PopoverMenu.MenuItem\n                prefixIcon={prefixIcon}\n                text={text}\n                onClick={() => {\n                  reportBi(\n                    cairoPageCtaClicked({\n                      ctaName: biName,\n                      ctaType: 'More Actions Option',\n                      location,\n                      moreActionsIndex: flatActions.indexOf(item),\n                      numCtas,\n                      section: isTPA ? 'TPA' : 'Vertical',\n                      componentType: 'Page',\n                      pageType,\n                    }),\n                  );\n\n                  if (isTPA) {\n                    reportBi(\n                      cairoTpaSCtaClicked({\n                        appId: item.appId,\n                        componentType: 'Page',\n                        numCtas,\n                        ctaIndex: flatActions.indexOf(item),\n                        ctaName: biName,\n                        location,\n                        tpaComponentId: item.componentId,\n                      }),\n                    );\n                  }\n\n                  onClick(); // TODO: We don't have any params we need to pass to the TPA here?\n                }}\n                {...rest}\n              />\n            );\n          }),\n          ...(index !== array.length - 1 ? [<PopoverMenu.Divider />] : []),\n        ];\n      }, []);\n  }, [items, state.menuItems]);\n\n  return allActions.length === 0 ? null : (\n    <PopoverMenu\n      dataHook={dataHook}\n      onShow={() => {\n        reportBi(\n          cairoPageCtaClicked({\n            ctaName: 'More Actions',\n            ctaType: 'More Actions Dropdown',\n            location,\n            componentType: 'Page',\n            pageType,\n          }),\n        );\n      }}\n      minWidth={240}\n      textSize=\"medium\"\n      triggerElement={\n        <IconButton dataHook=\"more-actions-popover-button\" priority=\"secondary\">\n          <More />\n        </IconButton>\n      }\n    >\n      {allActions}\n    </PopoverMenu>\n  );\n}\n\nexport const MoreActions = observer(_MoreActions);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MultiBulkActionToolbar3050228454";
+var _namespace_ = "MultiBulkActionToolbar654677299";
 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": "MultiBulkActionToolbar3050228454__root"
+  "root": "MultiBulkActionToolbar654677299__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar3050228454\";\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\":\"MultiBulkActionToolbar3050228454__root\"};\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,kCAAkC;AACpD,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;AAAwC,CAAC;AAC/D,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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar654677299\";\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\":\"MultiBulkActionToolbar654677299__root\"};\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,iCAAiC;AACnD,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;AAAuC,CAAC;AAC9D,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/NestedTableContent.js

@@ -5,6 +5,7 @@ exports.NestedTableContent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _CollectionTableContentCard = require("../CollectionTable/CollectionTableContentCard");
+var _WixPatternsRouterProvider = require("../../providers/WixPatternsRouterProvider");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTable/NestedTableContent.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -17,12 +18,18 @@ function _NestedTableContent(props) {
     showLoadingState
   } = state;
   const showTableContent = !showLoadingState;
-  (0, _react.useEffect)(() => state.init(), []);
+  const router = (0, _WixPatternsRouterProvider.useWixPatternsRouter)();
+  (0, _react.useEffect)(() => {
+    // Pass isUsingCache: true to prevent another fetch
+    return state.init({
+      isUsingCache: router == null ? void 0 : router.isUsingCache
+    });
+  }, [router == null ? void 0 : router.isUsingCache]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showTableContent && /*#__PURE__*/_react.default.createElement(_CollectionTableContentCard.CollectionTableContentCard, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 29,
+      lineNumber: 34,
       columnNumber: 9
     }
   }, children));

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

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

package/dist/cjs/components/NestedTable/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_ = "NestedTableRow2114592087";
+var _namespace_ = "NestedTableRow2343078540";
 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": "NestedTableRow2114592087__root",
-  "firstLevel": "NestedTableRow2114592087__firstLevel",
-  "placeholder": "NestedTableRow2114592087__placeholder",
-  "parentHovered": "NestedTableRow2114592087__parentHovered"
+  "root": "NestedTableRow2343078540__root",
+  "firstLevel": "NestedTableRow2343078540__firstLevel",
+  "placeholder": "NestedTableRow2343078540__placeholder",
+  "parentHovered": "NestedTableRow2343078540__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_ = \"NestedTableRow2114592087\";\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\":\"NestedTableRow2114592087__root\",\"firstLevel\":\"NestedTableRow2114592087__firstLevel\",\"placeholder\":\"NestedTableRow2114592087__placeholder\",\"parentHovered\":\"NestedTableRow2114592087__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_ = \"NestedTableRow2343078540\";\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\":\"NestedTableRow2343078540__root\",\"firstLevel\":\"NestedTableRow2343078540__firstLevel\",\"placeholder\":\"NestedTableRow2343078540__placeholder\",\"parentHovered\":\"NestedTableRow2343078540__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

@@ -176,7 +176,6 @@ function _NestedTableWSRTable(props) {
     table = /*#__PURE__*/_react.default.createElement(NestedTableDragAndDropContext, {
       state: wrapperState.nested,
       onSubmit: dragAndDropSubmit,
-      onCancel: dragAndDropCancel,
       onBulkSubmit: dragAndDropBulkSubmit,
       __self: this,
       __source: {

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

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

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

@@ -19,7 +19,6 @@ function _NestedTableDragAndDropContext(props) {
   const {
     state: nestedState,
     onSubmit,
-    onCancel,
     onBulkSubmit,
     children
   } = props;
@@ -38,7 +37,6 @@ function _NestedTableDragAndDropContext(props) {
   const dragAndDropState = state.dnd;
   (0, _react.useEffect)(() => state.init(), []);
   dragAndDropState.onSubmit = onSubmit;
-  dragAndDropState.onCancel = onCancel;
   dragAndDropState.onBulkSubmit = onBulkSubmit;
   const [dragAndDropContext] = (0, _react.useState)(() => ({
     onDragAndDropDisabledRowPointerDown: (id, e) => {
@@ -105,7 +103,7 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 143,
+      lineNumber: 131,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_dragAndDrop.SortableReactiveContext.Provider, {
@@ -113,7 +111,7 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 144,
+      lineNumber: 132,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(Table, (0, _extends2.default)({}, tableProps, {
@@ -124,7 +122,7 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 133,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_DragAndDropAnnouncements.DragAndDropAnnouncements, {
@@ -133,7 +131,7 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 153,
+      lineNumber: 141,
       columnNumber: 9
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_dragAndDrop","_DragAndDropAnnouncements","_dndTestEventHandlers","_util","_minimalRequiredWdsRuntimeCheck","_validateNestedTableDragAndDropProps","_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","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","validateNestedTableDragAndDropProps","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","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';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { validateNestedTableDragAndDropProps } from './validateNestedTableDragAndDropProps';\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  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.109.2',\n      requiredBy: 'WixPatterns/NestedTable',\n    });\n    validateNestedTableDragAndDropProps(nestedState);\n  }\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) => dragAndDropState.onDragStart(event)}\n          onDragEnd={(event) => 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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_dragAndDrop","_DragAndDropAnnouncements","_dndTestEventHandlers","_util","_minimalRequiredWdsRuntimeCheck","_validateNestedTableDragAndDropProps","_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","onBulkSubmit","children","type","Table","tableProps","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","validateNestedTableDragAndDropProps","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","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 { DragAndDropBulkSubmit, DragAndDropSubmit } 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';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { validateNestedTableDragAndDropProps } from './validateNestedTableDragAndDropProps';\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  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 { state: nestedState, onSubmit, onBulkSubmit, children } = props;\n  const { type: Table, props: tableProps } = children;\n\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.109.2',\n      requiredBy: 'WixPatterns/NestedTable',\n    });\n    validateNestedTableDragAndDropProps(nestedState);\n  }\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.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) => dragAndDropState.onDragStart(event)}\n          onDragEnd={(event) => 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

@@ -14,6 +14,27 @@ class NestedTableDragAndDropState {
     (0, _defineProperty2.default)(this, "dnd", void 0);
     (0, _defineProperty2.default)(this, "nestedState", void 0);
     (0, _defineProperty2.default)(this, "_isExpandedBeforeDrag", void 0);
+    (0, _defineProperty2.default)(this, "_onCancel", () => {
+      const {
+        dragEventParentAndAfter
+      } = this;
+      const {
+        node,
+        activeItem,
+        overItem
+      } = dragEventParentAndAfter;
+      if (!node || !activeItem || !overItem || !activeItem.item.originalKeyedItem) {
+        return null;
+      }
+      const dragEndEvent = this._createDragEndEvent();
+      if (!dragEndEvent) {
+        return null;
+      }
+      const {
+        levelDescriptor
+      } = activeItem.item.state;
+      return levelDescriptor.dragAndDropCancel == null ? void 0 : levelDescriptor.dragAndDropCancel(this._createSimpleDragEndEvent(dragEndEvent, node));
+    });
     const {
       nestedState,
       modalsContainerRef
@@ -58,6 +79,7 @@ class NestedTableDragAndDropState {
         activeNode.node._toggleExpand();
       }
     });
+    this.dnd.onCancel = this._onCancel;
     (0, _mobx.makeObservable)(this, {
       dragEventItems: _mobx.computed,
       dragEventDirectionItems: _mobx.computed,
@@ -89,7 +111,7 @@ class NestedTableDragAndDropState {
       after,
       overItem
     } = dragEventParentAndAfter;
-    if (!node || !activeItem || !overItem || !activeItem.item.originalKeyedItem) {
+    if (!node || !activeItem || !overItem || !activeItem.item.originalKeyedItem || !overItem.item.originalKeyedItem) {
       return null;
     }
     const {
@@ -107,19 +129,29 @@ class NestedTableDragAndDropState {
         ...activeItem.item.originalKeyedItem,
         item: levelDescriptor.setParent(activeItem.item.originalKeyedItem.item, (_node$parent = node.parent) == null ? void 0 : _node$parent.id, this._createNewParentData(node))
       },
-      over: overItem,
+      over: overItem.item.originalKeyedItem,
       after,
       query: nestedState.query.asComputed,
       filtersKeyHash: nestedState.query.filtersKeyHash,
       isFromHandle: Boolean(dnd._isHandleActive)
     };
   }
+  _createSimpleDragEndEvent(dragEndEvent, node) {
+    var _node$parent2;
+    const {
+      dnd
+    } = this;
+    return {
+      ...dnd._createSimpleDragEndEvent(dragEndEvent),
+      parentId: (_node$parent2 = node.parent) == null ? void 0 : _node$parent2.id,
+      node
+    };
+  }
   _move() {
     var _node$parentNode;
     const {
       dragEventParentAndAfter,
-      nestedState,
-      dnd
+      nestedState
     } = this;
     const {
       node,
@@ -152,15 +184,10 @@ class NestedTableDragAndDropState {
     });
     node.collection.optimisticActions.move(dragEndEvent, {
       submit: async () => {
-        var _node$parent2;
         const {
           levelDescriptor
         } = activeItem.item.state;
-        await (levelDescriptor.dragAndDropSubmit == null ? void 0 : levelDescriptor.dragAndDropSubmit({
-          ...dnd._createSimpleDragEndEvent(dragEndEvent),
-          parentId: (_node$parent2 = node.parent) == null ? void 0 : _node$parent2.id,
-          node
-        }));
+        await (levelDescriptor.dragAndDropSubmit == null ? void 0 : levelDescriptor.dragAndDropSubmit(this._createSimpleDragEndEvent(dragEndEvent, node)));
         submitEvents.emit('submit');
       },
       collectionSnapshot: nestedState.getCollectionSnapshot()