@wix/patterns 1.56.0 → 1.58.0

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

@@ -1 +1 @@
-{"version":3,"names":["_ToolbarCollectionErrorStateUni","require","_CollectionToolbarUni","_AppliedFiltersTagListUni","_TableUni","_interopRequireDefault","_NestedTableParentCellUni","_NestedTableFlatModeMainCellUni","_NestedTableRowPlaceholderStatesUni","_CollectionItemActionsUni","_SummaryBarUni","_DragAndDropUni","_NestedTableGhostRowUni","_NestedTableDragOverlayUni","_NestedTableRowUni","NestedTableUniDriver","base","body","toolbarBase","$","toolbar","CollectionToolbarUniDriver","table","TableUniDriver","loadingStateExists","exists","getSummaryBar","SummaryBarUniDriver","getRootErrorStateByDataHook","dataHook","ToolbarCollectionErrorStateUniDriver","subToolbar","AppliedFiltersTagListUniDriver","isRowExpandable","rowKey","_await$table$_getRowB","_getRowByKey","attr","includes","getMainColumnAt","row","NestedTableParentCellUniDriver","_getCellByRowIndexAndCellKey","_getDragAndDropDriver","DragAndDropUniDriver","getActionCellByKey","CollectionItemActionsUniDriver","getMainColumnByKey","_getCellByKey","getRenderedRowsByParentKey","parentId","$$","map","NestedTableRowUniDriver","getRenderedRowByKey","getRowParentKey","getRowIndexInParent","Number","getFlatModeMainColumnByKey","NestedTableFlatModeMainCellUniDriver","getFlatModeMainColumnAt","getPlaceholderStatesByRowKey","NestedTableRowPlaceholderStatesUniDriver","getGhostRow","NestedTableGhostRowUniDriver","getDragOverlay","NestedTableDragOverlayUniDriver","_default","exports","default"],"sources":["../../../../src/components/NestedTable/NestedTable.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { ToolbarCollectionErrorStateUniDriver } from '../ErrorState/ToolbarCollectionErrorState.uni.driver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { AppliedFiltersTagListUniDriver } from '../AppliedFiltersTagList/AppliedFiltersTagList.uni.driver';\nimport TableUniDriver from '../Table/Table.uni.driver';\nimport { NestedTableParentCellUniDriver } from './NestedTableParentCell.uni.driver';\nimport { NestedTableFlatModeMainCellUniDriver } from './NestedTableFlatModeMainCell.uni.driver';\nimport { NestedTableRowPlaceholderStatesUniDriver } from './NestedTableRowPlaceholderStates.uni.driver';\nimport { CollectionItemActionsUniDriver } from '../CollectionItemActions/CollectionItemActions.uni.driver';\nimport { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';\nimport { DragAndDropUniDriver } from '../DragAndDrop/DragAndDrop.uni.driver';\nimport { NestedTableGhostRowUniDriver } from '../NestedTableDragAndDrop/NestedTableGhostRow.uni.driver';\nimport { NestedTableDragOverlayUniDriver } from '../NestedTableDragAndDrop/NestedTableDragOverlay.uni.driver';\nimport { NestedTableRowUniDriver } from './NestedTableRow.uni.driver';\n\nexport function NestedTableUniDriver(base: UniDriver, body: UniDriver) {\n  const toolbarBase = () => base.$('[data-hook=\"collection-toolbar\"]');\n\n  const toolbar = () => CollectionToolbarUniDriver(toolbarBase(), body);\n\n  const table = TableUniDriver(base, body);\n\n  const loadingStateExists = () =>\n    base.$('[data-hook=\"placeholder-states-loading-state\"]').exists();\n  const getSummaryBar = () => SummaryBarUniDriver(base, body);\n\n  return {\n    ...table,\n    toolbar: () => toolbar(),\n    loadingStateExists,\n    getRootErrorStateByDataHook: (\n      dataHook = 'placeholder-states-error-state',\n    ) =>\n      ToolbarCollectionErrorStateUniDriver(\n        base.$(`[data-hook=\"${dataHook}\"]`),\n        body,\n      ),\n    subToolbar: () =>\n      AppliedFiltersTagListUniDriver(\n        base.$('[data-hook=\"collection-table-sub-toolbar\"]'),\n        body,\n      ),\n\n    isRowExpandable: async (rowKey: string) =>\n      (await table._getRowByKey(rowKey).attr('class'))?.includes('expandable'),\n\n    getMainColumnAt: (row: number) =>\n      NestedTableParentCellUniDriver(\n        table._getCellByRowIndexAndCellKey(row, 'nested-mode-main-column'),\n        body,\n      ),\n\n    _getDragAndDropDriver: () => DragAndDropUniDriver(base),\n\n    getActionCellByKey: (rowKey: string) =>\n      CollectionItemActionsUniDriver(table._getRowByKey(rowKey), body),\n\n    getMainColumnByKey: (rowKey: string) =>\n      NestedTableParentCellUniDriver(\n        table._getCellByKey(rowKey, 'nested-mode-main-column'),\n        body,\n      ),\n\n    getRenderedRowsByParentKey: (parentId: string | null) =>\n      (parentId\n        ? base.$$(\n            `tbody tr[data-table-row=\"dataTableRow\"][data-parent-key=\"${parentId}\"]`,\n          )\n        : base.$$(\n            `tbody tr[data-table-row=\"dataTableRow\"]:not([data-parent-key])`,\n          )\n      ).map(async (row) => NestedTableRowUniDriver(row, body)),\n\n    getRenderedRowByKey: (rowKey: string) =>\n      NestedTableRowUniDriver(table._getRowByKey(rowKey), body),\n\n    getRowParentKey: (rowKey: string) =>\n      table._getRowByKey(rowKey).attr('data-parent-key'),\n\n    getRowIndexInParent: async (rowKey: string) =>\n      Number(await table._getRowByKey(rowKey).attr('data-index-in-parent')),\n\n    getFlatModeMainColumnByKey: (rowKey: string) =>\n      NestedTableFlatModeMainCellUniDriver(\n        table._getCellByKey(rowKey, 'flat-mode-main-column'),\n        body,\n      ),\n\n    getFlatModeMainColumnAt: (row: number) =>\n      NestedTableFlatModeMainCellUniDriver(\n        table._getCellByRowIndexAndCellKey(row, 'flat-mode-main-column'),\n        body,\n      ),\n\n    getPlaceholderStatesByRowKey: (rowKey: string) =>\n      NestedTableRowPlaceholderStatesUniDriver(\n        table._getRowByKey(`placeholder-states-${rowKey}`),\n        body,\n      ),\n    /**\n     * Gets collection summary bar\n     */\n    getSummaryBar,\n\n    getGhostRow: () =>\n      NestedTableGhostRowUniDriver(\n        base.$('[data-hook=\"ghost-indentation-cell\"]'),\n        body,\n      ),\n\n    getDragOverlay: () =>\n      NestedTableDragOverlayUniDriver(\n        body.$('[data-hook=\"nested-table-dnd-overlay-wrapper\"]'),\n        body,\n      ),\n  };\n}\n\nexport default NestedTableUniDriver;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_ToolbarCollectionErrorStateUni","require","_CollectionToolbarUni","_AppliedFiltersTagListUni","_TableUni","_interopRequireDefault","_NestedTableParentCellUni","_NestedTableFlatModeMainCellUni","_NestedTableRowPlaceholderStatesUni","_CollectionItemActionsUni","_SummaryBarUni","_DragAndDropUni","_NestedTableGhostRowUni","_NestedTableDragOverlayUni","_NestedTableRowUni","NestedTableUniDriver","base","body","toolbarBase","$","toolbar","CollectionToolbarUniDriver","table","TableUniDriver","loadingStateExists","exists","getSummaryBar","SummaryBarUniDriver","getRootErrorStateByDataHook","dataHook","ToolbarCollectionErrorStateUniDriver","subToolbar","AppliedFiltersTagListUniDriver","isRowExpandable","rowKey","_await$table$_getRowB","_getRowByKey","attr","includes","getMainColumnAt","row","NestedTableParentCellUniDriver","_getCellByRowIndexAndCellKey","_getDragAndDropDriver","DragAndDropUniDriver","getActionCellByKey","CollectionItemActionsUniDriver","getMainColumnByKey","_getCellByKey","getRenderedRowsByParentKey","parentId","$$","map","NestedTableRowUniDriver","getRenderedRowsByLevel","level","getRenderedRowByKey","getRowParentKey","getRowIndexInParent","Number","getFlatModeMainColumnByKey","NestedTableFlatModeMainCellUniDriver","getFlatModeMainColumnAt","getPlaceholderStatesByRowKey","NestedTableRowPlaceholderStatesUniDriver","getGhostRow","NestedTableGhostRowUniDriver","getDragOverlay","NestedTableDragOverlayUniDriver","_default","exports","default"],"sources":["../../../../src/components/NestedTable/NestedTable.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { ToolbarCollectionErrorStateUniDriver } from '../ErrorState/ToolbarCollectionErrorState.uni.driver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { AppliedFiltersTagListUniDriver } from '../AppliedFiltersTagList/AppliedFiltersTagList.uni.driver';\nimport TableUniDriver from '../Table/Table.uni.driver';\nimport { NestedTableParentCellUniDriver } from './NestedTableParentCell.uni.driver';\nimport { NestedTableFlatModeMainCellUniDriver } from './NestedTableFlatModeMainCell.uni.driver';\nimport { NestedTableRowPlaceholderStatesUniDriver } from './NestedTableRowPlaceholderStates.uni.driver';\nimport { CollectionItemActionsUniDriver } from '../CollectionItemActions/CollectionItemActions.uni.driver';\nimport { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';\nimport { DragAndDropUniDriver } from '../DragAndDrop/DragAndDrop.uni.driver';\nimport { NestedTableGhostRowUniDriver } from '../NestedTableDragAndDrop/NestedTableGhostRow.uni.driver';\nimport { NestedTableDragOverlayUniDriver } from '../NestedTableDragAndDrop/NestedTableDragOverlay.uni.driver';\nimport { NestedTableRowUniDriver } from './NestedTableRow.uni.driver';\n\nexport function NestedTableUniDriver(base: UniDriver, body: UniDriver) {\n  const toolbarBase = () => base.$('[data-hook=\"collection-toolbar\"]');\n\n  const toolbar = () => CollectionToolbarUniDriver(toolbarBase(), body);\n\n  const table = TableUniDriver(base, body);\n\n  const loadingStateExists = () =>\n    base.$('[data-hook=\"placeholder-states-loading-state\"]').exists();\n  const getSummaryBar = () => SummaryBarUniDriver(base, body);\n\n  return {\n    ...table,\n    toolbar: () => toolbar(),\n    loadingStateExists,\n    getRootErrorStateByDataHook: (\n      dataHook = 'placeholder-states-error-state',\n    ) =>\n      ToolbarCollectionErrorStateUniDriver(\n        base.$(`[data-hook=\"${dataHook}\"]`),\n        body,\n      ),\n    subToolbar: () =>\n      AppliedFiltersTagListUniDriver(\n        base.$('[data-hook=\"collection-table-sub-toolbar\"]'),\n        body,\n      ),\n\n    isRowExpandable: async (rowKey: string) =>\n      (await table._getRowByKey(rowKey).attr('class'))?.includes('expandable'),\n\n    getMainColumnAt: (row: number) =>\n      NestedTableParentCellUniDriver(\n        table._getCellByRowIndexAndCellKey(row, 'nested-mode-main-column'),\n        body,\n      ),\n\n    _getDragAndDropDriver: () => DragAndDropUniDriver(base),\n\n    getActionCellByKey: (rowKey: string) =>\n      CollectionItemActionsUniDriver(table._getRowByKey(rowKey), body),\n\n    getMainColumnByKey: (rowKey: string) =>\n      NestedTableParentCellUniDriver(\n        table._getCellByKey(rowKey, 'nested-mode-main-column'),\n        body,\n      ),\n\n    getRenderedRowsByParentKey: (parentId: string | null) =>\n      (parentId\n        ? base.$$(\n            `tbody tr[data-table-row=\"dataTableRow\"][data-parent-key=\"${parentId}\"]`,\n          )\n        : base.$$(\n            `tbody tr[data-table-row=\"dataTableRow\"]:not([data-parent-key])`,\n          )\n      ).map(async (row) => NestedTableRowUniDriver(row, body)),\n\n    getRenderedRowsByLevel: (level: number) =>\n      base\n        .$$(`tbody tr[data-table-row=\"dataTableRow\"][data-level=\"${level}\"]`)\n        .map(async (row) => NestedTableRowUniDriver(row, body)),\n\n    getRenderedRowByKey: (rowKey: string) =>\n      NestedTableRowUniDriver(table._getRowByKey(rowKey), body),\n\n    getRowParentKey: (rowKey: string) =>\n      table._getRowByKey(rowKey).attr('data-parent-key'),\n\n    getRowIndexInParent: async (rowKey: string) =>\n      Number(await table._getRowByKey(rowKey).attr('data-index-in-parent')),\n\n    getFlatModeMainColumnByKey: (rowKey: string) =>\n      NestedTableFlatModeMainCellUniDriver(\n        table._getCellByKey(rowKey, 'flat-mode-main-column'),\n        body,\n      ),\n\n    getFlatModeMainColumnAt: (row: number) =>\n      NestedTableFlatModeMainCellUniDriver(\n        table._getCellByRowIndexAndCellKey(row, 'flat-mode-main-column'),\n        body,\n      ),\n\n    getPlaceholderStatesByRowKey: (rowKey: string) =>\n      NestedTableRowPlaceholderStatesUniDriver(\n        table._getRowByKey(`placeholder-states-${rowKey}`),\n        body,\n      ),\n    /**\n     * Gets collection summary bar\n     */\n    getSummaryBar,\n\n    getGhostRow: () =>\n      NestedTableGhostRowUniDriver(\n        base.$('[data-hook=\"ghost-indentation-cell\"]'),\n        body,\n      ),\n\n    getDragOverlay: () =>\n      NestedTableDragOverlayUniDriver(\n        body.$('[data-hook=\"nested-table-dnd-overlay-wrapper\"]'),\n        body,\n      ),\n  };\n}\n\nexport default NestedTableUniDriver;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.NestedTablePlaceholderStatesRow = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _mobxReactLite = require("mobx-react-lite");
+var _react = _interopRequireWildcard(require("react"));
+var _NestedTablePlaceholderStatesRowStCss = require("./NestedTablePlaceholderStatesRow.st.css.js");
+var _designSystem = require("@wix/design-system");
+var _NestedTableRowPlaceholderStates = require("./NestedTableRowPlaceholderStates");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const _NestedTablePlaceholderStatesRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    item,
+    className,
+    ...rest
+  } = props;
+  const {
+    st: dataTableRowSt,
+    classes: dataTableRowClasses
+  } = _designSystem.Table.dataTableRowStyle;
+  return /*#__PURE__*/_react.default.createElement("tr", (0, _extends2.default)({
+    ref: ref,
+    className: (0, _NestedTablePlaceholderStatesRowStCss.st)(_NestedTablePlaceholderStatesRowStCss.classes.root, {}, dataTableRowSt(dataTableRowClasses.root, {
+      skin: 'light'
+    }, className))
+  }, rest, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement("td", {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 46,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    verticalAlign: "middle",
+    align: "center",
+    width: "100%",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 47,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_NestedTableRowPlaceholderStates.NestedTableRowPlaceholderStates, {
+    state: item.state,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 48,
+      columnNumber: 13
+    }
+  }))));
+});
+const NestedTablePlaceholderStatesRow = exports.NestedTablePlaceholderStatesRow = (0, _mobxReactLite.observer)(_NestedTablePlaceholderStatesRow);
+//# sourceMappingURL=NestedTablePlaceholderStatesRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_NestedTablePlaceholderStatesRowStCss","_designSystem","_NestedTableRowPlaceholderStates","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTablePlaceholderStatesRow","forwardRef","props","ref","children","item","className","rest","st","dataTableRowSt","classes","dataTableRowClasses","Table","dataTableRowStyle","createElement","_extends2","root","skin","__self","__source","fileName","lineNumber","columnNumber","Box","verticalAlign","align","width","NestedTableRowPlaceholderStates","state","NestedTablePlaceholderStatesRow","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTablePlaceholderStatesRow.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, { forwardRef, HTMLAttributes, MutableRefObject } from 'react';\nimport { classes, st } from './NestedTablePlaceholderStatesRow.st.css.js';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Box, Table } from '@wix/design-system';\nimport { NestedTableRowPlaceholderStates } from './NestedTableRowPlaceholderStates';\nimport { NestedTableSkeletonItem } from '../../state/NestedTableState/NestedTableNodeState';\n\nexport interface NestedTablePlaceholderStatesRowProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> extends HTMLAttributes<HTMLTableRowElement> {\n  item: NestedTableSkeletonItem<C, T, F>;\n}\n\nconst _NestedTablePlaceholderStatesRow = forwardRef(\n  <C extends string, T, F extends FiltersMap>(\n    props: NestedTablePlaceholderStatesRowProps<C, T, F>,\n    ref:\n      | ((instance: HTMLTableRowElement | null) => void)\n      | MutableRefObject<HTMLTableRowElement | null>\n      | null,\n  ) => {\n    const { children, item, className, ...rest } = props;\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          dataTableRowSt(\n            dataTableRowClasses.root,\n            {\n              skin: 'light',\n            },\n            className,\n          ),\n        )}\n        {...rest}\n      >\n        <td>\n          <Box verticalAlign=\"middle\" align=\"center\" width=\"100%\">\n            <NestedTableRowPlaceholderStates state={item.state} />\n          </Box>\n        </td>\n      </tr>\n    );\n  },\n);\n\nexport const NestedTablePlaceholderStatesRow = observer(\n  _NestedTablePlaceholderStatesRow,\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+.root td {
+  padding: 0 !important;
+  width: 100%;
+}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "NestedTablePlaceholderStatesRow445570422";
+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": "NestedTablePlaceholderStatesRow445570422__root"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=NestedTablePlaceholderStatesRow.st.css.js.map

