@crystaldesign/diva-web-planner-react 26.3.0-beta.2 → 26.3.0-beta.21

package/build/esm/{index-1b8e9925.js → index-895e5627.js}

@@ -1,12 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-46e88edd.js';
+import { u as useViewHandler } from './index-beea7e3b.js';
 import { useRef, useEffect } from 'react';
-import ProductHeader from './index-3cb444da.js';
-import ContentItemWrapper from './index-a584dfa2.js';
-import ProductSettings from './index-4f012438.js';
-import ProductCenter from './index-dc99d6fb.js';
-import ProductFooter from './index-ae347057.js';
-import ProductInfo from './index-9c0a30d9.js';
+import ProductHeader from './index-9943b5cb.js';
+import ContentItemWrapper from './index-681f07a2.js';
+import ProductSettings from './index-b2a17738.js';
+import ProductCenter from './index-b061f510.js';
+import ProductFooter from './index-0aaff6f5.js';
+import ProductInfo from './index-1c8079e0.js';
 import { observer } from 'mobx-react-lite';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -26,104 +26,103 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/content-item';
-import './index-5076e7cd.js';
-import './index-2d1d8f3d.js';
+import './index-66154577.js';
+import './index-948bb390.js';
 import 'sift';
-import './index-7e5ae7ff.js';
-import './index-478fd42c.js';
-import './index-410c2e75.js';
-import './index-bd01b439.js';
-import './index-3aca3338.js';
-import './index.module-ad77c32b.js';
-import './index-64ae8e42.js';
+import './index-50caaf08.js';
+import './index-ec216124.js';
+import './index-4715986d.js';
+import './index-30d6741c.js';
+import './index-c9d2925f.js';
+import './index.module-2ba8e0a1.js';
+import './index-4f10109d.js';
 import 'react-switch';
-import './index-b77ed4ff.js';
-import './index-3c75a86f.js';
-import './index-922eb980.js';
+import './index-dd16f37b.js';
+import './index-74593187.js';
+import './index-c702e8f6.js';
 import 'react-countup';
-import './index-ac2c2cc6.js';
+import './index-7b963616.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-d159e9ab.js';
+import './index-d7cdf615.js';
 import 'react-dropdown';
-import './index-b2a58d10.js';
+import './index-1e09fcad.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-13f489c2.js';
-import './index-c56ace0a.js';
-import './index-e31a3c97.js';
+import './index-129d0098.js';
+import './index-dd261ee1.js';
+import './index-59814101.js';
 import '@crystaldesign/content-box';
-import './index-71b127ff.js';
-import './index-c1b6f4d6.js';
-import './index-1b99c18d.js';
-import './index-0c247d1b.js';
-import './index-5b022cd3.js';
-import './index-efb2f3ea.js';
-import './index-b7e75ab1.js';
-import './index-fe277f14.js';
-import './index-df75bab4.js';
+import './index-224ec2f5.js';
+import './index-85b5a4fe.js';
+import './index-75c57528.js';
+import './index-69915de6.js';
+import './index-38fcf6b0.js';
+import './index-2f4a577a.js';
+import './index-d52db8c3.js';
+import './index-2a9c3807.js';
+import './index-7951cfe7.js';
 import 'react-laag';
-import './index.module-8a415dfc.js';
-import './index-27d7bff3.js';
-import './index-00169904.js';
-import './index-5a715d6c.js';
-import './index-0d3cf3b2.js';
-import './index-b4edf754.js';
-import './index-99383c3e.js';
-import './index.module-ad53ab73.js';
-import './index-69360ce7.js';
-import './index-69e78ec6.js';
-import './index-207a6de1.js';
-import './index-17ffa12a.js';
-import './index-ecd5202d.js';
-import './index-b5dc4d78.js';
-import './index-61d75e95.js';
-import './index-2be9db73.js';
-import './index-1013f0d0.js';
-import './index-a1f629a0.js';
-import './index-35ff36fd.js';
-import './index-9b5f13f9.js';
+import './index.module-997fb0a0.js';
+import './index-bd409924.js';
+import './index-3405d0c1.js';
+import './index-6c76ac1b.js';
+import './index-617e712e.js';
+import './index-0110a005.js';
+import './index-605254d4.js';
+import './index.module-10ef8efd.js';
+import './index-5858f187.js';
+import './index-facec26f.js';
+import './index-cc77d296.js';
+import './index-275aaf64.js';
+import './index-f98103db.js';
+import './index-5ab582bc.js';
+import './index-2ab3ec97.js';
+import './index-c48c3d08.js';
+import './index-02d4627c.js';
+import './index-31203531.js';
+import './index-a8cd3dc1.js';
+import './index-76ec32a8.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-d2f9c84a.js';
+import './index-03624fb1.js';
 import 'rc-slider';
