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

package/build/esm/index-2079e68d.js

@@ -1,180 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-c865c45c.js';
-import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-53276416.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import './react-json-viewer-aca88793.js';
-import { D as DecisionVisualization } from './DecisionVizualizer-79d06f19.js';
-import { jsx, Fragment, jsxs } 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 '@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 'react-json-view-lite';
-import 'react-draggable';
-
-var table = "table-dlyc3";
-var filter = "filter-uCpFs";
-var column = "column--cQ52";
-var scrollable = "scrollable-VXYsC";
-var header = "header-T1xEK";
-var decision = "decision-plIiC";
-var css_248z = ".table-dlyc3 {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  top: 73px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.filter-uCpFs {\n  height: 12px;\n  font-size: 10px;\n}\n\n.table-dlyc3 thead {\n  font-weight: bold !important;\n}\n\n.table-dlyc3 thead {\n  border-bottom: 1px solid;\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.column--cQ52 {\n  text-align: left;\n}\n.column--cQ52:first-child {\n  height: 20px;\n}\n\n.column--cQ52 th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.scrollable-VXYsC {\n  overflow: auto;\n  left: 50px;\n  height: 100%;\n}\n.header-T1xEK {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  position: absolute;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n}\n\n.decision-plIiC {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  right: 0px;\n  z-index: 100000;\n  width: 800px;\n  height: calc(100vh - 60px);\n  background-color: #fff;\n  overflow: auto;\n}\n\n.idm-container-S4cxx {\n  padding: 16px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.idm-title-9Dkxf {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.idm-subtitle-KoD3- {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.idm-table-NbBVs {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.idm-table-NbBVs th,\n.idm-table-NbBVs td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.idm-table-NbBVs th {\n  background-color: #f2f2f2;\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 PriceAnalyzer = function PriceAnalyzer(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  var articles = viewHandler.divaWebPlanner.getDivaArticles();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    rerender = _useState2[0],
-    setRerender = _useState2[1];
-  useEffect(function () {
-    var asyncFunct = /*#__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:
-              _context.next = 2;
-              return DivaUtils.Sleep(1000);
-            case 2:
-              setRerender(!rerender);
-            case 3:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function asyncFunct() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    asyncFunct();
-  }, [viewHandler.tabGroupState.allTabGroups]);
-  useEffect(function () {
-    var set = viewHandler.divaWebPlanner.actSet();
-    if (set && !set.logDecisions) set.logDecisions = true;
-    return function () {
-      var set = viewHandler.divaWebPlanner.actSet();
-      if (set) set.logDecisions = false;
-    };
-  }, [viewHandler.uiState.isLoading]);
-  var article = Object.values(articles !== null && articles !== void 0 ? articles : {}).find(function (a) {
-    return a.posNr == 1;
-  });
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedRow = _useState4[0],
-    setSelectedRow = _useState4[1];
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    filter$1 = _useState6[0],
-    setFilter = _useState6[1];
-  if (!article) return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable),
-    style: {
-      zIndex: 800
-    },
-    children: /*#__PURE__*/jsx("a", {
-      className: header,
-      children: "Price analyzer - plann article"
-    })
-  }));
-  var isIDMFormat = article.CatalogData.isIDMFormat;
-  var lastStack = Object.values(article.decisionDebugStacks).findLast(function (v) {
-    return v;
-  });
-  var prices = lastStack === null || lastStack === void 0 ? void 0 : lastStack.prices;
-  if (!prices) return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable),
-    style: {
-      zIndex: 800
-    },
-    children: /*#__PURE__*/jsx("a", {
-      className: header,
-      children: "Price analyzer - change config"
-    })
-  }));
-  var _onClick = function onClick(nr, row) {
-    var _selectedRow$priceFea;
-    if (nr == (selectedRow === null || selectedRow === void 0 || (_selectedRow$priceFea = selectedRow.priceFeatureGroup) === null || _selectedRow$priceFea === void 0 ? void 0 : _selectedRow$priceFea.priceFeatureGroupNo)) {
-      setSelectedRow(undefined);
-    } else setSelectedRow(row);
-  };
-  if (!isIDMFormat) return /*#__PURE__*/jsx(Fragment, {
-    children: "only implemented for IDM enricher data"
-  });
-  if (!prices) return /*#__PURE__*/jsx(Fragment, {
-    children: " "
-  });
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable, viewHandler.uiState.configSettingsIsExpanded ? notExpanded : undefined),
-    children: [/*#__PURE__*/jsxs("a", {
-      className: header,
-      children: ["Price history", /*#__PURE__*/jsx("input", {
-        value: filter$1,
-        onChange: function onChange(e) {
-          return setFilter(e.target.value);
-        },
-        placeholder: "filter option ohne OPT",
-        className: filter
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      children: [/*#__PURE__*/jsxs("table", {
-        className: table,
-        children: [/*#__PURE__*/jsx("thead", {
-          children: /*#__PURE__*/jsx("tr", {
-            className: column,
-            children: /*#__PURE__*/jsx("th", {
-              children: 1
-            })
-          })
-        }), /*#__PURE__*/jsx("tbody", {
-          children: prices.map(function (p, j) {
-            return /*#__PURE__*/jsx("tr", {
-              className: column,
-              children: /*#__PURE__*/jsx("th", {
-                onClick: function onClick() {
-                  return _onClick(p.nr, p);
-                },
-                children: p.text
-              })
-            }, j);
-          })
-        })]
-      }), selectedRow && /*#__PURE__*/jsx("div", {
-        className: decision,
-        children: /*#__PURE__*/jsx(DecisionVisualization, {
-          decision: selectedRow.priceFeatureGroup,
-          anyData: {
-            prices: article.catalogArticle.idmPrices,
-            variantData: selectedRow.variantValues
-          },
-          onClose: function onClose() {
-            return setSelectedRow(undefined);
-          }
-        })
-      })]
-    })]
-  }));
-};
-var PriceAnalyzer$1 = observer(PriceAnalyzer);
-
-export { PriceAnalyzer$1 as default };

