@crystaldesign/diva-web-planner-react 25.9.0-beta.4 → 25.9.0-beta.40

package/build/esm/index-7f5e88b9.js

@@ -1,66 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-5b30dfe3.js';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { useState, useRef, useEffect } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var wrapper = "wrapper-MPQ1D";
-var searchText = "search-text-h7Q58";
-var icon = "icon-yltss";
-var css_248z = ".wrapper-MPQ1D {\n  display: flex;\n  height: 100%;\n  align-items: center;\n}\n\n.search-text-h7Q58 {\n  width: 130px;\n  height: 30px;\n  line-height: 28px;\n  border-radius: 5px;\n  -webkit-tap-highlight-color: transparent;\n  outline: 0;\n  background-color: #fff;\n  padding: 0 1.6rem;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  position: relative;\n  border: 0;\n}\n\n.icon-yltss {\n  width: 36px;\n  height: 36px;\n  background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2259%22 viewBox%3D%220 0 59 59%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M39.9163 41.38C40.3208 41.7844 40.9765 41.7844 41.3809 41.38C41.7854 40.9755 41.7854 40.3198 41.3809 39.9153L39.9163 41.38ZM36.851 27.5286C36.851 32.6767 32.6776 36.85 27.5296 36.85V38.9215C33.8216 38.9215 38.9224 33.8206 38.9224 27.5286H36.851ZM27.5296 36.85C22.3815 36.85 18.2081 32.6767 18.2081 27.5286H16.1367C16.1367 33.8206 21.2375 38.9215 27.5296 38.9215V36.85ZM18.2081 27.5286C18.2081 22.3805 22.3815 18.2072 27.5296 18.2072V16.1357C21.2375 16.1357 16.1367 21.2365 16.1367 27.5286H18.2081ZM27.5296 18.2072C32.6776 18.2072 36.851 22.3805 36.851 27.5286H38.9224C38.9224 21.2365 33.8216 16.1357 27.5296 16.1357V18.2072ZM41.3809 39.9153L35.5982 34.1325L34.1334 35.5972L39.9163 41.38L41.3809 39.9153Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  margin-left: 12px;\n  margin-right: 12px;\n}\n";
-styleInject(css_248z);
-
-var Search = function Search(_ref) {
-  var _ref$searchState = _slicedToArray(_ref.searchState, 2),
-    search = _ref$searchState[0],
-    setSearch = _ref$searchState[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var inputRef = useRef(null);
-  useEffect(function () {
-    if (value && value.length > 2) setSearch(value);else if ((search === null || search === void 0 ? void 0 : search.length) !== 0) {
-      setSearch(undefined);
-    }
-  }, [value]);
-  useEffect(function () {
-    if (!(search !== null && search !== void 0 && search.length)) setValue('');
-  }, [search]);
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: [/*#__PURE__*/jsx("input", {
-      ref: inputRef,
-      onChange: function onChange(e) {
-        return setValue(e.target.value);
-      },
-      type: 'text',
-      value: value,
-      className: searchText,
-      placeholder: t('filter.global')
-    }), /*#__PURE__*/jsx("div", {
-      className: icon
-    })]
-  });
-};
-
-export { Search as default };

package/build/esm/index-7fb35dc3.js

