@crystaldesign/diva-web-planner-react 24.12.3 → 24.12.4

package/build/esm/index-d83bf046.js

@@ -1,91 +0,0 @@
-import { u as useViewHandler } from './index-b1ce50e8.js';
-import 'react';
-import DivaUtils from '@crystaldesign/diva-utils';
-import Toggle from './index-04a482fb.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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'mobx-react-lite';
-import 'classnames';
-import 'react-switch';
-
-var Varaint = function Varaint(_ref) {
-  var _item$variantValues;
-  var itemP = _ref.item;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsxs("div", {
-    style: {
-      userSelect: 'unset',
-      display: 'flex',
-      flexDirection: 'row',
-      gap: 20,
-      alignItems: 'center',
-      borderBottom: '1px solid grey',
-      justifyContent: 'space-between',
-      padding: 10
-    },
-    children: [/*#__PURE__*/jsx("button", {
-      onClick: item.onClick,
-      children: "konfigurieren"
-    }), /*#__PURE__*/jsx("div", {
-      children: item.index
-    }), (_item$variantValues = item.variantValues) === null || _item$variantValues === void 0 ? void 0 : _item$variantValues.map(function (item) {
-      return /*#__PURE__*/jsxs("div", {
-        style: {
-          display: 'flex',
-          alignItems: 'center',
-          gap: 10
-        },
-        children: [item.optionValueImage && /*#__PURE__*/jsx("img", {
-          src: item.optionValueImage,
-          style: {
-            height: 40
-          }
-        }), /*#__PURE__*/jsxs("div", {
-          style: {
-            display: 'flex',
-            flexDirection: 'column',
-            gap: 5,
-            width: '150px'
-          },
-          children: [/*#__PURE__*/jsx("div", {
-            children: item.optionName
-          }), /*#__PURE__*/jsx("div", {
-            children: item.optionValueName
-          })]
-        })]
-      }, item.opt);
-    }), /*#__PURE__*/jsx("div", {
-      children: item.title
-    }), /*#__PURE__*/jsx("div", {
-      children: DivaUtils.formatPrice(item.price)
-    }), /*#__PURE__*/jsx("div", {
-      style: {
-        alignSelf: 'flex-end'
-      },
-      children: /*#__PURE__*/jsx(Toggle, {
-        height: 32,
-        handleDiameter: 22,
-        width: 60,
-        onChange: function onChange() {
-          item.onToggle();
-          viewHandler.paletteViewHandler.updateCurPaletteData(true);
-        },
-        state: !item.disabled
-      })
-    })]
-  }, item.hash);
-};
-
-export { Varaint as default };

package/build/esm/index-d8f27d18.js