package/build/esm/index-209f8db3.js

@@ -1,96 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-c865c45c.js';
-import 'react';
-import classnames from 'classnames';
-import Option from './index-807257f8.js';
-import { useTranslation } from '@crystaldesign/diva-core';
-import InfoIcon from './index-9aa789de.js';
-import PricePreview from './index-9b04aa68.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-import './index.module-fbb370f5.js';
-import './index.module-6b653c0b.js';
-import './index-e58bcb7d.js';
-import 'react-laag';
-import './index-8199846d.js';
-import './index-7e2d1d67.js';
-
-var container = "container-GW-AX";
-var sel = "sel-jrQj2";
-var titleContainer = "title-container-W41FT";
-var title = "title-FojkZ";
-var subTitle = "sub-title-RJrKO";
-var ccConstructionWarning = "ccConstructionWarning-8h9KH";
-var css_248z = ".container-GW-AX {\n  position: relative;\n  box-sizing: border-box;\n  border: 2px solid #e8e9ed;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.container-GW-AX.sel-jrQj2 {\n  border: 2px solid var(--secondaryColor);\n}\n\n.container-GW-AX img {\n  width: 100%;\n\n  -o-object-fit: contain;\n\n     object-fit: contain;\n}\n\n.title-container-W41FT {\n  height: 30px;\n  color: #4b4b4b;\n  background: #f2f2f2;\n}\n.title-FojkZ,\n.sub-title-RJrKO {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: 1.2em;\n  text-align: right;\n  margin: 0 3px;\n}\n\n.title-FojkZ {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.sub-title-RJrKO {\n  -webkit-line-clamp: 1;\n  white-space: nowrap;\n  font-size: 9px;\n  line-height: 12px;\n  font-weight: 300;\n}\n\n.ccConstructionWarning-8h9KH {\n  display: block;\n  height: 30px;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient gradientTransform%3D%22matrix(1.31117 0 0 1.30239 737.39 159.91)%22 gradientUnits%3D%22userSpaceOnUse%22 id%3D%220%22 y2%3D%22-.599%22 x2%3D%220%22 y1%3D%2245.47%22%3E%3Cstop stop-color%3D%22%23ffc515%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23ffd55b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg transform%3D%22matrix(.85714 0 0 .85714-627.02-130.8)%22%3E%3Cpath d%3D%22m797.94 212.01l-25.607-48c-.736-1.333-2.068-2.074-3.551-2.074-1.483 0-2.822.889-3.569 2.222l-25.417 48c-.598 1.185-.605 2.815.132 4 .737 1.185 1.921 1.778 3.404 1.778h51.02c1.483 0 2.821-.741 3.42-1.926.747-1.185.753-2.667.165-4%22 fill%3D%22url(%230)%22%2F%3E%3Cpath d%3D%22m-26.309 18.07c-1.18 0-2.135.968-2.135 2.129v12.82c0 1.176.948 2.129 2.135 2.129 1.183 0 2.135-.968 2.135-2.129v-12.82c0-1.176-.946-2.129-2.135-2.129zm0 21.348c-1.18 0-2.135.954-2.135 2.135 0 1.18.954 2.135 2.135 2.135 1.181 0 2.135-.954 2.135-2.135 0-1.18-.952-2.135-2.135-2.135z%22 transform%3D%22matrix(1.05196 0 0 1.05196 796.53 161.87)%22 fill%3D%22%23000%22 stroke%3D%22%2340330d%22 fill-opacity%3D%22.75%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  top: 0;\n  right: 0;\n}\n";
-styleInject(css_248z);
-
-var OptionJungle = function OptionJungle(_ref) {
-  var _item$text, _item$text2;
-  var itemP = _ref.item,
-    paletteId = _ref.paletteId;
-    _ref.type;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  if (item.layout == 'TEXT' || !viewHandler.uiState.isInMobileView) return /*#__PURE__*/jsx(Option, {
-    item: item,
-    paletteId: paletteId
-  });
-  var header = (_item$text = item.text) === null || _item$text === void 0 ? void 0 : _item$text.split(/,(.+)/)[0];
-  var subText = (_item$text2 = item.text) === null || _item$text2 === void 0 ? void 0 : _item$text2.split(/,(.+)/)[1];
-  if (!subText) {
-    var _item$text3, _item$text4;
-    header = (_item$text3 = item.text) === null || _item$text3 === void 0 ? void 0 : _item$text3.split(/\((.+)/)[0];
-    subText = (_item$text4 = item.text) === null || _item$text4 === void 0 || (_item$text4 = _item$text4.split(/\((.+)/)[1]) === null || _item$text4 === void 0 ? void 0 : _item$text4.replace(')', '');
-  }
-  var onClick = function onClick() {
-    viewHandler.paletteViewHandler.clickedOnConfigPalette(item, undefined, paletteId);
-  };
-  return /*#__PURE__*/jsxs("div", {
-    id: item.codex,
-    className: classnames(container, item.sel ? sel : undefined),
-    onClick: onClick,
-    children: [/*#__PURE__*/jsx("img", {
-      style: {
-        maxHeight: viewHandler.settingsState.settingsWidth / 3
-      },
-      src: item.image,
-      title: item.text + (item.freeText ? item.freeText : '')
-    }), /*#__PURE__*/jsxs("div", {
-      className: titleContainer,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(title),
-        children: header
-      }), subText && /*#__PURE__*/jsx("div", {
-        className: classnames(subTitle),
-        children: subText
-      })]
-    }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-      item: item
-    }, item.codex), item.disabledByConstructionRule && /*#__PURE__*/jsx("div", {
-      className: classnames(ccConstructionWarning),
-      title: t('configurator.' + item.disabledByConstructionRule)
-    }), item.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-      asyncPricePreview: item.pricePreviewPromise,
-      sel: item.sel
-    })]
-  });
-};
-
-export { OptionJungle as default };

