@crystaldesign/diva-web-planner-react 24.13.0-rc.1 → 24.13.0-rc.11

package/build/esm/index-bd545c2f.js

@@ -0,0 +1,129 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { s as styleInject, u as useViewHandler } from './index-ce87f7de.js';
+import { useState, useEffect } from 'react';
+import { n as notExpanded } from './index.module-9e919dd5.js';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import { DivaUtils } from '@crystaldesign/diva-core';
+import ReactJson from 'react-json-view';
+import { jsxs, jsx } 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';
+
+var table = "table-IFFgy";
+var column = "column-c-8ox";
+var scrollable = "scrollable-lOx7X";
+var header = "header-HNft-";
+var css_248z = ".table-IFFgy {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  top: 73px;\n}\n.table-IFFgy thead {\n  font-weight: bold !important;\n}\n.table-IFFgy thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.column-c-8ox {\n  text-align: left;\n}\n.column-c-8ox:first-child {\n  height: 20px;\n}\n.column-c-8ox th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.column-c-8ox th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.column-c-8ox th:last-child {\n  font-size: 12px;\n}\n.scrollable-lOx7X {\n  overflow: auto;\n  left: 50px;\n}\n.header-HNft- {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  position: absolute;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\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 PartListAnalyzer = function PartListAnalyzer(_ref) {
+  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var viewHandler = useViewHandler();
+  var articles = viewHandler.divaWebPlanner.getDivaArticles();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    rerender = _useState2[0],
+    setRerender = _useState2[1];
+  useEffect(function () {
+    var asyncFunct = /*#__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:
+              _context.next = 2;
+              return DivaUtils.Sleep(1000);
+            case 2:
+              setRerender(!rerender);
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function asyncFunct() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    asyncFunct();
+  }, [viewHandler.tabGroupState.allTabGroups]);
+  var partlistArticles = [];
+  for (var basketId in articles) {
+    partlistArticles = getPartlistArticles(articles[basketId], partlistArticles);
+  }
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(props.className, scrollable, viewHandler.uiState.configSettingsIsExpanded ? notExpanded : undefined),
+    children: [/*#__PURE__*/jsx("a", {
+      className: header,
+      children: "St\xFCcklisten \xDCbersicht"
+    }), /*#__PURE__*/jsx("div", {
+      children: /*#__PURE__*/jsxs("table", {
+        className: table,
+        children: [/*#__PURE__*/jsx("thead", {
+          children: /*#__PURE__*/jsxs("tr", {
+            className: column,
+            children: [/*#__PURE__*/jsx("th", {
+              children: "codex"
+            }), /*#__PURE__*/jsx("th", {
+              children: "decision"
+            })]
+          })
+        }), /*#__PURE__*/jsx("tbody", {
+          children: Object.values(partlistArticles).map(function (partListArticle, index) {
+            return /*#__PURE__*/jsxs("tr", {
+              className: column,
+              children: [/*#__PURE__*/jsxs("th", {
+                children: [" ", partListArticle.codex]
+              }), /*#__PURE__*/jsx("th", {
+                children: /*#__PURE__*/jsx(ReactJson, {
+                  collapseStringsAfterLength: false,
+                  enableClipboard: false,
+                  collapsed: 1,
+                  displayDataTypes: false,
+                  displayObjectSize: false,
+                  shouldCollapse: false,
+                  theme: 'ashes',
+                  src: partListArticle.dec
+                }, viewHandler.settingsState.configChanged)
+              })]
+            }, index);
+          })
+        })]
+      })
+    })]
+  }));
+};
+var getPartlistArticles = function getPartlistArticles(article, partlistArticles) {
+  var _article$catalogArtic;
+  var pls = (_article$catalogArtic = article.catalogArticle.partlistArticlesRules) === null || _article$catalogArtic === void 0 ? void 0 : _article$catalogArtic[0].PartListPos;
+  var _loop = function _loop() {
+    var partlistArticle = pls[i];
+    var dec = article.decisions.find(function (dec) {
+      return Number(dec.Number) === Number(partlistArticle.PartListPosDecisionsAndPosCounts[0].DecisionNumber);
+    });
+    partlistArticles.push({
+      codex: partlistArticle.ItemRefArticles[0].ArticleCodex,
+      doc: dec === null || dec === void 0 ? void 0 : dec.DOC
+    });
+  };
+  for (var i = 0; i < ((_ref3 = pls !== null && pls !== void 0 ? pls : []) === null || _ref3 === void 0 ? void 0 : _ref3.length); i++) {
+    var _ref3;
+    _loop();
+  }
+  return partlistArticles;
+};
+var PartListAnalyzer$1 = observer(PartListAnalyzer);
+
+export { PartListAnalyzer$1 as default };

