@crystaldesign/diva-web-planner-react 25.4.0-beta.9 → 25.4.0-rc.0

package/build/esm/index-190f43b2.js

@@ -1,158 +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-3faa6b5e.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useState, useEffect } from 'react';
-import StepInfo from './index-8ac3e20c.js';
-import { jsx, Fragment, jsxs } 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 '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-import 'classnames';
-
-var paletteItem = "PaletteItem-hu6tC";
-var wcTextBox = "wcTextBox-lKT8X";
-var headerTitle = "headerTitle-RuXs-";
-var css_248z = ".PaletteItem-hu6tC {\n  border-radius: var(--globalBorderRadius);\n  /* background: white; */\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n}\n\n.PaletteItem-hu6tC > div {\n  width: 100%;\n}\n.wcTextBox-lKT8X {\n  width: 100%;\n\n  max-width: 120px;\n  padding: 12px 5px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.headerTitle-RuXs- {\n  padding-top: 6px;\n  padding-left: 6px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n/*Hide Arrows*/\n.PaletteItem-hu6tC input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\n.PaletteItem-hu6tC input[type='number'] {\n  -moz-appearance: textfield;\n}\n";
-styleInject(css_248z);
-
-var NumberBox = function NumberBox(_ref) {
-  var _itemPalette$selected, _itemPalette$selected4, _itemPalette$info, _viewHandler$getViewC, _itemPalette$selected5;
-  var itemP = _ref.item,
-    paletteId = _ref.paletteId,
-    groupSize = _ref.groupSize;
-  var item = itemP;
-  var throttleRef = useRef(null);
-  var viewHandler = useViewHandler();
-  var itemPalette = viewHandler.settingsState.itemPalettes.get(paletteId);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    userInFocus = _useState2[0],
-    setUserInFocus = _useState2[1];
-  var _useState3 = useState(itemPalette === null || itemPalette === void 0 || (_itemPalette$selected = itemPalette.selectedElements) === null || _itemPalette$selected === void 0 || (_itemPalette$selected = _itemPalette$selected[0]) === null || _itemPalette$selected === void 0 ? void 0 : _itemPalette$selected.freeText),
-    _useState4 = _slicedToArray(_useState3, 2),
-    value = _useState4[0],
-    setValue = _useState4[1];
-  var isDefined = true;
-  if (itemPalette) {
-    var step = viewHandler.configuratorStructureHandler.getConfigStepByKey(itemPalette.configStepKey);
-    if (step) isDefined = step.configStep.isDefined;
-  }
-  if (!itemPalette) return /*#__PURE__*/jsx(Fragment, {});
-  var handleChange = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
-      var _e$target$value;
-      var value;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            value = (_e$target$value = e.target.value) !== null && _e$target$value !== void 0 ? _e$target$value : '';
-            if (!e.target.value.endsWith('.')) {
-              _context.next = 4;
-              break;
-            }
-            setValue(e.target.value);
-            return _context.abrupt("return");
-          case 4:
-            value = value.replace(/[^0-9.,]/g, '');
-            if (value.includes(',') && viewHandler.getViewConfig().allowComma) value = value.replace(/\,/g, '.');
-
-            //delay logic update for 500ms
-            if (throttleRef.current) clearTimeout(throttleRef.current);
-            throttleRef.current = setTimeout(function () {
-              return updateLogic(value);
-            }, 500);
-            setValue(value);
-          case 9:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function handleChange(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var updateLogic = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(value) {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            if (!itemPalette) {
-              _context2.next = 3;
-              break;
-            }
-            _context2.next = 3;
-            return viewHandler.paletteViewHandler.onRangeClickChange(itemPalette, item, value);
-          case 3:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function updateLogic(_x2) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-  useEffect(function () {
-    var _itemPalette$selected2, _itemPalette$selected3;
-    setValue((_itemPalette$selected2 = (_itemPalette$selected3 = itemPalette.selectedElements) === null || _itemPalette$selected3 === void 0 || (_itemPalette$selected3 = _itemPalette$selected3[0]) === null || _itemPalette$selected3 === void 0 ? void 0 : _itemPalette$selected3.freeText) !== null && _itemPalette$selected2 !== void 0 ? _itemPalette$selected2 : '');
-  }, [(_itemPalette$selected4 = itemPalette.selectedElements) === null || _itemPalette$selected4 === void 0 || (_itemPalette$selected4 = _itemPalette$selected4[0]) === null || _itemPalette$selected4 === void 0 ? void 0 : _itemPalette$selected4.freeText]);
-  return /*#__PURE__*/jsxs("div", {
-    ref: function ref(_ref4) {
-      if (itemPalette) itemPalette.htmlRef = _ref4;
-    },
-    style: {
-      display: 'block',
-      width: groupSize ? 100 / groupSize + '%' : undefined,
-      "float": groupSize ? 'left' : undefined
-    },
-    children: [itemPalette && /*#__PURE__*/jsx("div", {
-      className: headerTitle,
-      children: itemPalette.name
-    }), (!userInFocus || !((_itemPalette$info = itemPalette.info) !== null && _itemPalette$info !== void 0 && _itemPalette$info.hideDuringUserInput)) && /*#__PURE__*/jsx(StepInfo, {
-      stepInfo: itemPalette.info
-    }), /*#__PURE__*/jsx("div", {
-      className: paletteItem,
-      children: /*#__PURE__*/jsx("div", {
-        style: {
-          margin: '5px'
-        },
-        children: /*#__PURE__*/jsx("input", {
-          onBlur: function onBlur() {
-            setUserInFocus(false);
-          },
-          onFocus: function onFocus() {
-            var _itemPalette$info2;
-            setUserInFocus(!((_itemPalette$info2 = itemPalette.info) !== null && _itemPalette$info2 !== void 0 && _itemPalette$info2.hideDuringUserInput));
-          },
-          autoFocus: viewHandler.getViewConfig().autoFocusForInput,
-          lang: "en-150",
-          className: wcTextBox,
-          placeholder: !((_viewHandler$getViewC = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC !== void 0 && _viewHandler$getViewC.hideMeasureUnit) ? 'In ' + item.measureUnit : undefined,
-          onChange: handleChange,
-          step: "0.01",
-          onKeyDown: function onKeyDown(e) {
-            if (!viewHandler.getViewConfig().allowComma && (e.key === '.' || e.key === ',')) {
-              e.preventDefault();
-            }
-          },
-          value: value,
-          defaultValue: isDefined ? (_itemPalette$selected5 = itemPalette.selectedElements) === null || _itemPalette$selected5 === void 0 || (_itemPalette$selected5 = _itemPalette$selected5[0]) === null || _itemPalette$selected5 === void 0 ? void 0 : _itemPalette$selected5.freeText : undefined
-        })
-      })
-    })]
-  });
-};
-var NumberBox$1 = observer(NumberBox);
-
-export { NumberBox$1 as default };

package/build/esm/index-1b13521e.js

@@ -1,125 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-3faa6b5e.js';
-import { useRef, useState } from 'react';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import SettingsHeader from './index-fe4cb32d.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-
-var wcTextBox = "wcTextBox-S90ki";
-var row = "row-U3gX-";
-var title = "title-Hgohv";
-var left = "left-0Vchg";
-var right = "right-jyg7C";
-var colum = "colum-DdC26";
-var languageWrapper = "language-wrapper-mZdxS";
-var languageTitle = "language-title-OOwzi";
-var css_248z = ".PaletteItem-pPFog {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.PaletteItem-pPFog:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.PaletteItem-pPFog:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.wcTextBox-S90ki {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.row-U3gX- {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.title-Hgohv {\n  display: flex;\n}\n.left-0Vchg {\n  width: 40%;\n}\n.right-jyg7C {\n  width: 60%;\n}\n\n.colum-DdC26 {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.language-wrapper-mZdxS {\n  display: flex;\n}\n.language-title-OOwzi {\n  width: 50px;\n  line-height: 60px;\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 TextBox = function TextBox(_ref) {
-  var _viewHandler$getViewC, _items$;
-  var item = _ref.item,
-    paletteId = _ref.paletteId,
-    style = _ref.style;
-  var viewHandler = useViewHandler();
-  var throttleRef = useRef(null);
-  var items = item.groups[0].items;
-  var _useState = useState(items[0].freeTextLang),
-    _useState2 = _slicedToArray(_useState, 2),
-    valueLang = _useState2[0],
-    setValueLang = _useState2[1];
-  var handleChange = function handleChange(e) {
-    if (items[0]) {
-      items[0].freeText = e.target.value;
-      viewHandler.paletteViewHandler.clickedOnConfigPalette(items[0], 'inputbox', paletteId);
-    }
-  };
-
-  //for classification
-  var handleLangTextChange = function handleLangTextChange(lang, value) {
-    //delay logic update for 500ms
-    if (throttleRef.current) clearTimeout(throttleRef.current);
-    throttleRef.current = setTimeout(function () {
-      return updateLangLogic(lang, value);
-    }, 500);
-    setValueLang(_objectSpread(_objectSpread({}, valueLang), {}, _defineProperty({}, lang, value)));
-  };
-  var updateLangLogic = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(lang, value) {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            viewHandler.paletteViewHandler.onFreeTextLangChanged(lang, value, items[0], paletteId);
-          case 1:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function updateLangLogic(_x, _x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var languages = (_viewHandler$getViewC = viewHandler.getViewConfig().languagesForInput) !== null && _viewHandler$getViewC !== void 0 ? _viewHandler$getViewC : [];
-  return /*#__PURE__*/jsxs("div", {
-    className: row,
-    ref: function ref(_ref3) {
-      return item.htmlRef = _ref3;
-    },
-    style: style,
-    children: [/*#__PURE__*/jsx("div", {
-      className: classnames(colum, title, left),
-      children: /*#__PURE__*/jsx(SettingsHeader, {
-        item: item,
-        isInScroller: true,
-        isSettingsHeader: false
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(colum, right),
-      children: languages.length ? /*#__PURE__*/jsx(Fragment, {
-        children: languages.map(function (lang) {
-          return /*#__PURE__*/jsxs("div", {
-            className: languageWrapper,
-            children: [/*#__PURE__*/jsx("div", {
-              className: languageTitle,
-              children: lang
-            }), /*#__PURE__*/jsx("input", {
-              className: wcTextBox,
-              onChange: function onChange(e) {
-                return handleLangTextChange(lang, e.target.value);
-              },
-              type: "text",
-              value: valueLang === null || valueLang === void 0 ? void 0 : valueLang[lang]
-            })]
-          }, lang);
-        })
-      }) : /*#__PURE__*/jsx("div", {
-        children: /*#__PURE__*/jsx("input", {
-          className: wcTextBox,
-          onChange: handleChange,
-          type: "text",
-          value: (_items$ = items[0]) !== null && _items$ !== void 0 && _items$.freeText ? items[0].freeText : ''
-        })
-      })
-    })]
-  });
-};
-var TextBox$1 = observer(TextBox);
-
-export { TextBox$1 as default };

package/build/esm/index-1c7ed994.js

@@ -1,202 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-3faa6b5e.js';
-import 'react';
-import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-a40541ef.js';
-import { S as SettingsItem, c as collapsableInner } from './index-8cf1987f.js';
-import ShelfAccessoires from './index-9b9d7bee.js';
-import ShelfAccessoiresOld from './index-e128a504.js';
-import GridList from './index-e68d86e0.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { jsx, Fragment, jsxs } 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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-import 'sift';
-import './index-1b13521e.js';
-import './index-fe4cb32d.js';
-import './index-da6ba979.js';
-import './index-be93b2e8.js';
-import './index-1f213446.js';
-import './index.module-a25d1708.js';
-import './index-c52cd031.js';
-import 'react-switch';
-import './index-392d6936.js';
-import './index-f2857610.js';
-import './index-fa3712b9.js';
-import 'react-dropdown';
-import './index-0824edf4.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-a1652e39.js';
-import './index-ba53bf3c.js';
-import './index-37ec0b5c.js';
-import '@crystaldesign/content-box';
-import './index-cba8aa35.js';
-import './index-41bab11d.js';
-import './index-e37ffbac.js';
-import './index-ca590435.js';
-import './index-4a00a598.js';
-import './index-7bb7fb6c.js';
-import 'react-laag';
-import './index-810dccf4.js';
-import './index-55962606.js';
-import './index-692d034e.js';
-import './index-78844e89.js';
-import './index-5eb5f779.js';
-import './index-0c2b0ef8.js';
-import './index-e6fdcba0.js';
-import './index-7d4b32f4.js';
-import './index-bf2f9fb0.js';
-import './index-f8f4951e.js';
-import './index.module-3fc86f90.js';
-import './index-cb5278da.js';
-import './index-190f43b2.js';
-import './index-8ac3e20c.js';
-import './index-60332941.js';
-import './index-24219512.js';
-import './index-0fa5c8a5.js';
-import './index-e1ec9b12.js';
-import './index.module-67b6431c.js';
-import './index-f45c3849.js';
-import './index-8623dd4b.js';
-import './index-0e284503.js';
-import './index-69b1700b.js';
-import './index.module-1fc0deef.js';
-import 'react-select';
-import './index-ff8546e5.js';
-import './index-25838b6a.js';
-import './index.module-e3128109.js';
-import './index-4327dbdd.js';
-import 'qrcode.react';
-import './index-6125c7f3.js';
-import './index-3b77fd2d.js';
-import './index-984d93db.js';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import './index-bd242804.js';
-import './index-6e7d145d.js';
-import 'react-beautiful-dnd';
-import './index-cc2e552e.js';
-
-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 ShelfPlanner = function ShelfPlanner(_ref) {
-  var _viewHandler$settings, _viewHandler$settings2, _viewHandler$settings3, _viewHandler$settings4, _item$shelfPlannerGri, _item$shelfPlannerGri2, _item$shelfPlannerGri3, _filteredGroups$0$ite, _filteredGroups$, _selAccItem, _selAccItem2;
-  var item = _ref.item,
-    style = _ref.style,
-    filteredGroups = _ref.filteredGroups;
-  var viewHandler = useViewHandler();
-  var height = ((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.settingsScrollerElement) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.getBoundingClientRect().height) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0) - 10;
-  var width = ((_viewHandler$settings3 = (_viewHandler$settings4 = viewHandler.settingsState.settingsScrollerElement) === null || _viewHandler$settings4 === void 0 ? void 0 : _viewHandler$settings4.getBoundingClientRect().width) !== null && _viewHandler$settings3 !== void 0 ? _viewHandler$settings3 : 0) - 16;
-  var grid = (_item$shelfPlannerGri = item === null || item === void 0 || (_item$shelfPlannerGri2 = item.shelfPlannerGrids) === null || _item$shelfPlannerGri2 === void 0 ? void 0 : _item$shelfPlannerGri2.find(function (g) {
-    return g.ActAccessoire;
-  })) !== null && _item$shelfPlannerGri !== void 0 ? _item$shelfPlannerGri : item === null || item === void 0 || (_item$shelfPlannerGri3 = item.shelfPlannerGrids) === null || _item$shelfPlannerGri3 === void 0 ? void 0 : _item$shelfPlannerGri3[0];
-  if (!grid) return /*#__PURE__*/jsx(Fragment, {});
-  var items = (_filteredGroups$0$ite = (_filteredGroups$ = filteredGroups[0]) === null || _filteredGroups$ === void 0 ? void 0 : _filteredGroups$.items) !== null && _filteredGroups$0$ite !== void 0 ? _filteredGroups$0$ite : [];
-  var selAcc = grid.ActAccessoire;
-  var selAccItem = undefined;
-  if (selAcc) {
-    selAccItem = items.find(function (item) {
-      return item.articleCodex == selAcc;
-    });
-  }
-  var requiredWarning = grid.getRequiredWarning(viewHandler.configState.lang);
-  var palettesOfSelectedAcc = [];
-  if ((_selAccItem = selAccItem) !== null && _selAccItem !== void 0 && (_selAccItem = _selAccItem.configStepKeys) !== null && _selAccItem !== void 0 && _selAccItem.length) {
-    var _loop = function _loop() {
-      var stepKey = selAccItem.configStepKeys[i];
-      var itemPalette = viewHandler.settingsState.itemPaletteArr.find(function (_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 2);
-          _ref3[0];
-          var itemPalette = _ref3[1];
-        return itemPalette.configStepKey == stepKey.key;
-      });
-      if (!itemPalette) return 1; // continue
-      if (viewHandler.settingsState.selectedShelfAccessoire == stepKey.basketId) palettesOfSelectedAcc.push(itemPalette[1]);
-    };
-    for (var i = 0; i < selAccItem.configStepKeys.length; i++) {
-      if (_loop()) continue;
-    }
-  }
-  return /*#__PURE__*/jsxs("div", {
-    ref: function ref(_ref4) {
-      return item.htmlRef = _ref4;
-    },
-    className: classnames(viewHandler.productState.shelfPlannerRTV ? shelfPlannerContainerRtv : undefined, grid.Direction == 'horizontal' ? shelfPlannerContainerHorizontal : shelfPlannerContainerVertical, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
-    style: _objectSpread({
-      height: height
-    }, style),
-    children: [!viewHandler.productState.shelfPlannerRTV && /*#__PURE__*/jsx("div", {
-      className: shelfGrid,
-      children: /*#__PURE__*/jsx("div", {
-        className: shelfGridBorder,
-        children: /*#__PURE__*/jsx(GridList, {
-          item: item,
-          direction: grid.Direction,
-          width: width,
-          height: height - 16 - 16
-        })
-      })
-    }), requiredWarning && /*#__PURE__*/jsx("div", {
-      className: warning,
-      dangerouslySetInnerHTML: {
-        __html: requiredWarning
-      }
-    }), /*#__PURE__*/jsxs("div", {
-      className: accessoires,
-      children: [!!palettesOfSelectedAcc.length && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsxs("div", {
-          className: configHeaderWrapper,
-          onClick: function onClick() {
-            return viewHandler.paletteViewHandler.setSelectedShelfAccessoire();
-          },
-          children: [/*#__PURE__*/jsx("div", {
-            className: closeButton
-          }), /*#__PURE__*/jsx("div", {
-            className: name,
-            children: (_selAccItem2 = selAccItem) === null || _selAccItem2 === void 0 ? void 0 : _selAccItem2.name
-          })]
-        }), palettesOfSelectedAcc.map(function (item, index) {
-          return /*#__PURE__*/jsx(SettingsItem, {
-            item: item,
-            id: item.id
-          }, index);
-        })]
-      }), !palettesOfSelectedAcc.length && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(SelectedAcc, {
-          selAccItem: selAccItem
-        }), /*#__PURE__*/jsx("div", {
-          className: classnames(accessoireContainer, collapsableInner),
-          style: {
-            height: grid.Direction == 'horizontal' ? height - 80 : ''
-          },
-          children: items.map(function (acc, key) {
-            return /*#__PURE__*/jsxs(Fragment, {
-              children: [viewHandler.productState.shelfPlannerRTV && /*#__PURE__*/jsx(ShelfAccessoires, {
-                grids: item.shelfPlannerGrids,
-                item: acc,
-                sel: acc.articleCodex == selAcc
-              }, key), !viewHandler.productState.shelfPlannerRTV && /*#__PURE__*/jsx(ShelfAccessoiresOld, {
-                grids: item.shelfPlannerGrids,
-                item: acc
-              }, key)]
-            });
-          })
-        })]
-      })]
-    })]
-  });
-};
-var index = observer(ShelfPlanner);
-
-export { index as default };