package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map

@@ -0,0 +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/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow445570422\";\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\":\"NestedTablePlaceholderStatesRow445570422__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,0CAA0C;AAC5D,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;AAAgD,CAAC;AACvE,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.js

@@ -8,7 +8,6 @@ var _mobxReactLite = require("mobx-react-lite");
 var _react = _interopRequireWildcard(require("react"));
 var _NestedTableRowStCss = require("./NestedTableRow.st.css.js");
 var _designSystem = require("@wix/design-system");
-var _NestedTableRowPlaceholderStates = require("./NestedTableRowPlaceholderStates");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTable/NestedTableRow.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -16,78 +15,35 @@ const _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   var _item$state$parent;
   const {
     children,
-    rowData,
+    item,
     className,
     dragAndDrop,
     ...rest
   } = props;
-  const {
-    item
-  } = rowData;
   const [itemState] = (0, _react.useState)(() => {
-    if (!item.originalKeyedItem) {
-      return undefined;
-    }
     return item.state.createNode({
       parent: item.originalKeyedItem
     });
   });
   (0, _react.useEffect)(() => itemState == null ? void 0 : itemState.init(), []);
-  if (!item.originalKeyedItem) {
-    return /*#__PURE__*/_react.default.createElement("tr", (0, _extends2.default)({
-      ref: ref,
-      className: (0, _NestedTableRowStCss.st)(_NestedTableRowStCss.classes.placeholder, className)
-    }, rest, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 47,
-        columnNumber: 9
-      }
-    }), /*#__PURE__*/_react.default.createElement("td", {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 48,
-        columnNumber: 11
-      }
-    }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-      verticalAlign: "middle",
-      align: "center",
-      width: "100%",
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 49,
-        columnNumber: 13
-      }
-    }, /*#__PURE__*/_react.default.createElement(_NestedTableRowPlaceholderStates.NestedTableRowPlaceholderStates, {
-      state: item.state,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 50,
-        columnNumber: 15
-      }
-    }))));
-  }
-  const expandable = itemState != null && !itemState._isNotExpandableWhenEmpty;
   const {
     st: dataTableRowSt,
     classes: dataTableRowClasses
   } = _designSystem.Table.dataTableRowStyle;
