@crystaldesign/diva-web-planner-react 24.14.0-beta.4 → 24.14.0-beta.6

package/build/esm/index-9aadc0ee.js

@@ -1,102 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-eb690ecd.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import ToolContainer from './index-2c1446dd.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-61876656.js';
-import './index.module-9db05ef6.js';
-import './index-5c5a7fbc.js';
-import './index-658cecdd.js';
-import 'classnames';
-import './index-6081e7fa.js';
-import 'react-collapsible';
-import './index-6213e486.js';
-import './index-0ccdfbb2.js';
-import './index.module-a8e3244d.js';
-import 'react-json-view';
-import './index-55c7d8fc.js';
-import './index.module-5a3dfd03.js';
-import './index-7df85901.js';
-import 'jsoneditor';
-import './index-d80e761e.js';
-import './index-fb613b59.js';
-import './index-9d3e9fa8.js';
-import './index-d9b1d42b.js';
-import './index-8c9aced9.js';
-import './index.module-b82ed21d.js';
-import './index-dc510763.js';
-import './index-3e57d99a.js';
-import './index-a570df9c.js';
-import './index-8a2139b2.js';
-import 'react-dropdown';
-import './index.module-9a1b7e6b.js';
-import './index-fd078166.js';
-import './index-d8863f30.js';
-import './index-4ac99ab2.js';
-import './index-90ee678e.js';
-import './index-5ab9ee9a.js';
-import './index-c4c800ee.js';
-import './index-f7970a0b.js';
-import './index-3358efcf.js';
-import './index-e242388c.js';
-import 'react-switch';
-import './CatalogProperties-e9f6ccb2.js';
-import './ArticleProperties-a6281051.js';
-import './OptionProperties-138309be.js';
-import './OptionValueProperties-455514f2.js';
-import 'react-select';
-
-var container = "container-43rJg";
-var item = "item-JRY9h";
-var css_248z = ".container-43rJg {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: space-around;\n  overflow: auto;\n  align-items: center;\n  background-color: #f3f3f3;\n}\n\n.item-JRY9h {\n  cursor: pointer;\n  min-width: 80px;\n  padding-left: 12px;\n  padding-right: 12px;\n  text-align: center;\n}\n";
-styleInject(css_248z);
-
-var Toolbar = function Toolbar(props) {
-  var _viewHandler$divaWebP, _viewHandler$divaWebP2;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    wwsClient = _useDivaCore.state.organization.settings.wwsClient;
-  var changeVal = function changeVal(newValue) {
-    var value = newValue === viewHandler.uiState.activeCatalogSection ? '3D/2D' : newValue;
-    localStorage.setItem('lastWindow', value);
-    viewHandler.uiState.setActiveCatalogSection(value);
-  };
-  var partlistsExist = !!Object.values((_viewHandler$divaWebP = (_viewHandler$divaWebP2 = viewHandler.divaWebPlanner.actSet()) === null || _viewHandler$divaWebP2 === void 0 ? void 0 : _viewHandler$divaWebP2.CatalogData.allCatalogArticles) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {}).find(function (a) {
-    return a.partlistArticlesRules;
-  });
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [viewHandler.uiState.activeCatalogSection != '3D/2D' && /*#__PURE__*/jsx(ToolContainer, {}), /*#__PURE__*/jsxs("div", {
-      className: container,
-      children: [partlistsExist && /*#__PURE__*/jsx("div", {
-        className: item,
-        onClick: function onClick() {
-          return changeVal('PartList');
-        },
-        children: "St\xFCckliste"
-      }), wwsClient == 'Pfister' && /*#__PURE__*/jsx("div", {
-        className: item,
-        onClick: function onClick() {
-          return changeVal('ekText');
-        },
-        children: "Ek Text"
-      })]
-    })]
-  });
-};
-var Toolbar$1 = observer(Toolbar);
-
-export { Toolbar$1 as default };

package/build/esm/index-9d3e9fa8.js

@@ -1,49 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-eb690ecd.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import ArticleOverview from './index-fb613b59.js';
-import SVGViewer from './index-d9b1d42b.js';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import './index.module-5a3dfd03.js';
-import './index.module-a8e3244d.js';
-import 'classnames';
-import './index.module-9db05ef6.js';
-import 'react-collapsible';
-import './index-8c9aced9.js';
-import './index.module-b82ed21d.js';
-import './index-dc510763.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 SVGAnalyser = function SVGAnalyser(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/jsx(ArticleOverview, _objectSpread(_objectSpread({}, props), {}, {
-    className: props.className,
-    ChildComponent: SVGViewer,
-    settings: [{
-      key: 'SVGSOURCE',
-      name: 'SVG Source'
-    }, {
-      key: 'SVGOVERVIEW',
-      name: 'SVG Übersicht'
-    }],
-    title: 'SVG Übersicht'
-  }));
-};
-var SVGAnalyzer = observer(SVGAnalyser);
-
-export { SVGAnalyzer as default };

package/build/esm/index-9eef9b9a.js

@@ -1,153 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-eb690ecd.js';
-import classnames from 'classnames';
-import DockFilter from './index-371fa828.js';
-import RALFilter from './index-6eb7f588.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import Searchbar from './index-286d2c7b.js';
-import ToggleHeader from './index-24a34903.js';
-import NumberInput from './index-b83c3daa.js';
-import InfoButton from './index-84b83a37.js';
-import PDFButton from './index-251a121e.js';
-import SummaryVariantButton from './index-c6af5e17.js';
-import SelectedOpv from './index-8b2dfdeb.js';
-import InfoIcon from './index-b101a47d.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 '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-76e95b39.js';
-import 'react-dropdown';
-import './index-fd078166.js';
-import './index-3b566d58.js';
-import '@crystaldesign/content-box';
-import './index-4869e5e1.js';
-import './index-e242388c.js';
-import 'react-switch';
-import './index-66479def.js';
-import 'react-laag';
-import './index-b3ece5aa.js';
-import './index-77f95681.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  float: right;\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 && !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"]
-      }), !hidePrices && !isSettingsHeader && item.price !== undefined && /*#__PURE__*/jsx("div", {
-        className: wcConfiguratorSettingsHeaderPrice,
-        children: item.price
-      }), /*#__PURE__*/jsxs("div", {
-        className: iconsContainer,
-        children: [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)'
-            }
-          }) : !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 };