@@ -1,189 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-5b30dfe3.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-50d7ed9c.js';
-import { S as SettingsItem, c as collapsableInner } from './index-84210834.js';
-import ShelfAccessoires from './index-f66d29b9.js';
-import ShelfAccessoiresOld from './index-98f99058.js';
-import GridList from './index-f06a145a.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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-import 'sift';
-import './index-6ca85915.js';
-import './index-29ef81bf.js';
-import './index-068f7fa4.js';
-import './index-1f02ccd3.js';
-import './index-235a28fa.js';
-import './index.module-55396a1f.js';
-import './index-7beb5814.js';
-import 'react-switch';
-import './index-de40eba8.js';
-import './index-3d388d5b.js';
-import './index-f8eaa1ea.js';
-import 'react-dropdown';
-import './index-01d4d4a7.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-c6d884e9.js';
-import './index-38d32a0a.js';
-import './index-ca7a9254.js';
-import '@crystaldesign/content-box';
-import './index-4fb0e805.js';
-import './index-2c649b9b.js';
-import './index-970a1451.js';
-import './index-5c7ff483.js';
-import './index-e7895c37.js';
-import './index-2f3057b8.js';
-import 'react-laag';
-import './index-17fc6c6b.js';
-import './index-f3607ac8.js';
-import './index-cd7edf37.js';
-import './index-a08c6547.js';
-import './index-4d676739.js';
-import './index-0ffa4b88.js';
-import './index-e3424a15.js';
-import './index-3ebc5bf2.js';
-import './index-cabc261d.js';
-import './index-3ed77b61.js';
-import './index.module-036fb0bb.js';
-import './index-fae33e8c.js';
-import './index-464dbbb2.js';
-import './index-64e3e31f.js';
-import './index-fc832928.js';
-import './index-b7a16f9e.js';
-import './index-789e4071.js';
-import './index-1f9bfe74.js';
-import './index.module-92e7bb77.js';
-import './index-f2e4ce43.js';
-import './index-f99119e4.js';
-import 'react-beautiful-dnd';
-import './index-24f5b6cb.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) {
-          return /*#__PURE__*/jsx(SettingsItem, {
-            item: item,
-            id: item.id
-          }, item.configStepKey);
-        })]
-      }), !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-80bc50c7.js