package/build/esm/index-268118cb.js

@@ -1,169 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-c865c45c.js';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-bb8fcd73.js';
-import classnames from 'classnames';
-import properties from './CatalogProperties-6c62c540.js';
-import properties$1 from './ArticleProperties-2884d168.js';
-import properties$2 from './OptionProperties-00082065.js';
-import properties$3 from './OptionValueProperties-29e42aeb.js';
-import Select from 'react-select';
-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 './index-2f696b58.js';
-import 'react-switch';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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 PropertiesEditor = function PropertiesEditor(props) {
-  var _catalogData$allCatal, _allArticles$find, _allOptions$find, _allOptionsValues$fin;
-  var viewHandler = useViewHandler();
-  var catalogData = viewHandler.divaWebPlanner.getCatalogData();
-  var _useState = useState('catalog'),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentProperties = _useState2[0],
-    setCurrentProperties = _useState2[1];
-  var allArticles = Object.values((_catalogData$allCatal = catalogData === null || catalogData === void 0 ? void 0 : catalogData.allCatalogArticles) !== null && _catalogData$allCatal !== void 0 ? _catalogData$allCatal : {});
-  var allOptions = catalogData === null || catalogData === void 0 ? void 0 : catalogData.getOptions();
-  var allOptionsValues = catalogData === null || catalogData === void 0 ? void 0 : catalogData.getOptionValues();
-  var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    currentArticleCodex = _useState4[0],
-    setCurrentArticleCodex = _useState4[1];
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    currentOptionCodex = _useState6[0],
-    setCurrentOptionCodex = _useState6[1];
-  var _useState7 = useState(''),
-    _useState8 = _slicedToArray(_useState7, 2),
-    currentOptionValueCodex = _useState8[0],
-    setCurrentOptionValueCodex = _useState8[1];
-  if (!catalogData) return /*#__PURE__*/jsx(Fragment, {});
-  var dataDictionary = {
-    catalog: {
-      data: catalogData.catalogProps,
-      properties: properties
-    },
-    article: {
-      data: allArticles === null || allArticles === void 0 || (_allArticles$find = allArticles.find(function (a) {
-        return a.articleCodex === currentArticleCodex;
-      })) === null || _allArticles$find === void 0 ? void 0 : _allArticles$find.catalogArticle,
-      properties: properties$1
-    },
-    option: {
-      data: allOptions === null || allOptions === void 0 || (_allOptions$find = allOptions.find(function (o) {
-        return o.codex === currentOptionCodex;
-      })) === null || _allOptions$find === void 0 ? void 0 : _allOptions$find.opt,
-      properties: properties$2
-    },
-    optionvalue: {
-      data: allOptionsValues === null || allOptionsValues === void 0 || (_allOptionsValues$fin = allOptionsValues.find(function (o) {
-        return o.codex === currentOptionValueCodex;
-      })) === null || _allOptionsValues$fin === void 0 ? void 0 : _allOptionsValues$fin.opv,
-      properties: properties$3
-    }
-  };
-  var tabsArray = ['catalog', 'article', 'option', 'optionvalue'];
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(wrapper, props.className),
-    children: [/*#__PURE__*/jsx("div", {
-      className: tabs,
-      children: tabsArray.map(function (t) {
-        return /*#__PURE__*/jsx("div", {
-          className: classnames(currentProperties === t ? sel : undefined),
-          onClick: function onClick() {
-            return setCurrentProperties(t);
-          },
-          children: t
-        }, t);
-      })
-    }), currentProperties !== 'catalog' && /*#__PURE__*/jsxs("div", {
-      className: selectionWrapper,
-      children: [/*#__PURE__*/jsx("div", {
-        className: selectionText,
-        children: 'select ' + currentProperties + ':'
-      }), currentProperties === 'article' && /*#__PURE__*/jsx(Select, {
-        styles: colourStyles,
-        className: selection,
-        value: currentArticleCodex ? {
-          label: currentArticleCodex
-        } : undefined,
-        options: allArticles.map(function (a) {
-          return {
-            label: a.articleCodex
-          };
-        }),
-        onChange: function onChange(v) {
-          return setCurrentArticleCodex(v.label);
-        }
-      }), currentProperties === 'option' && /*#__PURE__*/jsx(Select, {
-        styles: colourStyles,
-        className: selection,
-        value: currentOptionCodex ? {
-          label: currentOptionCodex
-        } : undefined,
-        options: allOptions === null || allOptions === void 0 ? void 0 : allOptions.map(function (a) {
-          return {
-            label: a.codex
-          };
-        }),
-        onChange: function onChange(v) {
-          return setCurrentOptionCodex(v.label);
-        }
-      }), currentProperties === 'optionvalue' && /*#__PURE__*/jsx(Select, {
-        styles: colourStyles,
-        className: selection,
-        value: currentOptionValueCodex ? {
-          label: currentOptionValueCodex
-        } : undefined,
-        options: allOptionsValues === null || allOptionsValues === void 0 ? void 0 : allOptionsValues.map(function (a) {
-          return {
-            label: a.codex
-          };
-        }),
-        onChange: function onChange(v) {
-          return setCurrentOptionValueCodex(v.label);
-        }
-      })]
-    }), /*#__PURE__*/jsx(Table, _objectSpread(_objectSpread({}, dataDictionary[currentProperties]), {}, {
-      id: currentProperties
-    }))]
-  }));
-};
-var PropertiesEditor$1 = observer(PropertiesEditor);
-var colourStyles = {
-  control: function control(styles) {
-    return _objectSpread(_objectSpread({}, styles), {}, {
-      backgroundColor: 'white'
-    });
-  },
-  option: function option(styles, _ref) {
-    var isDisabled = _ref.isDisabled,
-      isFocused = _ref.isFocused,
-      isSelected = _ref.isSelected;
-    return _objectSpread(_objectSpread({}, styles), {}, {
-      backgroundColor: isDisabled ? undefined : isFocused ? 'lightblue' : isSelected ? '#fff' : undefined,
-      cursor: isDisabled ? 'not-allowed' : 'default',
-      color: 'black',
-      ':active': _objectSpread({}, styles[':active'])
-    });
-  }
-};
-
-export { PropertiesEditor$1 as default };

