@crystaldesign/diva-web-planner-react 26.3.0-beta.43 → 26.3.0-beta.44

package/build/esm/index-2ee920c2.js

@@ -1,324 +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-e7467256.js';
-import React, { useState, useMemo, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import { u as useAgGrid } from './agGridLoader-3b7ebab3.js';
-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 scrollable = "scrollable-XTWgE";
-var gridContainer = "gridContainer-Ro7Si";
-var tableDescription = "tableDescription--qUD1";
-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 = ".column-bLCew {\n  text-align: left;\n}\n\n.scrollable-XTWgE {\n  overflow: auto;\n  width: 100%;\n  padding: 16px;\n  height: 100%;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.gridContainer-Ro7Si {\n  width: 100%;\n  min-height: 150px;\n  height: calc(100% - 36px);\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\n/* Dark mode */\n.darkmode .opvStatusVisible-4YLGY,\nbody.darkmode .opvStatusVisible-4YLGY {\n  color: #68d391;\n}\n.darkmode .opvStatusHidden-5rPCm,\nbody.darkmode .opvStatusHidden-5rPCm {\n  color: #fc8181;\n}\n.darkmode .visibleHistoryEntryHidden-8Lvmq,\nbody.darkmode .visibleHistoryEntryHidden-8Lvmq {\n  background: rgba(254, 178, 178, 0.3);\n  color: #feb2b2;\n}\n.darkmode .visibleHistoryEntryShown-jDoFr,\nbody.darkmode .visibleHistoryEntryShown-jDoFr {\n  background: rgba(154, 230, 180, 0.3);\n  color: #9ae6b4;\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 agGrid = useAgGrid();
-  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];
-  var darkMode = typeof document !== 'undefined' && document.body.classList.contains('darkmode');
-  var gridTheme = useMemo(function () {
-    return agGrid.themeQuartz ? darkMode && agGrid.colorSchemeDarkBlue ? agGrid.themeQuartz.withPart(agGrid.colorSchemeDarkBlue) : agGrid.themeQuartz : undefined;
-  }, [darkMode, agGrid.themeQuartz, agGrid.colorSchemeDarkBlue]);
-  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 rowData = useMemo(function () {
-    return optionsGrouped.flatMap(function (_ref6) {
-      var options = _ref6.options;
-      return options;
-    });
-  }, [optionsGrouped]);
-  var handleOptionClick = /*#__PURE__*/function () {
-    var _ref7 = _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 _ref7.apply(this, arguments);
-    };
-  }();
-  var columnDefs = useMemo(function () {
-    return [{
-      field: 'tabGroupTitle',
-      headerName: 'Tab group',
-      flex: 1,
-      minWidth: 100
-    }, {
-      field: 'option.codex',
-      headerName: 'Option',
-      flex: 1,
-      minWidth: 80,
-      valueGetter: function valueGetter(p) {
-        var _p$data;
-        return (_p$data = p.data) === null || _p$data === void 0 || (_p$data = _p$data.option) === null || _p$data === void 0 ? void 0 : _p$data.codex;
-      }
-    }, {
-      field: 'option.title',
-      headerName: 'Name',
-      flex: 1,
-      minWidth: 120,
-      valueGetter: function valueGetter(p) {
-        var _p$data2;
-        return (_p$data2 = p.data) === null || _p$data2 === void 0 || (_p$data2 = _p$data2.option) === null || _p$data2 === void 0 ? void 0 : _p$data2.title;
-      }
-    }, {
-      headerName: 'Visible',
-      flex: 1,
-      minWidth: 80,
-      cellRenderer: function cellRenderer(params) {
-        var _params$data;
-        var info = (_params$data = params.data) === null || _params$data === void 0 ? void 0 : _params$data.inspectInfo;
-        if (info == null) return '-';
-        return info.visible ? /*#__PURE__*/jsx("span", {
-          className: opvStatusVisible,
-          children: "visible"
-        }) : /*#__PURE__*/jsx("span", {
-          className: opvStatusHidden,
-          children: "hidden"
-        });
-      }
-    }, {
-      headerName: 'Hidden since',
-      flex: 1,
-      minWidth: 90,
-      valueGetter: function valueGetter(p) {
-        var _p$data$inspectInfo$h, _p$data3;
-        return (_p$data$inspectInfo$h = (_p$data3 = p.data) === null || _p$data3 === void 0 || (_p$data3 = _p$data3.inspectInfo) === null || _p$data3 === void 0 ? void 0 : _p$data3.hiddenByDecisionNo) !== null && _p$data$inspectInfo$h !== void 0 ? _p$data$inspectInfo$h : '-';
-      }
-    }, {
-      headerName: 'HPVT',
-      flex: 1,
-      minWidth: 60,
-      cellRenderer: function cellRenderer(params) {
-        var _params$data2;
-        var h = (_params$data2 = params.data) === null || _params$data2 === void 0 || (_params$data2 = _params$data2.inspectInfo) === null || _params$data2 === void 0 ? void 0 : _params$data2.headerPosVariationType;
-        if (!h) return '-';
-        return /*#__PURE__*/jsx("span", {
-          title: "Header Pos Variation Type (K=Kopf, P=EinzelPos, V=Vererbung, I=Info, U=Unsichtbar)",
-          children: h
-        });
-      }
-    }, {
-      headerName: 'History',
-      flex: 1,
-      minWidth: 120,
-      cellRenderer: function cellRenderer(params) {
-        var _params$data3;
-        var history = (_params$data3 = params.data) === null || _params$data3 === void 0 || (_params$data3 = _params$data3.inspectInfo) === null || _params$data3 === void 0 ? void 0 : _params$data3.visibleHistory;
-        if (!(history !== null && history !== void 0 && history.length)) return '-';
-        return /*#__PURE__*/jsx("div", {
-          className: visibleHistory,
-          children: history.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);
-          })
-        });
-      }
-    }];
-  }, []);
-  var getRowId = function getRowId(params) {
-    var _params$data$option$c, _params$data4;
-    return (_params$data$option$c = (_params$data4 = params.data) === null || _params$data4 === void 0 || (_params$data4 = _params$data4.option) === null || _params$data4 === void 0 ? void 0 : _params$data4.codex) !== null && _params$data$option$c !== void 0 ? _params$data$option$c : '';
-  };
-  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."
-      })
-    }));
-  }
-  if (!agGrid.loaded || !agGrid.AgGridReact) {
-    return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-      className: classnames(props.className, scrollable),
-      style: {
-        zIndex: 800
-      },
-      children: /*#__PURE__*/jsx("p", {
-        className: tableDescription,
-        children: "Tables require ag-grid (not loaded in this environment)."
-      })
-    }));
-  }
-  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__*/jsx("div", {
-      className: gridContainer,
-      children: /*#__PURE__*/jsx(agGrid.AgGridReact, {
-        rowData: rowData,
-        columnDefs: columnDefs,
-        theme: gridTheme,
-        getRowId: getRowId,
-        onRowClicked: function onRowClicked(e) {
-          return e.data && handleOptionClick(e.data.option.codex, e.data.posNr);
-        },
-        suppressCellFocus: true,
-        suppressRowClickSelection: true,
-        domLayout: "normal"
-      })
-    })]
-  }));
-};
-var OptionTreeTable$1 = observer(OptionTreeTable);
-
-export { OptionTreeTable$1 as default };