@@ -1,128 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-5b30dfe3.js';
-import { useRef, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var wcTextBoxInDialog = "wcTextBoxInDialog-cUykT";
-var wcPopupWindowContainer = "wcPopupWindowContainer-RSZGf";
-var wcClose = "wcClose-X1s6d";
-var wcSubmit = "wcSubmit-Ax0lk";
-var css_248z = ".wcTextBoxInDialog-cUykT {\n  width: 90%;\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  float: left;\n}\n\n.wcPopupWindowContainer-RSZGf {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.wcPopupWindowContainer-RSZGf p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.wcPopupWindowContainer-RSZGf ul {\n  padding: 0;\n  margin: 0;\n}\n\n.wcPopupWindowContainer-RSZGf .wctooltext-G-oa5 {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.wcPopupWindowContainer-RSZGf li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.wcClose-X1s6d {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.wcClose-X1s6d:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.wcSubmit-Ax0lk {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\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 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Ebene_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 viewBox%3D%220 0 8 13.5%22 style%3D%22enable-background%3Anew 0 0 8 13.5%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%09%3Cpath class%3D%22st0%22 d%3D%22M6.5%2C11.7c-0.1%2C0-0.2%2C0-0.3-0.1l-5-4.3C1.1%2C7.2%2C1%2C7.1%2C1%2C7c0-0.1%2C0.1-0.3%2C0.2-0.4l5-4.7c0.2-0.2%2C0.5-0.2%2C0.7%2C0%09%09c0.2%2C0.2%2C0.2%2C0.5%2C0%2C0.7L2.3%2C6.9l4.6%2C3.9C7%2C11%2C7.1%2C11.4%2C6.9%2C11.6C6.8%2C11.7%2C6.7%2C11.7%2C6.5%2C11.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n";
-styleInject(css_248z);
-
-var Inputbox = function Inputbox(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var inputBox = useRef(null);
-  useEffect(function () {
-    var _viewHandler$settings, _viewHandler$settings2, _inputBox$current;
-    viewHandler.settingsState.setInputBoxValue((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.inputBoxItem) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.freeText) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : '');
-    (_inputBox$current = inputBox.current) === null || _inputBox$current === void 0 || _inputBox$current.focus();
-  }, []);
-  useEffect(function () {
-    var _viewHandler$settings3;
-    if ((_viewHandler$settings3 = viewHandler.settingsState.inputBoxItem) !== null && _viewHandler$settings3 !== void 0 && _viewHandler$settings3.freeText) {
-      viewHandler.settingsState.setInputBoxValue(viewHandler.settingsState.inputBoxItem.freeText);
-    }
-  }, [viewHandler.settingsState.inputBoxItem]);
-  if (!viewHandler.settingsState.inputBoxItem) return /*#__PURE__*/jsx(Fragment, {});
-  var title = viewHandler.settingsState.inputBoxItem.text;
-  if (title.includes(':')) title = title.slice(0, title.lastIndexOf(':'));
-  var onSubmit = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (!viewHandler.settingsState.inputBoxItem) {
-              _context.next = 6;
-              break;
-            }
-            viewHandler.settingsState.inputBoxItem.freeText = viewHandler.settingsState.inputBoxValue;
-            _context.next = 4;
-            return viewHandler.paletteViewHandler.clickedOnConfigPalette(viewHandler.settingsState.inputBoxItem, 'inputbox');
-          case 4:
-            viewHandler.settingsState.updateInputBoxValues(false, undefined);
-            viewHandler.uiState.setConfiguratorDisabled(false);
-          case 6:
-            if (viewHandler.settingsState.inputBoxVisible) {
-              viewHandler.uiState.setConfiguratorDisabled(true);
-            } else {
-              viewHandler.uiState.setConfiguratorDisabled(false);
-            }
-          case 7:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function onSubmit() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var isNumberBox = !!viewHandler.settingsState.inputBoxItem.measureUnit;
-  var keyDownFunction = function keyDownFunction(e) {
-    if (!viewHandler) return;
-    if (e.key === 'Enter') {
-      onSubmit();
-      e.stopPropagation();
-    }
-  };
-  return /*#__PURE__*/jsx("div", {
-    children: /*#__PURE__*/jsxs("div", {
-      className: wcPopupWindowContainer,
-      children: [/*#__PURE__*/jsx("span", {
-        onClick: function onClick() {
-          return viewHandler.settingsState.inputBoxVisible = false;
-        },
-        className: wcClose,
-        children: "\u2716"
-      }), /*#__PURE__*/jsxs("div", {
-        style: {
-          width: '100%'
-        },
-        children: [/*#__PURE__*/jsx("p", {
-          style: {
-            marginTop: '2px'
-          },
-          children: title
-        }), /*#__PURE__*/jsx("input", {
-          ref: inputBox,
-          onKeyDown: function onKeyDown(e) {
-            return keyDownFunction(e);
-          },
-          className: wcTextBoxInDialog,
-          type: isNumberBox ? 'number' : 'text',
-          onChange: function onChange(event) {
-            return viewHandler.settingsState.setInputBoxValue(event.target.value);
-          },
-          value: viewHandler.settingsState.inputBoxValue
-        }), /*#__PURE__*/jsx("button", {
-          className: wcSubmit,
-          onClick: onSubmit
-        })]
-      })]
-    })
-  });
-};
-var Inputbox$1 = observer(Inputbox);
-
-export { Inputbox$1 as default };

package/build/esm/index-8333eeb7.js

