@wix/patterns 1.114.0 → 1.119.0

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_NestedTableRowStCss","_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableRow","forwardRef","props","ref","_item$state$parent","children","item","className","dragAndDrop","rest","itemState","useState","state","createNode","parent","originalKeyedItem","useEffect","init","st","dataTableRowSt","classes","dataTableRowClasses","Table","dataTableRowStyle","expandable","_isNotExpandableWhenEmpty","isSameEntityAsOtherLevels","levelDescriptor","child","createElement","_extends2","process","env","NODE_ENV","key","indexWithinPage","collection","result","size","childrenDepth","root","showHoverHighlight","parentHovered","undefined","firstLevel","skin","onMouseEnter","_changeHover","onMouseLeave","onClick","ev","_toggleExpand","bi","reportExpandCollapse","__self","__source","fileName","lineNumber","columnNumber","NestedTableDragAndDropRow","forwardedRef","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 { FiltersMap } from '@wix/bex-core';\nimport { Table } from '@wix/design-system';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\nimport { NestedTableDataItem } from '../../state/NestedTableState/NestedTableNodeState';\n\nexport interface NestedTableRowProps<C extends string, T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  item: NestedTableDataItem<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, item, className, dragAndDrop, ...rest } = props;\n\n    const [itemState] = useState(() => {\n      return item.state.createNode({\n        parent: item.originalKeyedItem,\n      });\n    });\n\n    useEffect(() => itemState?.init(), []);\n\n    const { st: dataTableRowSt, classes: dataTableRowClasses } =\n      Table.dataTableRowStyle;\n\n    const expandable =\n      itemState != null && !itemState._isNotExpandableWhenEmpty;\n\n    const isSameEntityAsOtherLevels =\n      itemState?.levelDescriptor.isSameEntityAsOtherLevels;\n    let child = (\n      <tr\n        {...(process.env.NODE_ENV !== 'production' && {\n          'data-parent-key': item.state.parent?.key,\n          'data-index-in-parent': item.originalKeyedItem.indexWithinPage,\n        })}\n        {...(process.env.NODE_ENV === 'test' && {\n          'data-virtual-direct-children-count':\n            item.state.collection.result.size,\n          'data-level': item.state.childrenDepth,\n        })}\n        ref={ref}\n        className={st(\n          classes.root,\n          {\n            expandable,\n          },\n          item.state.showHoverHighlight ? classes.parentHovered : undefined,\n          item.state.childrenDepth === 0 && !isSameEntityAsOtherLevels\n            ? classes.firstLevel\n            : undefined,\n          dataTableRowSt(dataTableRowClasses.root, {\n            skin:\n              item.state.childrenDepth === 0 && !isSameEntityAsOtherLevels\n                ? 'neutral'\n                : 'light',\n          }),\n          className,\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            itemState.bi.reportExpandCollapse();\n          }\n        }}\n      >\n        {children}\n      </tr>\n    );\n\n    if (dragAndDrop) {\n      const { NestedTableDragAndDropRow } = dragAndDrop;\n      child = (\n        <NestedTableDragAndDropRow item={item} forwardedRef={ref}>\n          {child}\n        </NestedTableDragAndDropRow>\n      );\n    }\n\n    return child;\n  },\n);\n\nexport const NestedTableRow = observer(_NestedTableRow);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_NestedTableRowStCss","_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableRow","forwardRef","props","ref","_item$state$parent","children","item","className","dragAndDrop","rest","itemState","useState","state","createNode","parent","originalKeyedItem","useEffect","init","st","dataTableRowSt","classes","dataTableRowClasses","Table","dataTableRowStyle","expandable","_isNotExpandableWhenEmpty","isSameEntityAsOtherLevels","levelDescriptor","child","createElement","_extends2","process","env","NODE_ENV","key","indexWithinPage","collection","result","size","childrenDepth","nestedTable","_indentationWidth","root","showHoverHighlight","parentHovered","undefined","firstLevel","skin","onMouseEnter","_changeHover","onMouseLeave","onClick","ev","_toggleExpand","bi","reportExpandCollapse","__self","__source","fileName","lineNumber","columnNumber","NestedTableDragAndDropRow","forwardedRef","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 { FiltersMap } from '@wix/bex-core';\nimport { Table } from '@wix/design-system';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\nimport { NestedTableDataItem } from '../../state/NestedTableState/NestedTableNodeState';\n\nexport interface NestedTableRowProps<C extends string, T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  item: NestedTableDataItem<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, item, className, dragAndDrop, ...rest } = props;\n\n    const [itemState] = useState(() => {\n      return item.state.createNode({\n        parent: item.originalKeyedItem,\n      });\n    });\n\n    useEffect(() => itemState?.init(), []);\n\n    const { st: dataTableRowSt, classes: dataTableRowClasses } =\n      Table.dataTableRowStyle;\n\n    const expandable =\n      itemState != null && !itemState._isNotExpandableWhenEmpty;\n\n    const isSameEntityAsOtherLevels =\n      itemState?.levelDescriptor.isSameEntityAsOtherLevels;\n    let child = (\n      <tr\n        {...(process.env.NODE_ENV !== 'production' && {\n          'data-parent-key': item.state.parent?.key,\n          'data-index-in-parent': item.originalKeyedItem.indexWithinPage,\n        })}\n        {...(process.env.NODE_ENV === 'test' && {\n          'data-virtual-direct-children-count':\n            item.state.collection.result.size,\n          'data-level': item.state.childrenDepth,\n          'data-indentation-width': item.state.nestedTable._indentationWidth,\n        })}\n        ref={ref}\n        className={st(\n          classes.root,\n          {\n            expandable,\n          },\n          item.state.showHoverHighlight ? classes.parentHovered : undefined,\n          item.state.childrenDepth === 0 && !isSameEntityAsOtherLevels\n            ? classes.firstLevel\n            : undefined,\n          dataTableRowSt(dataTableRowClasses.root, {\n            skin:\n              item.state.childrenDepth === 0 && !isSameEntityAsOtherLevels\n                ? 'neutral'\n                : 'light',\n          }),\n          className,\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            itemState.bi.reportExpandCollapse();\n          }\n        }}\n      >\n        {children}\n      </tr>\n    );\n\n    if (dragAndDrop) {\n      const { NestedTableDragAndDropRow } = dragAndDrop;\n      child = (\n        <NestedTableDragAndDropRow item={item} forwardedRef={ref}>\n          {child}\n        </NestedTableDragAndDropRow>\n      );\n    }\n\n    return child;\n  },\n);\n\nexport const NestedTableRow = observer(_NestedTableRow);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "NestedTableRow3111153827";
+var _namespace_ = "NestedTableRow4139119906";
 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": "NestedTableRow3111153827__root",
