@crystaldesign/diva-web-planner-react 24.15.0-beta.5 → 24.15.0-beta.50

package/build/esm/index-090fe3c0.js

@@ -1,128 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler, a as usePlannerUIHandler } from './index-2bc9fc80.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { jsx, 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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var mouseDownDetected = false;
-var polygonSelected = false;
-var Outline3D = function Outline3D(_ref) {
-  var items = _ref.items,
-    plannerUIProps = _ref.plannerUIProps;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDragging = _useState2[0],
-    setIsDragging = _useState2[1];
-  var viewHandler = useViewHandler();
-  var plannerUIHandler = usePlannerUIHandler();
-  if (viewHandler.uiState.isLoading) return /*#__PURE__*/jsx(Fragment, {});
-  var on3DPlannerBGClick = function on3DPlannerBGClick(e) {
-    viewHandler.viewPlannerHandler.onClearElementSelection();
-  };
-  var renderPolygon = function renderPolygon(item) {
-    switch (item.elemState) {
-      case 'selectable':
-        return /*#__PURE__*/jsx("polygon", {
-          onMouseUp: function onMouseUp(e) {
-            polygonSelected = true;
-            if (!isDragging) {
-              var _item$clickFunction;
-              (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
-            }
-          },
-          onTouchEnd: function onTouchEnd(e) {
-            polygonSelected = true;
-            if (!isDragging) {
-              var _item$clickFunction2;
-              (_item$clickFunction2 = item.clickFunction) === null || _item$clickFunction2 === void 0 || _item$clickFunction2.call(item, item.setId, Number(item.elementId));
-            }
-          },
-          onMouseEnter: function onMouseEnter() {
-            if (!isDragging) plannerUIHandler.updateOnHoverOutline3D(true, item, 'PosNr');
-          },
-          onMouseLeave: function onMouseLeave() {
-            plannerUIHandler.updateOnHoverOutline3D(false, item, 'PosNr');
-          },
-          points: item.polygonPoints,
-          style: {
-            zIndex: item.zIndex
-          },
-          className: classnames(item.type == 'Outline3D' ? plannerUIProps.classes.outline.outline3D.outlinePolygon : undefined, item.type == 'Outline3D_Contour' ? plannerUIProps.classes.outline.outline3D.outlinePolygonContours : undefined)
-        }, item.key.toString());
-      case 'selected':
-        if (item.type == 'Outline3D_Contour') {
-          return /*#__PURE__*/jsx("polygon", {
-            points: item.polygonPoints,
-            style: {
-              zIndex: item.zIndex
-            },
-            className: classnames(plannerUIProps.classes.outline.outline3D.outlinePolygonContoursSel)
-          }, item.key.toString());
-        }
-    }
-    return '';
-  };
-  return /*#__PURE__*/jsx("svg", {
-    onMouseDown: function onMouseDown(e) {
-      mouseDownDetected = true;
-      polygonSelected = false;
-      setIsDragging(false);
-    },
-    onTouchStart: function onTouchStart(e) {
-      mouseDownDetected = true;
-      polygonSelected = false;
-      setIsDragging(false);
-    },
-    onMouseMove: function onMouseMove(e) {
-      if ((mouseDownDetected || viewHandler.viewPlannerHandler.getPlanner3DGridIsInTransformMode()) && !isDragging) {
-        setIsDragging(true);
-      }
-    },
-    onTouchMove: function onTouchMove(e) {
-      if ((mouseDownDetected || viewHandler.viewPlannerHandler.getPlanner3DGridIsInTransformMode()) && !isDragging) {
-        setIsDragging(true);
-      }
-    },
-    onMouseUp: function onMouseUp(e) {
-      if (!isDragging && !polygonSelected) {
-        on3DPlannerBGClick();
-      }
-      mouseDownDetected = false;
-    },
-    onTouchEnd: function onTouchEnd(e) {
-      if (!isDragging && !polygonSelected) {
-        on3DPlannerBGClick();
-      }
-      mouseDownDetected = false;
-    },
-    ref: function ref(_ref2) {
-      viewHandler.productState.setPlanner3DImageSvgArea(_ref2);
-      //viewHandler.viewModel.htmlElementRefs.planner3DImageSvgArea = ref as any;
-    },
-    style: {
-      zIndex: 100,
-      touchAction: 'pan-x pan-y',
-      height: '100%'
-    },
-    className: classnames(plannerUIProps.classes.outline.outline3D.outlineSVG),
-    children: items.map(function (item, i) {
-      return renderPolygon(item);
-    })
-  }, items.length > 0 ? items[0].key : Math.random());
-};
-var Outline3D$1 = observer(Outline3D);
-
-export { Outline3D$1 as default };

package/build/esm/index-0a55110f.js

@@ -1,27 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-2bc9fc80.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 ProductHeader = function ProductHeader(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Product/ProductHeader/ProductHeader"
-  }));
-};
-
-export { ProductHeader as default };