@@ -1,127 +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-b1ce50e8.js';
-import { useState } from 'react';
-import { useHover, useLayer } from 'react-laag';
-import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-7efc88b9.js';
-import classnames from 'classnames';
-import IsActive from './index-9665fbd3.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-216d0640.js';
-import InfoIcon from './index-827c93e9.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var paletteItem = "PaletteItem-WUuXa";
-var wcSize = "wcSize-eyEDf";
-var wcSizeGallery = "wcSize-gallery-l2o6z";
-var sel = "sel-1MlhE";
-var wcVCodexTextWrapper = "wcVCodexTextWrapper-B9kjy";
-var wcVCodexText = "wcVCodexText-l-tMp";
-var wcGallery = "wcGallery-jbfei";
-var hexColor = "hexColor-otBJT";
-var css_248z = ".PaletteItem-WUuXa .wcSize-eyEDf.wcSize-gallery-l2o6z {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.PaletteItem-WUuXa {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.PaletteItem-WUuXa:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.PaletteItem-WUuXa.sel-1MlhE {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.wcVCodexTextWrapper-B9kjy {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.wcVCodexText-l-tMp {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.PaletteItem-WUuXa:hover .wcVCodexText-l-tMp,\n.sel-1MlhE .wcVCodexText-l-tMp {\n  display: block;\n}\n\n.PaletteItem-WUuXa.wcGallery-jbfei {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n  width: 100%;\n}\n\n.PaletteItem-WUuXa.wcGallery-jbfei img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\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.hexColor-otBJT {\n  width: 80px;\n  height: 80px;\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 Gallery = function Gallery(_ref) {
-  var _item$freeText, _renderLayer;
-  var itemP = _ref.item,
-    paletteId = _ref.paletteId,
-    style = _ref.style,
-    _ref$isActive = _ref.isActive,
-    isActive = _ref$isActive === void 0 ? /*#__PURE__*/jsx(IsActive, {
-      listenToGalleryVariables: true
-    }) : _ref$isActive;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state$di = _useDivaCore.state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet;
-  var onClick = function onClick() {
-    if (item.doShowFav) {
-      viewHandler.paletteViewHandler.clickedOnFavIcon(item);
-    }
-    viewHandler.paletteViewHandler.clickedOnConfigPalette(item, undefined, paletteId);
-  };
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    metaDataVisible = _useState2[0];
-    _useState2[1];
-
-  /* tool tip stuff*/
-  var triggerProps = {};
-  var layerProps = {};
-  var renderLayer = undefined;
-  var isOver = false;
-  var hoverProps = {};
-  var hover = useHover({
-    delayEnter: 600,
-    hideOnScroll: true
-  });
-  var tooltip = useLayer({
-    isOpen: hover[0],
-    auto: true,
-    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
-  });
-  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip && (item.image || item.hexColor)) {
-    isOver = hover[0] && !viewHandler.settingsState.isContentItemIdVisible(item.contentItemId);
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("div", _objectSpread(_objectSpread(_objectSpread({
-      style: style,
-      id: item.codex,
-      "data-test-id": "plannerPaletteItem",
-      className: classnames(paletteItem, wcGallery, item.sel ? sel : undefined),
-      onClick: onClick
-    }, triggerProps), hoverProps), {}, {
-      children: /*#__PURE__*/jsxs("div", {
-        className: classnames(wcSize, wcSizeGallery),
-        children: [!item.doShowFav && item.sel && isActive !== undefined && isActive, item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-          item: item
-        }), (viewHandler.getViewConfig().showVCodexInGallery && item.vCodex || item.freeText) && /*#__PURE__*/jsx("div", {
-          className: wcVCodexTextWrapper,
-          children: /*#__PURE__*/jsx("div", {
-            className: classnames(wcVCodexText),
-            children: (_item$freeText = item.freeText) !== null && _item$freeText !== void 0 ? _item$freeText : item.vCodex
-          })
-        }), item.image ? /*#__PURE__*/jsx("img", {
-          src: item.image
-        }) : item.hexColor ? /*#__PURE__*/jsx("div", {
-          className: hexColor,
-          style: {
-            backgroundColor: '#' + item.hexColor
-          }
-        }) : /*#__PURE__*/jsx(Fragment, {}), item.doShowFav && /*#__PURE__*/jsx("div", {
-          className: item.isFav ? wcFavoriteSel : wcFavorite
-        })]
-      })
-    })), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-      text: /*'RAL: ' + item.rals?.[0] + '     ' +*/item.text,
-      desciption: metaDataVisible,
-      price: item.deltaPrice,
-      image: item.image,
-      layerProps: layerProps,
-      hexColor: item.hexColor
-    }, item.codex)))]
-  });
-};
-var index = observer(Gallery);
-
-export { index as default };

package/build/esm/index-d9ecae01.js

@@ -1,52 +0,0 @@
-import { u as useViewHandler } from './index-b1ce50e8.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-61ceae80.js';
-import IsActive from './index-9665fbd3.js';
-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 ViewPoint = function ViewPoint(_ref) {
-  var itemP = _ref.item;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx("div", {
-    className: paletteItem,
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.clickedOnStaticVPPalette(item);
-    },
-    children: /*#__PURE__*/jsxs("div", {
-      className: classnames(wcSize, wcSizeNormal),
-      children: [item.sel && /*#__PURE__*/jsx(IsActive, {}), /*#__PURE__*/jsx("div", {
-        className: wcImage,
-        style: {
-          backgroundImage: "url(".concat(item.url, ")")
-        }
-      }), /*#__PURE__*/jsx("div", {
-        className: textContainer,
-        children: /*#__PURE__*/jsx("div", {
-          className: wcConfiguratorSettingsTitle,
-          children: t('configurator.' + item.N)
-        })
-      })]
-    })
-  });
-};
-var ViewPoint$1 = observer(ViewPoint);
-
-export { ViewPoint$1 as default };

