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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-web-planner-react",
-  "version": "26.3.0-beta.2",
+  "version": "26.3.0-beta.21",
   "license": "MIT",
   "devDependencies": {
     "@testing-library/jest-dom": "^6.5.0",
@@ -12,12 +12,12 @@
     "react-dom": "18.3.1"
   },
   "dependencies": {
-    "@crystaldesign/content-item": "26.3.0-beta.2",
-    "@crystaldesign/product-detail-page": "26.3.0-beta.2",
-    "@crystaldesign/products-component": "26.3.0-beta.2",
-    "@crystaldesign/real-time-viewer": "26.3.0-beta.2",
-    "@crystaldesign/web-planner-logic": "26.3.0-beta.2",
-    "@crystaldesign/widget-contact-form": "26.3.0-beta.2",
+    "@crystaldesign/content-item": "26.3.0-beta.21",
+    "@crystaldesign/product-detail-page": "26.3.0-beta.21",
+    "@crystaldesign/products-component": "26.3.0-beta.21",
+    "@crystaldesign/real-time-viewer": "26.3.0-beta.21",
+    "@crystaldesign/web-planner-logic": "26.3.0-beta.21",
+    "@crystaldesign/widget-contact-form": "26.3.0-beta.21",
     "@google/model-viewer": "3.5.0",
     "@react-google-maps/api": "2.20.6",
     "@types/three": "0.163.0",
@@ -39,6 +39,7 @@
     "react-laag": "^2.0.5",
     "react-marquee-text": "^1.0.4",
     "react-qr-code": "^2.0.11",
+    "react-rnd": "^10.4.1",
     "react-select": "^5.8.0",
     "react-switch": "^7.0.0",
     "sift": "^17.1.3",
@@ -50,10 +51,19 @@
     "@emotion/styled": "^11.13.0",
     "@mui/icons-material": "^6.1.5",
     "@mui/material": "^6.1.5",
+    "ag-grid-community": "~34.0.1",
+    "ag-grid-react": "~34.0.1",
+    "antd": "^6.0.0",
     "react": ">=18.3.1 <20.0.0",
     "react-dom": ">=18.3.1 <20.0.0"
   },
   "types": "./build/types/web-planner-react/src/index.d.ts",
   "module": "build/esm/index.js",
-  "gitHead": "9113bd1f2877808973470387d62fba89dc77ff92"
+  "exports": {
+    ".": {
+      "import": "./build/esm/index.js",
+      "types": "./build/types/web-planner-react/src/index.d.ts"
+    }
+  },
+  "gitHead": "9cf4e0cfbb266594fde8b3edbd0eca4aa1c56f54"
 }

package/build/esm/DecisionVizualizer-fac82fbe.js