package/build/esm/index-1f213446.js

@@ -1,104 +0,0 @@
-import { u as useViewHandler } from './index-3faa6b5e.js';
-import 'react';
-import classnames from 'classnames';
-import { r as row, c as colum, t as title, a as toggle } from './index.module-a25d1708.js';
-import Toggle from './index-c52cd031.js';
-import { observer } from 'mobx-react-lite';
-import { getLogger } from '@crystaldesign/diva-core';
-import { DivaError } from '@crystaldesign/diva-utils';
-import InfoIcon from './index-392d6936.js';
-import PricePreview from './index-f2857610.js';
-import { jsx, Fragment, 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 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-import 'react-switch';
-
-var LOG = getLogger('Planner', 'ToggleOption');
-var ToggleOption = function ToggleOption(_ref) {
-  var _item$selectedElement;
-  var item = _ref.item,
-    paletteId = _ref.paletteId,
-    style = _ref.style;
-  var viewHandler = useViewHandler();
-  var items = item.groups[0].items;
-  var yesItem;
-  var noItem;
-  if (!items) {
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  for (var i = 0; i < items.length; i++) {
-    var _items$i$codex, _items$i$codex2;
-    if ((_items$i$codex = items[i].codex) !== null && _items$i$codex !== void 0 && _items$i$codex.startsWith('OPVNEIN')) {
-      noItem = items[i];
-    }
-    if ((_items$i$codex2 = items[i].codex) !== null && _items$i$codex2 !== void 0 && _items$i$codex2.startsWith('OPVJA')) {
-      yesItem = items[i];
-    }
-  }
-  if (!noItem || !yesItem) {
-    if (items.length == 2) {
-      noItem = items[0];
-      yesItem = items[1];
-    }
-    if (!noItem || !yesItem) {
-      LOG.error(new DivaError('Achtung! Bei der Option: ' + items[0].op + ' gibt es keine eindeutige werte für JA und NEIN', {
-        code: 'WC_0011'
-      }));
-      item.isVisited = true;
-      return /*#__PURE__*/jsx(Fragment, {});
-    }
-  }
-  var contentItem = (_item$selectedElement = item.selectedElements) !== null && _item$selectedElement !== void 0 && _item$selectedElement[0].contentItemId ? item.selectedElements[0] : item.optionContentItemId ? {
-    contentItemId: item.optionContentItemId,
-    codex: item.configStepKey
-  } : undefined;
-  return /*#__PURE__*/jsxs("div", {
-    className: row,
-    ref: function ref(_ref2) {
-      return item.htmlRef = _ref2;
-    },
-    style: style,
-    children: [/*#__PURE__*/jsx("div", {
-      className: classnames(colum, title),
-      children: item.name
-    }), /*#__PURE__*/jsxs("div", {
-      className: classnames(colum, toggle),
-      children: [noItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-        asyncPricePreview: noItem.pricePreviewPromise,
-        sel: noItem.sel,
-        pos: "left"
-      }), /*#__PURE__*/jsx(Toggle, {
-        onChange: function onChange() {
-          viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem.sel ? yesItem : noItem, undefined, paletteId);
-        },
-        val: item,
-        state: noItem.sel == false,
-        off: noItem.text,
-        on: yesItem.text
-      }), yesItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-        asyncPricePreview: yesItem.pricePreviewPromise,
-        sel: yesItem.sel,
-        pos: "right"
-      })]
-    }), contentItem && /*#__PURE__*/jsx(InfoIcon, {
-      item: contentItem,
-      style: {
-        bottom: 'calc(50% - 10px)',
-        right: '20px'
-      }
-    }, item.configStepKey)]
-  });
-};
-var ToggleOption$1 = observer(ToggleOption);
-
-export { ToggleOption$1 as default };

