@crystaldesign/diva-web-planner-react 25.8.0-beta.8 → 25.8.0-rc.0

package/build/esm/index-52e32477.js

@@ -1,166 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-5d618e42.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useRef, useEffect } from 'react';
-import { useLayer } from 'react-laag';
-import Tooltip from './index-6d0a494b.js';
-import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import FullscreenAr from './index-789ac120.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-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 'react-qr-code';
-
-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 ArQrCodeTooltip = function ArQrCodeTooltip(props) {
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useDivaCore = useDivaCore(),
-    openModal = _useDivaCore.actions.openModal,
-    _useDivaCore$state = _useDivaCore.state,
-    isMobile = _useDivaCore$state.isMobile,
-    isTablet = _useDivaCore$state.dimensions.isTablet;
-  //tooltip is going to close itself by timer
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    autoClose = _useState2[0],
-    setAutoClose = _useState2[1];
-  var autoCloseTimeout = useRef();
-  var arQrCodeConfig = viewHandler.getViewConfig().arQrCodeConfig;
-  var openAr = isMobile || isTablet;
-  //if the viewer is in an iframe (pfister) we dont want to open the modal for the arcombi
-  var shouldOpenModal = openAr && (!viewHandler.uiState.AllConfig.arViewerIframe || !viewHandler.productState.allow3DComb && !viewHandler.productState.allowRTV);
-
-  //for fade animation
-  var _useState3 = useState(viewHandler.productState.arCodeWasVisibleOnce),
-    _useState4 = _slicedToArray(_useState3, 2),
-    tooltipVisible = _useState4[0],
-    setTooltipVisible = _useState4[1];
-  var showTooltip = (tooltipVisible || viewHandler.productState.doShowARQRCode) && !openAr && viewHandler.isParentViewVisible;
-  var _useLayer = useLayer({
-      isOpen: showTooltip,
-      auto: true,
-      placement: 'right-end',
-      triggerOffset: 16
-    }),
-    triggerProps = _useLayer.triggerProps,
-    layerProps = _useLayer.layerProps,
-    renderLayer = _useLayer.renderLayer,
-    arrowProps = _useLayer.arrowProps;
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    url = _useState6[0],
-    setUrl = _useState6[1];
-  useEffect(function () {
-    if (viewHandler.productState.doShowARQRCode == true) {
-      viewHandler.openARObserverConnection(function () {
-        return viewHandler.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript();
-      } // request hqr onreceivehqr triggers update
-      ).then(function (url) {
-        return setUrl(url);
-      });
-    }
-  }, [viewHandler.productState.doShowARQRCode]);
-  useEffect(function () {
-    if (viewHandler.productState.doShowARQRCode && shouldOpenModal) openModal({
-      content: /*#__PURE__*/jsx(FullscreenAr, {
-        url: url,
-        isArCompatible: viewHandler.productState.isArCompatible,
-        broswerSupportAR: viewHandler.productState.browserSupportAR,
-        activateAR: viewHandler.productState.activateAR
-      }),
-      fullscreen: true,
-      rejectByIcon: true,
-      dontRenderForm: true,
-      callback: function callback(value) {
-        viewHandler.productState.loadRTVForAr = false;
-        viewHandler.productState.setDoShowARQRCode(false);
-        viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : viewHandler.productState.allowRTV ? 'RTV' : '3D');
-      }
-    });
-  }, [viewHandler.productState.activateAR, url]);
-  useEffect(function () {
-    //start timeout for auto open the tooltip
-    if (!viewHandler.productState.arCodeWasVisibleOnce && arQrCodeConfig !== null && arQrCodeConfig !== void 0 && arQrCodeConfig.doAutoShow && !openAr) {
-      var _arQrCodeConfig$timeU;
-      autoCloseTimeout.current = setTimeout(function () {
-        viewHandler.productState.setArCodeWasVisibleOnce();
-        setAutoClose(true);
-        viewHandler.productState.setDoShowARQRCode(true);
-      }, ((_arQrCodeConfig$timeU = arQrCodeConfig === null || arQrCodeConfig === void 0 ? void 0 : arQrCodeConfig.timeUntilAutoShow) !== null && _arQrCodeConfig$timeU !== void 0 ? _arQrCodeConfig$timeU : 30) * 1000);
-    }
-    if (!viewHandler.productState.doShowARQRCode && autoClose) {
-      setAutoClose(false);
-    }
-    //delay the state of visible so we animate the fade out
-    if (tooltipVisible !== viewHandler.productState.doShowARQRCode) {
-      setTimeout(function () {
-        setTooltipVisible(viewHandler.productState.doShowARQRCode);
-      }, 200);
-    }
-  }, [viewHandler.productState.doShowARQRCode]);
-  var onClick = function onClick() {
-    viewHandler.productState.setDoShowARQRCode(true);
-    if (shouldOpenModal) {
-      if (!viewHandler.productState.doShowRTV && !(viewHandler.viewPlannerHandler.getCurPlannerViewMode() == 'RTViewer' || viewHandler.viewPlannerHandler.getCurPlannerViewMode() == '3DCOMB')) {
-        viewHandler.productState.loadRTVForAr = true;
-        viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : 'RTV');
-      }
-      openModal({
-        content: /*#__PURE__*/jsx(FullscreenAr, {
-          url: url,
-          isArCompatible: viewHandler.productState.isArCompatible,
-          broswerSupportAR: viewHandler.productState.browserSupportAR,
-          activateAR: viewHandler.productState.activateAR
-        }),
-        fullscreen: true,
-        dontRenderForm: true,
-        rejectByIcon: true,
-        callback: function callback(value) {
-          viewHandler.productState.loadRTVForAr = false;
-          viewHandler.productState.setDoShowARQRCode(false);
-          viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : viewHandler.productState.allowRTV ? 'RTV' : '3D');
-        }
-      });
-    }
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("li", _objectSpread(_objectSpread(_objectSpread({
-      id: "ar-icon"
-    }, props), {}, {
-      className: classnames(props.className),
-      onClick: onClick,
-      title: t('configurator.ar_qr_title')
-    }, triggerProps), {}, {
-      style: {
-        visibility: viewHandler.productState.doShowRenderImage || viewHandler.productState.doShow3DComb || viewHandler.productState.doShowRTV ? 'visible' : 'hidden'
-      }
-    })), showTooltip && renderLayer(/*#__PURE__*/jsx(Tooltip, {
-      arrowProps: arrowProps,
-      layerProps: layerProps,
-      autoClose: autoClose,
-      fadeIn: tooltipVisible,
-      fadeout: !viewHandler.productState.doShowARQRCode,
-      url: url
-    }))]
-  });
-};
-var ArQrCodeIcon = observer(ArQrCodeTooltip);
-
-export { ArQrCodeIcon as default };

