@crystaldesign/diva-web-planner-react 26.3.0-beta.9 → 26.4.0-beta.1

package/build/esm/index-1834eeba.js

@@ -1,40 +0,0 @@
-import { s as styleInject } from './index-545a32b9.js';
-import ProductHeader from './index-26d35ff8.js';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import './index-566ea8cb.js';
-import '@crystaldesign/content-box';
-import './useCustomDimensions-2f4020aa.js';
-import '@crystaldesign/content-item';
-import './index-89e866ee.js';
-import 'react-countup';
-
-var productHeader = "product-header-h3vB3";
-var css_248z = ".product-header-h3vB3 * {\n  color: var(--secondaryColor) !important;\n}\n";
-styleInject(css_248z);
-
-var ProductHeaderGold = function ProductHeaderGold(props) {
-  return /*#__PURE__*/jsx(ProductHeader, {
-    productClass: productHeader
-  });
-};
-
-export { ProductHeaderGold as default };

package/build/esm/index-18e0db13.js

@@ -1,43 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-545a32b9.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import VerticalTabGroupItemStandard from './index-2bc2d344.js';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var verticalItemPoligon = "verticalItemPoligon-uLIgs";
-var wcActiveStep = "wcActiveStep-Cjjc7";
-var wcVisitedStep = "wcVisitedStep-Syo-H";
-var wcStepIcon = "wcStepIcon-oKNsW";
-var css_248z = ".verticalItemPoligon-uLIgs {\n  fill: #f5f5f5;\n  stroke: #f5f5f5;\n}\n.verticalItemPoligon-uLIgs:hover {\n  stroke: #cca663;\n  stroke-width: 2px;\n}\n.verticalItemPoligon-uLIgs.wcActiveStep-Cjjc7 {\n  stroke: #cca663;\n  color: #cca663;\n}\n.verticalItemPoligon-uLIgs.wcVisitedStep-Syo-H {\n  color: #a1a1a1;\n}\n\n.verticalItemPoligon-uLIgs.wcActiveStep-Cjjc7:hover {\n  stroke: #d6b781;\n}\n\n.verticalItemPoligon-uLIgs:hover,\n.verticalItemPoligon-uLIgs.wcVisitedStep-Syo-H:hover {\n  color: #e1e1e1;\n}\n\n.wcStepIcon-oKNsW {\n  display: block;\n  background-color: black;\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.wcActiveStep-Cjjc7 .wcStepIcon-oKNsW {\n  background-color: #cca663;\n}\n.wcVisitedStep-Syo-H .wcStepIcon-oKNsW {\n  background-color: #a1a1a1;\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; }
-var VerticalTabGroupItemFree = function VerticalTabGroupItemFree(props) {
-  return /*#__PURE__*/jsx(VerticalTabGroupItemStandard, _objectSpread(_objectSpread({}, props), {}, {
-    wcVisitedStepClass: wcVisitedStep,
-    wcActiveStepClass: wcActiveStep,
-    verticalItemPoligonClass: verticalItemPoligon,
-    wcStepIconClass: wcStepIcon
-  }));
-};
-var index = observer(VerticalTabGroupItemFree);
-
-export { index as default };

package/build/esm/index-1bcd799b.js