@@ -1,279 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-46e88edd.js';
-import { useRef, useState, useEffect } from 'react';
-import { JsonView, darkStyles } from 'react-json-view-lite';
-import classnames from 'classnames';
-import Draggable from 'react-draggable';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var table = "table-iqWqM";
-var column = "column-0LUrX";
-var bold = "bold-lbVn7";
-var filter = "filter-7DtTa";
-var closeIcon = "close-icon-oV-p5";
-var scrollable = "scrollable-g4Mgr";
-var header = "header-4-lJa";
-var decision = "decision-d8i43";
-var idmContainer = "idm-container-j98CM";
-var idmTitle = "idm-title-LFQMP";
-var idmSubtitle = "idm-subtitle-jkOPl";
-var idmTable = "idm-table-CZGdO";
-var css_248z = ".table-iqWqM {\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  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.table-iqWqM thead {\n  font-weight: bold !important;\n}\n.table-iqWqM thead {\n  border-bottom: 1px solid;\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.column-0LUrX {\n  text-align: left;\n}\n.column-0LUrX:first-child {\n  height: 20px;\n}\n.bold-lbVn7 {\n  font-weight: bold;\n}\n.filter-7DtTa {\n  height: 12px;\n  font-size: 10px;\n}\n\n.close-icon-oV-p5 {\n  position: absolute;\n  right: 12px;\n  top: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM8.64645 9.35355C8.84171 9.54882 9.15829 9.54882 9.35355 9.35355C9.54882 9.15829 9.54882 8.84171 9.35355 8.64645L8.64645 9.35355ZM9.35355 1.35355C9.54882 1.15829 9.54882 0.841709 9.35355 0.646447C9.15829 0.451184 8.84171 0.451184 8.64645 0.646447L9.35355 1.35355ZM0.646447 8.64645C0.451185 8.84171 0.451185 9.15829 0.646447 9.35355C0.841709 9.54881 1.15829 9.54881 1.35355 9.35355L0.646447 8.64645ZM0.646447 1.35355L8.64645 9.35355L9.35355 8.64645L1.35355 0.646447L0.646447 1.35355ZM8.64645 0.646447L0.646447 8.64645L1.35355 9.35355L9.35355 1.35355L8.64645 0.646447Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n.column-0LUrX th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.scrollable-g4Mgr {\n  overflow: auto;\n  left: 50px;\n}\n.header-4-lJa {\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  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n}\n\n.decision-d8i43 {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  right: 0px;\n  z-index: 100000;\n  width: 800px;\n  height: calc(100vh - 60px);\n  background-color: #fff;\n  overflow: auto;\n}\n\n.idm-container-j98CM {\n  padding: 16px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  pointer-events: all;\n  background-color: #fff;\n  width: 600px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.idm-container-j98CM h2 {\n  cursor: move;\n}\n\n.idm-title-LFQMP {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.idm-subtitle-jkOPl {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.idm-table-CZGdO {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.idm-table-CZGdO th,\n.idm-table-CZGdO td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.idm-table-CZGdO th {\n  background-color: #f2f2f2;\n}\n";
-styleInject(css_248z);
-
-var DecisionVisualization = function DecisionVisualization(_ref) {
-  var d = _ref.decision,
-    snapshots = _ref.snapshots,
-    _ref$matchingOptions = _ref.matchingOptions,
-    matchingOptions = _ref$matchingOptions === void 0 ? {} : _ref$matchingOptions,
-    anyData = _ref.anyData,
-    onClose = _ref.onClose;
-  var draggable = useRef(null);
-  // Helper function to check if a value exists
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    snapshotDiff = _useState2[0],
-    setSnapshotDiff = _useState2[1];
-  var renderIfDefined = function renderIfDefined(value, label) {
-    if (value !== undefined && value !== null && value !== '') {
-      return /*#__PURE__*/jsxs("p", {
-        children: [/*#__PURE__*/jsxs("strong", {
-          children: [label, label ? ':' : '']
-        }), Array.isArray(value) ? value.join(', ') : value]
-      });
-    }
-    return null;
-  };
-  useEffect(function () {
-    if (!snapshots) {
-      setSnapshotDiff(undefined);
-      return;
-    }
-    var diff = {};
-    var _loop = function _loop() {
-      var before = snapshots.before[_opt];
-      var after = snapshots.after[_opt];
-      diff[_opt] = {
-        after: after,
-        before: before,
-        removedOpvs: before.visibleOPVs.filter(function (opv) {
-          return !after.visibleOPVs.includes(opv);
-        })
-      };
-    };
-    for (var _opt in snapshots.before) {
-      _loop();
-    }
-    setSnapshotDiff(diff);
-  }, [snapshots]);
-  var isExpanded = function isExpanded(level, value, field) {
-    var key = field;
-    if (field === undefined || ['removedOpvs', 'after', 'before'].includes(field)) return true;
-    if (snapshotDiff && key && snapshotDiff[key] && JSON.stringify(snapshotDiff[key].before) !== JSON.stringify(snapshotDiff[key].after)) {
-      return true;
-    }
-    return false;
-  };
-  if (d.priceFeatureGroupNo !== undefined) {
-    var _priceFeatureGroup$pr, _priceFeatureGroup$fi;
-    var priceFeatureGroup = d;
-    return /*#__PURE__*/jsx(Draggable, {
-      nodeRef: draggable,
-      handle: ".handle",
-      bounds: "parent",
-      defaultPosition: undefined,
-      children: /*#__PURE__*/jsxs("div", {
-        className: idmContainer,
-        ref: draggable,
-        children: [/*#__PURE__*/jsxs("h2", {
-          className: classnames(idmTitle, 'handle'),
-          children: ["PriceFeatureGroup #", priceFeatureGroup.priceFeatureGroupNo]
-        }), /*#__PURE__*/jsx("div", {
-          className: closeIcon,
-          onClick: function onClick() {
-            return onClose === null || onClose === void 0 ? void 0 : onClose();
-          }
-        }), /*#__PURE__*/jsxs("div", {
-          children: [renderIfDefined(priceFeatureGroup.catalogId, 'Catalog ID'), renderIfDefined(priceFeatureGroup._id, 'priceFeatureGroup ID'), renderIfDefined((_priceFeatureGroup$pr = priceFeatureGroup.priceFeatureGroupText) === null || _priceFeatureGroup$pr === void 0 ? void 0 : _priceFeatureGroup$pr.DE, 'priceFeatureGroupText'), renderIfDefined(priceFeatureGroup.projectPercentageSurcharges, 'projectPercentageSurcharges'), renderIfDefined(priceFeatureGroup.isPercentage, 'isPercentage'), renderIfDefined(priceFeatureGroup.comment, 'comment'), renderIfDefined(priceFeatureGroup.featureNos, 'Feature References'), renderIfDefined(priceFeatureGroup.additionalPrice, 'Additional Price'), renderIfDefined(priceFeatureGroup.activeCombination, 'Active Combination Seqence')]
-        }), /*#__PURE__*/jsx("h3", {
-          className: idmSubtitle,
-          children: "Option Combinations"
-        }), /*#__PURE__*/jsxs("table", {
-          className: idmTable,
-          children: [/*#__PURE__*/jsx("thead", {
-            children: /*#__PURE__*/jsxs("tr", {
-              children: [/*#__PURE__*/jsx("th", {
-                children: "Sequence"
-              }), /*#__PURE__*/jsx("th", {
-                children: "condition"
-              }), /*#__PURE__*/jsx("th", {
-                children: "priceField"
-              })]
-            })
-          }), /*#__PURE__*/jsx("tbody", {
-            children: (_priceFeatureGroup$fi = priceFeatureGroup.finishes) === null || _priceFeatureGroup$fi === void 0 ? void 0 : _priceFeatureGroup$fi.map(function (option) {
-              return /*#__PURE__*/jsxs("tr", {
-                className: classnames(option.sequence === priceFeatureGroup.activeCombination ? bold : undefined),
-                children: [/*#__PURE__*/jsx("td", {
-                  children: option.sequence
-                }), /*#__PURE__*/jsx("td", {
-                  children: JSON.stringify(option.optionsSetRefs)
-                }), /*#__PURE__*/jsxs("td", {
-                  children: ["PRFG", priceFeatureGroup.priceFeatureGroupNo + '_' + option.priceField]
-                })]
-              }, option._id);
-            })
-          })]
-        }), /*#__PURE__*/jsx("br", {}), !!Object.values(matchingOptions).length && /*#__PURE__*/jsxs(Fragment, {
-          children: ["matching conditions", Object.keys(matchingOptions).map(function (opt) {
-            return renderIfDefined(opt + ': ' + matchingOptions[opt], '');
-          }), /*#__PURE__*/jsx("br", {})]
-        }), !!snapshotDiff && /*#__PURE__*/jsxs(Fragment, {
-          children: ["snapshot", /*#__PURE__*/jsx(JsonView, {
-            shouldExpandNode: isExpanded,
-            data: snapshotDiff,
-            style: darkStyles
-          })]
-        }), !!anyData && /*#__PURE__*/jsx(JsonView, {
-          data: anyData,
-          style: darkStyles
-        })]
-      })
-    });
-  }
-  if (d.Number !== undefined) {
-    var decision = d;
-    return /*#__PURE__*/jsx(Draggable, {
-      nodeRef: draggable,
-      handle: ".handle",
-      bounds: "parent",
-      defaultPosition: undefined,
-      children: /*#__PURE__*/jsxs("div", {
-        ref: draggable,
-        style: {
-          userSelect: 'text'
-        },
-        children: [/*#__PURE__*/jsx("div", {
-          className: closeIcon,
-          onClick: function onClick() {
-            return onClose === null || onClose === void 0 ? void 0 : onClose();
-          }
-        }), /*#__PURE__*/jsxs("h2", {
-          className: "handle",
-          children: [" Decision Details ", renderIfDefined(decision.Number, 'Number')]
-        }), renderIfDefined(decision.Type, 'Type'), renderIfDefined(decision.Prio, 'Priority'), renderIfDefined(decision.Options, 'Options'), renderIfDefined(decision.enabled ? 'Yes' : 'No', 'Enabled'), renderIfDefined(decision.Number, 'Decision Number'), renderIfDefined(decision.activeCombination, 'Active Combination Index'), renderIfDefined(decision.disableHistory, 'Disabled History'), decision.DOC && decision.DOC.length > 0 && /*#__PURE__*/jsxs(Fragment, {
-          children: [/*#__PURE__*/jsx("h3", {
-            children: "Decision Option Combinations:"
-          }), decision.DOC.map(function (doc, docIndex) {
-            var _doc$Row;
-            return /*#__PURE__*/jsxs("div", {
-              className: "decision-option-combination",
-              children: ['--------------------------------', renderIfDefined(docIndex, 'doc Index'), renderIfDefined(doc.JsFormula, 'Formula'), Object.values((_doc$Row = doc.Row) !== null && _doc$Row !== void 0 ? _doc$Row : {}).map(function (row) {
-                return /*#__PURE__*/jsx(Fragment, {
-                  children: renderIfDefined(row.join(';'), 'Doc Row')
-                });
-              }), doc.DA && doc.DA.length > 0 && /*#__PURE__*/jsxs("div", {
-                children: [/*#__PURE__*/jsx("h6", {
-                  children: "Decision Actions:"
-                }), /*#__PURE__*/jsx("ul", {
-                  children: doc.DA.map(function (action, actionIndex) {
-                    return /*#__PURE__*/jsxs("li", {
-                      children: [renderIfDefined(action.Type, 'Action Type'), renderIfDefined(action.FeatureRef, 'Feature Ref'), renderIfDefined(action.OptionCodex, 'OptionCodex'), renderIfDefined(action.OptionRef, 'OptionRef'), renderIfDefined(action.OptionRefCodex, 'OptionRefCodex'), renderIfDefined(action.OptionValueRefCodex, 'OptionValueRefCodex'), renderIfDefined(action.DecisionNr, 'DecisionNr')]
-                    }, actionIndex);
-                  })
-                })]
-              }), renderIfDefined(doc.ValidOptionValues, 'Valid Option Values'), renderIfDefined(doc.RefLevel, 'RefLevel'), renderIfDefined(doc.ValidOptions, 'Valid Options')]
-            }, docIndex);
-          })]
-        }), renderIfDefined(decision.disableHistory, 'Disabled History'), /*#__PURE__*/jsx("strong", {
-          children: "Is Valid DOC:"
-        }), " ", decision.DOC && decision.DOC.length > 0 ? 'Yes' : 'No', /*#__PURE__*/jsx("br", {}), !!Object.values(matchingOptions).length && /*#__PURE__*/jsxs(Fragment, {
-          children: ["matching conditions", Object.keys(matchingOptions).map(function (opt) {
-            return renderIfDefined(opt + ': ' + matchingOptions[opt], '');
-          }), /*#__PURE__*/jsx("br", {})]
-        }), !!snapshotDiff && /*#__PURE__*/jsxs(Fragment, {
-          children: ["snapshot", /*#__PURE__*/jsx(JsonView, {
-            shouldExpandNode: isExpanded,
-            data: snapshotDiff,
-            style: darkStyles
-          })]
-        }), !!anyData && /*#__PURE__*/jsx(JsonView, {
-          data: anyData,
-          style: darkStyles
-        })]
-      })
-    });
-  } else {
-    var _decision$optionCombi;
-    var _decision = d;
-    return /*#__PURE__*/jsx(Draggable, {
-      nodeRef: draggable,
-      handle: ".handle",
-      bounds: "parent",
-      defaultPosition: undefined,
-      children: /*#__PURE__*/jsxs("div", {
-        ref: draggable,
-        className: idmContainer,
-        children: [/*#__PURE__*/jsx("div", {
-          className: closeIcon,
-          onClick: function onClick() {
-            return onClose === null || onClose === void 0 ? void 0 : onClose();
-          }
-        }), /*#__PURE__*/jsxs("h2", {
-          className: classnames(idmTitle, 'handle'),
-          children: ["Decision #", _decision.decisionNo]
-        }), /*#__PURE__*/jsxs("div", {
-          children: [renderIfDefined(_decision.catalogId, 'Catalog ID'), renderIfDefined(_decision._id, 'Decision ID'), renderIfDefined(_decision.prio, 'Priority'), renderIfDefined(_decision.decisionType, 'Decision Type'), renderIfDefined(_decision.enabled ? 'Enabled' : 'Disabled', 'Status'), renderIfDefined(_decision.deleted ? 'Yes' : 'No', 'Deleted'), renderIfDefined(_decision.featureRefs, 'Feature References'), renderIfDefined(_decision.disableHistory, 'Disable History'), renderIfDefined(_decision.activeCombination, 'Active Combination Seqence')]
-        }), /*#__PURE__*/jsx("h3", {
-          className: idmSubtitle,
-          children: "Option Combinations"
-        }), /*#__PURE__*/jsxs("table", {
-          className: idmTable,
-          children: [/*#__PURE__*/jsx("thead", {
-            children: /*#__PURE__*/jsxs("tr", {
-              children: [/*#__PURE__*/jsx("th", {
-                children: "Sequence"
-              }), /*#__PURE__*/jsx("th", {
-                children: "Actions"
-              }), /*#__PURE__*/jsx("th", {
-                children: "Options Set References"
-              })]
-            })
-          }), /*#__PURE__*/jsx("tbody", {
-            children: (_decision$optionCombi = _decision.optionCombinations) === null || _decision$optionCombi === void 0 ? void 0 : _decision$optionCombi.map(function (option) {
-              return /*#__PURE__*/jsxs("tr", {
-                children: [/*#__PURE__*/jsx("td", {
-                  children: option.sequence
-                }), /*#__PURE__*/jsx("td", {
-                  children: JSON.stringify(option.projectActions)
-                }), /*#__PURE__*/jsx("td", {
-                  children: JSON.stringify(option.optionsSetRefs)
-                })]
-              }, option._id);
-            })
-          })]
-        }), /*#__PURE__*/jsx("br", {}), !!Object.values(matchingOptions).length && /*#__PURE__*/jsxs(Fragment, {
-          children: ["matching conditions", Object.keys(matchingOptions).map(function (opt) {
-            return renderIfDefined(opt + ': ' + matchingOptions[opt], '');
-          }), /*#__PURE__*/jsx("br", {})]
-        }), !!snapshotDiff && /*#__PURE__*/jsxs(Fragment, {
-          children: ["snapshot", /*#__PURE__*/jsx(JsonView, {
-            shouldExpandNode: isExpanded,
-            data: snapshotDiff,
-            style: darkStyles
-          })]
-        }), !!anyData && /*#__PURE__*/jsx(JsonView, {
-          data: anyData,
-          style: darkStyles
-        })]
-      })
-    });
-  }
-};
-
-var DecisionVizualizer = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': DecisionVisualization
-});
-
-export { DecisionVisualization as D, DecisionVizualizer as a, column as c, decision as d, filter as f, header as h, scrollable as s, table as t };