package/build/esm/index-53aa86b3.js

@@ -1,73 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-5d618e42.js';
-import classnames from 'classnames';
-import { useState } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { observer } from 'mobx-react-lite';
-import { jsxs, 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/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';
-
-var PlannerMsgItem = function PlannerMsgItem(_ref) {
-  var item = _ref.item,
-    codex = _ref.codex,
-    wcPlannerMsgContainer = _ref.wcPlannerMsgContainer,
-    wcPlannerWarningContainer = _ref.wcPlannerWarningContainer,
-    wcPlannerInfoContainer = _ref.wcPlannerInfoContainer,
-    wcPlannerInfoContainerCollapsed = _ref.wcPlannerInfoContainerCollapsed,
-    wcPlannerMsgImg = _ref.wcPlannerMsgImg,
-    wcPlannerMsgText = _ref.wcPlannerMsgText,
-    wcPlannerWarningImg = _ref.wcPlannerWarningImg,
-    wcPlannerInfoImg = _ref.wcPlannerInfoImg,
-    wcPlannerWarningText = _ref.wcPlannerWarningText,
-    wcPlannerInfoText = _ref.wcPlannerInfoText,
-    wcClose = _ref.wcClose,
-    wcCloseButton = _ref.wcCloseButton;
-  var viewHandler = useViewHandler();
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    timeOut = _useState2[0],
-    setTimeOut = _useState2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  if (!timeOut && item.autoHide == true) {
-    setTimeOut(setTimeout(function () {
-      return viewHandler.productState.updatePlannerMsgContainer(codex, false, item.type, item.content, item.autoHide);
-    }, item.timeoutDuration));
-  }
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(wcPlannerMsgContainer, item.collapsed ? wcPlannerInfoContainerCollapsed : undefined, item.type == 'INFO' ? wcPlannerInfoContainer : undefined, item.type == 'WARNING' ? wcPlannerWarningContainer : undefined),
-    children: [/*#__PURE__*/jsx("div", {
-      className: classnames(wcPlannerMsgImg, item.type == 'INFO' ? wcPlannerInfoImg : undefined, item.type == 'WARNING' ? wcPlannerWarningImg : undefined)
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(wcPlannerMsgText, item.type == 'INFO' ? wcPlannerInfoText : undefined, item.type == 'WARNING' ? wcPlannerWarningText : undefined),
-      dangerouslySetInnerHTML: typeof item.content == 'string' ? {
-        __html: t('configurator.' + item.content, item.content)
-      } : undefined
-    }), typeof item.content != 'string' && item.content, /*#__PURE__*/jsx("div", {
-      className: wcClose,
-      onClick: function onClick() {
-        return viewHandler.productState.onPlannerMsgArrowClick(codex);
-      },
-      children: wcCloseButton != '' && /*#__PURE__*/jsx("div", {
-        className: wcCloseButton
-      })
-    })]
-  });
-};
-var PlannerMsgItem$1 = observer(PlannerMsgItem);
-
-export { PlannerMsgItem$1 as default };