@@ -1,103 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-545a32b9.js';
-import 'react';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var tableOptions = "table-options-phhIL";
-var tableSpan15 = "table-span15-sSyJ4";
-var tableSpan5 = "table-span5-wqrZR";
-var tableSpan7 = "table-span7-z-JAr";
-var img = "img-RdvAq";
-var checked = "checked--oiE6";
-var unchecked = "unchecked-RbO0u";
-var optionImage = "option-image-4wxp2";
-var marginTop = "marginTop-76IgZ";
-var css_248z = ".table-options-phhIL {\n  display: flex;\n  gap: 10px;\n  text-align: left;\n  border-bottom: 1px solid black;\n  margin-bottom: 10px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.table-options-phhIL th:hover:last-child {\n  cursor: pointer;\n}\n.table-options-phhIL:nth-last-child(-n + 2) {\n  margin-top: 12px;\n}\n\n.table-options-phhIL span {\n  flex-basis: 100%;\n}\n.table-options-phhIL .table-span10-CHfJN {\n  flex-basis: 15%;\n}\n.table-options-phhIL .table-span15-sSyJ4 {\n  flex-basis: 20%;\n  font-size: 12px;\n}\n.table-options-phhIL .table-span5-wqrZR {\n  flex-basis: 4%;\n}\n.table-options-phhIL .table-span7-z-JAr {\n  flex-basis: 7.65%;\n}\n.img-RdvAq {\n  height: 25px;\n  background-repeat: no-repeat;\n  cursor: pointer;\n  background-position: 80% 50%;\n}\n.checked--oiE6 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23000000%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.unchecked-RbO0u {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23000000%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z%22%2F%3E%3C%2Fsvg%3E\");\n}\n.option-image-4wxp2 {\n  width: 45px;\n  height: 45px;\n}\n.marginTop-76IgZ {\n  margin-top: 12px;\n}\n";
-styleInject(css_248z);
-
-var _excluded = ["tabGroupOption", "basketId"];
-var TabGroupOptions = function TabGroupOptions(_ref) {
-  var _article$getArticleOp, _Array$from$, _ops$val, _ops$valCodex;
-  var tabGroupOption = _ref.tabGroupOption,
-    basketId = _ref.basketId;
-    _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var articles = viewHandler.divaWebPlanner.getDivaArticles();
-  var article = articles === null || articles === void 0 ? void 0 : articles[basketId];
-  var ops = article === null || article === void 0 || (_article$getArticleOp = article.getArticleOptionState) === null || _article$getArticleOp === void 0 ? void 0 : _article$getArticleOp.call(article, tabGroupOption.codex);
-  var posNr = (_Array$from$ = Array.from(tabGroupOption.configSteps.values())[0]) === null || _Array$from$ === void 0 ? void 0 : _Array$from$.posNr;
-  if (ops === undefined) return /*#__PURE__*/jsx(Fragment, {});
-  var image = (_ops$val = ops.val) === null || _ops$val === void 0 ? void 0 : _ops$val.image;
-  if (image) image = article === null || article === void 0 ? void 0 : article.CatalogData.getCatImageURL(image, '_low');else image = undefined;
-  var clickNavigation = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            window.lastNavigationType = 'SUMMARY_PALETTE';
-            viewHandler.configuratorStructureHandler.setActStepByPosNrFromSummary(posNr);
-            viewHandler.updateConfiguratorState(true);
-            _context.next = 5;
-            return DivaUtils.Sleep(100);
-          case 5:
-            viewHandler.paletteViewHandler.scrollToConfigStepByPosNr(posNr, true);
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function clickNavigation() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  return /*#__PURE__*/jsx("div", {
-    children: /*#__PURE__*/jsxs("div", {
-      onClick: clickNavigation,
-      className: tableOptions,
-      children: [/*#__PURE__*/jsxs("span", {
-        children: [/*#__PURE__*/jsx("div", {
-          children: ops.optionName + ' (' + ops.optionCodex.replace('OPT', '') + ')'
-        }), /*#__PURE__*/jsx("div", {
-          children: ops.valName + ' (' + ((_ops$valCodex = ops.valCodex) === null || _ops$valCodex === void 0 ? void 0 : _ops$valCodex.replace('OPV', '')) + ')'
-        }), !!ops.freeText && /*#__PURE__*/jsx("div", {
-          children: ops.freeText
-        })]
-      }), /*#__PURE__*/jsx("span", {
-        className: tableSpan5,
-        children: image != undefined && /*#__PURE__*/jsx("img", {
-          src: image,
-          className: optionImage
-        })
-      }), /*#__PURE__*/jsx("span", {
-        className: classnames(tableSpan15, marginTop),
-        children: !!(ops.usedCalcPrice || ops.calcPrice) && DivaUtils.formatPrice(ops.usedCalcPrice || ops.calcPrice)
-      }), /*#__PURE__*/jsx("span", {
-        className: classnames(tableSpan5, marginTop),
-        children: ops.headerPosVariationType
-      }), /*#__PURE__*/jsx("span", {
-        className: classnames(img, tableSpan7, marginTop, ops.isDefined ? checked : unchecked)
-      })]
-    })
-  });
-};
-var TabGroupOptions$1 = observer(TabGroupOptions);
-
-export { TabGroupOptions$1 as default };