package/build/esm/index-0b515b14.js

@@ -1,136 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-2bc9fc80.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import SettingsHeaderContainer from './index-632887b4.js';
-import { S as SettingsItem } from './index-0318d9e3.js';
-import classnames from 'classnames';
-import TotalPrice from './index-4d14186d.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/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 './index-233453d5.js';
-import './index-8bfa0bb4.js';
-import './index-f28bd951.js';
-import './index-d964d459.js';
-import 'react-laag';
-import './index-1b841bd4.js';
-import 'sift';
-import './index-d0ed8a75.js';
-import './index-6d758576.js';
-import './index-191b9887.js';
-import './index-caa2b780.js';
-import './index.module-d465b113.js';
-import './index-b9951f18.js';
-import 'react-switch';
-import './index-e65eaee4.js';
-import './index-5aa227a9.js';
-import 'react-dropdown';
-import './index-7f5ac813.js';
-import './index-07c2d7bd.js';
-import './index-90066fb0.js';
-import './index-e719f730.js';
-import '@crystaldesign/content-box';
-import './index-1007d8ed.js';
-import './index-646dd72d.js';
-import './index-6b0ab35a.js';
-import './index-f953a8bc.js';
-import './index-d5b624fb.js';
-import '@crystaldesign/products-component';
-import './index-ed5e07ad.js';
-import './index-55a73f3f.js';
-import './index-945d9dc5.js';
-import './index-67d5f252.js';
-import './index-c3669de7.js';
-import './index-ecaad196.js';
-import './index-4528d793.js';
-import './index-4281d05f.js';
-import './index-344728c5.js';
-import './index-317b6228.js';
-import './index-a8e4a140.js';
-import './index-36b7553c.js';
-import './index-1efdd614.js';
-import './index.module-bbc35538.js';
-import './index-1916170b.js';
-import './index-ddf0566a.js';
-import './index-5445ec50.js';
-import './index-1a1bbdab.js';
-import './index-6dcc8772.js';
-import './index-e3b3d0ad.js';
-import './index-7f429c6d.js';
-import './index.module-46452a5c.js';
-import './index-aede039f.js';
-import './index-2af4c442.js';
-
-var wcConfiguratorSettingsScroller = "wcConfigurator-settings-scroller-TbzP8";
-var expanded = "expanded-r-uGX";
-var minExpanded = "minExpanded-oyaLK";
-var css_248z = ".wcConfigurator-settings-scroller-TbzP8 {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.expanded-r-uGX.wcConfigurator-settings-scroller-TbzP8 {\n  z-index: 600;\n}\n\n.minExpanded-oyaLK {\n  visibility: hidden;\n}\n";
-styleInject(css_248z);
-
-var SettingsScroller = function SettingsScroller(_ref) {
-  var _viewHandler$tabGroup, _viewHandler$tabGroup2;
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var settingsScrollerElement = useRef(null);
-  var itemPalettesArr = [];
-  var pairWithOptionsToGroup = {};
-  useEffect(function () {
-    if (settingsScrollerElement.current) {
-      viewHandler.settingsState.setScrollerElement(settingsScrollerElement.current);
-      return viewHandler.uiState.setUpSettingsScrollEvent(settingsScrollerElement.current);
-    }
-    return function () {};
-  }, [settingsScrollerElement]);
-  var style = {};
-  if (viewHandler.uiState.isInMobileView || viewHandler.settingsState.forceSettingsHeaderInScrollContainer) {
-    style.height = '100%';
-  } else {
-    var _viewHandler$settings, _viewHandler$settings2;
-    style.height = 'calc(100% - ' + ((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.settingsHeaderElement) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.getBoundingClientRect().height) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0) + 'px)';
-  }
-  for (var i = 0; i < viewHandler.settingsState.itemPaletteArr.length; i++) {
-    var itemPalette = viewHandler.settingsState.itemPaletteArr[i][1];
-    var paletteId = Number(itemPalette.id);
-    var groupName = itemPalette.pairWithOptionsToGroup;
-    if (groupName && itemPalette.visible) {
-      if (!pairWithOptionsToGroup[groupName]) pairWithOptionsToGroup[groupName] = [];
-      pairWithOptionsToGroup[groupName].push(paletteId);
-    }
-    if (!itemPalette.isRenderedNotInSettingPalette) itemPalettesArr.push([paletteId, itemPalette]);
-  }
-  return /*#__PURE__*/jsxs("div", {
-    style: style,
-    className: classnames(wcConfiguratorSettingsScroller, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsMinExpanded ? minExpanded : undefined),
-    id: "wcConfigurator-settings-scroller",
-    ref: settingsScrollerElement,
-    children: [(viewHandler.uiState.isInMobileView || viewHandler.settingsState.forceSettingsHeaderInScrollContainer) && /*#__PURE__*/jsx(SettingsHeaderContainer, {
-      isScroller: true
-    }, (_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.key) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : 0), /*#__PURE__*/jsxs("div", {
-      children: [itemPalettesArr.map(function (_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 2),
-          index = _ref3[0],
-          item = _ref3[1];
-        return /*#__PURE__*/jsx(SettingsItem, {
-          item: item,
-          id: index,
-          groupSize: item.pairWithOptionsToGroup ? pairWithOptionsToGroup[item.pairWithOptionsToGroup].length : undefined
-        }, index);
-      }), viewHandler.divaWebPlanner.doAllowSetPlanner() && viewHandler.getState() == 'SUMMARY' && /*#__PURE__*/jsx(TotalPrice, {})]
-    })]
-  });
-};
-var SettingsScroller$1 = observer(SettingsScroller);
-
-export { SettingsScroller$1 as default };

