@wix/patterns 1.20.0 → 1.22.0

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_NestedTableRowStCss","_designSystem","_NestedTableRowPlaceholderStates","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableRow","forwardRef","props","ref","children","rowData","className","rest","item","itemState","useState","originalKeyedItem","undefined","state","createNode","parent","useEffect","init","createElement","_extends2","st","classes","placeholder","__self","__source","fileName","lineNumber","columnNumber","style","width","Box","verticalAlign","align","NestedTableRowPlaceholderStates","expandable","_isNotExpandableWhenEmpty","root","showHoverHighlight","parentHovered","depth","firstLevel","onMouseEnter","_changeHover","onMouseLeave","onClick","ev","_toggleExpand","NestedTableRow","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableRow.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, {\n  forwardRef,\n  HTMLAttributes,\n  MutableRefObject,\n  useEffect,\n  useState,\n} from 'react';\nimport { classes, st } from './NestedTableRow.st.css.js';\nimport { NestedTableKeyedItem } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Box } from '@wix/design-system';\nimport { NestedTableRowPlaceholderStates } from './NestedTableRowPlaceholderStates';\n\nexport interface NestedTableRowProps<C extends string, T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  rowData: NestedTableKeyedItem<C, T, F>;\n}\n\nconst _NestedTableRow = forwardRef(\n  <C extends string, T, F extends FiltersMap>(\n    props: NestedTableRowProps<C, T, F>,\n    ref:\n      | ((instance: HTMLTableRowElement | null) => void)\n      | MutableRefObject<HTMLTableRowElement | null>\n      | null,\n  ) => {\n    const { children, rowData, className, ...rest } = props;\n    const { item } = rowData;\n\n    const [itemState] = useState(() => {\n      if (!item.originalKeyedItem) {\n        return undefined;\n      }\n\n      return item.state.createNode({\n        parent: item.originalKeyedItem,\n      });\n    });\n\n    useEffect(() => itemState?.init(), []);\n\n    if (!item.originalKeyedItem) {\n      return (\n        <tr ref={ref} className={st(classes.placeholder, className)} {...rest}>\n          <td style={{ width: '100%' }}>\n            <Box verticalAlign=\"middle\" align=\"center\" width=\"100%\">\n              <NestedTableRowPlaceholderStates state={item.state} />\n            </Box>\n          </td>\n        </tr>\n      );\n    }\n\n    const expandable =\n      itemState != null && !itemState._isNotExpandableWhenEmpty;\n\n    return (\n      <tr\n        ref={ref}\n        className={st(\n          classes.root,\n          {\n            expandable,\n          },\n          className,\n          item.state.showHoverHighlight ? classes.parentHovered : undefined,\n          item.state.depth === 0 ? classes.firstLevel : undefined,\n        )}\n        onMouseEnter={() => {\n          itemState?._changeHover(true);\n        }}\n        onMouseLeave={() => {\n          itemState?._changeHover(false);\n        }}\n        {...rest}\n        onClick={(ev) => {\n          rest?.onClick?.(ev);\n          if (expandable) {\n            itemState._toggleExpand();\n          }\n        }}\n      >\n        {children}\n      </tr>\n    );\n  },\n);\n\nexport const NestedTableRow = observer(_NestedTableRow);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_NestedTableRowStCss","_designSystem","_NestedTableRowPlaceholderStates","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableRow","forwardRef","props","ref","children","rowData","className","dragAndDrop","rest","item","itemState","useState","originalKeyedItem","undefined","state","createNode","parent","useEffect","init","createElement","_extends2","st","classes","placeholder","__self","__source","fileName","lineNumber","columnNumber","style","width","Box","verticalAlign","align","NestedTableRowPlaceholderStates","expandable","_isNotExpandableWhenEmpty","dataTableRowSt","dataTableRowClasses","Table","dataTableRowStyle","root","showHoverHighlight","parentHovered","depth","firstLevel","skin","onMouseEnter","_changeHover","onMouseLeave","onClick","ev","_toggleExpand","NestedTableGhostIndentationCell","NestedTableRow","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableRow.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, {\n  forwardRef,\n  HTMLAttributes,\n  MutableRefObject,\n  useEffect,\n  useState,\n} from 'react';\nimport { classes, st } from './NestedTableRow.st.css.js';\nimport { NestedTableKeyedItem } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Box, Table } from '@wix/design-system';\nimport { NestedTableRowPlaceholderStates } from './NestedTableRowPlaceholderStates';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\n\nexport interface NestedTableRowProps<C extends string, T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  rowData: NestedTableKeyedItem<C, T, F>;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nconst _NestedTableRow = forwardRef(\n  <C extends string, T, F extends FiltersMap>(\n    props: NestedTableRowProps<C, T, F>,\n    ref:\n      | ((instance: HTMLTableRowElement | null) => void)\n      | MutableRefObject<HTMLTableRowElement | null>\n      | null,\n  ) => {\n    const { children, rowData, className, dragAndDrop, ...rest } = props;\n    const { item } = rowData;\n\n    const [itemState] = useState(() => {\n      if (!item.originalKeyedItem) {\n        return undefined;\n      }\n\n      return item.state.createNode({\n        parent: item.originalKeyedItem,\n      });\n    });\n\n    useEffect(() => itemState?.init(), []);\n\n    if (!item.originalKeyedItem) {\n      return (\n        <tr ref={ref} className={st(classes.placeholder, className)} {...rest}>\n          <td style={{ width: '100%' }}>\n            <Box verticalAlign=\"middle\" align=\"center\" width=\"100%\">\n              <NestedTableRowPlaceholderStates state={item.state} />\n            </Box>\n          </td>\n        </tr>\n      );\n    }\n\n    const expandable =\n      itemState != null && !itemState._isNotExpandableWhenEmpty;\n\n    const { st: dataTableRowSt, classes: dataTableRowClasses } =\n      Table.dataTableRowStyle;\n\n    return (\n      <tr\n        ref={ref}\n        className={st(\n          classes.root,\n          {\n            expandable,\n          },\n          className,\n          item.state.showHoverHighlight ? classes.parentHovered : undefined,\n          item.state.depth === 0 ? classes.firstLevel : undefined,\n          dataTableRowSt(dataTableRowClasses.root, {\n            skin: item.state.depth === 0 ? 'neutral' : 'light',\n          }),\n        )}\n        onMouseEnter={() => {\n          itemState?._changeHover(true);\n        }}\n        onMouseLeave={() => {\n          itemState?._changeHover(false);\n        }}\n        {...rest}\n        onClick={(ev) => {\n          rest?.onClick?.(ev);\n          if (expandable) {\n            itemState._toggleExpand();\n          }\n        }}\n      >\n        {dragAndDrop?.NestedTableGhostIndentationCell && (\n          <dragAndDrop.NestedTableGhostIndentationCell item={item} />\n        )}\n        {children}\n      </tr>\n    );\n  },\n);\n\nexport const NestedTableRow = observer(_NestedTableRow);\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAOA,IAAAG,oBAAA,GAAAH,OAAA;AAGA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,gCAAA,GAAAL,OAAA;AAAoF,IAAAM,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,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;AASpF,MAAMW,eAAe,gBAAG,IAAAC,iBAAU,EAChC,CACEC,KAAmC,EACnCC,GAGQ,KACL;EACH,MAAM;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,SAAS;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GAAGN,KAAK;EACpE,MAAM;IAAEO;EAAK,CAAC,GAAGJ,OAAO;EAExB,MAAM,CAACK,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM;IACjC,IAAI,CAACF,IAAI,CAACG,iBAAiB,EAAE;MAC3B,OAAOC,SAAS;IAClB;IAEA,OAAOJ,IAAI,CAACK,KAAK,CAACC,UAAU,CAAC;MAC3BC,MAAM,EAAEP,IAAI,CAACG;IACf,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,IAAAK,gBAAS,EAAC,MAAMP,SAAS,oBAATA,SAAS,CAAEQ,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEtC,IAAI,CAACT,IAAI,CAACG,iBAAiB,EAAE;IAC3B,oBACEtC,MAAA,CAAAY,OAAA,CAAAiC,aAAA,WAAAC,SAAA,CAAAlC,OAAA;MAAIiB,GAAG,EAAEA,GAAI;MAACG,SAAS,EAAE,IAAAe,uBAAE,EAACC,4BAAO,CAACC,WAAW,EAAEjB,SAAS;IAAE,GAAKE,IAAI;MAAAgB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA/C,YAAA;QAAAgD,UAAA;QAAAC,YAAA;MAAA;IAAA,iBACnEtD,MAAA,CAAAY,OAAA,CAAAiC,aAAA;MAAIU,KAAK,EAAE;QAAEC,KAAK,EAAE;MAAO,CAAE;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA/C,YAAA;QAAAgD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC3BtD,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAAC1C,aAAA,CAAAsD,GAAG;MAACC,aAAa,EAAC,QAAQ;MAACC,KAAK,EAAC,QAAQ;MAACH,KAAK,EAAC,MAAM;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA/C,YAAA;QAAAgD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACrDtD,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAACzC,gCAAA,CAAAwD,+BAA+B;MAACpB,KAAK,EAAEL,IAAI,CAACK,KAAM;MAAAU,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA/C,YAAA;QAAAgD,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAClD,CACH,CACF,CAAC;EAET;EAEA,MAAMO,UAAU,GACdzB,SAAS,IAAI,IAAI,IAAI,CAACA,SAAS,CAAC0B,yBAAyB;EAE3D,MAAM;IAAEf,EAAE,EAAEgB,cAAc;IAAEf,OAAO,EAAEgB;EAAoB,CAAC,GACxDC,mBAAK,CAACC,iBAAiB;EAEzB,oBACElE,MAAA,CAAAY,OAAA,CAAAiC,aAAA,WAAAC,SAAA,CAAAlC,OAAA;IACEiB,GAAG,EAAEA,GAAI;IACTG,SAAS,EAAE,IAAAe,uBAAE,EACXC,4BAAO,CAACmB,IAAI,EACZ;MACEN;IACF,CAAC,EACD7B,SAAS,EACTG,IAAI,CAACK,KAAK,CAAC4B,kBAAkB,GAAGpB,4BAAO,CAACqB,aAAa,GAAG9B,SAAS,EACjEJ,IAAI,CAACK,KAAK,CAAC8B,KAAK,KAAK,CAAC,GAAGtB,4BAAO,CAACuB,UAAU,GAAGhC,SAAS,EACvDwB,cAAc,CAACC,mBAAmB,CAACG,IAAI,EAAE;MACvCK,IAAI,EAAErC,IAAI,CAACK,KAAK,CAAC8B,KAAK,KAAK,CAAC,GAAG,SAAS,GAAG;IAC7C,CAAC,CACH,CAAE;IACFG,YAAY,EAAEA,CAAA,KAAM;MAClBrC,SAAS,YAATA,SAAS,CAAEsC,YAAY,CAAC,IAAI,CAAC;IAC/B,CAAE;IACFC,YAAY,EAAEA,CAAA,KAAM;MAClBvC,SAAS,YAATA,SAAS,CAAEsC,YAAY,CAAC,KAAK,CAAC;IAChC;EAAE,GACExC,IAAI;IACR0C,OAAO,EAAGC,EAAE,IAAK;MACf3C,IAAI,YAAJA,IAAI,CAAE0C,OAAO,YAAb1C,IAAI,CAAE0C,OAAO,CAAGC,EAAE,CAAC;MACnB,IAAIhB,UAAU,EAAE;QACdzB,SAAS,CAAC0C,aAAa,CAAC,CAAC;MAC3B;IACF,CAAE;IAAA5B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/C,YAAA;MAAAgD,UAAA;MAAAC,YAAA;IAAA;EAAA,IAED,CAAArB,WAAW,oBAAXA,WAAW,CAAE8C,+BAA+B,kBAC3C/E,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAACZ,WAAW,CAAC8C,+BAA+B;IAAC5C,IAAI,EAAEA,IAAK;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/C,YAAA;MAAAgD,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC3D,EACAxB,QACC,CAAC;AAET,CACF,CAAC;AAEM,MAAMkD,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAACxD,eAAe,CAAC","ignoreList":[]}

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

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

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "NestedTableRow3193695257";
+var _namespace_ = "NestedTableRow3224335779";
 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": "NestedTableRow3193695257__root",
-  "firstLevel": "NestedTableRow3193695257__firstLevel",
-  "placeholder": "NestedTableRow3193695257__placeholder",
-  "parentHovered": "NestedTableRow3193695257__parentHovered"
+  "root": "NestedTableRow3224335779__root",
+  "firstLevel": "NestedTableRow3224335779__firstLevel",
+  "placeholder": "NestedTableRow3224335779__placeholder",
+  "parentHovered": "NestedTableRow3224335779__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_ = \"NestedTableRow3193695257\";\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\":\"NestedTableRow3193695257__root\",\"firstLevel\":\"NestedTableRow3193695257__firstLevel\",\"placeholder\":\"NestedTableRow3193695257__placeholder\",\"parentHovered\":\"NestedTableRow3193695257__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_ = \"NestedTableRow3224335779\";\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\":\"NestedTableRow3224335779__root\",\"firstLevel\":\"NestedTableRow3224335779__firstLevel\",\"placeholder\":\"NestedTableRow3224335779__placeholder\",\"parentHovered\":\"NestedTableRow3224335779__parentHovered\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,YAAY,EAAC,sCAAsC;EAAC,aAAa,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAAyC,CAAC;AAC3N,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionTableWSRTable","_NestedTableContent","_useToolbarCollectionSyncProps","_useModeTableProps","_mobx","_QuerySearch","_MultiCollectionSupportProvider","_designSystem","_TablePlaceholderStates","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableWSRTable","props","state","wrapperState","renderError","multiLevelSorting","actionCell","actionCellWidth","actionCellProps","filters","customColumns","views","emptyState","noResultsState","topNotification","showTitleBar","horizontalScroll","rowHeight","estimatedRowHeight","rowVerticalPadding","dragAndDrop","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropCancel","dragAndDropReorderModeToolbar","dragAndDropCategories","rest","modalsContainerRef","usePageContext","toolbar","query","useState","setStateObject","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","Table","CollectionTableWSRTable","key","BodyElementType","TrElementType","columns","useModeTableProps","useEffect","runInAction","virtual","st","classes","WSRTable","dataTableRowVirtualStyle","table","createElement","_extends2","search","QuerySearch","__self","__source","fileName","lineNumber","columnNumber","showHeaderWhenEmpty","sticky","isApplyColumnWidthStyle","useNewInfiniteScrollLoader","rowClass","root","headerClass","thead","headerRowClass","MultiCollectionSupportProvider","value","multi","TablePlaceholderStates","NestedTableContent","CollectionNestedTableDragAndDropContext","nested","onSubmit","onCancel","onBulkSubmit","NestedTableWSRTable","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableWSRTable.tsx"],"sourcesContent":["import React, { ComponentType, useEffect, useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n  CollectionTableWSRTableProps,\n} from '../CollectionTable/CollectionTableWSRTable';\nimport { CollectionTableActionCellProps } from '../CollectionTable/CollectionTableBaseCommonProps';\nimport { NestedTableItem, NestedTableState } from '../../state';\nimport { NestedTableFlatDataItem } from '../../state/NestedTableState/NestedTableFlatModeSectionState';\nimport { NestedTableContent } from './NestedTableContent';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport { useModeTableProps } from './useModeTableProps';\nimport { runInAction } from 'mobx';\nimport { QuerySearch } from '../QuerySearch';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\nimport { Table as WSRTable } from '@wix/design-system';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface NestedTableWSRTableBaseProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> extends Omit<\n      CollectionTableWSRTableBaseProps<\n        NestedTableItem<C, any, any> | NestedTableFlatDataItem<C, any, any>,\n        T,\n        F\n      >,\n      'actionCell' | 'sticky' | 'selectionDisabled' | 'topNotification'\n    >,\n    CollectionTableActionCellProps<T, F> {}\n\nexport interface NestedTableWSRTableProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> extends NestedTableWSRTableBaseProps<C, T, F> {\n  dataHook?: string;\n  state: NestedTableState<C>;\n  topNotification?: TopNotificationBasicRenderProp;\n  rowHeight?: number;\n  estimatedRowHeight?: number;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nfunction _NestedTableWSRTable<C extends string, T, F extends FiltersMap>(\n  props: NestedTableWSRTableProps<C, T, F>,\n) {\n  const {\n    state: wrapperState,\n    renderError,\n    multiLevelSorting,\n    actionCell,\n    actionCellWidth,\n    actionCellProps,\n    filters,\n    customColumns,\n    views,\n    emptyState,\n    noResultsState,\n    topNotification,\n    showTitleBar = true,\n    horizontalScroll = true,\n    rowHeight,\n    estimatedRowHeight,\n    rowVerticalPadding = 'tiny',\n    dragAndDrop,\n    dragAndDropBulkSubmit,\n    dragAndDropSubmit,\n    dragAndDropCancel,\n    dragAndDropReorderModeToolbar,\n    dragAndDropCategories,\n    ...rest\n  } = props;\n  const { modalsContainerRef } = usePageContext();\n\n  const { toolbar, query } = wrapperState;\n\n  useState(() => {\n    dragAndDrop?.setStateObject({\n      state: wrapperState,\n      modalsContainerRef,\n    });\n  });\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: toolbar,\n    isUsingDragAndDrop: false,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: true,\n    isUsingFolders: false,\n    isUsingTableVirtualization: true,\n  });\n\n  const Table = CollectionTableWSRTable as ComponentType<\n    CollectionTableWSRTableProps<any, T, F>\n  >;\n\n  const { state, key, BodyElementType, TrElementType, columns } =\n    useModeTableProps({\n      state: wrapperState,\n      horizontalScroll,\n      actionCellWidth,\n      actionCellProps,\n    });\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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAF,OAAA;AAQA,IAAAG,mBAAA,GAAAH,OAAA;AAEA,IAAAI,8BAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,+BAAA,GAAAR,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,uBAAA,GAAAV,OAAA;AAEA,IAAAW,OAAA,GAAAX,OAAA;AAAqD,IAAAY,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,SAAAf,wBAAAe,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;AA6BrD,SAASW,oBAAoBA,CAC3BC,KAAwC,EACxC;EACA,MAAM;IACJC,KAAK,EAAEC,YAAY;IACnBC,WAAW;IACXC,iBAAiB;IACjBC,UAAU;IACVC,eAAe;IACfC,eAAe;IACfC,OAAO;IACPC,aAAa;IACbC,KAAK;IACLC,UAAU;IACVC,cAAc;IACdC,eAAe;IACfC,YAAY,GAAG,IAAI;IACnBC,gBAAgB,GAAG,IAAI;IACvBC,SAAS;IACTC,kBAAkB;IAClBC,kBAAkB,GAAG,MAAM;IAC3BC,WAAW;IACXC,qBAAqB;IACrBC,iBAAiB;IACjBC,iBAAiB;IACjBC,6BAA6B;IAC7BC,qBAAqB;IACrB,GAAGC;EACL,CAAC,GAAGzB,KAAK;EACT,MAAM;IAAE0B;EAAmB,CAAC,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAE/C,MAAM;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAG3B,YAAY;EAEvC,IAAA4B,eAAQ,EAAC,MAAM;IACbX,WAAW,YAAXA,WAAW,CAAEY,cAAc,CAAC;MAC1B9B,KAAK,EAAEC,YAAY;MACnBwB;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,IAAAM,4DAA6B,EAAC;IAC5B,GAAGhC,KAAK;IACRC,KAAK,EAAE2B,OAAO;IACdK,kBAAkB,EAAE,KAAK;IACzBC,yBAAyB,EAAE,KAAK;IAChCC,uBAAuB,EAAE,IAAI;IAC7BC,cAAc,EAAE,KAAK;IACrBC,0BAA0B,EAAE;EAC9B,CAAC,CAAC;EAEF,MAAMC,KAAK,GAAGC,gDAEb;EAED,MAAM;IAAEtC,KAAK;IAAEuC,GAAG;IAAEC,eAAe;IAAEC,aAAa;IAAEC;EAAQ,CAAC,GAC3D,IAAAC,oCAAiB,EAAC;IAChB3C,KAAK,EAAEC,YAAY;IACnBa,gBAAgB;IAChBT,eAAe;IACfC;EACF,CAAC,CAAC;EAEJ,IAAAsC,gBAAS,EAAC,MAAM;IACd,IAAAC,iBAAW,EAAC,MAAM;MAChB7C,KAAK,CAAC8C,OAAO,CAAC/B,SAAS,GAAGA,SAAS;IACrC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,SAAS,EAAEf,KAAK,CAAC,CAAC;EAEtB,IAAA4C,gBAAS,EAAC,MAAM;IACd,IAAI5B,kBAAkB,IAAI,IAAI,EAAE;MAC9B;IACF;IACA,IAAA6B,iBAAW,EAAC,MAAM;MAChB7C,KAAK,CAAC8C,OAAO,CAAC9B,kBAAkB,GAAGA,kBAAkB;IACvD,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,kBAAkB,EAAEhB,KAAK,CAAC,CAAC;EAE/B,MAAM;IAAE+C,EAAE;IAAEC;EAAQ,CAAC,GACnBC,mBAAQ,CAACC,wBAAyE;EAEpF,IAAIC,KAAK,gBACPxF,MAAA,CAAAqB,OAAA,CAAAoE,aAAA,CAACf,KAAK,MAAAgB,SAAA,CAAArE,OAAA;IACJiC,kBAAkB,EAAEA,kBAAmB;IACvCqC,MAAM,eAAE3F,MAAA,CAAAqB,OAAA,CAAAoE,aAAA,CAAChF,YAAA,CAAAmF,WAAW;MAACvD,KAAK,EAAE4B,KAAK,CAAC0B,MAAO;MAAAE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjF,YAAA;QAAAkF,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EAAE,GACzCpC,IAAI;IACRqC,mBAAmB;IACnBC,MAAM;IACNvD,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAc;IAC7BC,KAAK,EAAEA,KAAM;IACbK,gBAAgB,EAAEA,gBAAiB;IACnCJ,UAAU,EAAEA,UAAW;IACvBC,cAAc,EAAEA,cAAe;IAC/BoD,uBAAuB;IACvBC,0BAA0B;IAC1BnD,YAAY,EAAEA,YAAa;IAC3BoD,QAAQ,EAAElB,EAAE,CAACC,OAAO,CAACkB,IAAI,CAAE;IAC3BC,WAAW,EAAEpB,EAAE,CAACC,OAAO,CAACoB,KAAK,CAAE;IAC/BC,cAAc,EAAEtB,EAAE,CAACC,OAAO,CAACkB,IAAI,CAAE;IACjCzB,aAAa,EAAEA,aAAc;IAC7BzC,KAAK,EAAEA,KAAM;IACbwC,eAAe,EAAEA,eAAgB;IACjCE,OAAO,EAAEA,OAAQ;IACjBpB,6BAA6B,EAAEA,6BAA8B;IAC7DJ,WAAW,EAAEA,WAAY;IACzBG,iBAAiB,EAAEA,iBAAkB;IACrCD,iBAAiB,EAAEA,iBAAkB;IACrCD,qBAAqB,EAAEA,qBAAsB;IAC7CI,qBAAqB,EAAEA,qBAAsB;IAAAiC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjF,YAAA;MAAAkF,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAE7CjG,MAAA,CAAAqB,OAAA,CAAAoE,aAAA,CAAC/E,+BAAA,CAAAiG,8BAA8B;IAC7B/B,GAAG,EAAG,kCAAiCA,GAAI,EAAE;IAC7CgC,KAAK,EAAEvE,KAAK,CAACwE,KAAM;IAAAhB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjF,YAAA;MAAAkF,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnBjG,MAAA,CAAAqB,OAAA,CAAAoE,aAAA,CAAC7E,uBAAA,CAAAkG,sBAAsB;IACrBlC,GAAG,EAAG,qBAAoBA,GAAI,EAAE;IAChCvC,KAAK,EAAEA,KAAM;IACbU,UAAU,EAAEA,UAAW;IACvBC,cAAc,EAAEA,cAAe;IAC/BT,WAAW,EAAEA,WAAY;IACzBU,eAAe,EAAEA,eAAgB;IACjCK,kBAAkB,EAAEA,kBAAmB;IAAAuC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjF,YAAA;MAAAkF,UAAA;MAAAC,YAAA;IAAA;EAAA,CACxC,CAAC,eACFjG,MAAA,CAAAqB,OAAA,CAAAoE,aAAA,CAACpF,mBAAA,CAAA0G,kBAAkB;IAACnC,GAAG,EAAG,sBAAqBA,GAAI,EAAE;IAACvC,KAAK,EAAEA,KAAM;IAAAwD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjF,YAAA;MAAAkF,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACvC,CAC3B,CACR;EAED,IAAI1C,WAAW,EAAE;IACf,MAAM;MAAEyD;IAAwC,CAAC,GAAGzD,WAAW;IAC/DiC,KAAK,gBACHxF,MAAA,CAAAqB,OAAA,CAAAoE,aAAA,CAACuB,uCAAuC;MACtC3E,KAAK,EAAEC,YAAY,CAAC2E,MAAO;MAC3BC,QAAQ,EAAEzD,iBAAkB;MAC5B0D,QAAQ,EAAEzD,iBAAkB;MAC5B0D,YAAY,EAAE5D,qBAAsB;MAAAqC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjF,YAAA;QAAAkF,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEnCT,KACsC,CAC1C;EACH;EAEA,OAAOA,KAAK;AACd;AAEO,MAAM6B,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,uBAAQ,EAACpF,oBAAoB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionTableWSRTable","_NestedTableContent","_useToolbarCollectionSyncProps","_useModeTableProps","_mobx","_QuerySearch","_MultiCollectionSupportProvider","_designSystem","_TablePlaceholderStates","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableWSRTable","props","state","wrapperState","renderError","multiLevelSorting","actionCell","actionCellWidth","actionCellProps","filters","customColumns","views","emptyState","noResultsState","topNotification","showTitleBar","horizontalScroll","rowHeight","estimatedRowHeight","rowVerticalPadding","dragAndDrop","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropCancel","dragAndDropReorderModeToolbar","dragAndDropCategories","rest","modalsContainerRef","usePageContext","toolbar","query","useState","setStateObject","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","Table","CollectionTableWSRTable","key","BodyElementType","TrElementType","columns","useModeTableProps","useEffect","runInAction","virtual","st","classes","WSRTable","dataTableRowVirtualStyle","table","createElement","_extends2","search","QuerySearch","__self","__source","fileName","lineNumber","columnNumber","showHeaderWhenEmpty","sticky","isApplyColumnWidthStyle","useNewInfiniteScrollLoader","rowClass","root","headerClass","thead","headerRowClass","MultiCollectionSupportProvider","value","multi","TablePlaceholderStates","NestedTableContent","CollectionNestedTableDragAndDropContext","nested","onSubmit","onCancel","onBulkSubmit","NestedTableWSRTable","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableWSRTable.tsx"],"sourcesContent":["import React, { ComponentType, useEffect, useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n  CollectionTableWSRTableProps,\n} from '../CollectionTable/CollectionTableWSRTable';\nimport { CollectionTableActionCellProps } from '../CollectionTable/CollectionTableBaseCommonProps';\nimport { NestedTableItem, NestedTableState } from '../../state';\nimport { NestedTableFlatDataItem } from '../../state/NestedTableState/NestedTableFlatModeSectionState';\nimport { NestedTableContent } from './NestedTableContent';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport { useModeTableProps } from './useModeTableProps';\nimport { runInAction } from 'mobx';\nimport { QuerySearch } from '../QuerySearch';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\nimport { Table as WSRTable } from '@wix/design-system';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface NestedTableWSRTableBaseProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> extends Omit<\n      CollectionTableWSRTableBaseProps<\n        NestedTableItem<C, any, any> | NestedTableFlatDataItem<C, any, any>,\n        T,\n        F\n      >,\n      'actionCell' | 'sticky' | 'selectionDisabled' | 'topNotification'\n    >,\n    CollectionTableActionCellProps<T, F> {}\n\nexport interface NestedTableWSRTableProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> extends NestedTableWSRTableBaseProps<C, T, F> {\n  dataHook?: string;\n  state: NestedTableState<C>;\n  topNotification?: TopNotificationBasicRenderProp;\n  rowHeight?: number;\n  estimatedRowHeight?: number;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nfunction _NestedTableWSRTable<C extends string, T, F extends FiltersMap>(\n  props: NestedTableWSRTableProps<C, T, F>,\n) {\n  const {\n    state: wrapperState,\n    renderError,\n    multiLevelSorting,\n    actionCell,\n    actionCellWidth,\n    actionCellProps,\n    filters,\n    customColumns,\n    views,\n    emptyState,\n    noResultsState,\n    topNotification,\n    showTitleBar = true,\n    horizontalScroll = true,\n    rowHeight,\n    estimatedRowHeight,\n    rowVerticalPadding = 'tiny',\n    dragAndDrop,\n    dragAndDropBulkSubmit,\n    dragAndDropSubmit,\n    dragAndDropCancel,\n    dragAndDropReorderModeToolbar,\n    dragAndDropCategories,\n    ...rest\n  } = props;\n  const { modalsContainerRef } = usePageContext();\n\n  const { toolbar, query } = wrapperState;\n\n  useState(() => {\n    dragAndDrop?.setStateObject({\n      state: wrapperState,\n      modalsContainerRef,\n    });\n  });\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: toolbar,\n    isUsingDragAndDrop: false,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: true,\n    isUsingFolders: false,\n    isUsingTableVirtualization: true,\n  });\n\n  const Table = CollectionTableWSRTable as ComponentType<\n    CollectionTableWSRTableProps<any, T, F>\n  >;\n\n  const { state, key, BodyElementType, TrElementType, columns } =\n    useModeTableProps({\n      state: wrapperState,\n      horizontalScroll,\n      actionCellWidth,\n      actionCellProps,\n      dragAndDrop,\n    });\n\n  useEffect(() => {\n    runInAction(() => {\n      state.virtual.rowHeight = rowHeight;\n    });\n  }, [rowHeight, state]);\n\n  useEffect(() => {\n    if (estimatedRowHeight == null) {\n      return;\n    }\n    runInAction(() => {\n      state.virtual.estimatedRowHeight = estimatedRowHeight;\n    });\n  }, [estimatedRowHeight, state]);\n\n  const { st, classes } =\n    WSRTable.dataTableRowVirtualStyle as import('@stylable/runtime').RuntimeStylesheet;\n\n  let table = (\n    <Table\n      rowVerticalPadding={rowVerticalPadding}\n      search={<QuerySearch state={query.search} />}\n      {...rest}\n      showHeaderWhenEmpty\n      sticky\n      filters={filters}\n      customColumns={customColumns}\n      views={views}\n      horizontalScroll={horizontalScroll}\n      emptyState={emptyState}\n      noResultsState={noResultsState}\n      isApplyColumnWidthStyle\n      useNewInfiniteScrollLoader\n      showTitleBar={showTitleBar}\n      rowClass={st(classes.root)}\n      headerClass={st(classes.thead)}\n      headerRowClass={st(classes.root)}\n      TrElementType={TrElementType}\n      state={state}\n      BodyElementType={BodyElementType}\n      columns={columns}\n      dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n      dragAndDrop={dragAndDrop}\n      dragAndDropCancel={dragAndDropCancel}\n      dragAndDropSubmit={dragAndDropSubmit}\n      dragAndDropBulkSubmit={dragAndDropBulkSubmit}\n      dragAndDropCategories={dragAndDropCategories}\n    >\n      <MultiCollectionSupportProvider\n        key={`MultiCollectionSupportProvider_${key}`}\n        value={state.multi}\n      >\n        <TablePlaceholderStates\n          key={`PlaceholderStates_${key}`}\n          state={state}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n          renderError={renderError}\n          topNotification={topNotification}\n          rowVerticalPadding={rowVerticalPadding}\n        />\n        <NestedTableContent key={`NestedTableContent_${key}`} state={state} />\n      </MultiCollectionSupportProvider>\n    </Table>\n  );\n\n  if (dragAndDrop) {\n    const { CollectionNestedTableDragAndDropContext } = dragAndDrop;\n    table = (\n      <CollectionNestedTableDragAndDropContext\n        state={wrapperState.nested}\n        onSubmit={dragAndDropSubmit}\n        onCancel={dragAndDropCancel}\n        onBulkSubmit={dragAndDropBulkSubmit}\n      >\n        {table}\n      </CollectionNestedTableDragAndDropContext>\n    );\n  }\n\n  return table;\n}\n\nexport const NestedTableWSRTable = observer(_NestedTableWSRTable);\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,9 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.useModeTableProps = useModeTableProps;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _VirtualTableRepeater = require("../VirtualGridRepeater/VirtualTableRepeater");
 var _VirtualGridStateContext = require("../VirtualGridRepeater/VirtualGridStateContext");
@@ -16,7 +18,8 @@ function useModeTableProps(props) {
     state: wrapperState,
     horizontalScroll,
     actionCellWidth,
-    actionCellProps
+    actionCellProps,
+    dragAndDrop
   } = props;
   const {
     isFlatMode
@@ -31,23 +34,34 @@ function useModeTableProps(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 39,
+      lineNumber: 47,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_VirtualTableRepeater.VirtualTableRepeater, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 40,
+      lineNumber: 48,
       columnNumber: 13
     }
   }, children)), [state, key]);