package/build/esm/index-1cc0af77.js

@@ -1,277 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-545a32b9.js';
-import React, { useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var table = "table-gRvJg";
-var column = "column-bLCew";
-var scrollable = "scrollable-XTWgE";
-var tableDescription = "tableDescription--qUD1";
-var optionRow = "optionRow-grqJU";
-var opvStatusVisible = "opvStatusVisible-4YLGY";
-var opvStatusHidden = "opvStatusHidden-5rPCm";
-var visibleHistory = "visibleHistory-CZ7xR";
-var visibleHistoryEntry = "visibleHistoryEntry-LHSfd";
-var visibleHistoryEntryHidden = "visibleHistoryEntryHidden-8Lvmq";
-var visibleHistoryEntryShown = "visibleHistoryEntryShown-jDoFr";
-var css_248z = ".table-gRvJg {\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-gRvJg 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-gRvJg th,\n.table-gRvJg td {\n  padding: 10px 14px;\n  text-align: left;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.table-gRvJg tbody tr:hover {\n  background: #f7fafc;\n}\n\n.column-bLCew {\n  text-align: left;\n}\n\n.scrollable-XTWgE {\n  overflow: auto;\n  width: 100%;\n  padding: 16px;\n  height: calc(100% - 60px);\n  position: relative;\n  box-sizing: border-box;\n}\n\n.tableDescription--qUD1 {\n  margin: 8px 0 12px;\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.4;\n}\n\n.optionRow-grqJU {\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.optionRow-grqJU:hover {\n  background: #edf2f7;\n}\n\n.opvStatusVisible-4YLGY {\n  color: #38a169;\n  font-weight: 500;\n}\n\n.opvStatusHidden-5rPCm {\n  color: #e53e3e;\n}\n\n.visibleHistory-CZ7xR {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  align-items: center;\n}\n\n.visibleHistoryEntry-LHSfd {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 8px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.visibleHistoryEntryHidden-8Lvmq {\n  background: #feb2b2;\n  color: #742a2a;\n}\n\n.visibleHistoryEntryShown-jDoFr {\n  background: #9ae6b4;\n  color: #276749;\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; }
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function groupOptionsByTabGroup(tabGroups, article) {
-  var result = [];
-  for (var _i = 0, _Object$keys = Object.keys(tabGroups); _i < _Object$keys.length; _i++) {
-    var tgKey = _Object$keys[_i];
-    var tabGroup = tabGroups[tgKey];
-    if (!(tabGroup !== null && tabGroup !== void 0 && tabGroup.options)) continue;
-    var _iterator = _createForOfIteratorHelper(tabGroup.options),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var _tabGroup$title;
-        var _step$value = _slicedToArray(_step.value, 2),
-          optKey = _step$value[0],
-          option = _step$value[1];
-        if (!option) continue;
-        var configSteps = option.configSteps;
-        if (!(configSteps !== null && configSteps !== void 0 && configSteps.size)) continue;
-        var firstConfigStep = configSteps.values().next().value;
-        if (!firstConfigStep) continue;
-        var ops = article === null || article === void 0 ? void 0 : article.getArticleOptionState(option.codex);
-        result.push({
-          option: option,
-          tabGroupKey: tgKey,
-          tabGroupTitle: (_tabGroup$title = tabGroup.title) !== null && _tabGroup$title !== void 0 ? _tabGroup$title : tgKey,
-          inspectInfo: ops === null || ops === void 0 ? void 0 : ops.inspectInfo,
-          posNr: firstConfigStep.posNr
-        });
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-  }
-  return result;
-}
-var OptionTreeTable = function OptionTreeTable(_ref) {
-  var _Object$values$find;
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  var tabGroups = viewHandler.tabGroupState.allTabGroups;
-  var articles = viewHandler.divaWebPlanner.getDivaArticles();
-  var article = (_Object$values$find = Object.values(articles !== null && articles !== void 0 ? articles : {}).find(function (a) {
-    return a.posNr === 1;
-  })) !== null && _Object$values$find !== void 0 ? _Object$values$find : Object.values(articles !== null && articles !== void 0 ? articles : {})[0];
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    inspectRefreshed = _useState2[0],
-    setInspectRefreshed = _useState2[1];
-  useEffect(function () {
-    var set = viewHandler.divaWebPlanner.actSet();
-    if (!set || inspectRefreshed) return;
-    var hadInspect = set.inspectMode;
-    var hadLogDecisions = set.logDecisions;
-    if (!hadInspect) set.inspectMode = true;
-    if (!hadLogDecisions) set.logDecisions = true;
-    if (!hadInspect || !hadLogDecisions) {
-      viewHandler.divaWebPlanner.updateConfiguratorStructureOfActSet();
-      setInspectRefreshed(true);
-    }
-    return function () {
-      if (!hadInspect && set.inspectMode) set.inspectMode = false;
-      if (!hadLogDecisions && set.logDecisions) set.logDecisions = false;
-      if (!hadInspect || !hadLogDecisions) {
-        viewHandler.divaWebPlanner.updateConfiguratorStructureOfActSet();
-      }
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  var optionsGrouped = React.useMemo(function () {
-    var filtered = Object.fromEntries(Object.entries(tabGroups).filter(function (_ref2) {
-      var _ref3 = _slicedToArray(_ref2, 2),
-        tg = _ref3[1];
-      return (tg === null || tg === void 0 ? void 0 : tg.type) === 'OPTION';
-    }));
-    var flat = groupOptionsByTabGroup(filtered, article);
-    var byTabGroup = new Map();
-    var _iterator2 = _createForOfIteratorHelper(flat),
-      _step2;
-    try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var _byTabGroup$get;
-        var o = _step2.value;
-        var list = (_byTabGroup$get = byTabGroup.get(o.tabGroupKey)) !== null && _byTabGroup$get !== void 0 ? _byTabGroup$get : [];
-        list.push(o);
-        byTabGroup.set(o.tabGroupKey, list);
-      }
-    } catch (err) {
-      _iterator2.e(err);
-    } finally {
-      _iterator2.f();
-    }
-    return Array.from(byTabGroup.entries()).map(function (_ref4) {
-      var _list$0$tabGroupTitle, _list$;
-      var _ref5 = _slicedToArray(_ref4, 2),
-        key = _ref5[0],
-        list = _ref5[1];
-      return {
-        tabGroupKey: key,
-        tabGroupTitle: (_list$0$tabGroupTitle = (_list$ = list[0]) === null || _list$ === void 0 ? void 0 : _list$.tabGroupTitle) !== null && _list$0$tabGroupTitle !== void 0 ? _list$0$tabGroupTitle : key,
-        options: list
-      };
-    });
-  }, [tabGroups, article]);
-  var handleOptionClick = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(optionCodex, posNr) {
-      var configStep;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            configStep = viewHandler.configuratorStructureHandler.getFirstConfigStepByOptionCodex(optionCodex);
-            if (configStep) {
-              _context.next = 3;
-              break;
-            }
-            return _context.abrupt("return");
-          case 3:
-            window.lastNavigationType = 'OPTION_TREE_TABLE';
-            viewHandler.configuratorStructureHandler.setActStepByPosNrFromSummary(configStep.posNr);
-            viewHandler.updateConfiguratorState(true);
-            _context.next = 8;
-            return DivaUtils.Sleep(100);
-          case 8:
-            viewHandler.paletteViewHandler.scrollToConfigStepByPosNr(posNr, true);
-          case 9:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function handleOptionClick(_x, _x2) {
-      return _ref6.apply(this, arguments);
-    };
-  }();
-  if (!article) {
-    return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-      className: classnames(props.className, scrollable),
-      style: {
-        zIndex: 800
-      },
-      children: /*#__PURE__*/jsx("p", {
-        className: tableDescription,
-        children: "No article loaded. Configure a product first."
-      })
-    }));
-  }
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable),
-    style: {
-      zIndex: 800
-    },
-    children: [/*#__PURE__*/jsx("p", {
-      className: tableDescription,
-      children: "All options grouped by tab group. Click any cell to navigate to that option in the configurator."
-    }), /*#__PURE__*/jsxs("table", {
-      className: table,
-      children: [/*#__PURE__*/jsx("thead", {
-        children: /*#__PURE__*/jsxs("tr", {
-          className: column,
-          children: [/*#__PURE__*/jsx("th", {
-            children: "Tab group"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Option"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Name"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Visible"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Hidden since"
-          }), /*#__PURE__*/jsx("th", {
-            children: "HPVT"
-          }), /*#__PURE__*/jsx("th", {
-            children: "History"
-          })]
-        })
-      }), /*#__PURE__*/jsx("tbody", {
-        children: optionsGrouped.map(function (_ref7) {
-          var tabGroupKey = _ref7.tabGroupKey,
-            tabGroupTitle = _ref7.tabGroupTitle,
-            options = _ref7.options;
-          return /*#__PURE__*/jsx(React.Fragment, {
-            children: options.map(function (_ref8) {
-              var _inspectInfo$hiddenBy;
-              var option = _ref8.option,
-                inspectInfo = _ref8.inspectInfo,
-                posNr = _ref8.posNr;
-              return /*#__PURE__*/jsxs("tr", {
-                className: classnames(column, optionRow),
-                onClick: function onClick() {
-                  return handleOptionClick(option.codex, posNr);
-                },
-                children: [/*#__PURE__*/jsx("td", {
-                  children: tabGroupTitle
-                }), /*#__PURE__*/jsx("td", {
-                  children: option.codex
-                }), /*#__PURE__*/jsx("td", {
-                  children: option.title
-                }), /*#__PURE__*/jsx("td", {
-                  children: inspectInfo != null ? inspectInfo.visible ? /*#__PURE__*/jsx("span", {
-                    className: opvStatusVisible,
-                    children: "visible"
-                  }) : /*#__PURE__*/jsx("span", {
-                    className: opvStatusHidden,
-                    children: "hidden"
-                  }) : '-'
-                }), /*#__PURE__*/jsx("td", {
-                  children: (_inspectInfo$hiddenBy = inspectInfo === null || inspectInfo === void 0 ? void 0 : inspectInfo.hiddenByDecisionNo) !== null && _inspectInfo$hiddenBy !== void 0 ? _inspectInfo$hiddenBy : '-'
-                }), /*#__PURE__*/jsx("td", {
-                  children: inspectInfo !== null && inspectInfo !== void 0 && inspectInfo.headerPosVariationType ? /*#__PURE__*/jsx("span", {
-                    title: "Header Pos Variation Type (K=Kopf, P=EinzelPos, V=Vererbung, I=Info, U=Unsichtbar)",
-                    children: inspectInfo.headerPosVariationType
-                  }) : '-'
-                }), /*#__PURE__*/jsx("td", {
-                  children: inspectInfo !== null && inspectInfo !== void 0 && inspectInfo.visibleHistory && inspectInfo.visibleHistory.length > 0 ? /*#__PURE__*/jsx("div", {
-                    className: visibleHistory,
-                    children: inspectInfo.visibleHistory.map(function (entry, i) {
-                      return /*#__PURE__*/jsxs("span", {
-                        className: classnames(visibleHistoryEntry, entry.visible ? visibleHistoryEntryShown : visibleHistoryEntryHidden),
-                        title: entry.visible ? 'Became visible' : 'Became hidden',
-                        children: ["#", entry.decisionNo, " \u2192 ", entry.visible ? 'shown' : 'hidden']
-                      }, i);
-                    })
-                  }) : '-'
-                })]
-              }, option.codex);
-            })
-          }, tabGroupKey);
-        })
-      })]
-    })]
-  }));
-};
-var OptionTreeTable$1 = observer(OptionTreeTable);
-
-export { OptionTreeTable$1 as default };