package/build/esm/index-0d829247.js

@@ -1,83 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-2bc9fc80.js';
-import 'react';
-import { ContentBoxComponent } from '@crystaldesign/content-box';
-import { observer } from 'mobx-react-lite';
-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 infoButton = "infoButton-1VGiK";
-var css_248z = ".infoButton-1VGiK {\n  line-height: 26px;\n  width: 26px;\n  height: 26px;\n  background-color: white;\n  color: var(--primaryColor);\n  text-align: center;\n  cursor: pointer;\n  border: solid 2px var(--primaryColor);\n  border-radius: 50%;\n  margin-left: 10px;\n}\n";
-styleInject(css_248z);
-
-var InfoButton = function InfoButton(_ref) {
-  var _selectedElement$grou, _selectedElement$long;
-  var selectedElement = _ref.selectedElement,
-    id = _ref.id,
-    openUrl = _ref.openUrl;
-  var viewHandler = useViewHandler();
-  var text = selectedElement ? ((_selectedElement$grou = selectedElement.groupName) !== null && _selectedElement$grou !== void 0 ? _selectedElement$grou : '') + (selectedElement.parentName ? " (".concat(selectedElement.parentName, ")") : '') + ' ' + ((_selectedElement$long = selectedElement.longDescription) !== null && _selectedElement$long !== void 0 ? _selectedElement$long : '') : '';
-  var updateInfoBox = function updateInfoBox() {
-    if (!selectedElement) return;
-    viewHandler.settingsState.updateInfoBox({
-      type: 'info',
-      content: /*#__PURE__*/jsx(ContentBoxComponent, {
-        onClose: function onClose() {
-          return viewHandler.settingsState.updateInfoBox();
-        },
-        settings: {
-          contentBoxProps: {
-            type: 'CloseButtonContainer',
-            style: {
-              background: 'transparent',
-              padding: 0
-            },
-            closeIconSize: '24px',
-            content: {
-              type: 'InfoBox',
-              imageUrl: selectedElement.image,
-              title: selectedElement.text,
-              price: selectedElement.deltaPrice,
-              text: text
-            }
-          }
-        }
-      }),
-      id: id,
-      key: selectedElement.codex
-    });
-  };
-  var onClick = function onClick() {
-    if (openUrl && selectedElement) {
-      window.open(selectedElement.url, '_blank');
-      return;
-    }
-    viewHandler.settingsState.setContentItemVisible(false);
-    var boxContent = viewHandler.settingsState.infoBoxContent;
-    if (boxContent && boxContent.id === id && boxContent.type === 'info') viewHandler.settingsState.updateInfoBox();else updateInfoBox();
-  };
-  var boxContent = viewHandler.settingsState.infoBoxContent;
-  if (boxContent && boxContent.id === id && boxContent.key !== (selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.codex) && boxContent.type === 'info') {
-    updateInfoBox();
-  }
-  return /*#__PURE__*/jsx("div", {
-    title: 'Info',
-    onClick: onClick,
-    className: infoButton,
-    children: "i"
-  });
-};
-var InfoButton$1 = observer(InfoButton);
-
-export { InfoButton$1 as default };

