@crystaldesign/diva-web-planner-react 25.5.0-beta.9 → 25.5.0-rc.1

package/build/esm/index-a0380bb8.js

@@ -1,231 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-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 { u as useViewHandler } from './index-074dcea5.js';
-import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-1b9cda50.js';
-import { s as scrollable, h as header, t as table, c as column, d as decision, D as DecisionVisualization } from './DecisionVizualizer-acf8e0a0.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import './react-json-viewer-6e6c8d22.js';
-import ArticleSelector from './index-1850a1cb.js';
-import { jsxs, jsx } 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-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-import 'react-json-view-lite';
-import 'react-select';
-
-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 DecisionAnalyzer = function DecisionAnalyzer(_ref) {
-  var _article$decisionDebu;
-  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 _useState3 = useState(Object.values(articles !== null && articles !== void 0 ? articles : {}).find(function (a) {
-      return a.posNr == 1;
-    })),
-    _useState4 = _slicedToArray(_useState3, 2),
-    article = _useState4[0],
-    setArticle = _useState4[1];
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    selectedRow = _useState6[0],
-    setSelectedRow = _useState6[1];
-  var _useState7 = useState(),
-    _useState8 = _slicedToArray(_useState7, 2),
-    filter = _useState8[0],
-    setFilter = _useState8[1];
-  if (!article) return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable),
-    style: {
-      zIndex: 800
-    },
-    children: [/*#__PURE__*/jsx("a", {
-      className: header,
-      children: "Decision analyzer - plann article"
-    }), /*#__PURE__*/jsx(ArticleSelector, {
-      articleState: [article, setArticle]
-    })]
-  }));
-  var isIDMFormat = article.CatalogData.isIDMFormat;
-  var longestStack = (_article$decisionDebu = article.decisionDebugStacks) === null || _article$decisionDebu === void 0 || (_article$decisionDebu = _article$decisionDebu[0]) === null || _article$decisionDebu === void 0 || (_article$decisionDebu = _article$decisionDebu.stack) === null || _article$decisionDebu === void 0 ? void 0 : _article$decisionDebu.length;
-  if (!longestStack) return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable),
-    style: {
-      zIndex: 800
-    },
-    children: [/*#__PURE__*/jsx("a", {
-      className: header,
-      children: "Decision analyzer - change config"
-    }), /*#__PURE__*/jsx(ArticleSelector, {
-      articleState: [article, setArticle]
-    })]
-  }));
-  var entries = _toConsumableArray(Array(longestStack).keys());
-  var _onClick = function onClick(nr, row) {
-    var _selectedRow$decision, _selectedRow$decision2;
-    if (nr == ((selectedRow === null || selectedRow === void 0 || (_selectedRow$decision = selectedRow.decision) === null || _selectedRow$decision === void 0 ? void 0 : _selectedRow$decision.Number) || (selectedRow === null || selectedRow === void 0 || (_selectedRow$decision2 = selectedRow.decision) === null || _selectedRow$decision2 === void 0 ? void 0 : _selectedRow$decision2.decisionNo))) {
-      setSelectedRow(undefined);
-    } else setSelectedRow(row);
-  };
-  var parseAction = function parseAction(actionAsString) {
-    try {
-      var ref, value;
-      var _actionAsString$split = actionAsString.split(':'),
-        _actionAsString$split2 = _slicedToArray(_actionAsString$split, 2),
-        actionType = _actionAsString$split2[0],
-        rule = _actionAsString$split2[1];
-      var _rule$split = rule.split('='),
-        _rule$split2 = _slicedToArray(_rule$split, 2),
-        target = _rule$split2[0],
-        command = _rule$split2[1];
-      if (command) {
-        var _command$split = command.split('#');
-        var _command$split2 = _slicedToArray(_command$split, 2);
-        ref = _command$split2[0];
-        value = _command$split2[1];
-      }
-      return {
-        actionType: actionType,
-        target: target,
-        ref: ref,
-        value: value
-      };
-    } catch (e) {
-      throw e;
-    }
-  };
-  var filteredDecisions = [];
-  if (isIDMFormat) {
-    filteredDecisions = article.decisionDebugStacks.map(function (d) {
-      return d.stack.map(function (d) {
-        var _featureRefs, _optionCombinations;
-        return _objectSpread(_objectSpread({}, d), {}, {
-          bold: !!(filter !== undefined && ((_featureRefs = d.decision.featureRefs) !== null && _featureRefs !== void 0 && _featureRefs.includes(filter) || !!((_optionCombinations = d.decision.optionCombinations) !== null && _optionCombinations !== void 0 && _optionCombinations.find(function (o) {
-            var _o$actions;
-            return (_o$actions = o.actions) === null || _o$actions === void 0 ? void 0 : _o$actions.find(function (da) {
-              return parseAction(da).target == filter || da == filter;
-            });
-          }))))
-        });
-      });
-    });
-  } else {
-    filteredDecisions = article.decisionDebugStacks.map(function (d) {
-      return d.stack.map(function (d) {
-        var _DOC, _Options;
-        return _objectSpread(_objectSpread({}, d), {}, {
-          bold: !!(filter !== undefined && (!!((_DOC = d.decision.DOC) !== null && _DOC !== void 0 && _DOC.find(function (doc) {
-            var _doc$DA, _doc$JsFormula;
-            return ((_doc$DA = doc.DA) === null || _doc$DA === void 0 ? void 0 : _doc$DA.find(function (da) {
-              return da.OptionCodex == filter || da.DecisionNr == filter;
-            })) || ((_doc$JsFormula = doc.JsFormula) === null || _doc$JsFormula === void 0 ? void 0 : _doc$JsFormula.includes("'OPT" + filter + "'"));
-          })) || !!((_Options = d.decision.Options) !== null && _Options !== void 0 && _Options.includes('OPT' + filter))))
-        });
-      });
-    });
-  }
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable, viewHandler.uiState.configSettingsIsExpanded ? notExpanded : undefined),
-    style: {
-      zIndex: 800
-    },
-    children: [/*#__PURE__*/jsxs("a", {
-      className: header,
-      children: ["Decision history", /*#__PURE__*/jsx("input", {
-        value: filter,
-        onChange: function onChange(e) {
-          return setFilter(e.target.value);
-        },
-        placeholder: "filter option ohne OPT"
-      })]
-    }), /*#__PURE__*/jsx(ArticleSelector, {
-      articleState: [article, setArticle]
-    }), /*#__PURE__*/jsxs("div", {
-      children: [/*#__PURE__*/jsxs("table", {
-        className: table,
-        children: [/*#__PURE__*/jsx("thead", {
-          children: /*#__PURE__*/jsx("tr", {
-            className: column,
-            children: filteredDecisions.map(function (d, i) {
-              return /*#__PURE__*/jsx("th", {
-                children: i
-              }, i);
-            })
-          })
-        }), /*#__PURE__*/jsx("tbody", {
-          children: entries.map(function (x, i) {
-            return /*#__PURE__*/jsx("tr", {
-              className: column,
-              children: filteredDecisions.map(function (d, j) {
-                var _d$i, _d$i2;
-                return /*#__PURE__*/jsx("th", {
-                  onClick: function onClick() {
-                    return _onClick(d[i].nr, d[i]);
-                  },
-                  children: d[i].bold ? /*#__PURE__*/jsx("strong", {
-                    children: (_d$i = d[i]) === null || _d$i === void 0 ? void 0 : _d$i.text
-                  }) : (_d$i2 = d[i]) === null || _d$i2 === void 0 ? void 0 : _d$i2.text
-                }, j);
-              })
-            }, i);
-          })
-        })]
-      }), selectedRow && /*#__PURE__*/jsx("div", {
-        className: decision,
-        children: /*#__PURE__*/jsx(DecisionVisualization, {
-          decision: selectedRow.decision,
-          snapshots: selectedRow.snapshots
-        })
-      })]
-    })]
-  }));
-};
-var DecisionAnalyzer$1 = observer(DecisionAnalyzer);
-
-export { DecisionAnalyzer$1 as default };