package/build/esm/index-1d8a5357.js

@@ -1,66 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-545a32b9.js';
-import { useEffect } from 'react';
-import Select from 'react-select';
-import { observer } from 'mobx-react-lite';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var select = "select-8bXXP";
-var css_248z = ".select-8bXXP {\n  width: 200px;\n  font-size: 12px;\n  position: absolute;\n  z-index: 100;\n  top: 16px;\n}\n.select-8bXXP div {\n  border-color: grey !important;\n}\n.select-8bXXP div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n";
-styleInject(css_248z);
-
-var ArticleSelector = function ArticleSelector(_ref) {
-  var _viewHandler$divaWebP;
-  var _ref$articleState = _slicedToArray(_ref.articleState, 2),
-    article = _ref$articleState[0],
-    setArticle = _ref$articleState[1],
-    rerender = _ref.rerender,
-    filter = _ref.filter;
-  var viewHandler = useViewHandler();
-  var articles = Object.values((_viewHandler$divaWebP = viewHandler.divaWebPlanner.getDivaArticles(undefined, true)) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {});
-  if (filter) articles = articles.filter(filter);
-  var options = articles.map(function (a) {
-    return {
-      value: a.basketId,
-      label: a.name + ' ' + a.posNr
-    };
-  });
-  var onChange = function onChange(a) {
-    setArticle(articles.find(function (p) {
-      return p.basketId == a.value;
-    }));
-  };
-  useEffect(function () {
-    if (!article) {
-      setArticle(articles[0]);
-    }
-  }, [rerender]);
-  if (options.length == 1 || options.length == 0) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx(Select, {
-    value: options.find(function (o) {
-      return o.value === (article === null || article === void 0 ? void 0 : article.basketId);
-    }),
-    options: options,
-    onChange: onChange,
-    className: select
-  });
-};
-var ArticleSelector$1 = observer(ArticleSelector);
-
-export { ArticleSelector$1 as default };