+  const expandable = itemState != null && !itemState._isNotExpandableWhenEmpty;
   let child = /*#__PURE__*/_react.default.createElement("tr", (0, _extends2.default)({}, process.env.NODE_ENV !== 'production' && {
     'data-parent-key': (_item$state$parent = item.state.parent) == null ? void 0 : _item$state$parent.key,
     'data-index-in-parent': item.originalKeyedItem.indexWithinPage
   }, process.env.NODE_ENV === 'test' && {
-    'data-virtual-direct-children-count': item.state.collection.result.size
+    'data-virtual-direct-children-count': item.state.collection.result.size,
+    'data-level': item.state.depth
   }, {
     ref: ref,
     className: (0, _NestedTableRowStCss.st)(_NestedTableRowStCss.classes.root, {
       expandable
-    }, className, item.state.showHoverHighlight ? _NestedTableRowStCss.classes.parentHovered : undefined, item.state.depth === 0 ? _NestedTableRowStCss.classes.firstLevel : undefined, dataTableRowSt(dataTableRowClasses.root, {
+    }, item.state.showHoverHighlight ? _NestedTableRowStCss.classes.parentHovered : undefined, item.state.depth === 0 ? _NestedTableRowStCss.classes.firstLevel : undefined, dataTableRowSt(dataTableRowClasses.root, {
       skin: item.state.depth === 0 ? 'neutral' : 'light'
-    })),
+    }), className),
     onMouseEnter: () => {
       itemState == null || itemState._changeHover(true);
     },
@@ -104,7 +60,7 @@ const _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 46,
       columnNumber: 7
     }
   }), children);
