@crystaldesign/diva-web-planner-react 26.3.0-beta.3 → 26.3.0-beta.30

package/build/esm/{index-ebd3815f.js → index-0ce1bd53.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-1f4ff73d.js';
+import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-02f1e272.js → index-0cf71aa9.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-1f4ff73d.js';
+import './index-0c4af2cf.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-3ec11511.js → index-0d19505a.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-1f4ff73d.js';
+import { u as useViewHandler } from './index-0c4af2cf.js';
 import { useState, useRef } from 'react';
 import classnames from 'classnames';
 import { Vector2 } from '@crystaldesign/web-planner-logic';

package/build/esm/{index-b345fd33.js → index-0e149188.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-1f4ff73d.js';
+import { s as styleInject } from './index-0c4af2cf.js';
 import 'react';
-import PlannerUI from './index-fcf5daff.js';
-import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-ab7f72fd.js';
+import PlannerUI from './index-8a12c7a7.js';
+import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-b70d3874.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -21,23 +21,23 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-b83f19c3.js';
-import './index-9499c362.js';
-import './index-4d365129.js';
-import './index-49d5fc9a.js';
-import './index-24eae12a.js';
-import './index-2a156f60.js';
-import './index-5af1f76c.js';
-import './index-992c3d9c.js';
-import './index-85f1cbc3.js';
-import './index-d2306a3c.js';
-import './index-df7f4329.js';
-import './index-86fca2c3.js';
-import './index-3ec11511.js';
+import './index-b7633079.js';
+import './index-16f377cf.js';
+import './index-31894a83.js';
+import './index-39375bc5.js';
+import './index-d47d79ee.js';
+import './index-4b076045.js';
+import './index-cd1709fc.js';
+import './index-6b012247.js';
+import './index-3d752875.js';
+import './index-359aac2c.js';
+import './index-531c25d8.js';
+import './index-de0949d6.js';
+import './index-0d19505a.js';
 import 'react-draggable';
-import './index-2510d869.js';
-import './index-95aa04b9.js';
-import './index-4b0ccafe.js';
+import './index-9841afa6.js';
+import './index-281e53e8.js';
+import './index-dd9f15cc.js';
 
 var hidden = "hidden-75j7C";
 var css_248z = ".hidden-75j7C {\n  display: none;\n}\n";

package/build/esm/{index-cb3b20ec.js → index-0e7381cf.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-1f4ff73d.js';
+import { u as useViewHandler } from './index-0c4af2cf.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
-import RalDropdownFilter from './index-050c8cc5.js';
-import SlideFilter from './index-722897dc.js';
+import RalDropdownFilter from './index-883c22c3.js';
+import SlideFilter from './index-45fa07f9.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -23,9 +23,9 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-dropdown';
-import './index-e9aed872.js';
+import './index-9674599a.js';
 import '@crystaldesign/content-box';
-import './index-7407430e.js';
+import './index-e341c591.js';
 
 var defaultColorFilters = [{
   rgb: '#CC3300',

package/build/esm/{index-86da227d.js → index-0f2624a2.js}

@@ -1,19 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-1f4ff73d.js';
+import { u as useViewHandler } from './index-0c4af2cf.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-b74be3c7.js';
-import Planner3DImage from './index-e8709145.js';
-import PlannerAIRoom from './index-13fa5e78.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center } from './index.module-eba4ad03.js';
+import Planner2DGrid from './index-369e2e80.js';
+import Planner3DImage from './index-f37e657e.js';
+import PlannerAIRoom from './index-df5d31ef.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center } from './index.module-2fa9f285.js';
 import classnames from 'classnames';
-import Planner3DGrid from './index-5c24ba3a.js';
-import PlannerMsgContainer from './index-5c7907dc.js';
-import PlannerUIVariant from './index-9632c1ae.js';
-import RotateInfo from './index-558aaeef.js';
-import OrbitInteraction from './index-232f568d.js';
-import MobileNavIcons from './index-65543e5b.js';
-import Logo from './index-3f1129d8.js';
+import Planner3DGrid from './index-641f1d5f.js';
+import PlannerMsgContainer from './index-dc32b736.js';
+import PlannerUIVariant from './index-3c3857ad.js';
+import RotateInfo from './index-6c297a22.js';
+import OrbitInteraction from './index-51a91d00.js';
+import MobileNavIcons from './index-7e8a8c5c.js';
+import Logo from './index-2c0d4068.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -30,23 +30,23 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-d9255280.js';
+import './index-4cb2a5b6.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-37f6891f.js';
-import './index-4fef9047.js';
+import './index-5cfa956e.js';
+import './index-140074e6.js';
 import 'react-laag';
-import './index-f4e4bf34.js';
+import './index-d5d09a35.js';
 import 'react-qr-code';
-import './index-7c638818.js';
-import './index-9883349b.js';
+import './index-c19f7012.js';
+import './index-6864423f.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; }
 var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-59aadf76.js');
+  return import('./index-7c919701.js');
 });
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-0d64723e.js');
+  return import('./index-16055e8d.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style;

package/build/esm/index-10171faa.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-0c4af2cf.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-8953b9eb.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 };

package/build/esm/{index-8cfa9496.js → index-122a0869.js}

@@ -1,14 +1,14 @@
-import { u as useViewHandler } from './index-1f4ff73d.js';
+import { u as useViewHandler } from './index-0c4af2cf.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, a as toggle } from './index.module-e7cb9056.js';
-import Toggle from './index-d7b9d494.js';
+import { r as row, c as colum, t as title, a as toggle } from './index.module-e1401df0.js';
+import Toggle from './index-2770ac07.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import InfoIcon from './index-2b4ea28b.js';
-import PricePreview from './index-c4c0bdbd.js';
-import ReverseCheck from './index-a3f95cb6.js';
+import InfoIcon from './index-97e4f826.js';
+import PricePreview from './index-fb3da7a9.js';
+import ReverseCheck from './index-338270a7.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -25,7 +25,7 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
-import './index-f43408be.js';
+import './index-f31e87f2.js';
 import 'react-countup';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';

package/build/esm/{index-e82b3f9a.js → index-13a712a4.js}

@@ -1,6 +1,6 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-1f4ff73d.js';
+import { s as styleInject } from './index-0c4af2cf.js';
 import { useState } from 'react';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-4fef9047.js → index-140074e6.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-1f4ff73d.js';
+import { u as useViewHandler } from './index-0c4af2cf.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef, useEffect } from 'react';
 import { useLayer } from 'react-laag';
-import Tooltip from './index-f4e4bf34.js';
+import Tooltip from './index-d5d09a35.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import FullscreenAr, { FullscreenArHeader } from './index-7c638818.js';
+import FullscreenAr, { FullscreenArHeader } from './index-c19f7012.js';
 import QRCode from 'react-qr-code';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -35,9 +35,7 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useDivaCore = useDivaCore(),
-    _useDivaCore$actions = _useDivaCore.actions,
-    openDrawerMenu = _useDivaCore$actions.openDrawerMenu,
-    openModal = _useDivaCore$actions.openModal,
+    openDrawerMenu = _useDivaCore.actions.openDrawerMenu,
     _useDivaCore$state = _useDivaCore.state,
     isMobile = _useDivaCore$state.isMobile,
     isTablet = _useDivaCore$state.dimensions.isTablet;
@@ -78,28 +76,8 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(_ref) {
     setUrl = _useState8[1];
   useEffect(function () {
     var _viewHandler$uiState$;
-    if (viewHandler.uiState.AllConfig.arViewerIframe) {
-      if (openDrawer) openModal({
-        rejectByIcon: true,
-        fullscreen: true,
-        dontRenderForm: true,
-        callback: function callback(value) {
-          viewHandler.productState.loadRTVForAr = false;
-          viewHandler.productState.setDoShowARQRCode(false);
-          setOpenDrawer(false);
-          viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : viewHandler.productState.allowRTV ? 'RTV' : '3D');
-        },
-        title: /*#__PURE__*/jsx(FullscreenArHeader, {}),
-        content: /*#__PURE__*/jsx(FullscreenAr, {
-          url: url,
-          isArCompatible: viewHandler.productState.isArCompatible,
-          broswerSupportAR: viewHandler.productState.browserSupportAR,
-          activateAR: viewHandler.productState.activateAR,
-          hqRenderScript: viewHandler.hqRenderScript,
-          isTablet: isTablet
-        })
-      });
-    } else openDrawerMenu({
+    if (viewHandler.uiState.AllConfig.arViewerIframe) return;
+    openDrawerMenu({
       id: 'ar-qr-code',
       mountElement: (_viewHandler$uiState$ = viewHandler.uiState.wrapperRef) !== null && _viewHandler$uiState$ !== void 0 ? _viewHandler$uiState$ : undefined,
       handleInternScroll: true,
@@ -123,9 +101,6 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(_ref) {
       open: openDrawer
     });
   }, [openDrawer, viewHandler.productState.activateAR]);
-  useEffect(function () {
-    if (viewHandler.productState.isARIframeVisible === false) setOpenDrawer(false);
-  }, [viewHandler.productState.isARIframeVisible]);
   useEffect(function () {
     if (viewHandler.productState.doShowARQRCode == true) {
       viewHandler.openARObserverConnection(function () {

package/build/esm/{index-3a7b2088.js → index-1400e4aa.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-1f4ff73d.js';
+import { s as styleInject } from './index-0c4af2cf.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-385a9ffe.js → index-153d0cf3.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-1f4ff73d.js';
+import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';