package/build/esm/index-02af21a0.js

@@ -1,132 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-46e88edd.js';
-import { useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import ToolContainer from './index-758d7453.js';
-import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-9788abaf.js';
-import './index.module-f4737e56.js';
-import './index-5f628198.js';
-import './index-6c2e560d.js';
-import './index-8024ae17.js';
-import './index-285c5697.js';
-import 'react-collapsible';
-import './index-3209b40d.js';
-import './index-20c360ae.js';
-import './index-bed9dbf6.js';
-import './index.module-c9e73073.js';
-import 'react-json-view-lite';
-import './react-json-viewer-64c097c0.js';
-import './index-9d00fe76.js';
-import './index.module-df51a3b0.js';
-import './DecisionVizualizer-fac82fbe.js';
-import 'react-draggable';
-import './index-64ae8e42.js';
-import 'react-switch';
-import './index-36e874e1.js';
-import './index-d0c3efbc.js';
-import './index-38e19c79.js';
-import 'jsoneditor';
-import './index-8b0f5611.js';
-import './index-c0ec27ec.js';
-import './index-c3f65807.js';
-import './index-3693957f.js';
-import './index-0bdf2232.js';
-import './index-c1ae5cc4.js';
-import './index-bccc24f3.js';
-import './index-5fd617e4.js';
-import './index.module-0a1615dd.js';
-import 'react-select';
-import './index-5a894d44.js';
-import './index-8d57c2e7.js';
-import './index-59cb3b60.js';
-import './index-e166e0da.js';
-import './index-6f2e9a56.js';
-import './index-0c3061c1.js';
-import './index-f11f8644.js';
-import './index-61c6558a.js';
-import './index-b43c0dcc.js';
-import './CatalogProperties-af209421.js';
-import './ArticleProperties-49592b90.js';
-import './OptionProperties-1a522185.js';
-import './OptionValueProperties-018ca061.js';
-import './index-40f96bb4.js';
-
-var container = "container-43rJg";
-var item = "item-JRY9h";
-var css_248z = ".container-43rJg {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: space-around;\n  overflow: auto;\n  align-items: center;\n  background-color: #f3f3f3;\n}\n\n.item-JRY9h {\n  cursor: pointer;\n  min-width: 80px;\n  padding-left: 12px;\n  padding-right: 12px;\n  text-align: center;\n}\n";
-styleInject(css_248z);
-
-var Toolbar = function Toolbar(props) {
-  var _viewHandler$divaWebP, _viewHandler$divaWebP2, _viewHandler$productS;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    wwsClient = _useDivaCore.state.organization.settings.wwsClient;
-  var changeVal = function changeVal(newValue) {
-    var value = newValue === viewHandler.uiState.activeCatalogSection ? '3D/2D' : newValue;
-    localStorage.setItem('lastWindow', value);
-    viewHandler.uiState.setActiveCatalogSection(value);
-  };
-  var partlistsExist = !!Object.values((_viewHandler$divaWebP = (_viewHandler$divaWebP2 = viewHandler.divaWebPlanner.actSet()) === null || _viewHandler$divaWebP2 === void 0 ? void 0 : _viewHandler$divaWebP2.CatalogData.allCatalogArticles) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {}).find(function (a) {
-    return a.partlistArticlesRules;
-  });
-  useEffect(function () {
-    //reset the view
-    if (wwsClient != 'Pfister' && viewHandler.uiState.activeCatalogSection == 'ekText' || !partlistsExist && viewHandler.uiState.activeCatalogSection == 'PartList' || viewHandler.uiState.activeCatalogSection !== '3D/2D') {
-      changeVal('3D/2D');
-    }
-  }, []);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [viewHandler.uiState.activeCatalogSection != '3D/2D' && /*#__PURE__*/jsx(ToolContainer, {}), /*#__PURE__*/jsxs("div", {
-      className: container,
-      children: [/*#__PURE__*/jsx("div", {
-        className: item,
-        children: DivaUtils.formatPrice((_viewHandler$productS = viewHandler.productState.formatedTotalPrice) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : 0, viewHandler.productState.priceFormat)
-      }), partlistsExist && /*#__PURE__*/jsx("div", {
-        className: item,
-        onClick: function onClick() {
-          return changeVal('PartList');
-        },
-        children: "St\xFCckliste"
-      }), /*#__PURE__*/jsx("div", {
-        className: item,
-        onClick: function onClick() {
-          return changeVal('PriceAnalyzer');
-        },
-        children: "Preise"
-      }), /*#__PURE__*/jsx("div", {
-        className: item,
-        onClick: function onClick() {
-          return changeVal('DecisionAnalyzer');
-        },
-        children: "Decisions"
-      }), wwsClient == 'Pfister' && /*#__PURE__*/jsx("div", {
-        className: item,
-        onClick: function onClick() {
-          return changeVal('ekText');
-        },
-        children: "Ek Text"
-      })]
-    })]
-  });
-};
-var Toolbar$1 = observer(Toolbar);
-
-export { Toolbar$1 as default };