@@ -118,7 +74,7 @@ const _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 107,
+        lineNumber: 89,
         columnNumber: 9
       }
     }, child);

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","_item$state$parent","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","Box","verticalAlign","align","width","NestedTableRowPlaceholderStates","expandable","_isNotExpandableWhenEmpty","dataTableRowSt","dataTableRowClasses","Table","dataTableRowStyle","child","process","env","NODE_ENV","key","indexWithinPage","collection","result","size","root","showHoverHighlight","parentHovered","depth","firstLevel","skin","onMouseEnter","_changeHover","onMouseLeave","onClick","ev","_toggleExpand","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 { 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>\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    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        })}\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        {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","child","createElement","_extends2","process","env","NODE_ENV","key","indexWithinPage","collection","result","size","depth","root","showHoverHighlight","parentHovered","undefined","firstLevel","skin","onMouseEnter","_changeHover","onMouseLeave","onClick","ev","_toggleExpand","__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    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': item.state.collection.result.size,\n          'data-level': item.state.depth,\n        })}\n        ref={ref}\n        className={st(\n          classes.root,\n          {\n            expandable,\n          },\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          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          }\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_ = "NestedTableRow1626067549";
+var _namespace_ = "NestedTableRow3235953197";
 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": "NestedTableRow1626067549__root",
-  "firstLevel": "NestedTableRow1626067549__firstLevel",
-  "placeholder": "NestedTableRow1626067549__placeholder",
-  "parentHovered": "NestedTableRow1626067549__parentHovered"
+  "root": "NestedTableRow3235953197__root",
+  "firstLevel": "NestedTableRow3235953197__firstLevel",
+  "placeholder": "NestedTableRow3235953197__placeholder",
+  "parentHovered": "NestedTableRow3235953197__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_ = \"NestedTableRow1626067549\";\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\":\"NestedTableRow1626067549__root\",\"firstLevel\":\"NestedTableRow1626067549__firstLevel\",\"placeholder\":\"NestedTableRow1626067549__placeholder\",\"parentHovered\":\"NestedTableRow1626067549__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_ = \"NestedTableRow3235953197\";\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\":\"NestedTableRow3235953197__root\",\"firstLevel\":\"NestedTableRow3235953197__firstLevel\",\"placeholder\":\"NestedTableRow3235953197__placeholder\",\"parentHovered\":\"NestedTableRow3235953197__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/useModeTableProps.js

@@ -10,6 +10,7 @@ var _VirtualGridStateContext = require("../VirtualGridRepeater/VirtualGridStateC
 var _NestedTableRow = require("./NestedTableRow");
 var _useNestedModeColumns = require("./useNestedModeColumns");
 var _useFlatModeColumns = require("./useFlatModeColumns");
+var _NestedTablePlaceholderStatesRow = require("./NestedTablePlaceholderStatesRow");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTable/useModeTableProps.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -34,26 +35,37 @@ function useModeTableProps(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 47,
+      lineNumber: 48,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_VirtualTableRepeater.VirtualTableRepeater, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 48,
+      lineNumber: 49,
       columnNumber: 13
     }
   }, children)), [state, key]);