package/build/esm/index-26ff5119.js

@@ -1,66 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-c865c45c.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-284c8e0e.js

@@ -1,76 +0,0 @@
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-c865c45c.js';
-import '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/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 productDetailWrapper = "product-detail-wrapper-sb1Re";
-var left = "left-qcwue";
-var css_248z = ".product-detail-wrapper-sb1Re {\n  padding-top: 15px;\n  width: 90%;\n  margin-left: 4%;\n  height: 100%;\n  background-color: white;\n  padding-left: 5px;\n  padding-right: 5px;\n  overflow: auto;\n}\n.left-qcwue {\n  float: right;\n}\n";
-styleInject(css_248z);
-
-var ProduktDetails = function ProduktDetails(_ref) {
-  var _articles$viewHandler;
-  Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  var articles = viewHandler.divaWebPlanner.getDivaArticles();
-  if (!articles) return /*#__PURE__*/jsx(Fragment, {});
-  var article = (_articles$viewHandler = articles[viewHandler.settingsState.getSelectedBasketIds[0]]) !== null && _articles$viewHandler !== void 0 ? _articles$viewHandler : articles[Object.keys(articles)[0]];
-  return /*#__PURE__*/jsxs("div", {
-    className: productDetailWrapper,
-    children: [/*#__PURE__*/jsx("a", {
-      children: "ArtNr:"
-    }), /*#__PURE__*/jsx("a", {
-      className: left,
-      children: article.configArticleCodex
-    }), /*#__PURE__*/jsx("br", {}), article.configArticleCodex != article.articleCodex && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("a", {
-        children: "ArtCodex:"
-      }), /*#__PURE__*/jsx("a", {
-        className: left,
-        children: article.articleCodex
-      })]
-    }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
-      children: "Name:"
-    }), /*#__PURE__*/jsx("a", {
-      className: left,
-      children: article.catalogArticleName
-    }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
-      children: "Ma\xDFe:"
-    }), /*#__PURE__*/jsx("a", {
-      className: left,
-      children: article.actSizeText
-    }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
-      children: "Bestell-Nr:"
-    }), /*#__PURE__*/jsx("a", {
-      className: left,
-      children: article.retailArticleNr || article.typeNr
-    }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
-      children: "Modell:"
-    }), /*#__PURE__*/jsx("a", {
-      className: left,
-      children: article.CatalogData.catalogName + ' (' + article.catalogCodex + ')'
-    }), /*#__PURE__*/jsx("hr", {})]
-  });
-};
-var ProduktDetails$1 = observer(ProduktDetails);
-
-export { ProduktDetails$1 as default };