package/build/esm/index-54ee728b.js

@@ -1,41 +0,0 @@
-import './index-5d618e42.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsx } 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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var DistanceToGround = function DistanceToGround(_ref) {
-  var item = _ref.item,
-    plannerUIProps = _ref.plannerUIProps;
-  return /*#__PURE__*/jsx("div", {
-    style: {
-      left: item.position.x + '%',
-      top: 100 - item.position.y + '%'
-    },
-    id: "distanceToGround",
-    className: classnames(plannerUIProps.classes.dimension.distanceToGround),
-    children: /*#__PURE__*/jsx("div", {
-      children: item.dimensionVal + ' cm'
-    })
-  });
-};
-var DistanceToGround$1 = observer(DistanceToGround);
-
-export { DistanceToGround$1 as default };

package/build/esm/index-564bc88e.js

@@ -1,58 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-5d618e42.js';
-import 'react';
-import Select from 'react-select';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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 select = "select-8bXXP";
-var css_248z = ".select-8bXXP {\n  width: 200px;\n  font-size: 12px;\n}\n.select-8bXXP div {\n  border-color: grey !important;\n}\n.select-8bXXP div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n";
-styleInject(css_248z);
-
-var ArticleSelector = function ArticleSelector(_ref) {
-  var _viewHandler$divaWebP;
-  var _ref$articleState = _slicedToArray(_ref.articleState, 2),
-    article = _ref$articleState[0],
-    setArticle = _ref$articleState[1];
-  var viewHandler = useViewHandler();
-  var articles = Object.values((_viewHandler$divaWebP = viewHandler.divaWebPlanner.getDivaArticles(undefined, true)) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {});
-  var options = articles.map(function (a) {
-    return {
-      value: a.basketId,
-      label: a.name + ' ' + a.posNr
-    };
-  });
-  var onChange = function onChange(a) {
-    setArticle(articles.find(function (p) {
-      return p.basketId == a.value;
-    }));
-  };
-  if (options.length == 1 || options.length == 0) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx(Select, {
-    value: options.find(function (o) {
-      return o.value === (article === null || article === void 0 ? void 0 : article.basketId);
-    }),
-    options: options,
-    onChange: onChange,
-    className: select
-  });
-};
-
-export { ArticleSelector as default };

package/build/esm/index-56e851d7.js

@@ -1,46 +0,0 @@
-import './index-5d618e42.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsx } 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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var ElementCopy = function ElementCopy(_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.doUseCalc ? rect.leftCalc : item.position.interpretation == 'percentage' ? rect.left + '%' : rect.left + 'px',
-      top: rect.doUseCalc ? rect.topCalc : item.position.interpretation == 'percentage' ? rect.top + '%' : rect.top + 'px'
-    },
-    className: classnames(plannerUIProps.classes.copy.ElementCopy, plannerUIProps.classes.buttonGeneral)
-  });
-};
-var ElementCopy$1 = observer(ElementCopy);
-
-export { ElementCopy$1 as default };

package/build/esm/index-5a2a362d.js