package/build/esm/index-2f8fa54b.js

@@ -1,136 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-e7467256.js';
-import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-8ac4be70.js';
-import GenericToolTip from './index-3af9573a.js';
-import PricePreview from './index-c33ec4a5.js';
-import InfoIcon from './index-bcadb7ee.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import './index-9898d9fe.js';
-import 'react-countup';
-
-var accItem = "AccItem-EuKUQ";
-var wcSize = "wcSize-vX0Fm";
-var wcSizeNormal = "wcSize-normal-bRIEC";
-var wcImage = "wcImage-ScJeM";
-var wcAccInfoContainer = "wcAccInfoContainer-eEHqy";
-var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title-Wlfnh";
-var metaData = "meta-data-p5e7t";
-var wcAccSize = "wcAccSize-LdKs3";
-var css_248z = "/* Accessoires*/\n\n.AccItem-EuKUQ {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.AccItem-EuKUQ:hover {\n  z-index: 200;\n}\n\n.AccItem-EuKUQ .wcSize-vX0Fm {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.AccItem-EuKUQ .wcSize-normal-bRIEC {\n  height: 80px;\n}\n\n.AccItem-EuKUQ .wcImagePlaceHolder-t26mm {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.AccItem-EuKUQ .wcSize-normal-bRIEC .wcImage-ScJeM {\n  height: 80px;\n}\n\n.AccItem-EuKUQ .wcImage-ScJeM {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.wcAccInfoContainer-eEHqy {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.AccItem-EuKUQ .wcAccInfoContainer-eEHqy {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.AccItem-EuKUQ .wcConfigurator-settings-title-Wlfnh {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.AccItem-EuKUQ .wcConfigurator-settings-title-Wlfnh.meta-data-p5e7t {\n  -webkit-line-clamp: 1;\n}\n\n.AccItem-EuKUQ .wcAccSize-LdKs3 {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 110;\n}\n@media all and (max-width: 1100px) {\n  .AccItem-EuKUQ .wcSize-normal-bRIEC {\n    height: 80px;\n  }\n\n  .AccItem-EuKUQ .wcSize-normal-bRIEC img {\n    height: 80px;\n  }\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 ShelfAccessoires = function ShelfAccessoires(_ref) {
-  var _renderLayer, _item$longDescription;
-  var item = _ref.item,
-    grids = _ref.grids;
-  var viewHandler = useViewHandler();
-  var i18n = useTranslation();
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state = _useDivaCore.state,
-    hidePrices = _useDivaCore$state.hidePrices,
-    _useDivaCore$state$di = _useDivaCore$state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    metaDataVisible = _useState2[0],
-    setMetaDataVisible = _useState2[1];
-
-  /* tool tip stuff*/
-  var triggerProps = {};
-  var layerProps = {};
-  var renderLayer = undefined;
-  var isOver = false;
-  var hoverProps = {};
-  var hover = useHover({
-    delayEnter: 1500,
-    hideOnScroll: true
-  });
-  var tooltip = useLayer({
-    isOpen: hover[0],
-    auto: true,
-    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
-  });
-  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip) {
-    isOver = hover[0];
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.clickedOnShelfAccessorie(grids, item.articleCodex, undefined, true);
-    },
-    className: accItem
-  }, triggerProps), hoverProps), {}, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(wcSize, wcSizeNormal),
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(wcImage),
-        style: {
-          backgroundImage: "url(".concat(item.image, ")")
-        }
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(wcAccInfoContainer),
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(wcConfiguratorSettingsTitle, metaDataVisible !== '' ? metaData : undefined),
-          dangerouslySetInnerHTML: {
-            __html: item.name
-          }
-        }), /*#__PURE__*/jsx(MetaData, {
-          metaData: item.metaData,
-          visible: [metaDataVisible, setMetaDataVisible]
-        }, item.articleCodex), /*#__PURE__*/jsx("div", {
-          className: classnames(wcAccSize),
-          children: DivaUtils.sizeFormatter({
-            width: item.width,
-            height: item.height,
-            depth: item.depth
-          }, i18n)
-        })]
-      })]
-    }), !hidePrices && !!item.price && /*#__PURE__*/jsx(PricePreview, {
-      price: item.price,
-      style: {
-        paddingTop: 6
-      }
-    }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-      item: item,
-      style: {
-        bottom: 8,
-        right: 8
-      }
-    }, item.articleCodex), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-      text: (_item$longDescription = item.longDescription) !== null && _item$longDescription !== void 0 ? _item$longDescription : item.name,
-      desciption: metaDataVisible,
-      image: item.image,
-      codex: item.articleCodex,
-      layerProps: layerProps
-    }, item.articleCodex)))]
-  }));
-};
-var ShelfAccessoiresOld = observer(ShelfAccessoires);
-
-export { ShelfAccessoiresOld as default };