package/build/esm/index-db399b60.js

@@ -1,78 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-b1ce50e8.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import Group from './index-d72d742b.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import StandradGroup from './index-f29ffeee.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/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';
-import 'classnames';
-import './index-02faba26.js';
-import 'react-collapsible';
-
-var container = "container-IOQq6";
-var css_248z = ".container-IOQq6 {\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n  width: 100%;\n}\n";
-styleInject(css_248z);
-
-var PaletteGroup = function PaletteGroup(_ref) {
-  var itemPalette = _ref.itemPalette,
-    groups = _ref.groups,
-    PaletteComponent = _ref.PaletteComponent,
-    contentInnerClassName = _ref.contentInnerClassName,
-    _ref$rowCount = _ref.rowCount,
-    rowCount = _ref$rowCount === void 0 ? 12 : _ref$rowCount;
-  var viewHandler = useViewHandler();
-  if (!viewHandler.uiState.isInMobileView) return /*#__PURE__*/jsx(StandradGroup, {
-    contentInnerClassName: contentInnerClassName,
-    itemPalette: itemPalette,
-    groups: groups,
-    PaletteComponent: PaletteComponent,
-    rowCount: rowCount
-  });
-  var _useDivaCore = useDivaCore(),
-    width = _useDivaCore.state.dimensions.width;
-  var itemCount = 0;
-  if (width) while (width / rowCount < 60) {
-    rowCount = rowCount - 1;
-  }
-  return /*#__PURE__*/jsx("div", {
-    className: container,
-    children: groups.map(function (group) {
-      var renderEmptyBox = false;
-      if (itemCount % rowCount === rowCount - 1 && group.items.length > 1) {
-        renderEmptyBox = true;
-        itemCount++;
-      }
-      itemCount = itemCount + group.items.length;
-      return /*#__PURE__*/jsxs(Fragment, {
-        children: [renderEmptyBox && /*#__PURE__*/jsx("div", {
-          style: {
-            background: 'rgba(242, 242, 242, 0.6)',
-            width: 100 / rowCount + '%'
-          }
-        }), /*#__PURE__*/jsx(Group, {
-          PaletteComponent: PaletteComponent,
-          contentInnerClassName: contentInnerClassName,
-          paletteType: itemPalette.type,
-          group: group,
-          paletteId: itemPalette.id,
-          rowCount: rowCount
-        })]
-      });
-    })
-  });
-};
-var index = observer(PaletteGroup);
-
-export { index as default };

package/build/esm/index-dd7ce17a.js

@@ -1,38 +0,0 @@
-import { s as styleInject } from './index-b1ce50e8.js';
-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';
-import 'mobx-react-lite';
-
-var pdfButton = "pdfButton-4l4zL";
-var css_248z = ".pdfButton-4l4zL {\n  border-radius: 50%;\n  border: solid 2px var(--primaryColor);\n  width: 26px;\n  height: 26px;\n  cursor: pointer;\n  margin-left: 10px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.pdfButton-4l4zL img {\n  width: 80%;\n}\n";
-styleInject(css_248z);
-
-var pdfIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M20%202H8c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h12c1.1%200%202-.9%202-2V4c0-1.1-.9-2-2-2zm0%2014H8V4h12v12zM4%206H2v14c0%201.1.9%202%202%202h14v-2H4V6zm12%206V9c0-.55-.45-1-1-1h-2v5h2c.55%200%201-.45%201-1zm-2-3h1v3h-1V9zm4%202h1v-1h-1V9h1V8h-2v5h1zm-8%200h1c.55%200%201-.45%201-1V9c0-.55-.45-1-1-1H9v5h1v-2zm0-2h1v1h-1V9z%22%2F%3E%3C%2Fsvg%3E";
-
-var PDFButton = function PDFButton(_ref) {
-  var pdfUrl = _ref.pdfUrl;
-  return /*#__PURE__*/jsx("div", {
-    className: pdfButton,
-    onClick: function onClick() {
-      return window.open(pdfUrl, '_blank');
-    },
-    children: /*#__PURE__*/jsx("img", {
-      src: pdfIcon
-    })
-  });
-};
-
-export { PDFButton as default };

package/build/esm/index-dd888e43.js

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