package/build/esm/index-1e2de15b.js

@@ -1,87 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-545a32b9.js';
-import { useState, useEffect } from 'react';
-import { w as wrapper } from './index.module-0d75e811.js';
-import Select from 'react-select';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-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 LAYOUTS = ['IMAGE', 'TEXT', 'DROPDOWN_TEXT', 'TOGGLE_NAME', 'TOGGLE', 'DROPDOWN_IMAGE', 'GAL_SMALL_GROUP_DROPDOWN', 'NUMBER', 'GAL_BIG', 'GAL_GROUP_DROPDOWN', 'TEXTBOX', 'GAL_TEXT', 'GAL_BIG_TEXT', 'GAL_SMALL_TEXT', 'GAL_VERY_SMALL_TEXT', 'SLIDER', 'MULTI_TOGGLE', 'MULTI_TOGGLE_ROUND', 'GAL_TEXT_2', 'GAL_BIG_TEXT_2', 'GAL_SMALL_TEXT_2', 'RADIO_LIST', 'RADIO'];
-var LayoutSelection = function LayoutSelection(_ref) {
-  var option = _ref.option;
-  var _useState = useState(option.layout),
-    _useState2 = _slicedToArray(_useState, 1),
-    origLayout = _useState2[0];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    value = _useState4[0],
-    setValue = _useState4[1];
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    option.layout = value !== null && value !== void 0 ? value : origLayout;
-    viewHandler.paletteViewHandler.updateCurPaletteData(true);
-  }, [value]);
-  useEffect(function () {
-    return function () {
-      option.layout = origLayout;
-      viewHandler.paletteViewHandler.updateCurPaletteData(true);
-    };
-  }, []);
-  var colourStyles = {
-    control: function control(styles) {
-      return _objectSpread(_objectSpread({}, styles), {}, {
-        backgroundColor: 'white'
-      });
-    },
-    option: function option(styles, _ref2) {
-      var isDisabled = _ref2.isDisabled,
-        isFocused = _ref2.isFocused,
-        isSelected = _ref2.isSelected;
-      return _objectSpread(_objectSpread({}, styles), {}, {
-        backgroundColor: isDisabled ? undefined : isFocused ? 'lightblue' : isSelected ? '#fff' : undefined,
-        cursor: isDisabled ? 'not-allowed' : 'default',
-        color: 'black',
-        ':active': _objectSpread({}, styles[':active'])
-      });
-    }
-  };
-  var layoutList = LAYOUTS.map(function (l) {
-    return {
-      label: l,
-      value: l
-    };
-  });
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: ["Layout:", /*#__PURE__*/jsx(Select, {
-      styles: colourStyles,
-      value: layoutList.find(function (l) {
-        return l.value == value;
-      }),
-      options: layoutList,
-      onChange: function onChange(val) {
-        return setValue(val.value);
-      }
-    })]
-  });
-};
-
-export { LayoutSelection as default };