@crystaldesign/diva-web-planner-react 26.7.0-rc.1 → 26.7.0-rc.11

package/build/esm/index-e2ce44a5.js

@@ -1,160 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d8efc5f4.js';
-import { useState, useEffect } from 'react';
-import Collapsible from 'react-collapsible';
-import SubTabGroupHeader from './index-6cc0e7f5.js';
-import { observer } from 'mobx-react-lite';
-import SettingsItemsWrapper from './index-ab808a45.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import './index-a720ab65.js';
-import 'sift';
-import './index-ec3409de.js';
-import './index-1c40c9f9.js';
-import './index-bf0e159c.js';
-import './index-d35f6bac.js';
-import './index.module-7409325f.js';
-import './index-b76e780f.js';
-import './index-e3c0edd4.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-0230f05c.js';
-import 'react-dropdown';
-import './index-225e2edf.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-ff0a3002.js';
-import './index-9bba7f59.js';
-import './index-3e4a61cf.js';
-import '@crystaldesign/content-box';
-import './index-bb5588f3.js';
-import './index-ede2b1f0.js';
-import './index-8bc1a01c.js';
-import './index-4a6ae5c9.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-2b54e1d1.js';
-import './index-e6abe156.js';
-import './index-7ea05ded.js';
-import './index-1e271edd.js';
-import './index-71b52692.js';
-import './index-73792d90.js';
-import './index-5f29821f.js';
-import 'react-laag';
-import './index.module-52e2b5ee.js';
-import './index-9753700a.js';
-import './index-6f70204c.js';
-import './index-a2201c22.js';
-import './index-f30e5fd4.js';
-import './index-6a4eaf8b.js';
-import './index.module-70f624cb.js';
-import './index-8225ff04.js';
-import './index-8ced14fa.js';
-import './index-ca11dcb8.js';
-import './index-2e3e2f8d.js';
-import './index-9253a373.js';
-import './index-d6d0e50b.js';
-import './index-065787e2.js';
-import './index-6f51eb96.js';
-import './index-0d535202.js';
-import './index-68eaba05.js';
-import './index-1383b7ee.js';
-import './index-373f1397.js';
-import './index-72c0fec4.js';
-import 'rc-slider';
-import './index-9bcba719.js';
-import './index-f76ad90d.js';
-import './index-4b619ba1.js';
-import './index-3ae6c2e9.js';
-import './index-3eebe6d4.js';
-import 'react-confetti-explosion';
-import './index-72ed9ea7.js';
-import './index-1463bd8b.js';
-import './index-a1bda5ed.js';
-import 'react-qr-code';
-import './index-a12a6ca6.js';
-import './useCustomDimensions-538b0714.js';
-import './index-fbe6109c.js';
-import './ussIsSticky-bbc52602.js';
-import './index-fcfbda02.js';
-import './index-a25bd860.js';
-import './index-eee4a852.js';
-import './index.module-f206a2d2.js';
-import './index-278b4d5f.js';
-import './index-382d2693.js';
-import './index-1884864a.js';
-import './index-24b6a59c.js';
-import './index-0edf5c20.js';
-import './index-a0581b20.js';
-
-var collapsableOuter = "collapsable-outer-udXIP";
-var css_248z = ".collapsable-outer-udXIP {\n  overflow: visible !important;\n}\n.collapsable-outer-udXIP {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n";
-styleInject(css_248z);
-
-var SubTabgroup = function SubTabgroup(_ref) {
-  var _viewHandler$getViewC, _viewHandler$getViewC2;
-  var itemPalettesOfArticle = _ref.itemPalettesOfArticle,
-    zIndexBase = _ref.zIndexBase;
-  var viewHandler = useViewHandler();
-  var _useState = useState(!!((_viewHandler$getViewC = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC !== void 0 && _viewHandler$getViewC.selectAccessoiresWithToggle)),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var basketIds = Object.keys(itemPalettesOfArticle);
-  var _useState3 = useState('ALL'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    curTab = _useState4[0],
-    setCurTab = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    tabs = _useState6[0],
-    setTabs = _useState6[1];
-  var _useState7 = useState(itemPalettesOfArticle[basketIds[0]]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    itemPalettes = _useState8[0],
-    setItemPalettes = _useState8[1];
-  useEffect(function () {
-    var _itemPalettesOfArticl;
-    var actPalettes = (_itemPalettesOfArticl = itemPalettesOfArticle[curTab == 'ALL' ? basketIds[0] : curTab]) !== null && _itemPalettesOfArticl !== void 0 ? _itemPalettesOfArticl : {};
-    Object.values(actPalettes).map(function (p) {
-      return p.configAllMode = curTab == 'ALL' ? basketIds : undefined;
-    });
-    setItemPalettes(actPalettes);
-    setTabs(['ALL'].concat(_toConsumableArray(basketIds.length > 1 ? basketIds : [])));
-    if (!tabs.includes(curTab)) setCurTab(tabs[0]);
-  }, [itemPalettesOfArticle, curTab]);
-  return /*#__PURE__*/jsx(Collapsible, {
-    trigger: (_viewHandler$getViewC2 = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC2 !== void 0 && _viewHandler$getViewC2.selectAccessoiresWithToggle ? /*#__PURE__*/jsx(Fragment, {}) : /*#__PURE__*/jsx(SubTabGroupHeader, {
-      tabs: tabs,
-      openState: [isOpen, setIsOpen],
-      curState: [curTab, setCurTab]
-    }),
-    contentOuterClassName: isOpen ? collapsableOuter : undefined,
-    easing: "ease",
-    open: isOpen,
-    triggerDisabled: isOpen,
-    children: /*#__PURE__*/jsx(SettingsItemsWrapper, {
-      itemPalettesArr: Object.values(itemPalettes),
-      zIndexBase: zIndexBase
-    })
-  });
-};
-var SubTabGroup = observer(SubTabgroup);
-
-export { SubTabGroup as default };

package/build/esm/index-e37b70f9.js

@@ -1,48 +0,0 @@
-import './index-d8efc5f4.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-
-var RotationClockwise = function RotationClockwise(_ref) {
-  var item = _ref.item,
-    rect = _ref.rect,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    onClick: function onClick() {
-      var _item$clickFunction;
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
-    },
-    style: {
-      left: rect.left + 'px',
-      top: rect.top + 'px'
-    },
-    className: classnames(plannerUIProps.classes.rotation.rotClock, plannerUIProps.classes.buttonGeneral),
-    children: item.posNr
-  });
-};
-var RotationClockwise$1 = observer(RotationClockwise);
-
-export { RotationClockwise$1 as default };

package/build/esm/index-e3c0edd4.js

@@ -1,150 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d8efc5f4.js';
-import { useState, useEffect } from 'react';
-import classnames from 'classnames';
-import BlockIcon from '@mui/icons-material/Block';
-import WarningIcon from '@mui/icons-material/Warning';
-import { getLogger, useTranslation } from '@crystaldesign/diva-core';
-import { DivaError } from '@crystaldesign/diva-utils';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var reverseCheck = "reverse-check-mDnz6";
-var blocked = "blocked-bCo2n";
-var blockedClickable = "blocked-clickable-ffLmm";
-var loading = "loading-eIRqF";
-var spinner = "spinner-ibEoI";
-var blockedIcon = "blocked-icon-uGIFB";
-var warningIcon = "warning-icon-EEpQ2";
-var warningContainer = "warning-container-ELvdO";
-var css_248z = ".reverse-check-mDnz6 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.blocked-bCo2n {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.blocked-clickable-ffLmm {\n  pointer-events: auto;\n}\n\n.loading-eIRqF {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.spinner-ibEoI {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: spinner-ibEoI 1s linear infinite;\n}\n\n.blocked-icon-uGIFB {\n  font-size: 32px !important;\n}\n\n.blocked-icon-uGIFB {\n  color: #d32f2f;\n}\n\n.warning-icon-EEpQ2 {\n  font-size: 20px !important;\n}\n\n.warning-icon-EEpQ2 {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.warning-container-ELvdO {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes spinner-ibEoI {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n";
-styleInject(css_248z);
-
-var LOG = getLogger('Planner', 'ReverseCheck');
-var ReverseCheck = function ReverseCheck(_ref) {
-  var item = _ref.item,
-    paletteId = _ref.paletteId;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var reversingCheckPromise = item.pricePreviewPromise !== undefined ? item.pricePreviewPromise : undefined;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    data = _useState2[0],
-    setData = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    loading$1 = _useState4[0],
-    setLoading = _useState4[1];
-  useEffect(function () {
-    var isMounted = true;
-    if (reversingCheckPromise) {
-      setLoading(true);
-      reversingCheckPromise.promise.then(function (result) {
-        if (isMounted) {
-          setData(result.reversingCheck);
-        }
-      })["catch"](function (error) {
-        LOG.error(new DivaError('Error loading reversing check:', {
-          cause: error
-        }));
-      })["finally"](function () {
-        if (isMounted) {
-          setLoading(false);
-        }
-      });
-    } else {
-      setData(null);
-    }
-    return function () {
-      isMounted = false;
-    };
-  }, [reversingCheckPromise]);
-  var handleBlockedClick = function handleBlockedClick(e) {
-    var _viewHandler$actions;
-    e.stopPropagation();
-    var variantValuesText = Object.values((data === null || data === void 0 ? void 0 : data.reversingVariantValues) || {}).map(function (v) {
-      return v.label;
-    }).join(', ');
-    (_viewHandler$actions = viewHandler.actions) === null || _viewHandler$actions === void 0 || _viewHandler$actions.openModal({
-      title: t('configurator.reverseCheck.blocked.title'),
-      text: t('configurator.reverseCheck.blocked.text', {
-        options: variantValuesText
-      }),
-      accept: false,
-      reject: true,
-      rejectByIcon: true
-    });
-  };
-  var handleWarningClick = function handleWarningClick(e) {
-    var _viewHandler$actions2;
-    e.stopPropagation();
-    var variantValuesText = Object.values((data === null || data === void 0 ? void 0 : data.reversingVariantValues) || {}).map(function (v) {
-      return v.label;
-    }).join(', ');
-    (_viewHandler$actions2 = viewHandler.actions) === null || _viewHandler$actions2 === void 0 || _viewHandler$actions2.openModal({
-      title: t('configurator.reverseCheck.warning.title'),
-      text: t('configurator.reverseCheck.warning.text', {
-        options: variantValuesText
-      }),
-      accept: true,
-      reject: true,
-      callback: function callback(accepted) {
-        if (accepted) {
-          viewHandler.paletteViewHandler.clickedOnConfigPalette(item, undefined, paletteId);
-        }
-      }
-    });
-  };
-  if (!reversingCheckPromise) {
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  if (loading$1) {
-    return /*#__PURE__*/jsx("div", {
-      className: classnames(reverseCheck, loading),
-      children: /*#__PURE__*/jsx("div", {
-        className: spinner
-      })
-    });
-  }
-  if (!data || !data.hasReversingChanges) {
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  if (data.checkingForReversingChanges === 'BLOCK') {
-    return /*#__PURE__*/jsx("div", {
-      className: classnames(reverseCheck, blocked, blockedClickable),
-      onClick: handleBlockedClick,
-      children: /*#__PURE__*/jsx(BlockIcon, {
-        className: blockedIcon,
-        id: "blocked-icon"
-      })
-    });
-  }
-  if (data.checkingForReversingChanges === 'WARN') {
-    return /*#__PURE__*/jsx("div", {
-      className: classnames(reverseCheck, warningContainer),
-      onClick: handleWarningClick,
-      children: /*#__PURE__*/jsx(WarningIcon, {
-        className: warningIcon
-      })
-    });
-  }
-  return /*#__PURE__*/jsx(Fragment, {});
-};
-
-export { ReverseCheck as default };

package/build/esm/index-e59a89c2.js

@@ -1,150 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-d8efc5f4.js';
-import { useRef, useEffect } from 'react';
-import ProductHeader from './index-bc0a6b2a.js';
-import ContentItemWrapper from './index-b57014f3.js';
-import ProductSettings from './index-703478b0.js';
-import ProductCenter from './index-48aea99b.js';
-import ProductFooter from './index-81b435ea.js';
-import ProductInfo from './index-d7ee8ecd.js';
-import { observer } from 'mobx-react-lite';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-import '@crystaldesign/content-item';
-import './index-ab808a45.js';
-import './index-a720ab65.js';
-import 'sift';
-import './index-ec3409de.js';
-import './index-1c40c9f9.js';
-import './index-bf0e159c.js';
-import './index-d35f6bac.js';
-import './index.module-7409325f.js';
-import './index-b76e780f.js';
-import './index-e3c0edd4.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-0230f05c.js';
-import 'react-dropdown';
-import './index-225e2edf.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-ff0a3002.js';
-import './index-9bba7f59.js';
-import './index-3e4a61cf.js';
-import '@crystaldesign/content-box';
-import './index-bb5588f3.js';
-import './index-ede2b1f0.js';
-import './index-8bc1a01c.js';
-import './index-4a6ae5c9.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-2b54e1d1.js';
-import './index-e6abe156.js';
-import './index-7ea05ded.js';
-import './index-1e271edd.js';
-import './index-71b52692.js';
-import './index-73792d90.js';
-import './index-5f29821f.js';
-import 'react-laag';
-import './index.module-52e2b5ee.js';
-import './index-9753700a.js';
-import './index-6f70204c.js';
-import './index-a2201c22.js';
-import './index-f30e5fd4.js';
-import './index-6a4eaf8b.js';
-import './index.module-70f624cb.js';
-import './index-8225ff04.js';
-import './index-8ced14fa.js';
-import './index-ca11dcb8.js';
-import './index-2e3e2f8d.js';
-import './index-9253a373.js';
-import './index-d6d0e50b.js';
-import './index-065787e2.js';
-import './index-6f51eb96.js';
-import './index-0d535202.js';
-import './index-68eaba05.js';
-import './index-1383b7ee.js';
-import './index-373f1397.js';
-import './index-72c0fec4.js';
-import 'rc-slider';
-import './index-9bcba719.js';
-import './index-f76ad90d.js';
-import './index-4b619ba1.js';
-import './index-3ae6c2e9.js';
-import './index-3eebe6d4.js';
-import 'react-confetti-explosion';
-import './index-72ed9ea7.js';
-import './index-1463bd8b.js';
-import './index-a1bda5ed.js';
-import 'react-qr-code';
-import './index-a12a6ca6.js';
-import './useCustomDimensions-538b0714.js';
-import './index-fbe6109c.js';
-import './ussIsSticky-bbc52602.js';
-import './index-fcfbda02.js';
-import './index-a25bd860.js';
-import './index-eee4a852.js';
-import './index.module-f206a2d2.js';
-import './index-278b4d5f.js';
-import './index-382d2693.js';
-import './index-1884864a.js';
-import './index-24b6a59c.js';
-import './index-0edf5c20.js';
-import './index-a0581b20.js';
-import './index-8d3fd1e9.js';
-import './index-54e9e7f7.js';
-import './index-a65977f4.js';
-import './index.module-d5aa7fdb.js';
-import './index-9af7519d.js';
-import './index-ce4bc2a0.js';
-import './index-186b6a7a.js';
-import './index-c01a1474.js';
-import './index-4a6ad404.js';
-import './index-8da9dced.js';
-import './index-b21a9e78.js';
-import './index-12a0d1b1.js';
-import './index-1025e9c4.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 Product = function Product(props) {
-  var viewHandler = useViewHandler();
-  var productElement = useRef(null);
-  var setRef = function setRef(element) {
-    productElement.current = element;
-    viewHandler.productState.setProductElement(element);
-  };
-  useEffect(function () {
-    document.documentElement.style.setProperty('--configuratorProductHeight', viewHandler.settingsState.productHeight);
-  }, [viewHandler.settingsState.productHeight]);
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
-    id: "wcConfigurator-product"
-  }, props), {}, {
-    ref: setRef,
-    onTouchStart: function onTouchStart() {
-      if (viewHandler.settingsState.activeSnapPointIndex == 3) viewHandler.settingsState.setActiveSnapPointIndex(2);
-    },
-    children: [/*#__PURE__*/jsx(ProductHeader, {}), /*#__PURE__*/jsx(ProductCenter, {}), viewHandler.productState.footerVisible.length > 1 && /*#__PURE__*/jsx(ProductFooter, {}), /*#__PURE__*/jsx(ProductInfo, {}), /*#__PURE__*/jsx(ProductSettings, {}), /*#__PURE__*/jsx(ContentItemWrapper, {
-      direction: "right"
-    })]
-  }));
-};
-var Product$1 = observer(Product);
-
-export { Product$1 as default };