package/build/esm/index-1ff9426e.js

@@ -1,63 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-3faa6b5e.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-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';
-import '@crystaldesign/widget-contact-form';
-
-var header = "header-88iFZ";
-var wrapper = "wrapper-zFPaP";
-var title = "title-Mime-";
-var sel = "sel--F5X-";
-var collapseArrow = "collapseArrow-iq67x";
-var open = "open-t8G5n";
-var mobile = "mobile-Ksq3e";
-var css_248z = ".header-88iFZ {\n  height: 48px;\n  position: relative;\n  background-color: #f8f8f8;\n  border-bottom: 2px solid #f0f0f0;\n}\n\n.wrapper-zFPaP {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.title-Mime- {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\ntitle:hover,\n.sel--F5X- {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.title-Mime-::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.title-Mime-:hover::after,\n.sel--F5X-::after {\n  width: 100%;\n  left: 0;\n}\n\n.collapseArrow-iq67x {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 16.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%22960px%22 height%3D%22560px%22 viewBox%3D%220 0 960 560%22 enable-background%3D%22new 0 0 960 560%22 xml%3Aspace%3D%22preserve%22%3E%3Cg id%3D%22Rounded_Rectangle_33_copy_4_1_%22%3E%09%3Cpath d%3D%22M480%2C344.181L268.869%2C131.889c-15.756-15.859-41.3-15.859-57.054%2C0c-15.754%2C15.857-15.754%2C41.57%2C0%2C57.431l237.632%2C238.937%09%09c8.395%2C8.451%2C19.562%2C12.254%2C30.553%2C11.698c10.993%2C0.556%2C22.159-3.247%2C30.555-11.698l237.631-238.937%09%09c15.756-15.86%2C15.756-41.571%2C0-57.431s-41.299-15.859-57.051%2C0L480%2C344.181z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.open-t8G5n .collapseArrow-iq67x {\n  transform: rotate(0deg);\n}\n\n.header-88iFZ.mobile-Ksq3e {\n  height: 38px;\n}\n\n.mobile-Ksq3e .title-Mime- {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.mobile-Ksq3e .collapseArrow-iq67x {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n";
-styleInject(css_248z);
-
-var SubTabGroupHeader = function SubTabGroupHeader(_ref) {
-  var openState = _ref.openState,
-    curState = _ref.curState,
-    tabs = _ref.tabs;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs("div", {
-    onClick: function onClick() {
-      return openState[1](!openState[0]);
-    },
-    className: classnames(header, openState[0] ? open : undefined, viewHandler.uiState.isInMobileView ? mobile : undefined),
-    children: [/*#__PURE__*/jsx("div", {
-      className: wrapper,
-      children: tabs.map(function (b, index) {
-        return /*#__PURE__*/jsxs("div", {
-          className: classnames(title, curState[0] === b && openState[0] ? sel : undefined),
-          onClick: function onClick(e) {
-            curState[1](b);
-            if (!openState[0]) openState[1](true);
-            e.stopPropagation();
-          },
-          children: [b === 'ALL' && tabs.length !== 1 && t('configurator.config_all'), tabs.length === 1 && t('configurator.config_accessoire'), tabs.length > 1 && b !== 'ALL' && index + '.']
-        }, b);
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(collapseArrow)
-    })]
-  });
-};
-var SubTabGroupHeader$1 = observer(SubTabGroupHeader);
-
-export { SubTabGroupHeader$1 as default };