package/build/esm/index-be46dc5a.js

@@ -0,0 +1,106 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler } from './index-ce87f7de.js';
+import { useState, useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import { a as wcFunctionsContainer, c as wcIcon } from './index.module-54ee6833.js';
+import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import Share from './index-2a537f50.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+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 '@babel/runtime/helpers/typeof';
+
+var wcFunctionsToolbar = "wcFunctionsToolbar-l5jaw";
+var wcSaveIcon = "wcSaveIcon-epW6E";
+var wcConsulationIcon = "wcConsulationIcon-MpgkK";
+var wcBookmarkIcon = "wcBookmarkIcon-G2989";
+var wcShareIcon = "wcShareIcon-1G5IF";
+var css_248z = ".wcFunctionsToolbar-l5jaw {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n}\n.wcFunctionsToolbar-l5jaw li {\n  float: left;\n  padding: 4.8px;\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n}\n\n.wcSaveIcon-epW6E {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg width%3D%22100%25%22  height%3D%22100%25%22 viewBox%3D%220 0 9 8%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 xml%3Aspace%3D%22preserve%22 style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath  d%3D%22M4.104%2C7.2l-0.384%2C-0.24c-1.296%2C-0.768 -3.72%2C-2.208 -3.72%2C-4.56c0%2C-1.32 1.08%2C-2.4 2.4%2C-2.4c0.648%2C0 1.272%2C0.264 1.704%2C0.72c0.456%2C-0.456 1.056%2C-0.72 1.704%2C-0.72c1.32%2C0 2.4%2C1.08 2.4%2C2.4c0%2C2.376 -2.424%2C3.792 -3.72%2C4.56l-0.384%2C0.24Zm-1.704%2C-6.672c-1.032%2C0 -1.872%2C0.84 -1.872%2C1.872c0%2C2.064 2.256%2C3.384 3.456%2C4.104l0.12%2C0.072l0.12%2C-0.072c1.2%2C-0.72 3.456%2C-2.04 3.456%2C-4.104c0%2C-1.032 -0.84%2C-1.872 -1.872%2C-1.872c-0.576%2C0 -1.152%2C0.288 -1.488%2C0.744l-0.216%2C0.288l-0.216%2C-0.288c-0.36%2C-0.48 -0.912%2C-0.744 -1.488%2C-0.744Z%22 style%3D%22fill%3A%23black%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcConsulationIcon-MpgkK {\n  background-position-y: -6px;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M214.461-100q-31.302 0-53.548-22.246-22.246-22.247-22.246-53.549v-537.231q0-31.302 22.246-53.548 22.246-22.247 53.548-22.247h57.385v-80.41h55.539v80.41h308.307v-80.41h52.975v80.41h56.872q31.301 0 53.548 22.247 22.246 22.246 22.246 53.548v537.231q0 31.302-22.246 53.549Q776.84-100 745.539-100H214.461Zm0-51.179h531.078q9.23 0 16.923-7.693 7.692-7.692 7.692-16.923v-376H189.846v376q0 9.231 7.692 16.923 7.692 7.693 16.923 7.693Zm-24.615-451.795h580.308v-110.052q0-9.231-7.692-16.923-7.693-7.692-16.923-7.692H214.461q-9.231 0-16.923 7.692-7.692 7.692-7.692 16.923v110.052Zm0 0v-134.667 134.667Zm290.025 213.128q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm-160 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm320 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526ZM479.871-236q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q493.461-236 479.871-236Zm-160 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q333.461-236 319.871-236Zm320 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q653.461-236 639.871-236Z%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcBookmarkIcon-G2989 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M220-154.667V-750q0-30.905 22.246-53.35 22.247-22.445 53.549-22.445h368.41q31.302 0 53.549 22.445Q740-780.905 740-750v595.333L480-265.744 220-154.667Zm51.179-77.948L480-321.824l208.821 89.209V-750q0-9.231-7.693-16.923-7.692-7.693-16.923-7.693h-368.41q-9.231 0-16.923 7.693-7.693 7.692-7.693 16.923v517.385Zm0-542.001h417.642-417.642Z%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcShareIcon-1G5IF {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M725.916-88q-45.1 0-76.815-31.352-31.716-31.352-31.716-76.14 0-7.503 1.461-16.574 1.462-9.07 4.898-16.41L314.09-409.641q-15.064 17.359-35.86 26.526-20.796 9.166-42.845 9.166-44.855 0-76.787-31.352-31.931-31.352-31.931-76.141t31.931-76.032q31.932-31.244 76.787-31.244 22.176 0 43.088 8.68 20.912 8.679 35.424 26.038l309.847-180.407q-3.436-7.552-4.898-16.41-1.461-8.857-1.461-16.465 0-44.744 31.569-76.064 31.57-31.321 76.669-31.321 44.377 0 76.121 31.317 31.743 31.317 31.743 76.056 0 45.422-31.931 76.409-31.932 30.987-76.787 30.987-22.952 0-42.963-8.192t-35.588-25.551L337.077-514.732q2.769 7.53 4.231 16.605 1.461 9.074 1.461 16.795 0 7.722-1.461 16.153-1.462 8.432-4.231 15.963l309.141 179.524q15.577-15.872 35.462-24.475 19.884-8.602 43.089-8.602 44.855 0 76.787 30.975 31.931 30.975 31.931 76.141 0 45.166-31.597 76.409Q770.293-88 725.916-88Zm-.519-623.077q23.347 0 40.129-16.743 16.782-16.744 16.782-40.09 0-23.346-16.626-40.129-16.626-16.782-39.798-16.782-23.456 0-40.388 16.626t-16.932 39.798q0 23.456 16.743 40.388 16.744 16.932 40.09 16.932ZM234.679-425.128q23.347 0 40.129-16.743 16.782-16.744 16.782-40.09 0-23.347-16.626-40.129-16.626-16.782-39.798-16.782-23.456 0-40.388 16.626-16.932 16.625-16.932 39.798 0 23.456 16.743 40.388 16.744 16.932 40.09 16.932Zm490.718 285.949q23.347 0 40.129-16.744 16.782-16.743 16.782-40.09 0-23.346-16.626-40.128t-39.798-16.782q-23.456 0-40.388 16.626-16.932 16.625-16.932 39.798 0 23.456 16.743 40.388 16.744 16.932 40.09 16.932Zm.372-629.103ZM235.051-482.333Zm490.718 285.948Z%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcShareIcon-1G5IF:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M725.916-88q-45.1 0-76.815-31.352-31.716-31.352-31.716-76.14 0-7.503 1.461-16.574 1.462-9.07 4.898-16.41L314.09-409.641q-15.064 17.359-35.86 26.526-20.796 9.166-42.845 9.166-44.855 0-76.787-31.352-31.931-31.352-31.931-76.141t31.931-76.032q31.932-31.244 76.787-31.244 22.176 0 43.088 8.68 20.912 8.679 35.424 26.038l309.847-180.407q-3.436-7.552-4.898-16.41-1.461-8.857-1.461-16.465 0-44.744 31.569-76.064 31.57-31.321 76.669-31.321 44.377 0 76.121 31.317 31.743 31.317 31.743 76.056 0 45.422-31.931 76.409-31.932 30.987-76.787 30.987-22.952 0-42.963-8.192t-35.588-25.551L337.077-514.732q2.769 7.53 4.231 16.605 1.461 9.074 1.461 16.795 0 7.722-1.461 16.153-1.462 8.432-4.231 15.963l309.141 179.524q15.577-15.872 35.462-24.475 19.884-8.602 43.089-8.602 44.855 0 76.787 30.975 31.931 30.975 31.931 76.141 0 45.166-31.597 76.409Q770.293-88 725.916-88Z%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcBookmarkIcon-G2989:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M220-154.667V-750q0-30.905 22.189-53.35 22.188-22.445 53.606-22.445h368.41q31.418 0 53.606 22.445Q740-780.905 740-750v595.333L480-265.744 220-154.667Z%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcConsulationIcon-MpgkK:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M479.871-389.846q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm-160 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm320 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526ZM479.871-236q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q493.461-236 479.871-236Zm-160 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q333.461-236 319.871-236Zm320 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q653.461-236 639.871-236Zm-425.41 136q-31.302 0-53.548-22.246-22.246-22.247-22.246-53.549v-537.231q0-31.302 22.246-53.548 22.246-22.247 53.548-22.247h57.385v-80.41h55.539v80.41h308.307v-80.41h52.975v80.41h56.872q31.301 0 53.548 22.247 22.246 22.246 22.246 53.548v537.231q0 31.302-22.246 53.549Q776.84-100 745.539-100H214.461Zm0-51.179h531.078q9.23 0 16.923-7.693 7.692-7.692 7.692-16.923v-376H189.846v376q0 9.231 7.692 16.923 7.692 7.693 16.923 7.693Z%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcSaveIcon-epW6E:hover {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg width%3D%22100%25%22 height%3D%22100%25%22 viewBox%3D%220 0 9 8%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 xml%3Aspace%3D%22preserve%22 style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath d%3D%22M4.104%2C7.2c1.231%2C-0.757 4.104%2C-2.296 4.104%2C-4.878c0%2C-1.279 -1.026%2C-2.322 -2.283%2C-2.322c-0.744%2C0 -1.411%2C0.365 -1.821%2C0.939c-0.41%2C-0.574 -1.077%2C-0.939 -1.821%2C-0.939c-1.257%2C0 -2.283%2C1.043 -2.283%2C2.322c-0.025%2C2.556 2.847%2C4.095 4.104%2C4.878Z%22 style%3D%22fill%3A%23000%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n}\n";
+styleInject(css_248z);
+
+var Wishlist = function Wishlist(props) {
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useDivaCore = useDivaCore(),
+    openModal = _useDivaCore.actions.openModal;
+    _useDivaCore.state.isMobile;
+  useEffect(function () {
+    var _viewHandler$getViewC;
+    if (!loading) openModal({
+      title: t('configurator.sharetitle'),
+      rejectByIcon: true,
+      content: /*#__PURE__*/jsx(Share, {
+        url: (_viewHandler$getViewC = viewHandler.getViewConfig().shareUrl) !== null && _viewHandler$getViewC !== void 0 ? _viewHandler$getViewC : '',
+        divaNr: viewHandler.divaWebPlanner.divaNr,
+        loading: loading
+      })
+    });
+  }, [loading]);
+  return /*#__PURE__*/jsxs("ul", {
+    className: wcFunctionsToolbar,
+    children: [viewHandler.getIsInMobileView() && /*#__PURE__*/jsxs(Fragment, {
+      children: [viewHandler.eventIsManagedByClient('onRequestConsulation') && /*#__PURE__*/jsx("li", {
+        className: wcFunctionsContainer,
+        children: /*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcConsulationIcon),
+          title: t('configurator.consulation'),
+          onClick: viewHandler.productState.onRequestConsulation
+        })
+      }), viewHandler.eventIsManagedByClient('onSave') && /*#__PURE__*/jsx("li", {
+        className: wcFunctionsContainer,
+        children: /*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcBookmarkIcon),
+          title: t('configurator.bookmark'),
+          onClick: viewHandler.productState.onClickSave2
+        })
+      })]
+    }), /*#__PURE__*/jsx("li", {
+      className: wcFunctionsContainer,
+      children: /*#__PURE__*/jsx("div", {
+        className: classnames(wcIcon, wcSaveIcon),
+        title: t('configurator.wishlist'),
+        onClick: viewHandler.productState.onClickSave
+      })
+    }), viewHandler.getViewConfig().shareUrl && /*#__PURE__*/jsx("li", {
+      className: wcFunctionsContainer,
+      children: /*#__PURE__*/jsx("div", {
+        className: classnames(wcIcon, wcShareIcon),
+        title: t('configurator.share'),
+        onClick: function onClick() {
+          var _viewHandler$getViewC2;
+          setLoading(true);
+          viewHandler.productState.syncOnClickShare().then(function () {
+            return setLoading(false);
+          });
+          openModal({
+            title: t('configurator.sharetitle'),
+            rejectByIcon: true,
+            content: /*#__PURE__*/jsx(Share, {
+              url: (_viewHandler$getViewC2 = viewHandler.getViewConfig().shareUrl) !== null && _viewHandler$getViewC2 !== void 0 ? _viewHandler$getViewC2 : '',
+              divaNr: viewHandler.divaWebPlanner.divaNr,
+              loading: true
+            })
+          });
+        }
+      })
+    })]
+  });
+};
+var index = observer(Wishlist);
+
+export { index as default };

package/build/esm/index-bf1b50f0.js

@@ -0,0 +1,142 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler } from './index-ce87f7de.js';
+import { useDivaCore } from '@crystaldesign/diva-core';
+import { useState, useCallback, useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import { ContentBoxComponent } from '@crystaldesign/content-box';
+import SettingsHeader from './index-1a256308.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+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';
+
+var productsGrid = "products-grid-b9XWQ";
+var skeleton = "skeleton-XdjqR";
+var css_248z = ".products-grid-b9XWQ {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n}\n\n.skeleton-XdjqR {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n";
+styleInject(css_248z);
+
+var PromotedProducts = function PromotedProducts(_ref) {
+  var _viewHandler$configSt;
+  var item = _ref.item;
+  var _useDivaCore = useDivaCore(),
+    openComponent = _useDivaCore.actions.openComponent,
+    productHandler = _useDivaCore.handler.productHandler,
+    organization = _useDivaCore.state.organization;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    groups = _useState2[0],
+    setGroups = _useState2[1];
+  var viewHandler = useViewHandler();
+  var productsConfig = viewHandler.getViewConfig().productsConfig;
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    configChangedTimeStamp = _useState4[0],
+    setConfigChangedTimeStamp = _useState4[1];
+  var onAddProduct = useCallback(function (productId) {
+    setConfigChangedTimeStamp(viewHandler.settingsState.configChanged);
+    openComponent({
+      type: 'DIVA_WEBPLANNER',
+      parameters: {
+        productId: productId
+      },
+      internal: {
+        forceReload: '1'
+      }
+    });
+  }, [viewHandler]);
+  var selectedProduct = configChangedTimeStamp === viewHandler.settingsState.configChanged && ((_viewHandler$configSt = viewHandler.configState.productId) !== null && _viewHandler$configSt !== void 0 ? _viewHandler$configSt : !viewHandler.configState.divaNr && viewHandler.divaWebPlanner.getStartProductId());
+  useEffect(function () {
+    var _productsConfig$maxCo, _productsConfig$filte, _productsConfig$sort;
+    productHandler.apiLoadProductVariantsGrouped({
+      limit: (_productsConfig$maxCo = productsConfig === null || productsConfig === void 0 ? void 0 : productsConfig.maxCount) !== null && _productsConfig$maxCo !== void 0 ? _productsConfig$maxCo : undefined,
+      search: (_productsConfig$filte = productsConfig === null || productsConfig === void 0 ? void 0 : productsConfig.filter) !== null && _productsConfig$filte !== void 0 ? _productsConfig$filte : [{
+        id: 'availableForOrganizations',
+        op: 'eq',
+        value: organization._id
+      }, {
+        id: 'promotedForOrganizations',
+        op: 'eq',
+        value: organization._id
+      }],
+      sort: (_productsConfig$sort = productsConfig === null || productsConfig === void 0 ? void 0 : productsConfig.sort) !== null && _productsConfig$sort !== void 0 ? _productsConfig$sort : '{-created}'
+    }).then(function (result) {
+      var startProductIndex = result.data.findIndex(function (group) {
+        var _group$items$0$startP;
+        return (_group$items$0$startP = group.items[0].startProductForOrganizations) === null || _group$items$0$startP === void 0 ? void 0 : _group$items$0$startP.includes(organization._id);
+      });
+      if (startProductIndex != -1) {
+        var startProduct = result.data[startProductIndex];
+        result.data.splice(startProductIndex, 1);
+        result.data.unshift(startProduct);
+      }
+      setGroups(result.data);
+    });
+  }, [viewHandler.uiState.isLoading]);
+  var skeletons = productsConfig !== null && productsConfig !== void 0 && productsConfig.maxCount && productsConfig.showSkeletions ? getSkeletons(productsConfig.maxCount, groups.length) : [];
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(SettingsHeader, {
+      isInScroller: false,
+      isSettingsHeader: true,
+      item: item
+    }), /*#__PURE__*/jsxs("div", {
+      className: productsGrid,
+      children: [groups.map(function (group, i) {
+        return /*#__PURE__*/jsx(ContentBoxComponent, {
+          settings: {
+            contentBoxProps: {
+              type: 'ProductGallery',
+              products: group.items,
+              groupVariantsByField: ['dc_color', 'dc_mainColor'],
+              onClick: onAddProduct,
+              imageWrapperStyle: {
+                aspectRatio: 'unset'
+              },
+              wrapperStyle: group.items.find(function (i) {
+                return i._id == selectedProduct;
+              }) ? {
+                border: '1px solid var(--diva-theme-palette-primary-main)',
+                borderRadius: '5px'
+              } : undefined,
+              imageStyle: {
+                aspectRatio: '14.5 / 10',
+                objectFit: 'scale-down',
+                objectPosition: 'bottom'
+              }
+            }
+          }
+        }, group._id);
+      }), skeletons.map(function (index) {
+        return /*#__PURE__*/jsx("div", {
+          className: skeleton,
+          children: /*#__PURE__*/jsx("div", {
+            children: index
+          })
+        }, index);
+      })]
+    })]
+  });
+};
+var getSkeletons = function getSkeletons(maxCount, itemsCount) {
+  var skeletonsCount = 0;
+  if (maxCount > itemsCount) {
+    skeletonsCount = maxCount - itemsCount;
+  }
+  var skeletons = [];
+  if (skeletonsCount) {
+    for (var i = skeletonsCount - 1; i >= 0; i--) {
+      skeletons.push(maxCount - i);
+    }
+  }
+  return skeletons;
+};
+var PromotedProducts$1 = observer(PromotedProducts);
+
+export { PromotedProducts$1 as default };

package/build/esm/index-bf99a1a8.js

@@ -0,0 +1,37 @@
+import './index-ce87f7de.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+
+var DistanceToGround = function DistanceToGround(_ref) {
+  var item = _ref.item,
+    plannerUIProps = _ref.plannerUIProps;
+  return /*#__PURE__*/jsx("div", {
+    style: {
+      left: item.position.x + '%',
+      top: 100 - item.position.y + '%'
+    },
+    id: "distanceToGround",
+    className: classnames(plannerUIProps.classes.dimension.distanceToGround),
+    children: /*#__PURE__*/jsx("div", {
+      children: item.dimensionVal + ' cm'
+    })
+  });
+};
+var DistanceToGround$1 = observer(DistanceToGround);
+
+export { DistanceToGround$1 as default };

package/build/esm/index-c12cef77.js

@@ -0,0 +1,91 @@
+import { u as useViewHandler } from './index-ce87f7de.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { w as wcFunctionsToolbar, m as maxExpanded, e as expanded, l as landscape, p as portrait, a as wcFunctionsContainer, b as wcHelp, c as wcIcon, d as wcHelpIcon, f as wcFunctionsText, g as wcPrint, h as wcPrintIcon, i as wcShareIcon, j as wcReset, k as wcResetIcon, n as wcSave, o as wcSaveIcon, q as wcConfigCloseButton } from './index.module-54ee6833.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+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';
+
+var Functions = function Functions(props) {
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxs("ul", {
+    className: classnames(wcFunctionsToolbar, viewHandler.uiState.configSettingsIsMaxExpanded ? maxExpanded : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined),
+    children: [/*#__PURE__*/jsxs("li", {
+      onClick: function onClick() {
+        return viewHandler.productState.onClickHelp();
+      },
+      className: classnames(wcFunctionsContainer, wcHelp),
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(wcIcon, wcHelpIcon)
+      }), /*#__PURE__*/jsx("div", {
+        className: wcFunctionsText,
+        children: t('configurator.ConfigHelp')
+      })]
+    }), /*#__PURE__*/jsxs("li", {
+      onClick: function onClick() {
+        return viewHandler.productState.onClickPrint();
+      },
+      className: classnames(wcFunctionsContainer, wcPrint),
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(wcIcon, wcPrintIcon)
+      }), /*#__PURE__*/jsx("div", {
+        className: wcFunctionsText,
+        children: t('configurator.ConfigPrint')
+      })]
+    }), /*#__PURE__*/jsxs("li", {
+      onClick: function onClick() {
+        return viewHandler.productState.onClickShare();
+      },
+      className: classnames(wcFunctionsContainer),
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(wcIcon, wcShareIcon)
+      }), /*#__PURE__*/jsx("div", {
+        className: wcFunctionsText,
+        children: t('configurator.ConfigShare')
+      })]
+    }), /*#__PURE__*/jsxs("li", {
+      onClick: function onClick() {
+        return viewHandler.productState.onClickReset();
+      },
+      className: classnames(wcFunctionsContainer, wcReset),
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(wcIcon, wcResetIcon)
+      }), /*#__PURE__*/jsx("div", {
+        className: wcFunctionsText,
+        children: t('configurator.ConfigReset')
+      })]
+    }), viewHandler.productState.doShowUserSaveButton && /*#__PURE__*/jsxs("li", {
+      onClick: function onClick() {
+        return viewHandler.productState.onClickSave();
+      },
+      className: classnames(wcFunctionsContainer, wcSave),
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(wcIcon, wcSaveIcon)
+      }), /*#__PURE__*/jsx("div", {
+        className: wcFunctionsText,
+        children: t('configurator.ConfigSave')
+      })]
+    }), (!viewHandler.eventIsManagedByClient('onWebPlanerClose') || viewHandler.uiState.isMobileLandscape || viewHandler.uiState.isMobilePortrait) && /*#__PURE__*/jsx("li", {
+      className: wcConfigCloseButton,
+      title: t('configurator.ConfigClose'),
+      onClick: viewHandler.onCloseConfigurator
+    })]
+  });
+};
+var index = observer(Functions);
+
+export { index as default };

package/build/esm/index-c38bd69c.js

@@ -0,0 +1,27 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-ce87f7de.js';
+import 'react';
+import DynamicMultiRender from 'react-dynamic-multi-render';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'mobx-react-lite';
+
+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 Product = function Product(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "Product/Product"
+  }));
+};
+
+export { Product as default };