package/build/esm/index-30d44959.js

@@ -1,133 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-e7467256.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var wrapper = "wrapper-Hyxdk";
-var scrollable = "scrollable-yGfFP";
-var header = "header-u0XPA";
-var table = "table-TPfx-";
-var column = "column-xMOA0";
-var css_248z = ".wrapper-Hyxdk {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n\n  -webkit-user-select: text;\n\n     -moz-user-select: text;\n\n          user-select: text;\n  background-color: #fff;\n}\n.scrollable-yGfFP {\n  overflow: auto;\n  height: auto;\n}\n.header-u0XPA {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n\n.ekTextClass-3YZ9o {\n  margin-left: 200px;\n  background-color: #fff;\n  font-weight: 600;\n  max-height: 92%;\n  height: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.table-TPfx- {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-color: #e7eaf8;\n  border-style: solid;\n  border-width: 0px;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n}\n.table-TPfx- thead {\n  font-weight: bold !important;\n}\n.table-TPfx- thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n}\n.column-xMOA0 {\n  text-align: left;\n}\n.column-xMOA0:first-child {\n  height: 20px;\n}\n.column-xMOA0 th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.column-xMOA0 th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.column-xMOA0 th:last-child {\n  font-size: 12px;\n}\n\n.column-xMOA0 td {\n  text-align: center;\n}\n";
-styleInject(css_248z);
-
-var _excluded = ["onMouseDown"];
-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 GridOverview = function GridOverview(_ref) {
-  var _grids$setId;
-  var onMouseDown = _ref.onMouseDown,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var set = viewHandler.divaWebPlanner.actSet();
-  var setId = set === null || set === void 0 ? void 0 : set.getSetId();
-  var grids = viewHandler.settingsState.generalPlanningState;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    search = _useState2[0],
-    setSearch = _useState2[1];
-  if (!setId || viewHandler.uiState.isLoading || !grids) return /*#__PURE__*/jsx(Fragment, {});
-  var grid = (_grids$setId = grids[setId]) === null || _grids$setId === void 0 || (_grids$setId = _grids$setId.grids) === null || _grids$setId === void 0 ? void 0 : _grids$setId[0].matrix;
-  if (!grid) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable),
-    children: /*#__PURE__*/jsxs("div", {
-      className: wrapper,
-      children: [/*#__PURE__*/jsx("a", {
-        className: header,
-        onMouseDown: onMouseDown,
-        children: "Grid \xDCbersicht"
-      }), /*#__PURE__*/jsx("input", {
-        type: "text",
-        placeholder: "Search for option",
-        onChange: function onChange(e) {
-          return setSearch(e.target.value);
-        }
-      }), !!grid.length && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("h3", {
-          children: "Grid Matrix"
-        }), /*#__PURE__*/jsx("table", {
-          className: table,
-          children: /*#__PURE__*/jsx("tbody", {
-            children: grid.map(function (x, idx) {
-              return /*#__PURE__*/jsx("td", {
-                className: column,
-                children: x.slice().reverse().map(function (y) {
-                  var _y$plannedElement, _y$plannedElement$ele, _y$plannedElement2;
-                  var basketId = (_y$plannedElement = y.plannedElement) === null || _y$plannedElement === void 0 ? void 0 : _y$plannedElement.basketId;
-                  var value = '';
-                  var valueLeft = '';
-                  var valueRight = '';
-                  var valueTop = '';
-                  var valueBottom = '';
-                  if (basketId && search) {
-                    var article = set === null || set === void 0 ? void 0 : set.getArticleByBasketId(basketId);
-                    var variantValues = article === null || article === void 0 ? void 0 : article.VariantValues;
-                    if (variantValues !== null && variantValues !== void 0 && variantValues['OPT' + search]) {
-                      value = variantValues === null || variantValues === void 0 ? void 0 : variantValues['OPT' + search];
-                    }
-                    if (variantValues !== null && variantValues !== void 0 && variantValues['OPT' + search + '_LINKS']) {
-                      valueLeft = variantValues === null || variantValues === void 0 ? void 0 : variantValues['OPT' + search + '_LINKS'];
-                    }
-                    if (variantValues !== null && variantValues !== void 0 && variantValues['OPT' + search + '_RECHTS']) {
-                      valueRight = variantValues === null || variantValues === void 0 ? void 0 : variantValues['OPT' + search + '_RECHTS'];
-                    }
-                    if (variantValues !== null && variantValues !== void 0 && variantValues['OPT' + search + '_OBEN']) {
-                      valueTop = variantValues === null || variantValues === void 0 ? void 0 : variantValues['OPT' + search + '_OBEN'];
-                    }
-                    if (variantValues !== null && variantValues !== void 0 && variantValues['OPT' + search + '_UNTEN']) {
-                      valueBottom = variantValues === null || variantValues === void 0 ? void 0 : variantValues['OPT' + search + '_UNTEN'];
-                    }
-                  }
-                  return /*#__PURE__*/jsxs("tr", {
-                    style: {
-                      border: '1px solid black'
-                    },
-                    children: [/*#__PURE__*/jsxs("div", {
-                      style: {
-                        display: 'flex',
-                        flexDirection: 'row',
-                        gap: 10
-                      },
-                      children: [valueLeft && /*#__PURE__*/jsxs("div", {
-                        children: ["LINKS: ", valueLeft]
-                      }), value && /*#__PURE__*/jsx("div", {
-                        children: value
-                      }), valueRight && /*#__PURE__*/jsxs("div", {
-                        children: ["RECHTS: ", valueRight]
-                      }), valueTop && /*#__PURE__*/jsxs("div", {
-                        children: ["OBEN: ", valueTop]
-                      }), valueBottom && /*#__PURE__*/jsxs("div", {
-                        children: ["UNTEN: ", valueBottom]
-                      })]
-                    }), (_y$plannedElement$ele = (_y$plannedElement2 = y.plannedElement) === null || _y$plannedElement2 === void 0 ? void 0 : _y$plannedElement2.elementId) !== null && _y$plannedElement$ele !== void 0 ? _y$plannedElement$ele : '|']
-                  }, idx + '-' + y.index.y);
-                })
-              }, idx);
-            })
-          })
-        })]
-      })]
-    })
-  }));
-};
-var GridOverview$1 = observer(GridOverview);
-
-export { GridOverview$1 as default };

package/build/esm/index-30fa7416.js

@@ -1,39 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-e7467256.js';
-import classnames from 'classnames';
-import { toJS } from 'mobx';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-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 '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var infoContainer = "info-container-7yeog";
-var mobile = "mobile-EMOn-";
-var css_248z = ".info-container-7yeog {\n  position: absolute;\n  top: 0;\n  right: 0;\n  background-color: rgba(248, 248, 248, 0.75);\n  z-index: 800;\n  width: 300px;\n}\n\n.mobile-EMOn-.info-container-7yeog {\n  bottom: 0;\n  left: 0;\n  top: auto;\n  top: initial;\n  width: 100%;\n}\n";
-styleInject(css_248z);
-
-var ProductInfo = function ProductInfo(props) {
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsx(Fragment, {
-    children: viewHandler.settingsState.infoBoxContent && /*#__PURE__*/jsx("div", {
-      className: classnames(infoContainer, viewHandler.uiState.isInMobileView ? mobile : undefined),
-      children: viewHandler.settingsState.infoBoxContent && toJS(viewHandler.settingsState.infoBoxContent.content)
-    })
-  });
-};
-var ProductInfo$1 = observer(ProductInfo);
-
-export { ProductInfo$1 as default };