package/build/esm/index-38e19c79.js

@@ -1,105 +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-46e88edd.js';
-import { useRef, useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import JSONEditor from 'jsoneditor';
-import { jsxs, jsx } from 'react/jsx-runtime';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var wrapper = "wrapper-igjAi";
-var buttonWrapper = "button-wrapper-Cctni";
-var button = "button-oD7G7";
-var css_248z = ".wrapper-igjAi {\n  background-color: rgba(244, 244, 244, 0.8);\n  position: absolute;\n  margin-left: 50px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  z-index: 1000;\n}\n.button-wrapper-Cctni {\n  margin-top: 12px;\n  display: flex;\n}\n.button-oD7G7 {\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 MaskEditor = function MaskEditor(props) {
-  var _viewHandler$divaWebP;
-  var viewHandler = useViewHandler();
-  var container = useRef(null);
-  var jsonEditor = useRef(null);
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    validJson = _useState2[0],
-    setValidJson = _useState2[1];
-  var json = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getCatalogData()) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.catalogMask;
-  var _useState3 = useState(json !== null && json !== void 0 ? json : {}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    value = _useState4[0];
-    _useState4[1];
-  var options = {
-    mode: 'code',
-    onChange: function onChange() {
-      try {
-        var current = jsonEditor.current;
-        var e = current.get();
-        var valid = current.validate();
-        setValidJson(valid);
-      } catch (_unused) {
-        setValidJson(false);
-        return;
-      }
-    }
-  };
-  useEffect(function () {
-    if (container.current) {
-      if (!jsonEditor.current) jsonEditor.current = new JSONEditor(container.current, options);
-      if (jsonEditor.current) jsonEditor.current.set(value);
-    }
-  }, [value]);
-  var onClickSave = function onClickSave() {
-    var current = jsonEditor.current;
-    if (!current.get() || Object.keys(current.get()).length === 0) {
-      alert('Cannot save empty value');
-      return;
-    }
-    var newJson = current.get();
-    var catalogData = viewHandler.divaWebPlanner.getCatalogData();
-    if (catalogData) catalogData.catalogMask = newJson;
-    viewHandler.divaWebPlanner.updateWebConfiguratorTitle();
-    viewHandler.paletteViewHandler.updateCurPaletteData(true);
-    viewHandler.uiState.setActiveCatalogSection('3D/2D');
-    viewHandler.productState.updatePlannerMsgContainer('ACCESSOIRE_MSG', true, 'INFO', 'Speicherung erfolgreich', true);
-    //location.reload();
-  };
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(wrapper, props.className),
-    children: ["MaskEditor", /*#__PURE__*/jsx("div", {
-      ref: container,
-      id: "jsoneditor",
-      style: {
-        width: '100%',
-        height: 'calc(100% - 300px)'
-      }
-    }), /*#__PURE__*/jsx("div", {
-      className: buttonWrapper,
-      children: /*#__PURE__*/jsx("button", {
-        className: button,
-        disabled: !validJson,
-        onClick: function onClick() {
-          return onClickSave();
-        },
-        children: "Save"
-      })
-    })]
-  }));
-};
-var MaskEditor$1 = observer(MaskEditor);
-
-export { MaskEditor$1 as default };

package/build/esm/index-59cb3b60.js

@@ -1,57 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-46e88edd.js';
-import 'react';
-import Select from 'react-select';
-import { jsx, Fragment } from 'react/jsx-runtime';
-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';
-
-var select = "select-8bXXP";
-var css_248z = ".select-8bXXP {\n  width: 200px;\n  font-size: 12px;\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];
-  var viewHandler = useViewHandler();
-  var articles = Object.values((_viewHandler$divaWebP = viewHandler.divaWebPlanner.getDivaArticles(undefined, true)) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {});
-  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;
-    }));
-  };
-  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
-  });
-};
-
-export { ArticleSelector as default };