@crystaldesign/diva-web-planner-react 26.2.0-rc.8 → 26.3.0-beta.10

package/build/esm/{ArticleProperties-44caf726.js → ArticleProperties-8033499b.js}

@@ -1,4 +1,4 @@
-import './index-3922f706.js';
+import './index-545a32b9.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{CatalogProperties-7fbd858c.js → CatalogProperties-d5c356a7.js}

@@ -1,4 +1,4 @@
-import './index-3922f706.js';
+import './index-545a32b9.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{DecisionVizualizer-7042e6c9.js → DecisionVizualizer-fde1101e.js}

@@ -1,25 +1,26 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-3922f706.js';
+import './index-545a32b9.js';
 import { useRef, useState, useEffect } from 'react';
+import { n as idmContainer, p as closeIcon, q as idmTitle, s as scrollable, r as idmSubtitle, u as idmTable, v as bold } from './index.module-ace05329.js';
 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);
+import { jsxs, 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 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 
 var DecisionVisualization = function DecisionVisualization(_ref) {
   var d = _ref.decision,
@@ -77,23 +78,20 @@ var DecisionVisualization = function DecisionVisualization(_ref) {
   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", {
+    return /*#__PURE__*/jsxs("div", {
+      className: idmContainer,
+      ref: draggable,
+      children: [/*#__PURE__*/jsx("div", {
+        className: closeIcon,
+        onClick: function onClick() {
+          return onClose === null || onClose === void 0 ? void 0 : onClose();
+        }
+      }), /*#__PURE__*/jsxs("h2", {
+        className: classnames(idmTitle),
+        children: ["PriceFeatureGroup #", priceFeatureGroup.priceFeatureGroupNo]
+      }), /*#__PURE__*/jsxs("div", {
+        className: scrollable,
+        children: [/*#__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,
@@ -138,32 +136,30 @@ var DecisionVisualization = function DecisionVisualization(_ref) {
           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, {
+    return /*#__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__*/jsx("h2", {
+        className: classnames(idmTitle),
+        children: "Decision Details"
+      }), /*#__PURE__*/jsxs("div", {
+        className: scrollable,
+        children: [/*#__PURE__*/jsxs("div", {
+          children: [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:"
+            className: idmSubtitle,
+            children: "Decision Option Combinations"
           }), decision.DOC.map(function (doc, docIndex) {
             var _doc$Row;
             return /*#__PURE__*/jsxs("div", {
@@ -185,9 +181,11 @@ var DecisionVisualization = function DecisionVisualization(_ref) {
               }), 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, {
+        }), renderIfDefined(decision.disableHistory, 'Disabled History'), /*#__PURE__*/jsxs("p", {
+          children: [/*#__PURE__*/jsx("strong", {
+            children: "Is Valid DOC:"
+          }), " ", decision.DOC && decision.DOC.length > 0 ? 'Yes' : 'No']
+        }), !!Object.values(matchingOptions).length && /*#__PURE__*/jsxs(Fragment, {
           children: ["matching conditions", Object.keys(matchingOptions).map(function (opt) {
             return renderIfDefined(opt + ': ' + matchingOptions[opt], '');
           }), /*#__PURE__*/jsx("br", {})]
@@ -201,28 +199,25 @@ var DecisionVisualization = function DecisionVisualization(_ref) {
           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", {
+    return /*#__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),
+        children: ["Decision #", _decision.decisionNo]
+      }), /*#__PURE__*/jsxs("div", {
+        className: scrollable,
+        children: [/*#__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,
@@ -242,6 +237,7 @@ var DecisionVisualization = function DecisionVisualization(_ref) {
           }), /*#__PURE__*/jsx("tbody", {
             children: (_decision$optionCombi = _decision.optionCombinations) === null || _decision$optionCombi === void 0 ? void 0 : _decision$optionCombi.map(function (option) {
               return /*#__PURE__*/jsxs("tr", {
+                className: classnames(option.sequence === _decision.activeCombination ? bold : undefined),
                 children: [/*#__PURE__*/jsx("td", {
                   children: option.sequence
                 }), /*#__PURE__*/jsx("td", {
@@ -252,7 +248,7 @@ var DecisionVisualization = function DecisionVisualization(_ref) {
               }, option._id);
             })
           })]
-        }), /*#__PURE__*/jsx("br", {}), !!Object.values(matchingOptions).length && /*#__PURE__*/jsxs(Fragment, {
+        }), !!Object.values(matchingOptions).length && /*#__PURE__*/jsxs(Fragment, {
           children: ["matching conditions", Object.keys(matchingOptions).map(function (opt) {
             return renderIfDefined(opt + ': ' + matchingOptions[opt], '');
           }), /*#__PURE__*/jsx("br", {})]
@@ -266,14 +262,9 @@ var DecisionVisualization = function DecisionVisualization(_ref) {
           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 };
+export { DecisionVisualization as default };

package/build/esm/{OptionProperties-0c57ac3f.js → OptionProperties-555b864e.js}

@@ -1,4 +1,4 @@
-import './index-3922f706.js';
+import './index-545a32b9.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -207,7 +207,7 @@ var properties = [{
   catalogKey: 'contentItemTeaser',
   codex: 'CONTENT_ITEM_TEASER',
   desc: /*#__PURE__*/jsx(Fragment, {
-    children: "JSON object welches ein Content Item Teaser hinterlegt. \"id\" (contentItemId), \"title\", \"description\", \"buttonText\", \"position\" \"BOTTOM\" | \"TOP\", \"emoji\""
+    children: "JSON object welches ein Content Item Teaser hinterlegt. \"id\" (contentItemId), \"title\", \"description\", \"buttonText\", \"position\""
   }),
   type: 'complicated'
 }, {

package/build/esm/{OptionValueProperties-7add50ca.js → OptionValueProperties-41ba820b.js}

@@ -1,4 +1,4 @@
-import './index-3922f706.js';
+import './index-545a32b9.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{Planner2DGrid-07b2f8f3.js → Planner2DGrid-bce92370.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-3922f706.js';
+import './index-545a32b9.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{Planner3DImage-984ad022.js → Planner3DImage-e5d981ad.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-3922f706.js';
+import './index-545a32b9.js';
 import { Vector3, Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import { getLogger } from '@crystaldesign/diva-core';
 import * as THREE from 'three';

package/build/esm/{index-5409c1b6.js → index-043e2ee6.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-3922f706.js';
+import { u as useViewHandler } from './index-545a32b9.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-a1ead83a.js';
+import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-6c69944e.js';
 import classnames from 'classnames';
-import properties from './CatalogProperties-7fbd858c.js';
-import properties$1 from './ArticleProperties-44caf726.js';
-import properties$2 from './OptionProperties-0c57ac3f.js';
-import properties$3 from './OptionValueProperties-7add50ca.js';
+import properties from './CatalogProperties-d5c356a7.js';
+import properties$1 from './ArticleProperties-8033499b.js';
+import properties$2 from './OptionProperties-555b864e.js';
+import properties$3 from './OptionValueProperties-41ba820b.js';
 import Select from 'react-select';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -25,7 +25,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-09a4e5f8.js';
+import './index-a36c5a23.js';
 import 'react-switch';
 
 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; }

package/build/esm/{index-4a7ffe35.js → index-048e04d0.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler } from './index-3922f706.js';
+import { a as usePlannerUIHandler } from './index-545a32b9.js';
 import { useState } from 'react';
-import DPACC from './index-e008a712.js';
+import DPACC from './index-d5e12fe5.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
 import { jsx, Fragment } from 'react/jsx-runtime';