package/build/esm/index-a1660c3b.js

@@ -1,160 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-074dcea5.js';
-import { toJS } from 'mobx';
-import { useState } from 'react';
-import { h as header } from './index.module-816dc98e.js';
-import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-045debea.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { n as notExpanded } from './index.module-1b9cda50.js';
-import Collapsible from 'react-collapsible';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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 '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-
-var arrow = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20enable-background%3D%22new%200%200%2024%2024%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C0h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpolygon%20points%3D%226.23%2C20.23%208%2C22%2018%2C12%208%2C2%206.23%2C3.77%2014.46%2C12%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
-
-var _excluded = ["settings", "title", "ChildComponent"];
-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 ArticleOverview = function ArticleOverview(_ref) {
-  var _viewHandler$divaWebP;
-  var settings = _ref.settings,
-    title = _ref.title,
-    ChildComponent = _ref.ChildComponent,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  viewHandler.tabGroupState.allTabGroups;
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    jsonSize = _useState2[0],
-    setJsonSize = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedBox = _useState4[0],
-    setSelectedBox = _useState4[1];
-  var _useState5 = useState(settings[0].key),
-    _useState6 = _slicedToArray(_useState5, 2),
-    selectedJson = _useState6[0],
-    setSelectedJson = _useState6[1];
-  var articlesLoaded = viewHandler.divaWebPlanner.getDivaArticles();
-  (_viewHandler$divaWebP = viewHandler.divaWebPlanner.actSet()) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.configTree;
-  if (!articlesLoaded) return /*#__PURE__*/jsx(Fragment, {});
-  var articles = Object.values(articlesLoaded);
-  var filteredArticles = articles.filter(function (article) {
-    return article.hasCatalogPlannerArticle;
-  });
-  var plannerArticles = filteredArticles.map(function (article) {
-    return article.catalogArticle.catalogPlannerArticle;
-  });
-  var CollapsibleProps = {
-    open: true,
-    easing: 'ease-in',
-    transitionTime: 200
-  };
-  var json = {};
-  if (selectedJson === 'OPTIONSTATES') {
-    var variantValues = articles.map(function (article) {
-      return article.VariantValues;
-    });
-    json = variantValues[selectedBox];
-  }
-  if (selectedJson === 'DECISIONS') {
-    json = JSON.parse(JSON.stringify(toJS(articles.map(function (article) {
-      return article.decisions;
-    }))));
-  }
-  if (selectedJson === 'CONFIGTREE') {
-    json = {}; //JSON.parse(JSON.stringify(configTree));
-  }
-  if (selectedJson === 'J3D') {
-    var _articles$selectedBox, _articles$selectedBox2;
-    json = articles !== null && articles !== void 0 && (_articles$selectedBox = articles[selectedBox]) !== null && _articles$selectedBox !== void 0 && _articles$selectedBox.j3D ? JSON.parse(JSON.stringify(articles === null || articles === void 0 || (_articles$selectedBox2 = articles[selectedBox]) === null || _articles$selectedBox2 === void 0 ? void 0 : _articles$selectedBox2.j3D)) : {};
-  }
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-      className: classnames(props.className, viewHandler.uiState.configSettingsIsExpanded ? notExpanded : undefined),
-      style: {
-        zIndex: 700
-      },
-      children: [/*#__PURE__*/jsx("a", {
-        className: header,
-        children: title
-      }), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
-        trigger: /*#__PURE__*/jsx("div", {
-          className: collapsibleHeader,
-          children: /*#__PURE__*/jsx("img", {
-            src: arrow,
-            className: dpArrow
-          })
-        }),
-        onClose: function onClose() {
-          return setJsonSize(!jsonSize);
-        },
-        onOpen: function onOpen() {
-          return setJsonSize(!jsonSize);
-        },
-        triggerWhenOpen: /*#__PURE__*/jsxs("div", {
-          className: collapsibleHeader,
-          children: [" ", /*#__PURE__*/jsx("img", {
-            src: arrow,
-            className: dArrow
-          })]
-        })
-      }, CollapsibleProps), {}, {
-        children: /*#__PURE__*/jsx("div", {
-          className: boxes,
-          children: articles.map(function (article, index) {
-            return /*#__PURE__*/jsxs("div", {
-              className: classnames(box, index === selectedBox ? boxSelected : undefined),
-              onClick: function onClick() {
-                setSelectedBox(index);
-              },
-              children: [/*#__PURE__*/jsx("img", {
-                src: article.imageUrl,
-                className: boxImage
-              }), /*#__PURE__*/jsx("p", {
-                children: article.posNr
-              }), /*#__PURE__*/jsx("p", {
-                children: article.name
-              }), /*#__PURE__*/jsx("p", {
-                children: article.basketId
-              })]
-            }, article.basketId);
-          })
-        })
-      })), /*#__PURE__*/jsx("div", {
-        className: jsonSelection,
-        children: settings.map(function (setting, index) {
-          return /*#__PURE__*/jsx("button", {
-            onClick: function onClick() {
-              return setSelectedJson(setting.key);
-            },
-            className: selectedJson === setting.key ? jsonSelected : undefined,
-            children: setting.name
-          }, setting.key);
-        })
-      }), /*#__PURE__*/jsx(ChildComponent, _objectSpread(_objectSpread({}, props), {}, {
-        json: json,
-        selectedJson: selectedJson,
-        isExpanded: jsonSize,
-        plannerArticles: plannerArticles,
-        curBox: selectedBox,
-        divaArticles: articles
-      }))]
-    }))
-  });
-};
-var ArticleOverview$1 = observer(ArticleOverview);
-
-export { ArticleOverview$1 as default };