-  const TrElementType = (0, _react.useMemo)(() => isFlatMode ? undefined : /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement(_NestedTableRow.NestedTableRow, (0, _extends2.default)({
+  const TrElementType = (0, _react.useMemo)(() => isFlatMode ? undefined : /*#__PURE__*/(0, _react.forwardRef)((props, ref) => props.rowData.item.originalKeyedItem ? /*#__PURE__*/_react.default.createElement(_NestedTableRow.NestedTableRow, (0, _extends2.default)({
     ref: ref
   }, props, {
+    item: props.rowData.item,
     dragAndDrop: dragAndDrop,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
-      columnNumber: 15
+      lineNumber: 72,
+      columnNumber: 17
+    }
+  })) : /*#__PURE__*/_react.default.createElement(_NestedTablePlaceholderStatesRow.NestedTablePlaceholderStatesRow, (0, _extends2.default)({
+    ref: ref
+  }, props, {
+    item: props.rowData.item,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 79,
+      columnNumber: 17
     }
   }))), [isFlatMode, dragAndDrop]);
   const nestedColumns = (0, _useNestedModeColumns.useNestedModeColumns)({

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","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 { NestedTableKeyedItem, 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: NestedTableKeyedItem<C, any, 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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_VirtualTableRepeater","_VirtualGridStateContext","_NestedTableRow","_useNestedModeColumns","_useFlatModeColumns","_NestedTablePlaceholderStatesRow","_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","rowData","item","originalKeyedItem","NestedTableRow","_extends2","NestedTablePlaceholderStatesRow","nestedColumns","useNestedModeColumns","flatColumns","useFlatModeColumns","columns"],"sources":["../../../../src/components/NestedTable/useModeTableProps.tsx"],"sourcesContent":["import { NestedTableKeyedItem, 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';\nimport { NestedTablePlaceholderStatesRow } from './NestedTablePlaceholderStatesRow';\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: NestedTableKeyedItem<C, any, any>;\n                className: string;\n              },\n              ref:\n                | ((instance: HTMLTableRowElement | null) => void)\n                | MutableRefObject<HTMLTableRowElement | null>\n                | null,\n            ) =>\n              props.rowData.item.originalKeyedItem ? (\n                <NestedTableRow\n                  ref={ref}\n                  {...props}\n                  item={props.rowData.item}\n                  dragAndDrop={dragAndDrop}\n                />\n              ) : (\n                <NestedTablePlaceholderStatesRow\n                  ref={ref}\n                  {...props}\n                  item={props.rowData.item}\n                />\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/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_ = "MultipleDragOverlayEffect182260724";
+var _namespace_ = "MultipleDragOverlayEffect2930079807";
 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": "MultipleDragOverlayEffect182260724__root"
+  "root": "MultipleDragOverlayEffect2930079807__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_ = \"MultipleDragOverlayEffect182260724\";\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\":\"MultipleDragOverlayEffect182260724__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/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect2930079807\";\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\":\"MultipleDragOverlayEffect2930079807__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

@@ -14,6 +14,7 @@ var _minimalRequiredWdsRuntimeCheck = require("../../minimalRequiredWdsRuntimeCh
 var _validateNestedTableDragAndDropProps = require("./validateNestedTableDragAndDropProps");
 var _DragOverlayTestComponent = require("../DragAndDrop/DragOverlayTestComponent");
 var _NestedTableDragAndDropOverlay = require("./NestedTableDragAndDropOverlay");
+var _createUseIsDropDisabled = require("./createUseIsDropDisabled");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -36,11 +37,13 @@ function _NestedTableDragAndDropContext(props) {
     (0, _validateNestedTableDragAndDropProps.validateNestedTableDragAndDropProps)(nestedState);
   }
   const state = nestedState.nestedTableDragAndDrop;
+  const useIsDropDisabled = (0, _createUseIsDropDisabled.createUseIsDropDisabled)(state);
   const dragAndDropState = state.dnd;
   (0, _react.useEffect)(() => state.init(), []);
   dragAndDropState.onSubmit = onSubmit;
   dragAndDropState.onBulkSubmit = onBulkSubmit;
   const [dragAndDropContext] = (0, _react.useState)(() => ({
+    useIsDropDisabled,
     onDragAndDropDisabledRowPointerDown: (id, e) => {
       dragAndDropState.attachDisabledDragAttempt(id, e, 'y');
     },
@@ -70,7 +73,7 @@ function _NestedTableDragAndDropContext(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 103,
+        lineNumber: 98,
         columnNumber: 9
       }
     }))),
@@ -80,7 +83,7 @@ function _NestedTableDragAndDropContext(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 111,
+          lineNumber: 106,
           columnNumber: 11
         }
       }))
@@ -123,25 +126,14 @@ function _NestedTableDragAndDropContext(props) {
     }
   }));
   dragAndDropContext.a11yContainer = dragAndDropState.a11yContainerRef.current;