-import './index-1da801fd.js';
-import './index-04def368.js';
-import './index-3c213b6a.js';
-import './index-69b4574f.js';
-import './index-d3c1bc55.js';
+import './index-c72c5ee3.js';
+import './index-f4138ed8.js';
+import './index-5a4a139c.js';
+import './index-bd7a2502.js';
+import './index-00729065.js';
 import 'react-confetti-explosion';
-import './index-7ded1900.js';
-import './index-9d1bc1a9.js';
-import './index-04395fbc.js';
+import './index-0ccd61e4.js';
+import './index-a3c118b2.js';
+import './index-83979d9a.js';
 import 'react-qr-code';
-import './index-ef3da2b9.js';
-import './useCustomDimensions-c0a7b1c6.js';
-import './index-dbb54481.js';
-import './ussIsSticky-25da915b.js';
-import './index-d5afc4e2.js';
-import './index-3f6f913a.js';
-import './index-6881bbde.js';
-import './index.module-5df4dc22.js';
-import './index-de51cd68.js';
-import './index-6e85d210.js';
-import './index-c58f9e26.js';
-import './index-342040d4.js';
-import '@crystaldesign/diva-web-planner-react/model';
-import './index-5e27f055.js';
-import './index-593eb56d.js';
-import './index-57b9f468.js';
-import './index-2ede644d.js';
-import './index.module-2b91f219.js';
-import './index-e49ca1df.js';
-import './index-01138ee1.js';
-import './index-0f662d7b.js';
-import './index-683adb31.js';
-import './index-adfe1f0d.js';
-import './index-93ea5d5b.js';
-import './index-5b71c1c0.js';
-import './index-989bfa05.js';
-import './index-a5dc7730.js';
-import './index-b7c47361.js';
+import './index-b1796ad4.js';
+import './useCustomDimensions-f9400665.js';
+import './index-caf12cc6.js';
+import './ussIsSticky-bfc91c35.js';
+import './index-6e84e2eb.js';
+import './index-18c6e5d3.js';
+import './index-b0e56499.js';
+import './index.module-214b139d.js';
+import './index-6ad04a3b.js';
+import './index-60452194.js';
+import './index-1d5ed639.js';
+import './index-dd1d6b7c.js';
+import './index-33d91566.js';
+import './index-cc30fd0c.js';
+import './index-9c826eb2.js';
+import './index-081dae5f.js';
+import './index.module-902b832a.js';
+import './index-b2f56ce7.js';
+import './index-b5cc3619.js';
+import './index-b6366bfc.js';
+import './index-9ac6b1df.js';
+import './index-9115ae72.js';
+import './index-2b7194b4.js';
+import './index-f891f148.js';
+import './index-9414ef2f.js';
+import './index-35b6171f.js';
+import './index-46335a52.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/build/esm/{index-4c869d0f.js → index-8975a988.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-46e88edd.js';
+import { s as styleInject, u as useViewHandler } from './index-beea7e3b.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-9d1bc1a9.js';
-import ProductRoomList from './index-a5dc7730.js';
+import ArQrCodeIcon from './index-a3c118b2.js';
+import ProductRoomList from './index-35b6171f.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,9 +22,9 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-laag';
-import './index-04395fbc.js';
+import './index-83979d9a.js';
 import 'react-qr-code';
-import './index-ef3da2b9.js';
+import './index-b1796ad4.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-5t7Cu";
 var arAbsoluteDesktop = "ar-absolute-desktop-2xHB1";

package/build/esm/index-89955166.js