package/build/esm/index-dde3d39a.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-b1ce50e8.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-df644d3c.js

@@ -1,65 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-b1ce50e8.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getIconOfTabGroup } from './IconHandler-09d6a195.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 wcTabGroupItem = "wcTabGroupItem-RxTRT";
-var landscape = "landscape-XFSPQ";
-var wcActiveStep = "wcActiveStep-W687q";
-var wcVisitedStep = "wcVisitedStep-IGlR4";
-var wcTabGroupItemMobile = "wcTabGroupItemMobile-tMZbr";
-var secondaryColorDiv = "secondaryColorDiv-fx0Cm";
-var wcStepIcon = "wcStepIcon-JtMDZ";
-var css_248z = ".wcTabGroupItem-RxTRT {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: background-color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n}\n\n.landscape-XFSPQ.wcTabGroupItem-RxTRT {\n  line-height: 38px;\n}\n\n.wcTabGroupItem-RxTRT.wcActiveStep-W687q,\n.wcTabGroupItem-RxTRT.wcActiveStep-W687q.wcTabGroupItem-RxTRT:hover {\n  background-color: var(--primaryColor);\n}\n\n.wcTabGroupItem-RxTRT.wcVisitedStep-IGlR4 {\n  background-color: #b1b1b1;\n}\n\n.wcVisitedStep-IGlR4.wcTabGroupItem-RxTRT:hover {\n  background-color: #bbbbbb;\n}\n.wcTabGroupItem-RxTRT.wcTabGroupItem-RxTRT:hover {\n  background-color: #c8c8c8;\n}\n\n.wcTabGroupItem-RxTRT.wcActiveStep-W687q {\n  color: white;\n}\n\n.wcTabGroupItemMobile-tMZbr {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: width 0.4s ease;\n  line-height: 56px;\n  padding: 0 6px 0 13px;\n  color: var(--secondaryColor);\n  font-size: 10px;\n  font-weight: 600;\n  position: relative;\n}\n\n.secondaryColorDiv-fx0Cm {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.1;\n  background-color: var(--secondaryColor);\n}\n\n.wcTabGroupItemMobile-tMZbr.wcActiveStep-W687q {\n  background-color: var(--thirdColor);\n}\n\n.wcStepIcon-JtMDZ {\n  display: block;\n  background-color: var(--secondaryColor);\n  background-position: center center;\n  width: 30px;\n  height: 50px;\n  margin: auto;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center center;\n  float: right;\n}\n.wcActiveStep-W687q .wcStepIcon-JtMDZ {\n  margin-left: 5px;\n}\n";
-styleInject(css_248z);
-
-var TabGroupItemHorizontal = function TabGroupItemHorizontal(_ref) {
-  var tabGroup = _ref.tabGroup;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var tabGroupItemRef = useRef(null);
-  var curTabGroup = viewHandler.tabGroupState.curTabGroup;
-  useEffect(function () {
-    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
-  }, [tabGroupItemRef]);
-  var onTabGroupClick = function onTabGroupClick(tabGroup) {
-    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
-  };
-  var active = tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
-  var icon = getIconOfTabGroup(tabGroup.key, viewHandler.getViewConfig().tabGroupsIcons);
-  return /*#__PURE__*/jsxs("div", {
-    ref: tabGroupItemRef,
-    onClick: function onClick() {
-      return onTabGroupClick(tabGroup);
-    },
-    className: classnames(!viewHandler.uiState.isInMobileView ? wcTabGroupItem : wcTabGroupItemMobile, viewHandler.uiState.isMobileLandscape ? landscape : undefined, active ? wcActiveStep : undefined, viewHandler.tabGroupAlreadyVisited(tabGroup) && !active ? wcVisitedStep : undefined),
-    children: [(active || !icon) && t('configurator.' + tabGroup.title, tabGroup.title), active && /*#__PURE__*/jsx("div", {
-      className: secondaryColorDiv
-    }), icon && /*#__PURE__*/jsx("div", {
-      className: wcStepIcon,
-      style: {
-        WebkitMaskImage: 'url(' + icon + ')',
-        maskImage: 'url(' + icon + ')'
-      }
-    })]
-  });
-};
-var index = observer(TabGroupItemHorizontal);
-
-export { index as default };