-  const sortableReactiveContext = (0, _react.useMemo)(() => ({
-    dropDisabled: dragAndDropState.isActiveRectOutsideContainer
-  }), [dragAndDropState.isActiveRectOutsideContainer]);
   return /*#__PURE__*/_react.default.createElement(_dragAndDrop.DragAndDropContext.Provider, {
     value: dragAndDropContext,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 164,
+      lineNumber: 152,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_dragAndDrop.SortableReactiveContext.Provider, {
-    value: sortableReactiveContext,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 165,
-      columnNumber: 7
-    }
   }, /*#__PURE__*/_react.default.createElement(Table, (0, _extends2.default)({}, tableProps, {
     isDragAndDropDisabled: dragAndDropState.isDisabled,
     onDragStart: event => dragAndDropState.onDragStart(event),
@@ -150,8 +142,8 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 166,
-      columnNumber: 9
+      lineNumber: 153,
+      columnNumber: 7
     }
   })), /*#__PURE__*/_react.default.createElement(_DragAndDropAnnouncements.DragAndDropAnnouncements, {
     state: dragAndDropState,
@@ -159,10 +151,10 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 174,
-      columnNumber: 9
+      lineNumber: 161,
+      columnNumber: 7
     }
-  })));
+  }));
 }
 const NestedTableDragAndDropContext = exports.NestedTableDragAndDropContext = (0, _mobxReactLite.observer)(_NestedTableDragAndDropContext);
 //# sourceMappingURL=NestedTableDragAndDropContext.js.map