package/build/esm/index-e6abe156.js

@@ -1,124 +0,0 @@
-import { u as useViewHandler, P as PricePreview, T as Toggle } from './index-d8efc5f4.js';
-import 'react';
-import classnames from 'classnames';
-import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-7409325f.js';
-import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-b76e780f.js';
-import ReverseCheck from './index-e3c0edd4.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-
-var LOG = getLogger('Planner', 'ToggleName');
-var ToggleName = function ToggleName(_ref) {
-  var _item$selectedElement;
-  var item = _ref.item,
-    paletteId = _ref.paletteId,
-    style = _ref.style;
-  var viewHandler = useViewHandler();
-  var items = item.groups[0].items;
-  var yesItem;
-  var noItem;
-  if (!items) {
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  for (var i = 0; i < items.length; i++) {
-    var _items$i$codex, _items$i$codex2;
-    if ((_items$i$codex = items[i].codex) !== null && _items$i$codex !== void 0 && _items$i$codex.startsWith('OPVNEIN')) {
-      noItem = items[i];
-    }
-    if ((_items$i$codex2 = items[i].codex) !== null && _items$i$codex2 !== void 0 && _items$i$codex2.startsWith('OPVJA')) {
-      yesItem = items[i];
-    }
-  }
-  if (!noItem || !yesItem) {
-    if (items.length == 2) {
-      noItem = items[0];
-      yesItem = items[1];
-    }
-    if (!noItem || !yesItem) {
-      LOG.warn('Achtung! Bei der Option: ' + items[0].op + ' gibt es keine eindeutige werte für JA und NEIN', 'WC_0011');
-      item.isVisited = true;
-      return /*#__PURE__*/jsx(Fragment, {});
-    }
-  }
-  var checked = noItem.sel == false;
-  var contentItem = (_item$selectedElement = item.selectedElements) !== null && _item$selectedElement !== void 0 && _item$selectedElement[0].contentItemId ? item.selectedElements[0] : item.optionContentItemId ? {
-    contentItemId: item.optionContentItemId,
-    codex: item.configStepKey
-  } : undefined;
-  return /*#__PURE__*/jsxs("div", {
-    className: row,
-    ref: function ref(_ref2) {
-      return item.htmlRef = _ref2;
-    },
-    style: style,
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(columToggleName, title, name),
-      onClick: function onClick() {
-        viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem, undefined, paletteId);
-      },
-      children: [noItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-        asyncPricePreview: noItem.pricePreviewPromise,
-        sel: noItem.sel
-      }), /*#__PURE__*/jsx("div", {
-        className: !checked ? sel : undefined,
-        dangerouslySetInnerHTML: {
-          __html: noItem.text
-        }
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(columToggleName, toggle),
-      children: /*#__PURE__*/jsx(Toggle, {
-        onChange: function onChange() {
-          viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem.sel ? yesItem : noItem, undefined, paletteId);
-        },
-        val: item,
-        alwaysActiveColor: true,
-        state: checked
-      })
-    }), /*#__PURE__*/jsxs("div", {
-      className: classnames(columToggleName, title, name),
-      onClick: function onClick() {
-        viewHandler.paletteViewHandler.clickedOnConfigPalette(yesItem, undefined, paletteId);
-      },
-      children: [yesItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-        asyncPricePreview: yesItem.pricePreviewPromise,
-        sel: yesItem.sel
-      }), yesItem.checkForReversingChanges !== undefined && /*#__PURE__*/jsx(ReverseCheck, {
-        item: yesItem,
-        paletteId: paletteId
-      }), /*#__PURE__*/jsx("div", {
-        className: checked ? sel : undefined,
-        dangerouslySetInnerHTML: {
-          __html: yesItem.text
-        }
-      })]
-    }), contentItem && /*#__PURE__*/jsx(InfoIcon, {
-      item: contentItem,
-      style: {
-        position: 'relative'
-      }
-    }, item.configStepKey)]
-  });
-};
-
-export { ToggleName as default };

package/build/esm/index-e78421d0.js

@@ -1,33 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-d8efc5f4.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-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 'react-switch';
-import 'react-countup';
-
-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 NavigationButtons = function NavigationButtons(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Action/Navigation"
-  }));
-};
-
-export { NavigationButtons as default };