@@ -1,195 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-5b30dfe3.js';
-import { useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import { a as table, c as column } from './index.module-7c91dec8.js';
-import Collapsible from 'react-collapsible';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-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 PartlistTable = function PartlistTable(_ref) {
-  var _onClick = _ref.onClick,
-    articles = _ref.articles,
-    price = _ref.price,
-    title = _ref.title,
-    allOpen = _ref.allOpen,
-    configStepKey = _ref.configStepKey,
-    showDiffOnly = _ref.showDiffOnly;
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    pa = _useState2[0],
-    setPa = _useState2[1];
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    var _p$configStepKey;
-    var optionPartlistArticles = viewHandler.settingsState.partlistArticlesInOverview[configStepKey];
-    if (pa !== undefined && optionPartlistArticles && optionPartlistArticles.totalCount !== optionPartlistArticles.items.length) return;
-    if (pa !== undefined && !showDiffOnly) return;
-    var partlistArticles = [];
-    for (var basketId in articles) {
-      partlistArticles = _getPartlistArticles(articles[basketId], partlistArticles);
-    }
-    if (showDiffOnly && optionPartlistArticles && optionPartlistArticles.totalCount === optionPartlistArticles.items.length) {
-      partlistArticles = partlistArticles.map(function (pa) {
-        return _objectSpread(_objectSpread({}, pa), {}, {
-          visible: optionPartlistArticles.items.filter(function (p) {
-            return p.articles.find(function (p) {
-              return p.plaCodex == pa.articleCodex && pa.retailArticleNr == p.retailArticleNr;
-            });
-          }).length !== optionPartlistArticles.items.length
-        });
-      });
-    }
-    var p = _objectSpread({}, viewHandler.settingsState.partlistArticlesInOverview);
-    if ((_p$configStepKey = p[configStepKey]) !== null && _p$configStepKey !== void 0 && _p$configStepKey.items && !p[configStepKey].items.find(function (a) {
-      return a.opv === title;
-    })) {
-      p[configStepKey].items.push({
-        opv: title,
-        articles: partlistArticles.map(function (p) {
-          return {
-            plaCodex: p.articleCodex,
-            retailArticleNr: p.retailArticleNr,
-            quantity: p.quantity
-          };
-        })
-      });
-      viewHandler.settingsState.setPartlistArticlesInOverview(p);
-    }
-    setPa(partlistArticles);
-  }, [viewHandler.settingsState.partlistArticlesInOverview]);
-  return /*#__PURE__*/jsx(Collapsible, {
-    trigger: /*#__PURE__*/jsx("div", {
-      style: {
-        cursor: 'pointer'
-      },
-      children: 'Stücklistenartikel: ' + (pa !== null && pa !== void 0 ? pa : []).length + ' preis: ' + price + ' -- ' + title
-    }),
-    open: title == '' || allOpen,
-    easing: 'ease',
-    transitionTime: 100,
-    children: /*#__PURE__*/jsxs("table", {
-      className: table,
-      children: [/*#__PURE__*/jsx("thead", {
-        children: /*#__PURE__*/jsxs("tr", {
-          className: column,
-          children: [/*#__PURE__*/jsx("th", {
-            children: "Name"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Artikle Nr."
-          }), /*#__PURE__*/jsx("th", {
-            children: "CatalogCodex"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Preis"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Nr"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Prefix"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Menge"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Rule"
-          }), /*#__PURE__*/jsx("th", {
-            children: "decision"
-          })]
-        })
-      }), /*#__PURE__*/jsx("tbody", {
-        children: (pa !== null && pa !== void 0 ? pa : []).filter(function (p) {
-          return !showDiffOnly || p.visible || p.visible === undefined;
-        }).map(function (partListArticle) {
-          var _partListArticle$pric, _partListArticle$deci, _partListArticle$deci2;
-          return /*#__PURE__*/jsxs("tr", {
-            className: column,
-            children: [/*#__PURE__*/jsxs("th", {
-              children: [" ", partListArticle.name]
-            }), /*#__PURE__*/jsxs("th", {
-              children: [partListArticle.articleCodex, " "]
-            }), /*#__PURE__*/jsxs("th", {
-              children: [partListArticle.catalogCodex, " "]
-            }), /*#__PURE__*/jsxs("th", {
-              children: [" ", (_partListArticle$pric = partListArticle.price) !== null && _partListArticle$pric !== void 0 ? _partListArticle$pric : 0, " "]
-            }), /*#__PURE__*/jsxs("th", {
-              children: [" ", partListArticle.retailArticleNr, " "]
-            }), /*#__PURE__*/jsxs("th", {
-              children: [partListArticle.retailPrefix, " "]
-            }), /*#__PURE__*/jsxs("th", {
-              children: [partListArticle.quantity, " "]
-            }), /*#__PURE__*/jsx("th", {
-              children: partListArticle.rule
-            }), partListArticle.decision && /*#__PURE__*/jsx("th", {
-              onClick: function onClick() {
-                return _onClick({
-                  decision: partListArticle.decision,
-                  rule: partListArticle.partlistRule
-                });
-              },
-              children: ((_partListArticle$deci = partListArticle.decision) === null || _partListArticle$deci === void 0 ? void 0 : _partListArticle$deci.Number) || ((_partListArticle$deci2 = partListArticle.decision) === null || _partListArticle$deci2 === void 0 ? void 0 : _partListArticle$deci2.decisionNo)
-            })]
-          }, partListArticle.articleCodex + partListArticle.retailArticleNr);
-        })
-      })]
-    })
-  });
-};
-var _getPartlistArticles = function getPartlistArticles(article, partlistArticles) {
-  for (var key in article.partlistArticles) {
-    var partlistArticle = article.partlistArticles[key];
-    if (partlistArticle.hasPartlistArticle) {
-      partlistArticles.push(getPartlsitArticleObj(partlistArticle, true));
-      partlistArticles = _getPartlistArticles(partlistArticle, partlistArticles);
-      continue;
-    }
-    var found = false;
-    for (var i = 0; i < partlistArticles.length; i++) {
-      if (partlistArticle.articleCodex === partlistArticles[i].articleCodex && partlistArticle.retailArticleNr === partlistArticles[i].retailArticleNr && partlistArticle.retailPrefix === partlistArticles[i].retailPrefix && partlistArticle.catalogCodex === partlistArticles[i].catalogCodex && JSON.stringify(partlistArticle.VariantValues) == JSON.stringify(partlistArticles[i].VariantValues)) {
-        found = true;
-        partlistArticles[i].quantity += partlistArticle.quantity;
-        break;
-      }
-    }
-    if (!found) {
-      partlistArticles.push(getPartlsitArticleObj(partlistArticle));
-    }
-  }
-  return partlistArticles;
-};
-var getPartlsitArticleObj = function getPartlsitArticleObj(partlistArticle, isWrapper) {
-  var _partlistArticle$reta, _partlistArticle$reta2, _partlistArticle$rule, _partlistArticle$cata, _partlistArticle$part, _partlistArticle$part2;
-  return {
-    name: (isWrapper ? 'Hülse: ' : '') + partlistArticle.posNr + ' ' + partlistArticle.name,
-    price: isWrapper ? '---' : partlistArticle.price,
-    retailArticleNr: (_partlistArticle$reta = partlistArticle.retailArticleNr) !== null && _partlistArticle$reta !== void 0 ? _partlistArticle$reta : '',
-    retailPrefix: (_partlistArticle$reta2 = partlistArticle.retailPrefix) !== null && _partlistArticle$reta2 !== void 0 ? _partlistArticle$reta2 : '',
-    quantity: partlistArticle.quantity,
-    ruleDesc: (_partlistArticle$rule = partlistArticle.ruleDesc) !== null && _partlistArticle$rule !== void 0 ? _partlistArticle$rule : '',
-    articleCodex: partlistArticle.articleCodex,
-    catalogCodex: (_partlistArticle$cata = partlistArticle.catalogCodex) !== null && _partlistArticle$cata !== void 0 ? _partlistArticle$cata : '',
-    codex: partlistArticle.articleCodex,
-    rule: partlistArticle.ruleDesc,
-    decision: partlistArticle.partlistDecisionNo ? (_partlistArticle$part = (_partlistArticle$part2 = partlistArticle.partListParentArticle) === null || _partlistArticle$part2 === void 0 || (_partlistArticle$part2 = _partlistArticle$part2.catalogArticle.partlistDecisions) === null || _partlistArticle$part2 === void 0 ? void 0 : _partlistArticle$part2['D' + partlistArticle.partlistDecisionNo]) !== null && _partlistArticle$part !== void 0 ? _partlistArticle$part : partlistArticle.CatalogData.loadedDecisions.find(function (p) {
-      return p.decisionNo === partlistArticle.partlistDecisionNo;
-    }) : undefined,
-    partlistRule: partlistArticle.partlistRule
-  };
-};
-var PartListTable = observer(PartlistTable);
-
-export { PartListTable as default };