package/build/esm/index-a1c7ee46.js

@@ -1,155 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-074dcea5.js';
-import classnames from 'classnames';
-import DockFilter from './index-fd40cffa.js';
-import RALFilter from './index-0ef82862.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import Searchbar from './index-d75ba070.js';
-import ToggleHeader from './index-f40151c9.js';
-import NumberInput from './index-70d2547d.js';
-import InfoButton from './index-6fdc2796.js';
-import PDFButton from './index-84716cea.js';
-import SummaryVariantButton from './index-fa0d5952.js';
-import SelectedOpv from './index-5bd07104.js';
-import InfoIcon from './index-c79bca31.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 '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-d28049c6.js';
-import 'react-dropdown';
-import './index-8c3a4dcd.js';
-import './index-8879395d.js';
-import '@crystaldesign/content-box';
-import './index-4b7b44fa.js';
-import './index-daefd1d0.js';
-import 'react-switch';
-import './index-baddc02a.js';
-import 'react-laag';
-import './index-6890ed24.js';
-import './index-a20fd1bc.js';
-import './index-8574e325.js';
-
-var headerWrapper = "header-wrapper-qVEmI";
-var wcConfiguratorSettingsHeaderTitle = "wcConfigurator-settings-header-title--CcUK";
-var wcConfiguratorSettingsHeaderPrice = "wcConfigurator-settings-header-price-UmViW";
-var scroller = "scroller-jdhnI";
-var wcConfigItemHeader = "wcConfigItem-Header-JEANn";
-var minExpanded = "min-expanded-kEE9N";
-var landscape = "landscape-DHu2r";
-var portrait = "portrait-8Z7gh";
-var quantity = "quantity-GKJLF";
-var iconsContainer = "icons-container-DbfdO";
-var css_248z = ".wcConfigurator-settings-header--UZPU {\n  height: 100%;\n  position: relative;\n  width: 100%;\n  --infoIconSize: 24px;\n}\n\n.header-wrapper-qVEmI {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.wcConfigurator-settings-header-title--CcUK {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.wcConfigurator-settings-header-price-UmViW {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK {\n  max-width: calc(100% - 51.2px);\n  margin: 8px 0px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK.wcFilterIsVisible-S9QKu {\n  max-width: calc(50% - 19.2px);\n}\n\n.wcConfigurator-settings-header-Filters-Container-hi62D {\n  width: 100%;\n  float: left;\n}\n.wcConfigItem-Header-JEANn {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n.wcConfigItem-Header-JEANn {\n  /* width: calc(100% - 32px); */\n  margin-top: 8px;\n  margin-right: 8px;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 40px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.min-expanded-kEE9N.wcConfigItem-Header-JEANn {\n  overflow: hidden;\n}\n\n:not(.scroller-jdhnI).wcConfigItem-Header-JEANn {\n  margin-left: var(--settingsScrollerPaddingLeft);\n  margin-right: var(--settingsScrollerPaddingRight);\n}\n\n.landscape-DHu2r.wcConfigItem-Header-JEANn,\n.portrait-8Z7gh.wcConfigItem-Header-JEANn {\n  min-height: 40px;\n}\n\n.landscape-DHu2r.scroller-jdhnI header,\n.portrait-8Z7gh.scroller-jdhnI header {\n  min-height: 40px;\n}\n\n.quantity-GKJLF {\n  max-width: 200px;\n  float: left;\n  padding-top: 12px;\n  padding-left: 20%;\n}\n\n.icons-container-DbfdO {\n  display: flex;\n  align-items: center;\n  float: right;\n  position: relative;\n  margin-top: 5px;\n  flex-grow: 2;\n  justify-content: flex-end;\n  max-width: 100%;\n}\n";
-styleInject(css_248z);
-
-var SettingsItemHeader = function SettingsItemHeader(_ref) {
-  var _viewHandler$getViewC, _item$selectedElement, _item$selectedElement2, _item$selectedElement3;
-  var isSettingsHeader = _ref.isSettingsHeader,
-    specialElement1 = _ref.specialElement1,
-    specialElement2 = _ref.specialElement2,
-    item = _ref.item,
-    isInScroller = _ref.isInScroller,
-    _ref$titleClass = _ref.titleClass,
-    titleClass = _ref$titleClass === void 0 ? wcConfiguratorSettingsHeaderTitle : _ref$titleClass,
-    _ref$containerClass = _ref.containerClass,
-    containerClass = _ref$containerClass === void 0 ? wcConfigItemHeader : _ref$containerClass;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var FilterTypeComponentMap = {
-    DockFilter: !viewHandler.settingsState.plannerReplaceMode ? DockFilter : function () {
-      return /*#__PURE__*/jsx(Fragment, {});
-    },
-    RAL: !viewHandler.uiState.ViewConfig.hideRalColorFilter ? RALFilter : function () {
-      return /*#__PURE__*/jsx(Fragment, {});
-    },
-    None: function None() {
-      return /*#__PURE__*/jsx(Fragment, {});
-    }
-  };
-  var PaletteComponent = FilterTypeComponentMap[item.filterComponent ? item.filterComponent : 'None'];
-  var doShowSearchbar = item.searchVisible && (!isSettingsHeader || !!item.shelfPlannerGrids) && !viewHandler.uiState.ViewConfig.hideSearchBar && !item.isRenderedNotInSettingPalette;
-  var doShowFilter = item.filterVisible && !isSettingsHeader && item.filterComponent;
-  var title = isSettingsHeader || item.type == 'TOGGLE' ? t('configurator.' + viewHandler.settingsState.paletteHeaderStepName, viewHandler.settingsState.paletteHeaderStepName) : t('configurator.' + item.name, item.name);
-  if (item.isMultiselect) {
-    title = title + ' (' + t('configurator.isMultiselect') + ')';
-  }
-  if ((_viewHandler$getViewC = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC !== void 0 && _viewHandler$getViewC.showOptionCodexInOptionHeader) title = title + (item.optionCodex ? ' (' + item.optionCodex + ')' : '');
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(containerClass, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.configSettingsIsMinExpanded ? minExpanded : undefined, isInScroller ? scroller : undefined),
-    children: /*#__PURE__*/jsxs("div", {
-      onClick: function onClick(e) {
-        return e.stopPropagation();
-      },
-      className: headerWrapper,
-      children: [/*#__PURE__*/jsxs("div", {
-        className: titleClass,
-        children: [/*#__PURE__*/jsx("span", {
-          "data-test-id": "settingsItemHeaderTitle",
-          children: title
-        }), !isSettingsHeader && item.measureUnit && /*#__PURE__*/jsx(NumberInput, {
-          item: item
-        })]
-      }), item.quantity !== undefined && !isSettingsHeader && /*#__PURE__*/jsxs("div", {
-        className: classnames(quantity),
-        children: [" ", t('configurator.quantity', 'Anzahl') + ': ' + item.quantity, "x"]
-      }), /*#__PURE__*/jsxs("div", {
-        className: iconsContainer,
-        children: [!hidePrices && !isSettingsHeader && item.price !== undefined && /*#__PURE__*/jsx("div", {
-          className: wcConfiguratorSettingsHeaderPrice,
-          children: item.price
-        }), specialElement1, item.type == 'TOGGLE_HEADER' && /*#__PURE__*/jsx(ToggleHeader, {
-          item: item
-        }), doShowSearchbar && /*#__PURE__*/jsx(Searchbar, {
-          isInScroller: isInScroller,
-          item: item,
-          doShowFilter: !!doShowFilter
-        }, item.configStepKey), doShowFilter && /*#__PURE__*/jsx(PaletteComponent, {
-          id: item.id
-        }), /*#__PURE__*/jsx(SummaryVariantButton, {
-          item: item
-        }), !isSettingsHeader && (item === null || item === void 0 || (_item$selectedElement = item.selectedElements) === null || _item$selectedElement === void 0 || (_item$selectedElement = _item$selectedElement[0]) === null || _item$selectedElement === void 0 ? void 0 : _item$selectedElement.pdfUrl) && /*#__PURE__*/jsx(PDFButton, {
-          pdfUrl: item.selectedElements[0].pdfUrl
-        }), !isSettingsHeader && /*#__PURE__*/jsx(Fragment, {
-          children: (_item$selectedElement2 = item.selectedElements) !== null && _item$selectedElement2 !== void 0 && (_item$selectedElement2 = _item$selectedElement2[0]) !== null && _item$selectedElement2 !== void 0 && _item$selectedElement2.url ? /*#__PURE__*/jsx(InfoButton, {
-            id: item.id,
-            selectedElement: item.selectedElements[0],
-            openUrl: true
-          }) : item.optionContentItemId ? /*#__PURE__*/jsx(InfoIcon, {
-            item: {
-              contentItemId: item.optionContentItemId,
-              codex: item.configStepKey
-            },
-            style: {
-              bottom: 'calc(50% - 10px)'
-            }
-          }, item.optionCodex) : !isSettingsHeader && viewHandler.uiState.isInMobileView && (item === null || item === void 0 || (_item$selectedElement3 = item.selectedElements) === null || _item$selectedElement3 === void 0 ? void 0 : _item$selectedElement3.length) && viewHandler.getViewConfig().infoButton && /*#__PURE__*/jsx(InfoButton, {
-            id: item.id,
-            selectedElement: item.selectedElements[0]
-          })
-        }), specialElement2]
-      }), item.selectedElements && item.isMultiselect && /*#__PURE__*/jsx(SelectedOpv, {
-        item: item,
-        selectedElements: item.selectedElements
-      })]
-    })
-  });
-};
-var SettingsItemHeader$1 = observer(SettingsItemHeader);
-
-export { SettingsItemHeader$1 as default };