-  "firstLevel": "NestedTableRow3111153827__firstLevel",
-  "placeholder": "NestedTableRow3111153827__placeholder",
-  "parentHovered": "NestedTableRow3111153827__parentHovered"
+  "root": "NestedTableRow4139119906__root",
+  "firstLevel": "NestedTableRow4139119906__firstLevel",
+  "placeholder": "NestedTableRow4139119906__placeholder",
+  "parentHovered": "NestedTableRow4139119906__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_ = \"NestedTableRow3111153827\";\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\":\"NestedTableRow3111153827__root\",\"firstLevel\":\"NestedTableRow3111153827__firstLevel\",\"placeholder\":\"NestedTableRow3111153827__placeholder\",\"parentHovered\":\"NestedTableRow3111153827__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_ = \"NestedTableRow4139119906\";\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\":\"NestedTableRow4139119906__root\",\"firstLevel\":\"NestedTableRow4139119906__firstLevel\",\"placeholder\":\"NestedTableRow4139119906__placeholder\",\"parentHovered\":\"NestedTableRow4139119906__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/NestedTableRow.uni.driver.js

@@ -12,6 +12,8 @@ function NestedTableRowUniDriver(base, body) {
     isExpanded: () => getMainColumn().getExpandCollapseButton().isExpanded(),
     clickExpandToggleButton: () => getMainColumn().getExpandCollapseButton().click(),
     getVirtualDirectChildrenCount: async () => Number(await base.attr('data-virtual-direct-children-count')),
+    getLevel: async () => Number(await base.attr('data-level')),
+    getIndentationWidth: async () => Number(await base.attr('data-indentation-width')),
     isExpandable: () => getMainColumn().getExpandCollapseButton().exists(),
     getKey: async () => {
       const dataHookAttr = await base.attr('data-hook');

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_NestedTableParentCellUni","NestedTableRowUniDriver","base","body","getMainColumn","NestedTableParentCellUniDriver","$","baseUniDriverFactory","isExpanded","getExpandCollapseButton","clickExpandToggleButton","click","getVirtualDirectChildrenCount","Number","attr","isExpandable","exists","getKey","dataHookAttr","split"],"sources":["../../../../src/components/NestedTable/NestedTableRow.uni.driver.ts"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\nimport { NestedTableParentCellUniDriver } from './NestedTableParentCell.uni.driver';\n\nexport function NestedTableRowUniDriver(base: UniDriver, body: UniDriver) {\n  const getMainColumn = () =>\n    NestedTableParentCellUniDriver(\n      base.$('td[data-hook=\"nested-mode-main-column\"]'),\n      body,\n    );\n\n  return {\n    ...baseUniDriverFactory(base),\n    getMainColumn,\n    isExpanded: () => getMainColumn().getExpandCollapseButton().isExpanded(),\n    clickExpandToggleButton: () =>\n      getMainColumn().getExpandCollapseButton().click(),\n    getVirtualDirectChildrenCount: async () =>\n      Number(await base.attr('data-virtual-direct-children-count')),\n    isExpandable: () => getMainColumn().getExpandCollapseButton().exists(),\n    getKey: async () => {\n      const dataHookAttr = await base.attr('data-hook');\n      return dataHookAttr?.split('table-row-')[1];\n    },\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAIA,IAAAC,yBAAA,GAAAD,OAAA;AAEO,SAASE,uBAAuBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACxE,MAAMC,aAAa,GAAGA,CAAA,KACpB,IAAAC,wDAA8B,EAC5BH,IAAI,CAACI,CAAC,CAAC,yCAAyC,CAAC,EACjDH,IACF,CAAC;EAEH,OAAO;IACL,GAAG,IAAAI,+BAAoB,EAACL,IAAI,CAAC;IAC7BE,aAAa;IACbI,UAAU,EAAEA,CAAA,KAAMJ,aAAa,CAAC,CAAC,CAACK,uBAAuB,CAAC,CAAC,CAACD,UAAU,CAAC,CAAC;IACxEE,uBAAuB,EAAEA,CAAA,KACvBN,aAAa,CAAC,CAAC,CAACK,uBAAuB,CAAC,CAAC,CAACE,KAAK,CAAC,CAAC;IACnDC,6BAA6B,EAAE,MAAAA,CAAA,KAC7BC,MAAM,CAAC,MAAMX,IAAI,CAACY,IAAI,CAAC,oCAAoC,CAAC,CAAC;IAC/DC,YAAY,EAAEA,CAAA,KAAMX,aAAa,CAAC,CAAC,CAACK,uBAAuB,CAAC,CAAC,CAACO,MAAM,CAAC,CAAC;IACtEC,MAAM,EAAE,MAAAA,CAAA,KAAY;MAClB,MAAMC,YAAY,GAAG,MAAMhB,IAAI,CAACY,IAAI,CAAC,WAAW,CAAC;MACjD,OAAOI,YAAY,oBAAZA,YAAY,CAAEC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IAC7C;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_NestedTableParentCellUni","NestedTableRowUniDriver","base","body","getMainColumn","NestedTableParentCellUniDriver","$","baseUniDriverFactory","isExpanded","getExpandCollapseButton","clickExpandToggleButton","click","getVirtualDirectChildrenCount","Number","attr","getLevel","getIndentationWidth","isExpandable","exists","getKey","dataHookAttr","split"],"sources":["../../../../src/components/NestedTable/NestedTableRow.uni.driver.ts"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\nimport { NestedTableParentCellUniDriver } from './NestedTableParentCell.uni.driver';\n\nexport function NestedTableRowUniDriver(base: UniDriver, body: UniDriver) {\n  const getMainColumn = () =>\n    NestedTableParentCellUniDriver(\n      base.$('td[data-hook=\"nested-mode-main-column\"]'),\n      body,\n    );\n\n  return {\n    ...baseUniDriverFactory(base),\n    getMainColumn,\n    isExpanded: () => getMainColumn().getExpandCollapseButton().isExpanded(),\n    clickExpandToggleButton: () =>\n      getMainColumn().getExpandCollapseButton().click(),\n    getVirtualDirectChildrenCount: async () =>\n      Number(await base.attr('data-virtual-direct-children-count')),\n    getLevel: async () => Number(await base.attr('data-level')),\n    getIndentationWidth: async () =>\n      Number(await base.attr('data-indentation-width')),\n    isExpandable: () => getMainColumn().getExpandCollapseButton().exists(),\n    getKey: async () => {\n      const dataHookAttr = await base.attr('data-hook');\n      return dataHookAttr?.split('table-row-')[1];\n    },\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAIA,IAAAC,yBAAA,GAAAD,OAAA;AAEO,SAASE,uBAAuBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACxE,MAAMC,aAAa,GAAGA,CAAA,KACpB,IAAAC,wDAA8B,EAC5BH,IAAI,CAACI,CAAC,CAAC,yCAAyC,CAAC,EACjDH,IACF,CAAC;EAEH,OAAO;IACL,GAAG,IAAAI,+BAAoB,EAACL,IAAI,CAAC;IAC7BE,aAAa;IACbI,UAAU,EAAEA,CAAA,KAAMJ,aAAa,CAAC,CAAC,CAACK,uBAAuB,CAAC,CAAC,CAACD,UAAU,CAAC,CAAC;IACxEE,uBAAuB,EAAEA,CAAA,KACvBN,aAAa,CAAC,CAAC,CAACK,uBAAuB,CAAC,CAAC,CAACE,KAAK,CAAC,CAAC;IACnDC,6BAA6B,EAAE,MAAAA,CAAA,KAC7BC,MAAM,CAAC,MAAMX,IAAI,CAACY,IAAI,CAAC,oCAAoC,CAAC,CAAC;IAC/DC,QAAQ,EAAE,MAAAA,CAAA,KAAYF,MAAM,CAAC,MAAMX,IAAI,CAACY,IAAI,CAAC,YAAY,CAAC,CAAC;IAC3DE,mBAAmB,EAAE,MAAAA,CAAA,KACnBH,MAAM,CAAC,MAAMX,IAAI,CAACY,IAAI,CAAC,wBAAwB,CAAC,CAAC;IACnDG,YAAY,EAAEA,CAAA,KAAMb,aAAa,CAAC,CAAC,CAACK,uBAAuB,CAAC,CAAC,CAACS,MAAM,CAAC,CAAC;IACtEC,MAAM,EAAE,MAAAA,CAAA,KAAY;MAClB,MAAMC,YAAY,GAAG,MAAMlB,IAAI,CAACY,IAAI,CAAC,WAAW,CAAC;MACjD,OAAOM,YAAY,oBAAZA,YAAY,CAAEC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IAC7C;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.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_ = "MultipleDragOverlayEffect3811407794";
+var _namespace_ = "MultipleDragOverlayEffect2986942107";
 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": "MultipleDragOverlayEffect3811407794__root"
+  "root": "MultipleDragOverlayEffect2986942107__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect3811407794\";\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\":\"MultipleDragOverlayEffect3811407794__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect2986942107\";\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\":\"MultipleDragOverlayEffect2986942107__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/NestedTableDragAndDropContext.js

@@ -102,11 +102,13 @@ function _NestedTableDragAndDropContext(props) {
     hideOverlayBottomShadow: true,
     eventHandlers: {
       row: ({
-        id
+        id,
+        disabled
       }) => {
         const testEvents = process.env.NODE_ENV === 'test' ? (0, _dndTestEventHandlers.sortableItemTestEvents)({
           state: dragAndDropState,
-          id
+          id,
+          disabled
         }) : undefined;
         return {
           ...testEvents,
@@ -138,7 +140,7 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 159,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(Table, (0, _extends2.default)({}, tableProps, {
@@ -149,7 +151,7 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 159,
+      lineNumber: 160,
       columnNumber: 7
     }
   })), /*#__PURE__*/_react.default.createElement(_DragAndDropAnnouncements.DragAndDropAnnouncements, {
@@ -158,7 +160,7 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 167,
+      lineNumber: 168,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_dragAndDrop","_DragAndDropAnnouncements","_dndTestEventHandlers","_util","_minimalRequiredWdsRuntimeCheck","_validateNestedTableDragAndDropProps","_DragOverlayTestComponent","_NestedTableDragAndDropOverlay","_createUseIsDropDisabled","_react2","_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","useIsDropDisabled","createUseIsDropDisabled","dragAndDropState","dnd","modalsContainerRef","usePageContext","useEffect","init","dragAndDropContext","useState","closestCenterOnViewPort","onDragAndDropDisabledRowPointerDown","id","attachDisabledDragAttempt","cancelDrop","ev","beforeDrop","dropAnimation","duration","easing","announcements","nullAnnouncements","a11yContainer","current","onDragOver","over","onDragMove","event","restoreFocus","onDropAnimationEnd","dragHandleRef","addEventListener","events","focusDragHandleIfDropped","overlayWrapperElement","forwardRef","ref","createElement","NestedTableDragAndDropOverlay","_extends2","innerRef","__self","__source","fileName","lineNumber","columnNumber","DragOverlayComponentType","DragOverlayTestComponent","keyboardCodes","autoScrollOptions","acceleration","hideOverlayBottomShadow","eventHandlers","row","testEvents","sortableItemTestEvents","undefined","onPointerDown","containerEvents","handle","handleEvents","onKeyDown","dragHandleTestEvents","DragAndDropContext","Provider","value","isDragAndDropDisabled","isDisabled","onDragStart","onDragEnd","onDragCancel","DragAndDropAnnouncements","dataHook","NestedTableDragAndDropContext","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, useEffect, 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 { TableProps } from '@wix/design-system';\nimport {\n  DragAndDropContext,\n  IDragAndDropContext,\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';\nimport { DragOverlayTestComponent } from '../DragAndDrop/DragOverlayTestComponent';\nimport { DragOverlayProps } from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { NestedTableDragAndDropOverlay } from './NestedTableDragAndDropOverlay';\nimport { createUseIsDropDisabled } from './createUseIsDropDisabled';\nimport { usePageContext } from '@wix/bex-core/react';\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  const useIsDropDisabled = createUseIsDropDisabled(state);\n\n  const dragAndDropState = state.dnd;\n\n  const { modalsContainerRef } = usePageContext();\n\n  useEffect(() => state.init(), []);\n\n  dragAndDropState.onSubmit = onSubmit;\n  dragAndDropState.onBulkSubmit = onBulkSubmit;\n\n  const [dragAndDropContext] = useState(\n    (): IDragAndDropContext => ({\n      useIsDropDisabled,\n      closestCenterOnViewPort: true,\n      onDragAndDropDisabledRowPointerDown: (id, e) => {\n        dragAndDropState.attachDisabledDragAttempt(id as string, e, 'y');\n      },\n      cancelDrop: async (ev) => {\n        return dragAndDropState.beforeDrop(ev);\n      },\n      dropAnimation: {\n        duration: dragAndDropState.dropAnimation.duration,\n        easing: dragAndDropState.dropAnimation.easing,\n      },\n      announcements: dragAndDropState.nullAnnouncements,\n      a11yContainer: modalsContainerRef.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(\n              id,\n              dragHandleRef.current,\n            );\n          },\n        );\n      },\n      overlayWrapperElement: forwardRef<\n        HTMLDivElement,\n        HTMLAttributes<HTMLDivElement>\n      >((props, ref) => (\n        <NestedTableDragAndDropOverlay\n          innerRef={ref}\n          state={state}\n          {...props}\n        />\n      )),\n      ...(process.env.NODE_ENV === 'test' && {\n        DragOverlayComponentType: (props: DragOverlayProps) => (\n          <DragOverlayTestComponent {...props} state={dragAndDropState} />\n        ),\n      }),\n      keyboardCodes: dragAndDropState.keyboardCodes,\n      autoScrollOptions: {\n        acceleration: 6,\n      },\n      hideOverlayBottomShadow: true,\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      },\n    }),\n  );\n\n  dragAndDropContext.a11yContainer = modalsContainerRef.current;\n\n  return (\n    <DragAndDropContext.Provider value={dragAndDropContext}>\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    </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","_DragOverlayTestComponent","_NestedTableDragAndDropOverlay","_createUseIsDropDisabled","_react2","_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","useIsDropDisabled","createUseIsDropDisabled","dragAndDropState","dnd","modalsContainerRef","usePageContext","useEffect","init","dragAndDropContext","useState","closestCenterOnViewPort","onDragAndDropDisabledRowPointerDown","id","attachDisabledDragAttempt","cancelDrop","ev","beforeDrop","dropAnimation","duration","easing","announcements","nullAnnouncements","a11yContainer","current","onDragOver","over","onDragMove","event","restoreFocus","onDropAnimationEnd","dragHandleRef","addEventListener","events","focusDragHandleIfDropped","overlayWrapperElement","forwardRef","ref","createElement","NestedTableDragAndDropOverlay","_extends2","innerRef","__self","__source","fileName","lineNumber","columnNumber","DragOverlayComponentType","DragOverlayTestComponent","keyboardCodes","autoScrollOptions","acceleration","hideOverlayBottomShadow","eventHandlers","row","disabled","testEvents","sortableItemTestEvents","undefined","onPointerDown","containerEvents","handle","handleEvents","onKeyDown","dragHandleTestEvents","DragAndDropContext","Provider","value","isDragAndDropDisabled","isDisabled","onDragStart","onDragEnd","onDragCancel","DragAndDropAnnouncements","dataHook","NestedTableDragAndDropContext","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, useEffect, 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 { TableProps } from '@wix/design-system';\nimport {\n  DragAndDropContext,\n  IDragAndDropContext,\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';\nimport { DragOverlayTestComponent } from '../DragAndDrop/DragOverlayTestComponent';\nimport { DragOverlayProps } from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { NestedTableDragAndDropOverlay } from './NestedTableDragAndDropOverlay';\nimport { createUseIsDropDisabled } from './createUseIsDropDisabled';\nimport { usePageContext } from '@wix/bex-core/react';\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  const useIsDropDisabled = createUseIsDropDisabled(state);\n\n  const dragAndDropState = state.dnd;\n\n  const { modalsContainerRef } = usePageContext();\n\n  useEffect(() => state.init(), []);\n\n  dragAndDropState.onSubmit = onSubmit;\n  dragAndDropState.onBulkSubmit = onBulkSubmit;\n\n  const [dragAndDropContext] = useState(\n    (): IDragAndDropContext => ({\n      useIsDropDisabled,\n      closestCenterOnViewPort: true,\n      onDragAndDropDisabledRowPointerDown: (id, e) => {\n        dragAndDropState.attachDisabledDragAttempt(id as string, e, 'y');\n      },\n      cancelDrop: async (ev) => {\n        return dragAndDropState.beforeDrop(ev);\n      },\n      dropAnimation: {\n        duration: dragAndDropState.dropAnimation.duration,\n        easing: dragAndDropState.dropAnimation.easing,\n      },\n      announcements: dragAndDropState.nullAnnouncements,\n      a11yContainer: modalsContainerRef.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(\n              id,\n              dragHandleRef.current,\n            );\n          },\n        );\n      },\n      overlayWrapperElement: forwardRef<\n        HTMLDivElement,\n        HTMLAttributes<HTMLDivElement>\n      >((props, ref) => (\n        <NestedTableDragAndDropOverlay\n          innerRef={ref}\n          state={state}\n          {...props}\n        />\n      )),\n      ...(process.env.NODE_ENV === 'test' && {\n        DragOverlayComponentType: (props: DragOverlayProps) => (\n          <DragOverlayTestComponent {...props} state={dragAndDropState} />\n        ),\n      }),\n      keyboardCodes: dragAndDropState.keyboardCodes,\n      autoScrollOptions: {\n        acceleration: 6,\n      },\n      hideOverlayBottomShadow: true,\n      eventHandlers: {\n        row: ({ id, disabled }) => {\n          const testEvents =\n            process.env.NODE_ENV === 'test'\n              ? sortableItemTestEvents({\n                  state: dragAndDropState,\n                  id,\n                  disabled,\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      },\n    }),\n  );\n\n  dragAndDropContext.a11yContainer = modalsContainerRef.current;\n\n  return (\n    <DragAndDropContext.Provider value={dragAndDropContext}>\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    </DragAndDropContext.Provider>\n  );\n}\n\nexport const NestedTableDragAndDropContext = observer(\n  _NestedTableDragAndDropContext,\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.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_ = "NestedTableDragAndDropRow340506385";
+var _namespace_ = "NestedTableDragAndDropRow2589257637";
 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": "NestedTableDragAndDropRow340506385__root"
+  "root": "NestedTableDragAndDropRow2589257637__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow340506385\";\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\":\"NestedTableDragAndDropRow340506385__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,oCAAoC;AACtD,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;AAA0C,CAAC;AACjE,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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow2589257637\";\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\":\"NestedTableDragAndDropRow2589257637__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/createUseIsDropDisabled.js

@@ -9,7 +9,7 @@ var _useSelector = require("../../useSelector");
  */
 const createUseIsDropDisabled = state => {
   return targetNodeId => {
-    var _state$nestedState$ge, _state$nestedState$ge2, _state$nestedState$ge3, _state$nestedState$ge4, _nextItem$item$state, _previousItem$item$st, _nextItem$item$state2;
+    var _state$nestedState$ge, _state$nestedState$ge2, _state$nestedState$ge3, _state$nestedState$ge4, _nextItem$item$state;
     // Get the ID of the currently active (dragged) item
     const activeItemId = (0, _useSelector.useSelector)(() => state.dnd.activeId);
 
@@ -46,23 +46,38 @@ const createUseIsDropDisabled = state => {
     const nextItem = activeItemIndex <= targetItemIndex ? state.nestedState.keyedItems[targetItemIndex + 1] : state.nestedState.keyedItems[targetItemIndex];
 
     // Check if the dragged item is moving down to a sublevel
-    const isMovingDownToSublevel = (targetItemState == null ? void 0 : targetItemState.childrenDepth) === (activeItemState == null ? void 0 : activeItemState.childrenDepth) - 1 && (nextItem == null ? void 0 : nextItem.item.state.childrenDepth) >= (activeItemState == null ? void 0 : activeItemState.childrenDepth) && targetItemIndex === (previousItem == null ? void 0 : previousItem.index);
+    const isMovingDownToSublevel = targetItemState.childrenDepth === activeItemState.childrenDepth - 1 && nextItem != null && nextItem.item.state.childrenDepth >= activeItemState.childrenDepth && targetItemIndex === (previousItem == null ? void 0 : previousItem.index);
+    if (isMovingDownToSublevel) {
+      return false;
+    }
 
     // Check if the dragged item is moving up to a sublevel
-    const isMovingUpToSubLevel = (targetItemState == null ? void 0 : targetItemState.childrenDepth) === activeItemState.childrenDepth - 1 && (previousItem == null ? void 0 : previousItem.item.state.childrenDepth) === activeItemState.childrenDepth && (nextItem == null ? void 0 : nextItem.item.state.childrenDepth) < activeItemState.childrenDepth && targetItemIndex === (nextItem == null ? void 0 : nextItem.index);
+    const isMovingUpToSubLevel = targetItemState.childrenDepth === activeItemState.childrenDepth - 1 && (previousItem == null ? void 0 : previousItem.item.state.childrenDepth) === activeItemState.childrenDepth && (nextItem == null || nextItem.item.state.childrenDepth < activeItemState.childrenDepth) && targetItemIndex === (nextItem == null ? void 0 : nextItem.index);
+    if (isMovingUpToSubLevel) {
+      return false;
+    }
 
     // Determine if the target item has children
-    const targetItemHasChildren = (targetItemState == null ? void 0 : targetItemState.childrenDepth) + 1 === (nextItem == null || (_nextItem$item$state = nextItem.item.state) == null ? void 0 : _nextItem$item$state.childrenDepth);
+    const targetItemHasChildren = targetItemState.childrenDepth + 1 === (nextItem == null || (_nextItem$item$state = nextItem.item.state) == null ? void 0 : _nextItem$item$state.childrenDepth);
 
     // Check if the dragged item is on the same level without children
-    const isSameLevelWithoutChildren = !targetItemHasChildren && (targetItemState == null ? void 0 : targetItemState.childrenDepth) === (activeItemState == null ? void 0 : activeItemState.childrenDepth);
+    const isSameLevelWithoutChildren = !targetItemHasChildren && targetItemState.childrenDepth === activeItemState.childrenDepth;
+    if (isSameLevelWithoutChildren) {
+      return false;
+    }
 
     // Check if the dragged item is moving to the next level after a node without children
-    const isNextLevelWithoutChildren = !targetItemHasChildren && (previousItem == null ? void 0 : previousItem.item.state.childrenDepth) === (activeItemState == null ? void 0 : activeItemState.childrenDepth) - 1;
+    const isNextLevelWithoutChildren = !targetItemHasChildren && (previousItem == null ? void 0 : previousItem.item.state.childrenDepth) === activeItemState.childrenDepth - 1;
+    if (isNextLevelWithoutChildren) {
+      return false;
+    }
 
     // Check if the dragged item is stepping out to the same level (not entering a sublevel)
-    const isStepOutToSameLevel = !targetItemHasChildren && (previousItem == null || (_previousItem$item$st = previousItem.item.state) == null ? void 0 : _previousItem$item$st.childrenDepth) >= (activeItemState == null ? void 0 : activeItemState.childrenDepth) + 1 && (nextItem == null || (_nextItem$item$state2 = nextItem.item.state) == null ? void 0 : _nextItem$item$state2.childrenDepth) <= activeItemState.childrenDepth;
-    return !(isSameLevelWithoutChildren || isNextLevelWithoutChildren || isStepOutToSameLevel || isMovingDownToSublevel || isMovingUpToSubLevel);
+    const isStepOutToSameLevel = !targetItemHasChildren && previousItem != null && previousItem.item.state.childrenDepth >= activeItemState.childrenDepth + 1 && (nextItem == null || nextItem.item.state.childrenDepth <= activeItemState.childrenDepth);
+    if (isStepOutToSameLevel) {
+      return false;
+    }
+    return true;
   };
 };
 exports.createUseIsDropDisabled = createUseIsDropDisabled;

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

@@ -1 +1 @@
-{"version":3,"names":["_useSelector","require","createUseIsDropDisabled","state","targetNodeId","_state$nestedState$ge","_state$nestedState$ge2","_state$nestedState$ge3","_state$nestedState$ge4","_nextItem$item$state","_previousItem$item$st","_nextItem$item$state2","activeItemId","useSelector","dnd","activeId","activeItemState","nestedState","getKeyedItem","item","targetItemState","toString","activeKeyedItem","collection","targetKeyedItem","isSameEntityAsOtherLevels","activeItemIndex","index","targetItemIndex","previousItem","keyedItems","nextItem","isMovingDownToSublevel","childrenDepth","isMovingUpToSubLevel","targetItemHasChildren","isSameLevelWithoutChildren","isNextLevelWithoutChildren","isStepOutToSameLevel","exports"],"sources":["../../../../src/components/NestedTableDragAndDrop/createUseIsDropDisabled.ts"],"sourcesContent":["import { useSelector } from '../../useSelector';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\n\n/**\n * Factory function to create a custom hook `useIsDropDisabled` that determines\n * whether the drop is disabled for a given node based on drag-and-drop state.\n */\nexport const createUseIsDropDisabled = <C extends string>(\n  state: NestedTableDragAndDropState<C>,\n) => {\n  return (targetNodeId: string | number): boolean => {\n    // Get the ID of the currently active (dragged) item\n    const activeItemId = useSelector(() => state.dnd.activeId);\n\n    // If there's no active (dragged) item, disable dropping\n    if (!activeItemId) {\n      return true;\n    }\n\n    // Retrieve the state of the active (dragged) item and the target (hovered) item\n    const activeItemState =\n      state.nestedState.getKeyedItem(activeItemId)?.item.state;\n    const targetItemState = state.nestedState.getKeyedItem(\n      targetNodeId.toString(),\n    )?.item.state;\n\n    // If either the active or target node is missing, disable dropping\n    if (!activeItemState || !targetItemState) {\n      return true;\n    }\n\n    const activeKeyedItem = state.dnd.collection.getKeyedItem(activeItemId);\n    const targetKeyedItem = state.dnd.collection.getKeyedItem(\n      targetNodeId.toString(),\n    );\n\n    if (!activeKeyedItem || !targetKeyedItem) {\n      return true;\n    }\n\n    // If levels contain the same entity, dropping is always allowed\n    if (state.isSameEntityAsOtherLevels) {\n      return false;\n    }\n\n    // Get the index of the active (dragged) item and the target (hovered) item in the nested state\n    const activeItemIndex =\n      state.nestedState.getKeyedItem(activeItemId)?.index || 0;\n    const targetItemIndex =\n      state.nestedState.getKeyedItem(targetNodeId.toString())?.index || 0;\n\n    // Get the previous and next items relative to the target item\n    const previousItem =\n      activeItemIndex >= targetItemIndex\n        ? state.nestedState.keyedItems[targetItemIndex - 1]\n        : state.nestedState.keyedItems[targetItemIndex];\n\n    const nextItem =\n      activeItemIndex <= targetItemIndex\n        ? state.nestedState.keyedItems[targetItemIndex + 1]\n        : state.nestedState.keyedItems[targetItemIndex];\n\n    // Check if the dragged item is moving down to a sublevel\n    const isMovingDownToSublevel =\n      targetItemState?.childrenDepth === activeItemState?.childrenDepth - 1 &&\n      nextItem?.item.state.childrenDepth >= activeItemState?.childrenDepth &&\n      targetItemIndex === previousItem?.index;\n\n    // Check if the dragged item is moving up to a sublevel\n    const isMovingUpToSubLevel =\n      targetItemState?.childrenDepth === activeItemState.childrenDepth - 1 &&\n      previousItem?.item.state.childrenDepth ===\n        activeItemState.childrenDepth &&\n      nextItem?.item.state.childrenDepth < activeItemState.childrenDepth &&\n      targetItemIndex === nextItem?.index;\n\n    // Determine if the target item has children\n    const targetItemHasChildren =\n      targetItemState?.childrenDepth + 1 ===\n      nextItem?.item.state?.childrenDepth;\n\n    // Check if the dragged item is on the same level without children\n    const isSameLevelWithoutChildren =\n      !targetItemHasChildren &&\n      targetItemState?.childrenDepth === activeItemState?.childrenDepth;\n\n    // Check if the dragged item is moving to the next level after a node without children\n    const isNextLevelWithoutChildren =\n      !targetItemHasChildren &&\n      previousItem?.item.state.childrenDepth ===\n        activeItemState?.childrenDepth - 1;\n\n    // Check if the dragged item is stepping out to the same level (not entering a sublevel)\n    const isStepOutToSameLevel =\n      !targetItemHasChildren &&\n      previousItem?.item.state?.childrenDepth >=\n        activeItemState?.childrenDepth + 1 &&\n      nextItem?.item.state?.childrenDepth <= activeItemState.childrenDepth;\n\n    return !(\n      isSameLevelWithoutChildren ||\n      isNextLevelWithoutChildren ||\n      isStepOutToSameLevel ||\n      isMovingDownToSublevel ||\n      isMovingUpToSubLevel\n    );\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_useSelector","require","createUseIsDropDisabled","state","targetNodeId","_state$nestedState$ge","_state$nestedState$ge2","_state$nestedState$ge3","_state$nestedState$ge4","_nextItem$item$state","activeItemId","useSelector","dnd","activeId","activeItemState","nestedState","getKeyedItem","item","targetItemState","toString","activeKeyedItem","collection","targetKeyedItem","isSameEntityAsOtherLevels","activeItemIndex","index","targetItemIndex","previousItem","keyedItems","nextItem","isMovingDownToSublevel","childrenDepth","isMovingUpToSubLevel","targetItemHasChildren","isSameLevelWithoutChildren","isNextLevelWithoutChildren","isStepOutToSameLevel","exports"],"sources":["../../../../src/components/NestedTableDragAndDrop/createUseIsDropDisabled.ts"],"sourcesContent":["import { useSelector } from '../../useSelector';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\nimport { NestedTableKeyedItem } from '../../state';\n\n/**\n * Factory function to create a custom hook `useIsDropDisabled` that determines\n * whether the drop is disabled for a given node based on drag-and-drop state.\n */\nexport const createUseIsDropDisabled = <C extends string>(\n  state: NestedTableDragAndDropState<C>,\n) => {\n  return (targetNodeId: string | number): boolean => {\n    // Get the ID of the currently active (dragged) item\n    const activeItemId = useSelector(() => state.dnd.activeId);\n\n    // If there's no active (dragged) item, disable dropping\n    if (!activeItemId) {\n      return true;\n    }\n\n    // Retrieve the state of the active (dragged) item and the target (hovered) item\n    const activeItemState =\n      state.nestedState.getKeyedItem(activeItemId)?.item.state;\n    const targetItemState = state.nestedState.getKeyedItem(\n      targetNodeId.toString(),\n    )?.item.state;\n\n    // If either the active or target node is missing, disable dropping\n    if (!activeItemState || !targetItemState) {\n      return true;\n    }\n\n    const activeKeyedItem = state.dnd.collection.getKeyedItem(activeItemId);\n    const targetKeyedItem = state.dnd.collection.getKeyedItem(\n      targetNodeId.toString(),\n    );\n\n    if (!activeKeyedItem || !targetKeyedItem) {\n      return true;\n    }\n\n    // If levels contain the same entity, dropping is always allowed\n    if (state.isSameEntityAsOtherLevels) {\n      return false;\n    }\n\n    // Get the index of the active (dragged) item and the target (hovered) item in the nested state\n    const activeItemIndex =\n      state.nestedState.getKeyedItem(activeItemId)?.index || 0;\n    const targetItemIndex =\n      state.nestedState.getKeyedItem(targetNodeId.toString())?.index || 0;\n\n    // Get the previous and next items relative to the target item\n    const previousItem = (\n      activeItemIndex >= targetItemIndex\n        ? state.nestedState.keyedItems[targetItemIndex - 1]\n        : state.nestedState.keyedItems[targetItemIndex]\n    ) as NestedTableKeyedItem<C, any, any> | null;\n\n    const nextItem = (\n      activeItemIndex <= targetItemIndex\n        ? state.nestedState.keyedItems[targetItemIndex + 1]\n        : state.nestedState.keyedItems[targetItemIndex]\n    ) as NestedTableKeyedItem<C, any, any> | null;\n\n    // Check if the dragged item is moving down to a sublevel\n    const isMovingDownToSublevel =\n      targetItemState.childrenDepth === activeItemState.childrenDepth - 1 &&\n      nextItem != null &&\n      nextItem.item.state.childrenDepth >= activeItemState.childrenDepth &&\n      targetItemIndex === previousItem?.index;\n\n    if (isMovingDownToSublevel) {\n      return false;\n    }\n\n    // Check if the dragged item is moving up to a sublevel\n    const isMovingUpToSubLevel =\n      targetItemState.childrenDepth === activeItemState.childrenDepth - 1 &&\n      previousItem?.item.state.childrenDepth ===\n        activeItemState.childrenDepth &&\n      (nextItem == null ||\n        nextItem.item.state.childrenDepth < activeItemState.childrenDepth) &&\n      targetItemIndex === nextItem?.index;\n\n    if (isMovingUpToSubLevel) {\n      return false;\n    }\n\n    // Determine if the target item has children\n    const targetItemHasChildren =\n      targetItemState.childrenDepth + 1 === nextItem?.item.state?.childrenDepth;\n\n    // Check if the dragged item is on the same level without children\n    const isSameLevelWithoutChildren =\n      !targetItemHasChildren &&\n      targetItemState.childrenDepth === activeItemState.childrenDepth;\n\n    if (isSameLevelWithoutChildren) {\n      return false;\n    }\n\n    // Check if the dragged item is moving to the next level after a node without children\n    const isNextLevelWithoutChildren =\n      !targetItemHasChildren &&\n      previousItem?.item.state.childrenDepth ===\n        activeItemState.childrenDepth - 1;\n\n    if (isNextLevelWithoutChildren) {\n      return false;\n    }\n\n    // Check if the dragged item is stepping out to the same level (not entering a sublevel)\n    const isStepOutToSameLevel =\n      !targetItemHasChildren &&\n      previousItem != null &&\n      previousItem.item.state.childrenDepth >=\n        activeItemState.childrenDepth + 1 &&\n      (nextItem == null ||\n        nextItem.item.state.childrenDepth <= activeItemState.childrenDepth);\n\n    if (isStepOutToSameLevel) {\n      return false;\n    }\n\n    return true;\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PickerContent/PickerContent.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_ = "PickerContent1679924004";
+var _namespace_ = "PickerContent2570572610";
 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": "PickerContent1679924004__root"
+  "root": "PickerContent2570572610__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContent.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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent1679924004\";\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\":\"PickerContent1679924004__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,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent2570572610\";\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\":\"PickerContent2570572610__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,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,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/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "PickerContentAdditionalStep1281536433";
+var _namespace_ = "PickerContentAdditionalStep3240492415";
 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": "PickerContentAdditionalStep1281536433__root",
-  "titles": "PickerContentAdditionalStep1281536433__titles",
-  "suffix": "PickerContentAdditionalStep1281536433__suffix"
+  "root": "PickerContentAdditionalStep3240492415__root",
+  "titles": "PickerContentAdditionalStep3240492415__titles",
+  "suffix": "PickerContentAdditionalStep3240492415__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep1281536433\";\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\":\"PickerContentAdditionalStep1281536433__root\",\"titles\":\"PickerContentAdditionalStep1281536433__titles\",\"suffix\":\"PickerContentAdditionalStep1281536433__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep3240492415\";\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\":\"PickerContentAdditionalStep3240492415__root\",\"titles\":\"PickerContentAdditionalStep3240492415__titles\",\"suffix\":\"PickerContentAdditionalStep3240492415__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerSelectorListContent/PickerSelectorListContent.js

@@ -65,7 +65,7 @@ function _PickerSelectorListContent(props) {
     title: collection.itemName(keyedItem.item),
     ...(renderItem == null ? void 0 : renderItem(keyedItem.item, index)),
     keyedItem
-  })), [keyedItems]);
+  })), [keyedItems, renderItem]);
   const notification = someHidden && hiddenItemsWarningText && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     padding: `0 ${spacing}px 18px ${spacing}px`,
     __self: this,

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_PickerSelectorListContent","props","state","renderItem","multiple","spacing","hiddenItemsWarningText","hasAdditionalStep","rest","picker","collection","someHidden","bulkSelect","result","keyedItems","fetchedLastPage","checkedSet","indeterminateSet","useEffect","setFloatingNotificationHeight","disposers","addEventListener","select","_map","events","selectionEntry","collectionItem","getCollectionItem","value","key","item","index","disabled","forEach","d","items","useMemo","map","keyedItem","id","title","itemName","notification","createElement","Box","padding","__self","__source","fileName","lineNumber","columnNumber","FloatingNotification","dataHook","width","showCloseButton","type","text","SelectorListContent","_extends2","infiniteScrollRef","infiniteScroll","_infiniteScroll$scrol","scrollableContent","scrollComponent","parentElement","searchValue","loadMore","fetchNextPageIfNeeded","topScrollableContent","checkIsSelected","checkIndeterminate","onToggle","toggle","clear","hasMore","PickerSelectorListContent","exports","observer"],"sources":["../../../../src/components/PickerSelectorListContent/PickerSelectorListContent.tsx"],"sourcesContent":["import {\n  Box,\n  FloatingNotification,\n  SelectorListContent,\n  SelectorListContentProps,\n  SelectorListItem,\n} from '@wix/design-system';\nimport React, { ReactNode, useEffect, useMemo } from 'react';\nimport { FiltersMap, KeyedItem, addEventListener } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { PickerContentState } from '../../state';\n\nexport type KeyedItemSelectorListItem<T> = SelectorListItem & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport interface PickerSelectorListContentProps<T, F extends FiltersMap>\n  extends Partial<SelectorListContentProps> {\n  state: PickerContentState<T, F>;\n  renderItem?: (item: T, index: number) => Partial<SelectorListItem>;\n  hasAdditionalStep?: (props: { item: T }) => boolean;\n  hiddenItemsWarningText?: ReactNode;\n  spacing?: 30 | 94;\n}\n\nfunction _PickerSelectorListContent<T, F extends FiltersMap>(\n  props: PickerSelectorListContentProps<T, F>,\n) {\n  const {\n    state,\n    renderItem,\n    multiple,\n    spacing = 30,\n    hiddenItemsWarningText,\n    hasAdditionalStep,\n    ...rest\n  } = props;\n\n  const { picker } = state;\n  const { collection, someHidden } = picker;\n  const {\n    bulkSelect,\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const { checkedSet, indeterminateSet } = bulkSelect;\n\n  useEffect(() => {\n    if (hiddenItemsWarningText) {\n      picker.setFloatingNotificationHeight();\n    }\n  }, [hiddenItemsWarningText]);\n\n  useEffect(() => {\n    const disposers = [\n      addEventListener(\n        bulkSelect.select._map.events,\n        'isDisabled',\n        (selectionEntry) => {\n          const collectionItem = bulkSelect.getCollectionItem(\n            selectionEntry.value.key,\n          );\n\n          if (!collectionItem) {\n            return false;\n          }\n\n          const { item, index } = collectionItem;\n          return renderItem?.(item, index).disabled || false;\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }, [renderItem]);\n\n  const items: KeyedItemSelectorListItem<T>[] = useMemo(\n    () =>\n      keyedItems.map((keyedItem, index) => ({\n        id: keyedItem.key,\n        title: collection.itemName(keyedItem.item),\n        ...renderItem?.(keyedItem.item, index),\n        keyedItem,\n      })),\n    [keyedItems],\n  );\n\n  const notification = someHidden && hiddenItemsWarningText && (\n    <Box padding={`0 ${spacing}px 18px ${spacing}px`}>\n      <FloatingNotification\n        dataHook=\"floating-notification\"\n        width=\"100%\"\n        showCloseButton={false}\n        type=\"warning\"\n        text={hiddenItemsWarningText}\n      />\n    </Box>\n  );\n\n  return (\n    <SelectorListContent\n      items={items}\n      infiniteScrollRef={(infiniteScroll) => {\n        collection.scrollableContent =\n          infiniteScroll?.scrollComponent?.parentElement;\n      }}\n      searchValue=\"\"\n      loadMore={collection.fetchNextPageIfNeeded}\n      topScrollableContent={notification}\n      checkIsSelected={(item) => {\n        const { keyedItem } = item as KeyedItemSelectorListItem<T>;\n        return checkedSet.has(keyedItem.key);\n      }}\n      checkIndeterminate={(item) => {\n        const { keyedItem } = item as KeyedItemSelectorListItem<T>;\n        return indeterminateSet.has(keyedItem.key);\n      }}\n      onToggle={(item) => {\n        const { keyedItem } = item as KeyedItemSelectorListItem<T>;\n        picker.toggle(keyedItem, {\n          clear: !multiple,\n          hasAdditionalStep:\n            !multiple && hasAdditionalStep?.({ item: keyedItem.item }),\n        });\n      }}\n      hasMore={!fetchedLastPage}\n      multiple={multiple}\n      {...rest}\n    />\n  );\n}\n\nexport const PickerSelectorListContent = observer(_PickerSelectorListContent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_PickerSelectorListContent","props","state","renderItem","multiple","spacing","hiddenItemsWarningText","hasAdditionalStep","rest","picker","collection","someHidden","bulkSelect","result","keyedItems","fetchedLastPage","checkedSet","indeterminateSet","useEffect","setFloatingNotificationHeight","disposers","addEventListener","select","_map","events","selectionEntry","collectionItem","getCollectionItem","value","key","item","index","disabled","forEach","d","items","useMemo","map","keyedItem","id","title","itemName","notification","createElement","Box","padding","__self","__source","fileName","lineNumber","columnNumber","FloatingNotification","dataHook","width","showCloseButton","type","text","SelectorListContent","_extends2","infiniteScrollRef","infiniteScroll","_infiniteScroll$scrol","scrollableContent","scrollComponent","parentElement","searchValue","loadMore","fetchNextPageIfNeeded","topScrollableContent","checkIsSelected","checkIndeterminate","onToggle","toggle","clear","hasMore","PickerSelectorListContent","exports","observer"],"sources":["../../../../src/components/PickerSelectorListContent/PickerSelectorListContent.tsx"],"sourcesContent":["import {\n  Box,\n  FloatingNotification,\n  SelectorListContent,\n  SelectorListContentProps,\n  SelectorListItem,\n} from '@wix/design-system';\nimport React, { ReactNode, useEffect, useMemo } from 'react';\nimport { FiltersMap, KeyedItem, addEventListener } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { PickerContentState } from '../../state';\n\nexport type KeyedItemSelectorListItem<T> = SelectorListItem & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport interface PickerSelectorListContentProps<T, F extends FiltersMap>\n  extends Partial<SelectorListContentProps> {\n  state: PickerContentState<T, F>;\n  renderItem?: (item: T, index: number) => Partial<SelectorListItem>;\n  hasAdditionalStep?: (props: { item: T }) => boolean;\n  hiddenItemsWarningText?: ReactNode;\n  spacing?: 30 | 94;\n}\n\nfunction _PickerSelectorListContent<T, F extends FiltersMap>(\n  props: PickerSelectorListContentProps<T, F>,\n) {\n  const {\n    state,\n    renderItem,\n    multiple,\n    spacing = 30,\n    hiddenItemsWarningText,\n    hasAdditionalStep,\n    ...rest\n  } = props;\n\n  const { picker } = state;\n  const { collection, someHidden } = picker;\n  const {\n    bulkSelect,\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const { checkedSet, indeterminateSet } = bulkSelect;\n\n  useEffect(() => {\n    if (hiddenItemsWarningText) {\n      picker.setFloatingNotificationHeight();\n    }\n  }, [hiddenItemsWarningText]);\n\n  useEffect(() => {\n    const disposers = [\n      addEventListener(\n        bulkSelect.select._map.events,\n        'isDisabled',\n        (selectionEntry) => {\n          const collectionItem = bulkSelect.getCollectionItem(\n            selectionEntry.value.key,\n          );\n\n          if (!collectionItem) {\n            return false;\n          }\n\n          const { item, index } = collectionItem;\n          return renderItem?.(item, index).disabled || false;\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }, [renderItem]);\n\n  const items: KeyedItemSelectorListItem<T>[] = useMemo(\n    () =>\n      keyedItems.map((keyedItem, index) => ({\n        id: keyedItem.key,\n        title: collection.itemName(keyedItem.item),\n        ...renderItem?.(keyedItem.item, index),\n        keyedItem,\n      })),\n    [keyedItems, renderItem],\n  );\n\n  const notification = someHidden && hiddenItemsWarningText && (\n    <Box padding={`0 ${spacing}px 18px ${spacing}px`}>\n      <FloatingNotification\n        dataHook=\"floating-notification\"\n        width=\"100%\"\n        showCloseButton={false}\n        type=\"warning\"\n        text={hiddenItemsWarningText}\n      />\n    </Box>\n  );\n\n  return (\n    <SelectorListContent\n      items={items}\n      infiniteScrollRef={(infiniteScroll) => {\n        collection.scrollableContent =\n          infiniteScroll?.scrollComponent?.parentElement;\n      }}\n      searchValue=\"\"\n      loadMore={collection.fetchNextPageIfNeeded}\n      topScrollableContent={notification}\n      checkIsSelected={(item) => {\n        const { keyedItem } = item as KeyedItemSelectorListItem<T>;\n        return checkedSet.has(keyedItem.key);\n      }}\n      checkIndeterminate={(item) => {\n        const { keyedItem } = item as KeyedItemSelectorListItem<T>;\n        return indeterminateSet.has(keyedItem.key);\n      }}\n      onToggle={(item) => {\n        const { keyedItem } = item as KeyedItemSelectorListItem<T>;\n        picker.toggle(keyedItem, {\n          clear: !multiple,\n          hasAdditionalStep:\n            !multiple && hasAdditionalStep?.({ item: keyedItem.item }),\n        });\n      }}\n      hasMore={!fetchedLastPage}\n      multiple={multiple}\n      {...rest}\n    />\n  );\n}\n\nexport const PickerSelectorListContent = observer(_PickerSelectorListContent);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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_ = "PickerTableListItem3170937971";
+var _namespace_ = "PickerTableListItem3250999370";
 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": "PickerTableListItem3170937971__root"
+  "root": "PickerTableListItem3250999370__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem3170937971\";\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\":\"PickerTableListItem3170937971__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem3250999370\";\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\":\"PickerTableListItem3250999370__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/ScrollableContent/ScrollableContent.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_ = "ScrollableContent579099027";
+var _namespace_ = "ScrollableContent1220263890";
 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": "ScrollableContent579099027__root"
+  "root": "ScrollableContent1220263890__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};