@@ -1,190 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-5d618e42.js';
-import { useState, useEffect } from 'react';
-import OptionTree from './index-20a33d03.js';
-import PartListTable from './index-00f59ff8.js';
-import MaskEditor from './index-4aa0d19d.js';
-import ArticleOverview from './index-2b41a0a4.js';
-import SVGAnalyzer from './index-8c484db1.js';
-import EkTextViewer from './index-24fb0157.js';
-import CatalogMakeup from './index-9721f1dd.js';
-import DecisionAnalyzer from './index-d676b44a.js';
-import RTVAnalyzer from './index-d6f76d54.js';
-import J3DEditor from './index-077ee331.js';
-import PriceAnalyzer from './index-b7f1d0f9.js';
-import PropertiesEditor from './index-b2d6aa5f.js';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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';
-import './index.module-dbf48e32.js';
-import './index-482e1b1a.js';
-import './index-daec1a40.js';
-import './index-4a62f1bb.js';
-import 'react-collapsible';
-import './index-4ab1b3fa.js';
-import './index-1c856bc0.js';
-import './index.module-f57b8f1f.js';
-import 'react-json-view-lite';
-import './react-json-viewer-afc54fe3.js';
-import './index.module-7314a2fb.js';
-import './DecisionVizualizer-6d74463e.js';
-import 'react-draggable';
-import './index-b8e8f597.js';
-import 'react-switch';
-import './index-09af5d20.js';
-import './index-41359e6f.js';
-import 'jsoneditor';
-import './index-ae4e0dae.js';
-import './index-8078b8d6.js';
-import './index-e9d3853d.js';
-import './index-babc3745.js';
-import 'react-dropdown';
-import './index.module-878fd68e.js';
-import './index-a1a39d5f.js';
-import './index-f9b2bc6c.js';
-import './index-564bc88e.js';
-import 'react-select';
-import './index-c4e42096.js';
-import './index-e8aa953e.js';
-import './CatalogProperties-c3e83d5c.js';
-import './ArticleProperties-d70a1d2f.js';
-import './OptionProperties-f72d245a.js';
-import './OptionValueProperties-18a97686.js';
-
-var wrapper = "wrapper-eIL6V";
-var css_248z = ".wrapper-eIL6V {\n  width: 100%;\n  position: absolute;\n  bottom: 82px;\n  z-index: 1000;\n  background-color: rgba(200, 200, 200, 0.9);\n  overflow: auto;\n}\n\n.draghandle-4ydUz {\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(50%, 50%);\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 ToolContainer = function ToolContainer(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var _useState = useState(436),
-    _useState2 = _slicedToArray(_useState, 2),
-    height = _useState2[0],
-    setHeight = _useState2[1];
-  var viewHandler = useViewHandler();
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    mouseDown = _useState4[0],
-    setMouseDown = _useState4[1];
-  var handler = function handler(mouseDownEvent) {
-    var startHeight = height;
-    var startPosition = {
-      x: mouseDownEvent.pageX,
-      y: mouseDownEvent.pageY
-    };
-    setMouseDown(true);
-    function onMouseMove(mouseMoveEvent) {
-      setHeight(startHeight + startPosition.y - mouseMoveEvent.pageY);
-    }
-    var onMouseUp = function onMouseUp() {
-      setMouseDown(false);
-      document.body.removeEventListener('mousemove', onMouseMove);
-    };
-    document.body.addEventListener('mousemove', onMouseMove);
-    document.body.addEventListener('mouseup', onMouseUp, {
-      once: true
-    });
-  };
-  useEffect(function () {
-    if (height < 140 && !mouseDown) {
-      viewHandler.uiState.setActiveCatalogSection('3D/2D');
-    }
-  }, [height, mouseDown]);
-  var activeWindow = undefined;
-  var props = {
-    onMouseDown: handler
-  };
-  var classname = '';
-  switch (viewHandler.uiState.activeCatalogSection) {
-    case 'Options':
-      activeWindow = /*#__PURE__*/jsx(OptionTree, _objectSpread(_objectSpread({}, props), {}, {
-        style: {
-          zIndex: 700
-        }
-      }));
-      break;
-    case 'PartList':
-      activeWindow = /*#__PURE__*/jsx(PartListTable, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'DecisionAnalyzer':
-      activeWindow = /*#__PURE__*/jsx(DecisionAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'PriceAnalyzer':
-      activeWindow = /*#__PURE__*/jsx(PriceAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'Artikelübersicht':
-      activeWindow = /*#__PURE__*/jsx(ArticleOverview, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'SVGübersicht':
-      activeWindow = /*#__PURE__*/jsx(SVGAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'ekText':
-      activeWindow = /*#__PURE__*/jsx(EkTextViewer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'CatalogMakeup':
-      activeWindow = /*#__PURE__*/jsx(CatalogMakeup, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'RTVAnalyzer':
-      activeWindow = /*#__PURE__*/jsx(RTVAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'J3DEditor':
-      activeWindow = /*#__PURE__*/jsx(J3DEditor, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'PropertiesEditor':
-      activeWindow = /*#__PURE__*/jsx(PropertiesEditor, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-    case 'MaskEditor':
-      activeWindow = /*#__PURE__*/jsx(MaskEditor, _objectSpread(_objectSpread({}, props), {}, {
-        className: classname
-      }));
-      break;
-  }
-  return /*#__PURE__*/jsx("div", {
-    className: wrapper,
-    style: {
-      height: height
-    },
-    children: activeWindow
-  });
-};
-
-export { ToolContainer as default };

package/build/esm/index-5afef471.js

@@ -1,32 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-5d618e42.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@crystaldesign/diva-core';
-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';
-
-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 OrbitInteraction = function OrbitInteraction(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Product/ProductCenter/Planner3DImage/OrbitInteraction"
-  }));
-};
-
-export { OrbitInteraction as default };