package/build/esm/index-a20fd1bc.js

@@ -1,121 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-074dcea5.js';
-import { Suspense } from 'react';
-import DivaUtils from '@crystaldesign/diva-utils';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-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';
-
-var pricePreview = "price-preview-mwp8h";
-var left = "left-j4aB7";
-var right = "right-8Kd-Q";
-var loader = "loader-q6IkE";
-var css_248z = ".price-preview-mwp8h {\n  position: absolute;\n  top: 0;\n\n  background-color: rgba(234,234,234,0.66667);\n\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 12px;\n}\n\n.left-j4aB7 {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.right-8Kd-Q {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.loader-q6IkE {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: spinner-Qvhg8 1s linear infinite;\n}\n\n@keyframes spinner-Qvhg8 {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\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 PricePreview = function PricePreview(_ref) {
-  var asyncPricePreview = _ref.asyncPricePreview,
-    _ref$pos = _ref.pos,
-    pos = _ref$pos === void 0 ? 'right' : _ref$pos,
-    style = _ref.style,
-    price = _ref.price,
-    sel = _ref.sel;
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state = _useDivaCore.state,
-    hidePrices = _useDivaCore$state.hidePrices,
-    hideConfigPricePreview = _useDivaCore$state.hideConfigPricePreview;
-  var viewHandler = useViewHandler();
-  if (hidePrices || viewHandler.productState.pricePreview == 'off') return /*#__PURE__*/jsx(Fragment, {});
-  if (price) return /*#__PURE__*/jsx("div", {
-    className: classnames(pricePreview, pos == 'left' ? left : right),
-    style: style,
-    children: DivaUtils.formatPrice(Math.abs(price), _objectSpread(_objectSpread({}, DivaUtils.defaultPriceFormat), {}, {
-      showDecimals: 'IF_NEEDED'
-    }))
-  });
-  if (hideConfigPricePreview || viewHandler.productState.pricePreview == 'fromCurrentPriceHideCurrent' && sel) return /*#__PURE__*/jsx(Fragment, {});
-  if (asyncPricePreview) return /*#__PURE__*/jsx(Suspense, {
-    fallback: /*#__PURE__*/jsx(Fragment, {}),
-    children: /*#__PURE__*/jsx(AsyncRender1, {
-      asyncPricePreview: asyncPricePreview.isVisible,
-      children: /*#__PURE__*/jsx("div", {
-        className: classnames(pricePreview, pos == 'left' ? left : right),
-        style: style,
-        children: /*#__PURE__*/jsx(Suspense, {
-          fallback: /*#__PURE__*/jsx("div", {
-            className: loader
-          }),
-          children: /*#__PURE__*/jsx(AsyncRender2, {
-            asyncPricePreview: asyncPricePreview.promise
-          })
-        })
-      })
-    })
-  });
-  return /*#__PURE__*/jsx(Fragment, {});
-};
-var AsyncRender1 = function AsyncRender1(_ref2) {
-  var asyncPricePreview = _ref2.asyncPricePreview,
-    children = _ref2.children;
-  var result = use(asyncPricePreview);
-  if (result) return children;
-  return /*#__PURE__*/jsx(Fragment, {});
-};
-var AsyncRender2 = function AsyncRender2(_ref3) {
-  var _window;
-  var asyncPricePreview = _ref3.asyncPricePreview;
-  var result = use(asyncPricePreview);
-  var viewHandler = useViewHandler();
-  var pricePreviewType = viewHandler.productState.pricePreview;
-  var deltaPrice;
-  switch (pricePreviewType) {
-    default:
-    case 'fromCurrentPrice':
-    case 'fromCurrentPriceHideCurrent':
-      deltaPrice = result.price - result.origPrice;
-      break;
-    case 'fromBasePrice':
-      deltaPrice = result.price - result.firstPrice;
-      break;
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [((_window = window) === null || _window === void 0 ? void 0 : _window.DIVA_LOGGER) == 0 && false ? result.calcTime + 'ms ' : '', (deltaPrice < 0 ? '-' : '+') + DivaUtils.formatPrice(Math.abs(deltaPrice), _objectSpread(_objectSpread({}, DivaUtils.defaultPriceFormat), {}, {
-      showDecimals: 'IF_NEEDED'
-    }))]
-  });
-};
-function use(promise) {
-  if (promise.status === 'fulfilled') {
-    return promise.value;
-  } else if (promise.status === 'rejected') {
-    throw promise.reason;
-  } else if (promise.status === 'pending') {
-    throw promise;
-  } else {
-    promise.status = 'pending';
-    promise.then(function (result) {
-      promise.status = 'fulfilled';
-      promise.value = result;
-    }, function (reason) {
-      promise.status = 'rejected';
-      promise.reason = reason;
-    });
-    throw promise;
-  }
-}
-
-export { PricePreview as default };