package/build/esm/index-0e79f97d.js

@@ -1,163 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-2bc9fc80.js';
-import { useRef, useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import JSONEditor from 'jsoneditor';
-import DivaUtils from '@crystaldesign/diva-utils';
-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/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var wrapper = "wrapper-6V6Wr";
-var button = "button-VZm94";
-var infoWrapper = "infoWrapper-2WauG";
-var modifiedArticleList = "modifiedArticleList-jWfXL";
-var css_248z = ".wrapper-6V6Wr {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  /* width: 80%; */\n  height: 750px;\n  margin-left: 51px;\n  margin-right: 10px;\n  gap: 10px;\n}\n\n.button-VZm94 {\n  min-height: 45px;\n  min-width: 45px;\n  max-width: 60px;\n  width: auto;\n  margin-bottom: 20px;\n}\n.infoWrapper-2WauG {\n  display: flex;\n  flex-direction: column;\n}\n\n.modifiedArticleList-jWfXL {\n  font-size: 10px;\n}\n";
-styleInject(css_248z);
-
-var JsonEditor = function JsonEditor(_ref) {
-  var json = _ref.json;
-    _ref.plannerArticles;
-    var curBox = _ref.curBox,
-    divaArticles = _ref.divaArticles;
-  var viewHandler = useViewHandler();
-  var container = useRef(null);
-  var jsonEditor = useRef(null);
-  var _useState = useState(json !== null && json !== void 0 ? json : {}),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var _useState3 = useState(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    validJson = _useState4[0],
-    setValidJson = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    modifiedArticles = _useState6[0],
-    setModifiedArticles = _useState6[1];
-  var actDivaArticle = divaArticles[curBox];
-  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 () {
-    setValue(json);
-  });
-  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 = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var current;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            current = jsonEditor.current;
-            if (!(!current.get() || Object.keys(current.get()).length === 0)) {
-              _context.next = 4;
-              break;
-            }
-            alert('Cannot save empty value');
-            return _context.abrupt("return");
-          case 4:
-            actDivaArticle.catalogArticle.modifiedJ3D = current.get();
-            actDivaArticle.resetShelfPlanner();
-            _context.next = 8;
-            return actDivaArticle.updateShelfPlannerState();
-          case 8:
-            viewHandler.paletteViewHandler.updateCurPaletteData(false);
-            setModifiedInfo();
-            alert('Saved');
-          case 11:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function onClickSave() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var onClickExport = function onClickExport() {
-    if (!modifiedArticles || modifiedArticles.length === 0) {
-      alert('No modified Article found');
-      return;
-    }
-    for (var i = 0; i < modifiedArticles.length; i++) {
-      DivaUtils.downloadStringAsTxtFile(modifiedArticles[i].j3d, 'text/plain', modifiedArticles[i].articleCodex + '.txt');
-    }
-  };
-  function setModifiedInfo() {
-    var _viewHandler$divaWebP;
-    var articles = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getCatalogData()) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.allCatalogArticles;
-    var arr = [];
-    for (var key in articles) {
-      if (articles[key]['catalogArticle'].modifiedJ3D) arr.push({
-        articleCodex: key,
-        j3d: JSON.stringify(articles[key]['catalogArticle'].modifiedJ3D)
-      });
-    }
-    setModifiedArticles(arr);
-  }
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: [/*#__PURE__*/jsx("div", {
-      ref: container,
-      id: "jsoneditor",
-      style: {
-        width: '90%',
-        height: '100%'
-      }
-    }), /*#__PURE__*/jsxs("div", {
-      className: infoWrapper,
-      children: [/*#__PURE__*/jsx("button", {
-        className: button,
-        disabled: !validJson,
-        onClick: function onClick() {
-          return onClickSave();
-        },
-        children: "Save"
-      }), /*#__PURE__*/jsx("button", {
-        className: button,
-        onClick: function onClick() {
-          return onClickExport();
-        },
-        children: "Export modified J3D"
-      }), /*#__PURE__*/jsxs("div", {
-        children: [/*#__PURE__*/jsx("h5", {
-          children: "Modified Articles"
-        }), modifiedArticles.map(function (item, index) {
-          return /*#__PURE__*/jsx("p", {
-            className: modifiedArticleList,
-            children: item.articleCodex
-          }, index);
-        })]
-      })]
-    })]
-  });
-};
-var JsonEditor$1 = observer(JsonEditor);
-
-export { JsonEditor$1 as default };