@@ -0,0 +1,363 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { s as styleInject, u as useViewHandler } from './index-beea7e3b.js';
+import React, { useMemo, useRef, useEffect } from 'react';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { ModuleRegistry, AllCommunityModule, themeQuartz, colorSchemeDarkBlue } from 'ag-grid-community';
+import { AgGridReact } from 'ag-grid-react';
+import ArticleSelector from './index-1eeac6f3.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import 'react-select';
+
+var scrollable = "scrollable-Wc-tN";
+var tableDescription = "tableDescription-uVw--";
+var gridContainer = "gridContainer-P2D1c";
+var rowSelected = "rowSelected-Za57x";
+var header = "header-1prGa";
+var rowNotLoaded = "rowNotLoaded-it-P2";
+var loadedYes = "loadedYes-mHpTt";
+var loadedNo = "loadedNo-CyxAP";
+var css_248z = ".scrollable-Wc-tN {\n  overflow: auto;\n  width: 100%;\n  padding: 16px;\n  height: 100%;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.tableDescription-uVw-- {\n  margin: 8px 0 12px;\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.4;\n}\n\n.gridContainer-P2D1c {\n  width: 100%;\n  min-height: 150px;\n  height: calc(100% - 90px);\n  margin-top: 16px;\n}\n\n.rowSelected-Za57x {\n  background-color: #dcfce7 !important;\n}\n\n.rowSelected-Za57x:hover {\n  background-color: #bbf7d0 !important;\n}\n\n.header-1prGa {\n  padding: 8px 16px;\n  margin: 0 0 12px 0;\n  text-align: center;\n  background: linear-gradient(135deg, var(--primaryColor) 0%, color-mix(in srgb, var(--primaryColor) 90%, black) 100%);\n  font-size: 18px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  border-radius: 8px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n\n.table-yS0MB {\n  position: relative;\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--diva-typography-font-family);\n  font-size: 13px;\n  background: #fff;\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n.table-yS0MB thead {\n  background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.table-yS0MB th,\n.table-yS0MB td {\n  padding: 10px 14px;\n  text-align: left;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.table-yS0MB tbody tr:hover {\n  background: #f7fafc;\n}\n\n.table-yS0MB tbody tr.rowNotLoaded-it-P2 {\n  background: #e8eae8;\n}\n\n.table-yS0MB tbody tr.rowNotLoaded-it-P2:hover {\n  background: #e0e2e0;\n}\n\n.column-txVK9 {\n  text-align: left;\n}\n\n.loadedYes-mHpTt {\n  color: #38a169;\n  font-weight: 500;\n}\n\n.loadedNo-CyxAP {\n  color: #e53e3e;\n}\n\n.nestedCell-xpEug {\n  padding: 0;\n  vertical-align: top;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.nestedTable-DRzG8 {\n  margin: 8px 0 8px 24px;\n  width: calc(100% - 24px);\n}\n\n/* Dark mode compatibility */\n.darkmode .tableDescription-uVw--,\nbody.darkmode .tableDescription-uVw-- {\n  color: #94a3b8;\n}\n\n.darkmode .loadedYes-mHpTt,\nbody.darkmode .loadedYes-mHpTt {\n  color: #68d391;\n}\n\n.darkmode .loadedNo-CyxAP,\nbody.darkmode .loadedNo-CyxAP {\n  color: #fc8181;\n}\n\n.darkmode .rowNotLoaded-it-P2,\nbody.darkmode .rowNotLoaded-it-P2 {\n  background-color: rgba(51, 65, 85, 0.5) !important;\n}\n\n.darkmode .rowNotLoaded-it-P2:hover,\nbody.darkmode .rowNotLoaded-it-P2:hover {\n  background-color: rgba(71, 85, 105, 0.6) !important;\n}\n\n.darkmode .rowSelected-Za57x,\nbody.darkmode .rowSelected-Za57x {\n  background-color: rgba(34, 197, 94, 0.25) !important;\n}\n\n.darkmode .rowSelected-Za57x:hover,\nbody.darkmode .rowSelected-Za57x:hover {\n  background-color: rgba(34, 197, 94, 0.35) !important;\n}\n";
+styleInject(css_248z);
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+ModuleRegistry.registerModules([AllCommunityModule]);
+var idCounter = 0;
+function nextId() {
+  return "pl-".concat(++idCounter);
+}
+function flattenPartlistArticles(partlistArticles, allArticles, depth) {
+  var result = [];
+  for (var _i = 0, _Object$values = Object.values(partlistArticles); _i < _Object$values.length; _i++) {
+    var _pa$partlistDecisionN, _pa$quantity;
+    var pa = _Object$values[_i];
+    result.push({
+      _id: nextId(),
+      depth: depth,
+      loaded: true,
+      articleCodex: pa.articleCodex,
+      itemRefTypeNo: pa.articleCodex,
+      partlistGroup: '-',
+      decisionNo: String((_pa$partlistDecisionN = pa.partlistDecisionNo) !== null && _pa$partlistDecisionN !== void 0 ? _pa$partlistDecisionN : '-'),
+      quantity: (_pa$quantity = pa.quantity) !== null && _pa$quantity !== void 0 ? _pa$quantity : '-',
+      reason: 'Loaded (partlist child)',
+      rowNotLoaded: false,
+      article: pa
+    });
+    if (pa.partlistArticles && Object.keys(pa.partlistArticles).length > 0) {
+      result.push.apply(result, _toConsumableArray(flattenPartlistArticles(pa.partlistArticles, allArticles, depth + 1)));
+    }
+  }
+  return result;
+}
+function flattenPartlistEntries(entries, article, allArticles, depth) {
+  var result = [];
+  var _loop = function _loop() {
+    var _entry$itemRefTypeNo, _entry$partlistGroup, _entry$decisionNo, _entry$quantity;
+    var entry = entries[idx];
+    var childArticle = entry.basketId ? allArticles[entry.basketId] : undefined;
+    var childArticleFromPartlist = !childArticle && entry.loaded && article !== null && article !== void 0 && article.partlistArticles ? Object.values(article.partlistArticles).find(function (pa) {
+      return pa.articleCodex === entry.articleCodex;
+    }) : undefined;
+    var child = childArticle !== null && childArticle !== void 0 ? childArticle : childArticleFromPartlist;
+    var hasNestedPartlist = entry.loaded && (child === null || child === void 0 ? void 0 : child.partlistArticles) && Object.keys(child.partlistArticles).length > 0;
+    result.push({
+      _id: nextId(),
+      depth: depth,
+      loaded: entry.loaded,
+      articleCodex: entry.articleCodex,
+      itemRefTypeNo: (_entry$itemRefTypeNo = entry.itemRefTypeNo) !== null && _entry$itemRefTypeNo !== void 0 ? _entry$itemRefTypeNo : '',
+      partlistGroup: (_entry$partlistGroup = entry.partlistGroup) !== null && _entry$partlistGroup !== void 0 ? _entry$partlistGroup : '-',
+      decisionNo: String((_entry$decisionNo = entry.decisionNo) !== null && _entry$decisionNo !== void 0 ? _entry$decisionNo : '-'),
+      quantity: (_entry$quantity = entry.quantity) !== null && _entry$quantity !== void 0 ? _entry$quantity : '-',
+      reason: entry.reason,
+      rowNotLoaded: !entry.loaded,
+      article: entry.loaded ? child : undefined
+    });
+    if (hasNestedPartlist && child) {
+      result.push.apply(result, _toConsumableArray(flattenPartlistArticles(child.partlistArticles, allArticles, depth + 1)));
+    }
+  };
+  for (var idx = 0; idx < entries.length; idx++) {
+    _loop();
+  }
+  return result;
+}
+var PartlistDebug = function PartlistDebug(props) {
+  var _viewHandler$divaWebP;
+  var viewHandler = useViewHandler();
+  var configChanged = viewHandler.settingsState.configChanged;
+  var curConfigStep = viewHandler.tabGroupState.curConfigStep;
+  var darkMode = typeof document !== 'undefined' && document.body.classList.contains('darkmode');
+  var gridTheme = useMemo(function () {
+    return darkMode ? themeQuartz.withPart(colorSchemeDarkBlue) : themeQuartz;
+  }, [darkMode]);
+  var articlesWithPartlist = useMemo(function () {
+    var articles = viewHandler.divaWebPlanner.getDivaArticles();
+    return articles ? Object.values(articles).filter(function (a) {
+      return a.hasPartlistArticle;
+    }) : [];
+  }, [configChanged, curConfigStep]);
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    rerender = _React$useState2[0],
+    setRerender = _React$useState2[1];
+  var _React$useState3 = React.useState(undefined),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    article = _React$useState4[0],
+    setArticle = _React$useState4[1];
+  var _React$useState5 = React.useState(0),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    dataVersion = _React$useState6[0],
+    setDataVersion = _React$useState6[1];
+  var gridRef = useRef(null);
+  useEffect(function () {
+    var asyncFunct = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return new Promise(function (r) {
+                return setTimeout(r, 1000);
+              });
+            case 2:
+              setRerender(function (r) {
+                return !r;
+              });
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function asyncFunct() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    asyncFunct();
+  }, [viewHandler.tabGroupState.allTabGroups]);
+  useEffect(function () {
+    var set = viewHandler.divaWebPlanner.actSet();
+    if (set && !set.logDecisions) set.logDecisions = true;
+    return function () {
+      var set = viewHandler.divaWebPlanner.actSet();
+      if (set) set.logDecisions = false;
+    };
+  }, [viewHandler.uiState.isLoading]);
+  useEffect(function () {
+    var actSet = viewHandler.divaWebPlanner.actSet();
+    if (article !== null && article !== void 0 && article.hasPartlistArticle && actSet !== null && actSet !== void 0 && actSet.logDecisions) {
+      article.engine.evalPartlist(article.VariantValues);
+      setDataVersion(function (v) {
+        return v + 1;
+      });
+    }
+  }, [article, configChanged, curConfigStep, viewHandler.uiState.isLoading]);
+  var entries = useMemo(function () {
+    var _article$partlistDebu;
+    var list = (_article$partlistDebu = article === null || article === void 0 ? void 0 : article.partlistDebugEntries) !== null && _article$partlistDebu !== void 0 ? _article$partlistDebu : [];
+    return _toConsumableArray(list).sort(function (a, b) {
+      var _a$sequenceNo, _b$sequenceNo, _a$itemRefTypeNo, _b$itemRefTypeNo;
+      if (a.loaded !== b.loaded) return a.loaded ? -1 : 1;
+      var seqA = (_a$sequenceNo = a.sequenceNo) !== null && _a$sequenceNo !== void 0 ? _a$sequenceNo : 0;
+      var seqB = (_b$sequenceNo = b.sequenceNo) !== null && _b$sequenceNo !== void 0 ? _b$sequenceNo : 0;
+      if (seqA !== seqB) return seqA - seqB;
+      return ((_a$itemRefTypeNo = a.itemRefTypeNo) !== null && _a$itemRefTypeNo !== void 0 ? _a$itemRefTypeNo : '').localeCompare((_b$itemRefTypeNo = b.itemRefTypeNo) !== null && _b$itemRefTypeNo !== void 0 ? _b$itemRefTypeNo : '');
+    });
+  }, [article === null || article === void 0 ? void 0 : article.partlistDebugEntries, article === null || article === void 0 ? void 0 : article.basketId, configChanged, curConfigStep, dataVersion]);
+  var allArticles = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getDivaArticles(undefined, true)) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {};
+  var rowData = useMemo(function () {
+    idCounter = 0;
+    return article ? flattenPartlistEntries(entries, article, allArticles, 0) : [];
+  }, [entries, article, allArticles]);
+  var columnDefs = useMemo(function () {
+    return [{
+      field: 'loaded',
+      headerName: 'Loaded',
+      flex: 0,
+      width: 70,
+      cellRenderer: function cellRenderer(params) {
+        return params.data ? /*#__PURE__*/jsx("span", {
+          className: params.data.loaded ? loadedYes : loadedNo,
+          children: params.data.loaded ? 'y' : 'n'
+        }) : null;
+      }
+    }, {
+      field: 'articleCodex',
+      headerName: 'ArticleCodex',
+      flex: 1,
+      minWidth: 100,
+      valueGetter: function valueGetter(params) {
+        var _params$data$depth, _params$data, _params$data$articleC, _params$data2;
+        return '│ '.repeat((_params$data$depth = (_params$data = params.data) === null || _params$data === void 0 ? void 0 : _params$data.depth) !== null && _params$data$depth !== void 0 ? _params$data$depth : 0) + ((_params$data$articleC = (_params$data2 = params.data) === null || _params$data2 === void 0 ? void 0 : _params$data2.articleCodex) !== null && _params$data$articleC !== void 0 ? _params$data$articleC : '');
+      },
+      cellStyle: function cellStyle(params) {
+        var _params$data$depth2, _params$data3;
+        return {
+          paddingLeft: 8 + ((_params$data$depth2 = (_params$data3 = params.data) === null || _params$data3 === void 0 ? void 0 : _params$data3.depth) !== null && _params$data$depth2 !== void 0 ? _params$data$depth2 : 0) * 12
+        };
+      }
+    }, {
+      field: 'itemRefTypeNo',
+      headerName: 'ItemRefTypeNo',
+      flex: 1,
+      minWidth: 100
+    }, {
+      field: 'partlistGroup',
+      headerName: 'PartlistGroup',
+      flex: 0,
+      width: 100
+    }, {
+      field: 'decisionNo',
+      headerName: 'DecisionNo',
+      flex: 0,
+      width: 90
+    }, {
+      field: 'quantity',
+      headerName: 'Quantity',
+      flex: 0,
+      width: 80
+    }, {
+      field: 'reason',
+      headerName: 'Reason',
+      flex: 1,
+      minWidth: 120
+    }];
+  }, []);
+  var getRowId = function getRowId(params) {
+    var _params$data$_id, _params$data4;
+    return (_params$data$_id = (_params$data4 = params.data) === null || _params$data4 === void 0 ? void 0 : _params$data4._id) !== null && _params$data$_id !== void 0 ? _params$data$_id : '';
+  };
+  var getRowClass = function getRowClass(params) {
+    var _params$data$article;
+    if (!params.data) return undefined;
+    var classes = [];
+    if (params.data.rowNotLoaded) classes.push(rowNotLoaded);
+    if (((_params$data$article = params.data.article) === null || _params$data$article === void 0 ? void 0 : _params$data$article.basketId) === (article === null || article === void 0 ? void 0 : article.basketId)) classes.push(rowSelected);
+    return classes.join(' ') || undefined;
+  };
+  var onRowClicked = function onRowClicked(e) {
+    var _e$data;
+    if ((_e$data = e.data) !== null && _e$data !== void 0 && _e$data.article) setArticle(e.data.article);
+  };
+  useEffect(function () {
+    var id = setTimeout(function () {
+      var _gridRef$current;
+      return (_gridRef$current = gridRef.current) === null || _gridRef$current === void 0 || (_gridRef$current = _gridRef$current.api) === null || _gridRef$current === void 0 ? void 0 : _gridRef$current.redrawRows();
+    }, 0);
+    return function () {
+      return clearTimeout(id);
+    };
+  }, [article === null || article === void 0 ? void 0 : article.basketId]);
+  if (articlesWithPartlist.length === 0) {
+    return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+      className: classnames(props.className, scrollable),
+      style: {
+        zIndex: 800
+      },
+      children: [/*#__PURE__*/jsx("a", {
+        className: header,
+        children: "St\xFCckliste Debug"
+      }), /*#__PURE__*/jsx("p", {
+        style: {
+          padding: 16
+        },
+        children: "No articles with partlist in this set."
+      })]
+    }));
+  }
+  if (!article) {
+    return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+      className: classnames(props.className, scrollable),
+      style: {
+        zIndex: 800
+      },
+      children: [/*#__PURE__*/jsx("a", {
+        className: header,
+        children: "St\xFCckliste Debug"
+      }), /*#__PURE__*/jsx(ArticleSelector, {
+        articleState: [article, setArticle],
+        rerender: rerender,
+        filter: function filter(a) {
+          return a.hasPartlistArticle;
+        }
+      })]
+    }));
+  }
+  if (!entries.length) {
+    return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+      className: classnames(props.className, scrollable),
+      style: {
+        zIndex: 800
+      },
+      children: [/*#__PURE__*/jsx("a", {
+        className: header,
+        children: "St\xFCckliste Debug"
+      }), /*#__PURE__*/jsx(ArticleSelector, {
+        articleState: [article, setArticle],
+        rerender: rerender,
+        filter: function filter(a) {
+          return a.hasPartlistArticle;
+        }
+      }), /*#__PURE__*/jsx("p", {
+        style: {
+          padding: 16
+        },
+        children: "No partlist positions in catalog for this article. Change config to refresh."
+      })]
+    }));
+  }
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(props.className, scrollable),
+    style: {
+      zIndex: 800
+    },
+    children: [/*#__PURE__*/jsx("a", {
+      className: header,
+      children: "St\xFCckliste Debug"
+    }), /*#__PURE__*/jsx(ArticleSelector, {
+      articleState: [article, setArticle],
+      rerender: rerender,
+      filter: function filter(a) {
+        return a.hasPartlistArticle;
+      }
+    }), /*#__PURE__*/jsx("p", {
+      className: tableDescription,
+      children: "Partlist entries for the selected article. Nested partlist children are shown with indentation."
+    }), /*#__PURE__*/jsx("div", {
+      className: gridContainer,
+      children: /*#__PURE__*/jsx(AgGridReact, {
+        ref: gridRef,
+        rowData: rowData,
+        columnDefs: columnDefs,
+        theme: gridTheme,
+        getRowId: getRowId,
+        getRowClass: getRowClass,
+        onRowClicked: onRowClicked,
+        suppressCellFocus: true,
+        suppressRowClickSelection: true,
+        domLayout: "normal"
+      })
+    })]
+  }));
+};
+var PartlistDebug$1 = observer(PartlistDebug);
+
+export { PartlistDebug$1 as default };