-  const TrElementType = (0, _react.useMemo)(() => isFlatMode ? undefined : _NestedTableRow.NestedTableRow, [isFlatMode]);
+  const TrElementType = (0, _react.useMemo)(() => isFlatMode ? undefined : /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement(_NestedTableRow.NestedTableRow, (0, _extends2.default)({
+    ref: ref
+  }, props, {
+    dragAndDrop: dragAndDrop,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 70,
+      columnNumber: 15
+    }
+  }))), [isFlatMode, dragAndDrop]);
   const nestedColumns = (0, _useNestedModeColumns.useNestedModeColumns)({
     state: wrapperState,
     horizontalScroll,
     actionCellWidth,
-    actionCellProps
+    actionCellProps,
+    dragAndDrop
   });
   const flatColumns = (0, _useFlatModeColumns.useFlatModeColumns)({
     state: wrapperState,

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

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

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

@@ -13,7 +13,8 @@ function useNestedModeColumns(props) {
     state,
     actionCellProps,
     actionCellWidth,
-    horizontalScroll
+    horizontalScroll,
+    dragAndDrop
   } = props;
   const {
     toolbar
@@ -42,10 +43,11 @@ function useNestedModeColumns(props) {
           state: keyedItem.item.state,
           item: keyedItem.item,
           rowNum: rowNum,
+          dragAndDrop: dragAndDrop,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 46,
+            lineNumber: 54,
             columnNumber: 13
           }
         });

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

@@ -1 +1 @@
-{"version":3,"names":["_NestedTableParentCell","require","_react","_interopRequireDefault","_useCreateWSRColumnBase","_useNestedTableActionCell","_jsxFileName","useNestedModeColumns","props","state","actionCellProps","actionCellWidth","horizontalScroll","toolbar","selectedOrderedColumnsOrAll","createWSRColumnBase","useCreateWSRColumnBase","actionCellColumn","useNestedTableActionCell","nested","key","dataHook","title","width","mainColumn","style","undefined","render","keyedItem","rowNum","item","originalKeyedItem","default","createElement","NestedTableParentCell","__self","__source","fileName","lineNumber","columnNumber","map","column","index","length","id","sortable","infoTooltipProps","restColumn","sortDescending","query","sort","getIsSortDescending","_item$state$columns","_item$state$columns$i","columns","call"],"sources":["../../../../src/components/NestedTable/useNestedModeColumns.tsx"],"sourcesContent":["import {\n  TableColumn as TableColumnWSR,\n  TableColumn as WSRTableColumn,\n} from '@wix/design-system/dist/types/Table';\nimport { NestedTableKeyedItem, NestedTableState } from '../../state';\nimport { NestedTableParentCell } from './NestedTableParentCell';\nimport React from 'react';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport { useNestedTableActionCell } from './useNestedTableActionCell';\n\nexport interface UseNestedModeColumnsProps<C extends string> {\n  state: NestedTableState<C>;\n  horizontalScroll?: boolean;\n  actionCellWidth?: string | number;\n  actionCellProps?: Partial<Omit<TableColumnWSR<any>, 'render' | 'style'>>;\n}\n\nexport function useNestedModeColumns<C extends string>(\n  props: UseNestedModeColumnsProps<C>,\n): WSRTableColumn<NestedTableKeyedItem<any, any, any>>[] {\n  const { state, actionCellProps, actionCellWidth, horizontalScroll } = props;\n\n  const { toolbar } = state;\n\n  const { selectedOrderedColumnsOrAll } = toolbar;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const actionCellColumn = useNestedTableActionCell({\n    state: state.nested,\n    actionCellWidth,\n    actionCellProps,\n  });\n\n  return [\n    {\n      key: 'nested-mode-main-column',\n      dataHook: 'nested-mode-main-column',\n      title: '',\n      width: '326px',\n      ...state.mainColumn,\n      style: undefined,\n      render: (keyedItem, rowNum) => {\n        if (keyedItem.item.originalKeyedItem) {\n          return (\n            <NestedTableParentCell\n              state={keyedItem.item.state}\n              item={keyedItem.item}\n              rowNum={rowNum}\n            />\n          );\n        }\n\n        return null;\n      },\n    },\n    ...selectedOrderedColumnsOrAll.map((column, index, { length }) => {\n      const {\n        id,\n        title,\n        sortable,\n        infoTooltipProps,\n        render,\n        width,\n        ...restColumn\n      } = column;\n      return {\n        ...restColumn,\n        ...createWSRColumnBase(column, index, length),\n        sortDescending:\n          sortable && id ? state.query.sort.getIsSortDescending(id) : undefined,\n        render: (\n          { item }: NestedTableKeyedItem<any, any, any>,\n          rowNum: number,\n        ) => {\n          if (item.originalKeyedItem) {\n            return item.state.columns?.[id]?.(\n              item.originalKeyedItem.item,\n              rowNum,\n            );\n          }\n\n          return null;\n        },\n      };\n    }),\n    ...(actionCellColumn ? [actionCellColumn] : []),\n  ];\n}\n"],"mappings":";;;;;AAKA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AAAsE,IAAAK,YAAA;AAS/D,SAASC,oBAAoBA,CAClCC,KAAmC,EACoB;EACvD,MAAM;IAAEC,KAAK;IAAEC,eAAe;IAAEC,eAAe;IAAEC;EAAiB,CAAC,GAAGJ,KAAK;EAE3E,MAAM;IAAEK;EAAQ,CAAC,GAAGJ,KAAK;EAEzB,MAAM;IAAEK;EAA4B,CAAC,GAAGD,OAAO;EAE/C,MAAME,mBAAmB,GAAG,IAAAC,8CAAsB,EAAC;IAAEJ;EAAiB,CAAC,CAAC;EAExE,MAAMK,gBAAgB,GAAG,IAAAC,kDAAwB,EAAC;IAChDT,KAAK,EAAEA,KAAK,CAACU,MAAM;IACnBR,eAAe;IACfD;EACF,CAAC,CAAC;EAEF,OAAO,CACL;IACEU,GAAG,EAAE,yBAAyB;IAC9BC,QAAQ,EAAE,yBAAyB;IACnCC,KAAK,EAAE,EAAE;IACTC,KAAK,EAAE,OAAO;IACd,GAAGd,KAAK,CAACe,UAAU;IACnBC,KAAK,EAAEC,SAAS;IAChBC,MAAM,EAAEA,CAACC,SAAS,EAAEC,MAAM,KAAK;MAC7B,IAAID,SAAS,CAACE,IAAI,CAACC,iBAAiB,EAAE;QACpC,oBACE7B,MAAA,CAAA8B,OAAA,CAAAC,aAAA,CAACjC,sBAAA,CAAAkC,qBAAqB;UACpBzB,KAAK,EAAEmB,SAAS,CAACE,IAAI,CAACrB,KAAM;UAC5BqB,IAAI,EAAEF,SAAS,CAACE,IAAK;UACrBD,MAAM,EAAEA,MAAO;UAAAM,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAA/B,YAAA;YAAAgC,UAAA;YAAAC,YAAA;UAAA;QAAA,CAChB,CAAC;MAEN;MAEA,OAAO,IAAI;IACb;EACF,CAAC,EACD,GAAGzB,2BAA2B,CAAC0B,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,EAAE;IAAEC;EAAO,CAAC,KAAK;IAChE,MAAM;MACJC,EAAE;MACFtB,KAAK;MACLuB,QAAQ;MACRC,gBAAgB;MAChBnB,MAAM;MACNJ,KAAK;MACL,GAAGwB;IACL,CAAC,GAAGN,MAAM;IACV,OAAO;MACL,GAAGM,UAAU;MACb,GAAGhC,mBAAmB,CAAC0B,MAAM,EAAEC,KAAK,EAAEC,MAAM,CAAC;MAC7CK,cAAc,EACZH,QAAQ,IAAID,EAAE,GAAGnC,KAAK,CAACwC,KAAK,CAACC,IAAI,CAACC,mBAAmB,CAACP,EAAE,CAAC,GAAGlB,SAAS;MACvEC,MAAM,EAAEA,CACN;QAAEG;MAA0C,CAAC,EAC7CD,MAAc,KACX;QACH,IAAIC,IAAI,CAACC,iBAAiB,EAAE;UAAA,IAAAqB,mBAAA,EAAAC,qBAAA;UAC1B,QAAAD,mBAAA,GAAOtB,IAAI,CAACrB,KAAK,CAAC6C,OAAO,cAAAD,qBAAA,GAAlBD,mBAAA,CAAqBR,EAAE,CAAC,qBAAxBS,qBAAA,CAAAE,IAAA,CAAAH,mBAAA,EACLtB,IAAI,CAACC,iBAAiB,CAACD,IAAI,EAC3BD,MACF,CAAC;QACH;QAEA,OAAO,IAAI;MACb;IACF,CAAC;EACH,CAAC,CAAC,EACF,IAAIZ,gBAAgB,GAAG,CAACA,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAChD;AACH","ignoreList":[]}
+{"version":3,"names":["_NestedTableParentCell","require","_react","_interopRequireDefault","_useCreateWSRColumnBase","_useNestedTableActionCell","_jsxFileName","useNestedModeColumns","props","state","actionCellProps","actionCellWidth","horizontalScroll","dragAndDrop","toolbar","selectedOrderedColumnsOrAll","createWSRColumnBase","useCreateWSRColumnBase","actionCellColumn","useNestedTableActionCell","nested","key","dataHook","title","width","mainColumn","style","undefined","render","keyedItem","rowNum","item","originalKeyedItem","default","createElement","NestedTableParentCell","__self","__source","fileName","lineNumber","columnNumber","map","column","index","length","id","sortable","infoTooltipProps","restColumn","sortDescending","query","sort","getIsSortDescending","_item$state$columns","_item$state$columns$i","columns","call"],"sources":["../../../../src/components/NestedTable/useNestedModeColumns.tsx"],"sourcesContent":["import {\n  TableColumn as TableColumnWSR,\n  TableColumn as WSRTableColumn,\n} from '@wix/design-system/dist/types/Table';\nimport { NestedTableKeyedItem, NestedTableState } from '../../state';\nimport { NestedTableParentCell } from './NestedTableParentCell';\nimport React from 'react';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport { useNestedTableActionCell } from './useNestedTableActionCell';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\n\nexport interface UseNestedModeColumnsProps<C extends string> {\n  state: NestedTableState<C>;\n  horizontalScroll?: boolean;\n  actionCellWidth?: string | number;\n  actionCellProps?: Partial<Omit<TableColumnWSR<any>, 'render' | 'style'>>;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nexport function useNestedModeColumns<C extends string>(\n  props: UseNestedModeColumnsProps<C>,\n): WSRTableColumn<NestedTableKeyedItem<any, any, any>>[] {\n  const {\n    state,\n    actionCellProps,\n    actionCellWidth,\n    horizontalScroll,\n    dragAndDrop,\n  } = props;\n\n  const { toolbar } = state;\n\n  const { selectedOrderedColumnsOrAll } = toolbar;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const actionCellColumn = useNestedTableActionCell({\n    state: state.nested,\n    actionCellWidth,\n    actionCellProps,\n  });\n\n  return [\n    {\n      key: 'nested-mode-main-column',\n      dataHook: 'nested-mode-main-column',\n      title: '',\n      width: '326px',\n      ...state.mainColumn,\n      style: undefined,\n      render: (keyedItem, rowNum) => {\n        if (keyedItem.item.originalKeyedItem) {\n          return (\n            <NestedTableParentCell\n              state={keyedItem.item.state}\n              item={keyedItem.item}\n              rowNum={rowNum}\n              dragAndDrop={dragAndDrop}\n            />\n          );\n        }\n\n        return null;\n      },\n    },\n    ...selectedOrderedColumnsOrAll.map((column, index, { length }) => {\n      const {\n        id,\n        title,\n        sortable,\n        infoTooltipProps,\n        render,\n        width,\n        ...restColumn\n      } = column;\n      return {\n        ...restColumn,\n        ...createWSRColumnBase(column, index, length),\n        sortDescending:\n          sortable && id ? state.query.sort.getIsSortDescending(id) : undefined,\n        render: (\n          { item }: NestedTableKeyedItem<any, any, any>,\n          rowNum: number,\n        ) => {\n          if (item.originalKeyedItem) {\n            return item.state.columns?.[id]?.(\n              item.originalKeyedItem.item,\n              rowNum,\n            );\n          }\n\n          return null;\n        },\n      };\n    }),\n    ...(actionCellColumn ? [actionCellColumn] : []),\n  ];\n}\n"],"mappings":";;;;;AAKA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AAAsE,IAAAK,YAAA;AAW/D,SAASC,oBAAoBA,CAClCC,KAAmC,EACoB;EACvD,MAAM;IACJC,KAAK;IACLC,eAAe;IACfC,eAAe;IACfC,gBAAgB;IAChBC;EACF,CAAC,GAAGL,KAAK;EAET,MAAM;IAAEM;EAAQ,CAAC,GAAGL,KAAK;EAEzB,MAAM;IAAEM;EAA4B,CAAC,GAAGD,OAAO;EAE/C,MAAME,mBAAmB,GAAG,IAAAC,8CAAsB,EAAC;IAAEL;EAAiB,CAAC,CAAC;EAExE,MAAMM,gBAAgB,GAAG,IAAAC,kDAAwB,EAAC;IAChDV,KAAK,EAAEA,KAAK,CAACW,MAAM;IACnBT,eAAe;IACfD;EACF,CAAC,CAAC;EAEF,OAAO,CACL;IACEW,GAAG,EAAE,yBAAyB;IAC9BC,QAAQ,EAAE,yBAAyB;IACnCC,KAAK,EAAE,EAAE;IACTC,KAAK,EAAE,OAAO;IACd,GAAGf,KAAK,CAACgB,UAAU;IACnBC,KAAK,EAAEC,SAAS;IAChBC,MAAM,EAAEA,CAACC,SAAS,EAAEC,MAAM,KAAK;MAC7B,IAAID,SAAS,CAACE,IAAI,CAACC,iBAAiB,EAAE;QACpC,oBACE9B,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAAClC,sBAAA,CAAAmC,qBAAqB;UACpB1B,KAAK,EAAEoB,SAAS,CAACE,IAAI,CAACtB,KAAM;UAC5BsB,IAAI,EAAEF,SAAS,CAACE,IAAK;UACrBD,MAAM,EAAEA,MAAO;UACfjB,WAAW,EAAEA,WAAY;UAAAuB,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAhC,YAAA;YAAAiC,UAAA;YAAAC,YAAA;UAAA;QAAA,CAC1B,CAAC;MAEN;MAEA,OAAO,IAAI;IACb;EACF,CAAC,EACD,GAAGzB,2BAA2B,CAAC0B,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,EAAE;IAAEC;EAAO,CAAC,KAAK;IAChE,MAAM;MACJC,EAAE;MACFtB,KAAK;MACLuB,QAAQ;MACRC,gBAAgB;MAChBnB,MAAM;MACNJ,KAAK;MACL,GAAGwB;IACL,CAAC,GAAGN,MAAM;IACV,OAAO;MACL,GAAGM,UAAU;MACb,GAAGhC,mBAAmB,CAAC0B,MAAM,EAAEC,KAAK,EAAEC,MAAM,CAAC;MAC7CK,cAAc,EACZH,QAAQ,IAAID,EAAE,GAAGpC,KAAK,CAACyC,KAAK,CAACC,IAAI,CAACC,mBAAmB,CAACP,EAAE,CAAC,GAAGlB,SAAS;MACvEC,MAAM,EAAEA,CACN;QAAEG;MAA0C,CAAC,EAC7CD,MAAc,KACX;QACH,IAAIC,IAAI,CAACC,iBAAiB,EAAE;UAAA,IAAAqB,mBAAA,EAAAC,qBAAA;UAC1B,QAAAD,mBAAA,GAAOtB,IAAI,CAACtB,KAAK,CAAC8C,OAAO,cAAAD,qBAAA,GAAlBD,mBAAA,CAAqBR,EAAE,CAAC,qBAAxBS,qBAAA,CAAAE,IAAA,CAAAH,mBAAA,EACLtB,IAAI,CAACC,iBAAiB,CAACD,IAAI,EAC3BD,MACF,CAAC;QACH;QAEA,OAAO,IAAI;MACb;IACF,CAAC;EACH,CAAC,CAAC,EACF,IAAIZ,gBAAgB,GAAG,CAACA,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAChD;AACH","ignoreList":[]}

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

@@ -6,6 +6,8 @@ var _dragAndDrop = require("@wix/wix-style-react-incubator/drag-and-drop");
 var _NestedTableDragAndDropContext = require("./NestedTableDragAndDropContext");
 var _NestedTableDragAndDropState = require("./NestedTableDragAndDropState");
 var _minimalRequiredWdsRuntimeCheck = require("../../minimalRequiredWdsRuntimeCheck");
+var _NestedTableDragHandle = require("./NestedTableDragHandle");
+var _NestedTableGhostIndentationCell = require("./NestedTableGhostIndentationCell");
 if (process.env.NODE_ENV !== 'production') {
   (0, _minimalRequiredWdsRuntimeCheck.minimalRequiredWdsRuntimeCheck)({
     required: '^1.64.1',
@@ -27,7 +29,11 @@ function setStateObject(params) {
 }
 const NestedTableDragAndDrop = exports.NestedTableDragAndDrop = {
   ..._dragAndDrop.TableDragAndDrop,
+  createDragHandleColumn: null,
+  // override default TableDragAndDrop.createDragHandleColumn - in NestedTable the drag handle is rendered manually in `<NestedTableParentCell/>`
   CollectionNestedTableDragAndDropContext: _NestedTableDragAndDropContext.NestedTableDragAndDropContext,
-  setStateObject
+  setStateObject,
+  NestedTableDragHandle: _NestedTableDragHandle.NestedTableDragHandle,
+  NestedTableGhostIndentationCell: _NestedTableGhostIndentationCell.NestedTableGhostIndentationCell
 };
 //# sourceMappingURL=NestedTableDragAndDrop.js.map

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

@@ -1 +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":[]}
+{"version":3,"names":["_dragAndDrop","require","_NestedTableDragAndDropContext","_NestedTableDragAndDropState","_minimalRequiredWdsRuntimeCheck","_NestedTableDragHandle","_NestedTableGhostIndentationCell","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","createDragHandleColumn","CollectionNestedTableDragAndDropContext","NestedTableDragAndDropContext","NestedTableDragHandle","NestedTableGhostIndentationCell"],"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';\nimport { NestedTableDragHandle } from './NestedTableDragHandle';\nimport { NestedTableGhostIndentationCell } from './NestedTableGhostIndentationCell';\n\nif (process.env.NODE_ENV !== 'production') {\n  minimalRequiredWdsRuntimeCheck({\n    required: '^1.64.1',\n    requiredBy: 'Cairo/NestedTableDragAndDrop',\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  createDragHandleColumn: null, // override default TableDragAndDrop.createDragHandleColumn - in NestedTable the drag handle is rendered manually in `<NestedTableParentCell/>`\n  CollectionNestedTableDragAndDropContext: NestedTableDragAndDropContext,\n  setStateObject,\n  NestedTableDragHandle,\n  NestedTableGhostIndentationCell,\n};\n"],"mappings":";;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,8BAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,+BAAA,GAAAH,OAAA;AAEA,IAAAI,sBAAA,GAAAJ,OAAA;AACA,IAAAK,gCAAA,GAAAL,OAAA;AAEA,IAAIM,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;EACzC,IAAAC,8DAA8B,EAAC;IAC7BC,QAAQ,EAAE,SAAS;IACnBC,UAAU,EAAE;EACd,CAAC,CAAC;AACJ;AACA,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,sBAAsB,EAAE,IAAI;EAAE;EAC9BC,uCAAuC,EAAEC,4DAA6B;EACtEnB,cAAc;EACdoB,qBAAqB,EAArBA,4CAAqB;EACrBC,+BAA+B,EAA/BA;AACF,CAAC","ignoreList":[]}

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

@@ -1 +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":[]}
+{"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) => 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":[]}