package/build/esm/index-0e7dac03.js

@@ -1,64 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-2bc9fc80.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, jsxs } 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 paletteItem = "PaletteItem-jutHc";
-var imageWrapper = "imageWrapper--38qX";
-var sel = "sel-wpwWJ";
-var imageBackground = "imageBackground-qOQQh";
-var wcImage = "wcImage-e8f7s";
-var title = "title-63pJt";
-var textHover = "textHover-nhN12";
-var css_248z = "/*Size Normal */\n\n.PaletteItem-jutHc {\n  border-radius: var(--globalBorderRadius);\n  margin: calc(var(--itemsMargin) - 0.1rem);\n  position: relative;\n  float: left;\n  width: 96px;\n  height: 96px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.PaletteItem-jutHc:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.PaletteItem-jutHc:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.imageWrapper--38qX {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 94px;\n  height: 94px;\n  transition: 0.15s ease;\n  border-style: double;\n}\n.imageWrapper--38qX:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-wpwWJ .imageWrapper--38qX:hover,\n.small-bg43M.sel-wpwWJ .imageWrapper--38qX:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-wpwWJ .imageWrapper--38qX,\n.small-bg43M.sel-wpwWJ .imageWrapper--38qX {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.imageBackground-qOQQh {\n  border-radius: 50%;\n  border: 4px white solid;\n  width: 86px;\n  height: 86px;\n  transition: 0.15s ease;\n  background-color: #c2c2c2;\n}\n\n.sel-wpwWJ .imageBackground-qOQQh,\n.imageWrapper--38qX:hover {\n  background-color: #404040;\n}\n\n.sel-wpwWJ .imageBackground-qOQQh {\n  border: 4px var(--primaryColor) solid;\n}\n\n.wcImage-e8f7s {\n  width: 100%;\n  height: 86px;\n  border-radius: 50%;\n  background-size: cover;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.sel-wpwWJ .wcImage-e8f7s,\n.small-bg43M.sel-wpwWJ .wcImage-e8f7s,\n.imageWrapper--38qX:hover .wcImage-e8f7s {\n  opacity: 0.5;\n}\n\n.title-63pJt {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n  line-height: 96px;\n  display: none;\n  position: absolute;\n  top: 0;\n  z-index: 400;\n  color: #fff;\n  font-weight: 600;\n}\n\n.imageWrapper--38qX:hover .title-63pJt,\n.textHover-nhN12,\n.sel-wpwWJ .title-63pJt {\n  display: block;\n}\n\n@media all and (max-width: 1800px) {\n  .PaletteItem-jutHc {\n    width: 81px;\n    height: 81px;\n  }\n  .imageWrapper--38qX {\n    width: 79px;\n    height: 79px;\n  }\n  .imageBackground-qOQQh {\n    width: 71px;\n    height: 71px;\n  }\n  .wcImage-e8f7s {\n    height: 71px;\n  }\n  .title-63pJt {\n    line-height: 81px;\n    font-size: 12px;\n  }\n}\n";
-styleInject(css_248z);
-
-var Room = function Room(_ref) {
-  var itemP = _ref.item,
-    from = _ref.from;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx("div", {
-    className: paletteItem,
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.clickedOnStaticRoomPalette(item, !!from);
-    },
-    children: /*#__PURE__*/jsx("div", {
-      className: classnames(item.sel ? sel : undefined),
-      children: /*#__PURE__*/jsxs("div", {
-        className: classnames(imageWrapper),
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(imageBackground),
-          children: /*#__PURE__*/jsx("div", {
-            className: wcImage,
-            style: {
-              backgroundImage: "url(".concat(item.url, ")")
-            }
-          })
-        }), /*#__PURE__*/jsx("div", {
-          className: classnames(title, !item.url ? textHover : undefined),
-          children: t('configurator.' + item.N)
-        })]
-      })
-    })
-  });
-};
-var RoomSerious = observer(Room);
-
-export { RoomSerious as default };