@crystaldesign/diva-web-planner-react 24.14.0-beta.2 → 24.14.0-beta.21

package/build/esm/index-d09e92b2.js

@@ -1,139 +0,0 @@
-import _typeof from '@babel/runtime/helpers/typeof';
-import { s as styleInject } from './index-eb690ecd.js';
-import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import 'react';
-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 'mobx-react-lite';
-
-var shareOption = "share-option-tqy8P";
-var shareText = "share-text-grps7";
-var loader = "loader-KG6ip";
-var facebookIcon = "facebook-icon-1-Vop";
-var emailIcon = "email-icon-AWH8x";
-var whatsappIcon = "whatsapp-icon-I2GLz";
-var telegramIcon = "telegram-icon-0jmu8";
-var css_248z = ".share-option-tqy8P {\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n  border: solid 0.1px;\n  border-radius: 5px;\n  margin-top: 1%;\n}\n\n.share-text-grps7 {\n  align-self: center;\n  margin: auto;\n}\n\n.loader-KG6ip {\n  margin: 0 auto;\n  display: inline-block;\n  position: relative;\n  width: 80px;\n  height: 80px;\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 64px;\n  height: 64px;\n  margin: 8px;\n  border: 8px solid #b6b6b6;\n  border-radius: 50%;\n  animation: spin-FpWtQ 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: #b6b6b6 transparent transparent transparent;\n}\n\n/* Safari */\n\n@keyframes spin-FpWtQ {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.share-option-tqy8P:hover {\n  color: black;\n}\n\n.facebook-icon-1-Vop {\n  margin-left: 1%;\n  background-position-y: top;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Uploaded to%3A SVG Repo%2C www.svgrepo.com%2C Generator%3A SVG Repo Mixer Tools --%3E%3Csvg fill%3D%22%23000000%22 width%3D%22800px%22 height%3D%22800px%22 viewBox%3D%220 0 512 512%22 id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M480%2C257.35c0-123.7-100.3-224-224-224s-224%2C100.3-224%2C224c0%2C111.8%2C81.9%2C204.47%2C189%2C221.29V322.12H164.11V257.35H221V208c0-56.13%2C33.45-87.16%2C84.61-87.16%2C24.51%2C0%2C50.15%2C4.38%2C50.15%2C4.38v55.13H327.5c-27.81%2C0-36.51%2C17.26-36.51%2C35v42h62.12l-9.92%2C64.77H291V478.66C398.1%2C461.85%2C480%2C369.18%2C480%2C257.35Z%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  background-size: contain;\n}\n\n.email-icon-AWH8x {\n  margin-left: 1%;\n  background-position-y: -1px;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M174.461-180q-31.417 0-53.606-22.189-22.188-22.188-22.188-53.606v-448.41q0-31.418 22.188-53.606Q143.044-780 174.461-780h611.078q31.417 0 53.606 22.189 22.188 22.188 22.188 53.606v448.41q0 31.418-22.188 53.606Q816.956-180 785.539-180H174.461ZM480-467.359l330.154-215.359-12.308-46.103-317.846 208-317.846-208-12.308 46.103L480-467.359Z%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  background-size: contain;\n}\n\n.whatsapp-icon-I2GLz {\n  margin-left: 1%;\n  background-position-y: top;\n  background-image: url(\"data:image/svg+xml,%3Csvg viewBox%3D%220 0 20 20%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22m0 0h20v20h-20z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22m16.8 5.7c-2.4-3.7-7.3-4.8-11.1-2.5-3.7 2.3-4.9 7.3-2.5 11l.2.3-.8 3 3-.8.3.2c1.3.7 2.7 1.1 4.1 1.1 1.5 0 3-.4 4.3-1.2 3.7-2.4 4.8-7.3 2.5-11.1zm-2.1 7.7c-.4.6-.9 1-1.6 1.1-.4 0-.9.2-2.9-.6-1.7-.8-3.1-2.1-4.1-3.6-.6-.7-.9-1.6-1-2.5 0-.8.3-1.5.8-2 .2-.2.4-.3.6-.3h.5c.2 0 .4 0 .5.4.2.5.7 1.7.7 1.8.1.1.1.3 0 .4.1.2 0 .4-.1.5s-.2.3-.3.4c-.2.1-.3.3-.2.5.4.6.9 1.2 1.4 1.7.6.5 1.2.9 1.9 1.2.2.1.4.1.5-.1s.6-.7.8-.9.3-.2.5-.1l1.6.8c.2.1.4.2.5.3.1.3.1.7-.1 1z%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  background-size: contain;\n}\n\n.telegram-icon-0jmu8 {\n  margin-left: 1%;\n  background-position-y: top;\n  background-image: url(\"data:image/svg+xml,%3Csvg height%3D%2232%22 viewBox%3D%220 0 32 32%22 width%3D%2232%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22m16 .5c-8.563 0-15.5 6.938-15.5 15.5s6.938 15.5 15.5 15.5c8.563 0 15.5-6.938 15.5-15.5s-6.938-15.5-15.5-15.5zm7.613 10.619-2.544 11.988c-.188.85-.694 1.056-1.4.656l-3.875-2.856-1.869 1.8c-.206.206-.381.381-.781.381l.275-3.944 7.181-6.488c.313-.275-.069-.431-.482-.156l-8.875 5.587-3.825-1.194c-.831-.262-.85-.831.175-1.231l14.944-5.763c.694-.25 1.3.169 1.075 1.219z%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  background-size: contain;\n}\n";
-styleInject(css_248z);
-
-var Share = (function (props) {
-  var _useDivaCore = useDivaCore(),
-    isMobile = _useDivaCore.state.isMobile;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t,
-    language = _useTranslation.i18n.language;
-  if (_typeof(props.url) == 'object') props.url = props.url[language];
-  var url = props.url.replace('{{DivaNr}}', props.divaNr);
-  url = url;
-  var text = t('configurator.sharemessage');
-  function onShare(type) {
-    switch (type) {
-      case 'facebook':
-        window.open("https://www.facebook.com/sharer/sharer.php?u=".concat(encodeURIComponent(url)), '_blank');
-        break;
-      case 'email':
-        window.open("mailto:?body=".concat(encodeURIComponent(text + ' ' + url)), '_blank');
-        break;
-      case 'telegram':
-        window.open("https://telegram.me/share/url?url=".concat(encodeURIComponent(url), "&text=").concat(encodeURIComponent(text)), '_blank');
-        break;
-      case 'whatsapp':
-        window.open("https://api.whatsapp.com/send?text=".concat(encodeURIComponent(text + ' ' + url)), '_blank');
-        break;
-    }
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [props.loading && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("div", {
-        style: {
-          position: 'absolute',
-          left: 0,
-          right: 0,
-          marginLeft: 'auto',
-          marginRight: 'auto',
-          width: 100
-        },
-        children: /*#__PURE__*/jsx("div", {
-          className: loader
-        })
-      }), /*#__PURE__*/jsx("div", {
-        style: {
-          position: 'absolute',
-          bottom: 0
-        },
-        children: t('configurator.shareloadinginfo')
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      style: {
-        display: 'flex',
-        flexDirection: 'column',
-        gap: 10,
-        visibility: props.loading ? 'hidden' : 'visible'
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        dangerouslySetInnerHTML: {
-          __html: t('configurator.sharedescription')
-        }
-      }), /*#__PURE__*/jsxs("div", {
-        className: shareOption,
-        onClick: function onClick() {
-          return onShare('email');
-        },
-        children: [/*#__PURE__*/jsx("div", {
-          className: emailIcon
-        }), /*#__PURE__*/jsx("div", {
-          className: shareText,
-          children: t('configurator.shareemail')
-        })]
-      }), /*#__PURE__*/jsxs("div", {
-        className: shareOption,
-        onClick: function onClick() {
-          return onShare('facebook');
-        },
-        children: [/*#__PURE__*/jsx("div", {
-          className: facebookIcon
-        }), /*#__PURE__*/jsx("div", {
-          className: shareText,
-          children: t('configurator.sharefacebook')
-        })]
-      }), isMobile && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsxs("div", {
-          className: shareOption,
-          onClick: function onClick() {
-            return onShare('whatsapp');
-          },
-          children: [/*#__PURE__*/jsx("div", {
-            className: whatsappIcon
-          }), /*#__PURE__*/jsx("div", {
-            className: shareText,
-            children: t('configurator.sharewhatsapp')
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: shareOption,
-          onClick: function onClick() {
-            return onShare('telegram');
-          },
-          children: [/*#__PURE__*/jsx("div", {
-            className: telegramIcon
-          }), /*#__PURE__*/jsx("div", {
-            className: shareText,
-            children: t('configurator.sharetelegram')
-          })]
-        })]
-      })]
-    })]
-  });
-});
-
-export { Share as default };

package/build/esm/index-d38c9280.js

@@ -1,69 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-eb690ecd.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';
-
-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-d5568533.js

@@ -1,65 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-eb690ecd.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-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/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';
-
-var wrapper = "wrapper-GKYw3";
-var wcTabGroupItem = "wcTabGroupItem-xfakc";
-var portrait = "portrait-R75Hr";
-var landscape = "landscape-GMTKj";
-var wcActiveStep = "wcActiveStep-E81Bg";
-var wcStepNum = "wcStepNum-fDZJn";
-var horizontalLine = "horizontal-line-RQbQm";
-var css_248z = ".wrapper-GKYw3 {\n  display: flex;\n  align-items: center;\n  float: left;\n}\n\n.wcTabGroupItem-xfakc {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none;\n  transition: background-color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  color: #b5b5b5;\n}\n.portrait-R75Hr.wcTabGroupItem-xfakc,\n.landscape-GMTKj.wcTabGroupItem-xfakc {\n  line-height: 50px;\n}\n\n.wcTabGroupItem-xfakc:hover {\n  color: #262626;\n}\n\n.wcTabGroupItem-xfakc.wcActiveStep-E81Bg {\n  color: #262626;\n}\n\n.wcStepNum-fDZJn {\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  margin-right: 11px;\n  margin-top: 3px;\n  border: 1px solid #b5b5b5;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 25px;\n  font-size: 16px;\n  color: #b5b5b5;\n}\n\n.wcActiveStep-E81Bg .wcStepNum-fDZJn,\n.wcTabGroupItem-xfakc:hover .wcStepNum-fDZJn {\n  color: #4f555b;\n  border: 1px solid #4f555b;\n}\n\n.horizontal-line-RQbQm {\n  width: 26px;\n  height: 0px;\n  border: 1px solid #bfbfbf;\n}\n";
-styleInject(css_248z);
-
-var TabGroupItemHorizontaRalph = function TabGroupItemHorizontaRalph(_ref) {
-  var tabGroup = _ref.tabGroup;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var tabGroupItemRef = useRef(null);
-  var curTabGroup = viewHandler.tabGroupState.curTabGroup;
-  useEffect(function () {
-    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
-  }, [tabGroupItemRef]);
-  var onTabGroupClick = function onTabGroupClick(tabGroup) {
-    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
-  };
-  var keys = Object.keys(viewHandler.tabGroupState.allTabGroups);
-  var isActive = tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
-  var isLastItem = keys[keys.length - 1] == tabGroup.key;
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: [/*#__PURE__*/jsxs("div", {
-      ref: tabGroupItemRef,
-      onClick: function onClick() {
-        return onTabGroupClick(tabGroup);
-      },
-      className: classnames(wcTabGroupItem, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && isActive ? wcActiveStep : undefined),
-      children: [/*#__PURE__*/jsx("span", {
-        className: classnames(wcStepNum),
-        children: tabGroup.posNr
-      }), t('configurator.' + tabGroup.title, tabGroup.title)]
-    }), !isLastItem && /*#__PURE__*/jsx("div", {
-      className: horizontalLine
-    })]
-  });
-};
-var index = observer(TabGroupItemHorizontaRalph);
-
-export { index as default };

package/build/esm/index-d80e761e.js

@@ -1,51 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-eb690ecd.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import ArticleOverview from './index-fb613b59.js';
-import JsonViewer from './index-0ccdfbb2.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 'react-json-view';
-
-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 JsonAnaylser = function JsonAnaylser(props) {
-  return /*#__PURE__*/jsx(ArticleOverview, _objectSpread(_objectSpread({}, props), {}, {
-    className: props.className,
-    style: {
-      userSelect: 'text'
-    },
-    ChildComponent: JsonViewer,
-    settings: [{
-      key: 'OPTIONSTATES',
-      name: 'Options States'
-    }, {
-      key: 'DECISIONS',
-      name: 'Decisions'
-    }, {
-      key: 'CONFIGTREE',
-      name: 'configtree'
-    }],
-    title: 'Artikel Übersicht'
-  }));
-};
-var JsonAnalyzer = observer(JsonAnaylser);
-
-export { JsonAnalyzer as default };

package/build/esm/index-d8863f30.js

@@ -1,68 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-eb690ecd.js';
-import classnames from 'classnames';
-import { useState, useEffect } from 'react';
-import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-9a1b7e6b.js';
-import Arrow from './index-fd078166.js';
-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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'mobx-react-lite';
-
-var LAYOUTS = ['IMAGE', 'TEXT', 'DROPDOWN_TEXT', 'TOGGLE_NAME', 'TOGGLE', 'DROPDOWN_IMAGE', 'GAL_SMALL_GROUP_DROPDOWN', 'NUMBER', 'GAL_BIG', 'GAL_GROUP_DROPDOWN', 'TEXTBOX', 'GAL_TEXT', 'GAL_BIG_TEXT', 'GAL_SMALL_TEXT'];
-var LayoutSelection = function LayoutSelection(_ref) {
-  var option = _ref.option;
-  var _useState = useState(option.layout),
-    _useState2 = _slicedToArray(_useState, 1),
-    origLayout = _useState2[0];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    value = _useState4[0],
-    setValue = _useState4[1];
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    option.layout = value !== null && value !== void 0 ? value : origLayout;
-    viewHandler.paletteViewHandler.updateCurPaletteData(true);
-  }, [value]);
-  useEffect(function () {
-    return function () {
-      option.layout = origLayout;
-      viewHandler.paletteViewHandler.updateCurPaletteData(true);
-    };
-  }, []);
-  var ArrowElement = /*#__PURE__*/jsx(Arrow, {
-    onClick: function onClick() {
-      return setValue(undefined);
-    },
-    open: false,
-    iconAsDelete: !!value
-  });
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: ["Layout:", /*#__PURE__*/jsx(Dropdown, {
-      className: classnames(dropdownRoot),
-      controlClassName: dropdownControl,
-      options: LAYOUTS,
-      value: value,
-      onChange: function onChange(val) {
-        return setValue(val.value);
-      },
-      placeholder: origLayout,
-      arrowClosed: ArrowElement,
-      arrowOpen: ArrowElement
-    })]
-  });
-};
-
-export { LayoutSelection as default };

package/build/esm/index-d99ff0f3.js

@@ -1,62 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-eb690ecd.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, jsx } 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';
-
-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 TabSearch = function TabSearch(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    search = _useState2[0],
-    setSearch = _useState2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    var searchGotResetted = !!viewHandler.tabGroupState.filterTabgroup && !search;
-    viewHandler.tabGroupState.setFilterTabgroup(search && search !== '' ? search : undefined);
-    if (searchGotResetted) {
-      setTimeout(function () {
-        return viewHandler.tabGroupState.scrollToCurTabgroup();
-      }, 200);
-    }
-  }, [search]);
-  useEffect(function () {
-    if (viewHandler.tabGroupState.filterTabgroup === undefined && search) {
-      setSearch('');
-    }
-  }, [viewHandler.tabGroupState.filterTabgroup]);
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    children: [/*#__PURE__*/jsx("input", {
-      value: search,
-      type: "text",
-      onChange: function onChange(e) {
-        return setSearch(e.target.value);
-      },
-      placeholder: t('filter.global')
-    }), !!search && /*#__PURE__*/jsx("div", {
-      onClick: function onClick() {
-        return setSearch('');
-      }
-    })]
-  }));
-};
-var TabSearch$1 = observer(TabSearch);
-
-export { TabSearch$1 as default };

package/build/esm/index-d9b1d42b.js

@@ -1,45 +0,0 @@
-import './index-eb690ecd.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import SVGOverview from './index-8c9aced9.js';
-import SVGSourceViewer from './index-dc510763.js';
-import { 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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import './index.module-b82ed21d.js';
-import 'classnames';
-
-var index = function index(props) {
-  // const [Component, setComponent] = useState(0);
-  if (props.selectedJson === 'SVGOVERVIEW') {
-    var Component = /*#__PURE__*/jsx(SVGOverview, {
-      plannerArticles: props.plannerArticles,
-      curBox: props.curBox,
-      isExpanded: props.isExpanded
-    });
-  } else {
-    var Component = /*#__PURE__*/jsx(SVGSourceViewer, {
-      plannerArticles: props.plannerArticles,
-      curBox: props.curBox,
-      isExpanded: props.isExpanded
-    });
-    //setComponent();
-  }
-  return /*#__PURE__*/jsx("div", {
-    children: Component
-  });
-};
-var SVGViewer = observer(index);
-
-export { SVGViewer as default };

package/build/esm/index-d9e86105.js

@@ -1,48 +0,0 @@
-import { a as usePlannerUIHandler } from './index-eb690ecd.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 '@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';
-
-var AVR = function AVR(_ref) {
-  var rect = _ref.rect,
-    item = _ref.item,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  var plannerUIHandler = usePlannerUIHandler();
-  var iconIsSelected = plannerUIHandler.getDPUIISSelected(item);
-  var rotation = (item.rotOfElement ? item.rotOfElement : 0) + (item.iconRotDeg ? item.iconRotDeg : 0);
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    onClick: function onClick() {
-      var _item$clickFunction;
-      plannerUIHandler.setDPUISelectionChanged(item, !iconIsSelected);
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId), item.dpId, !iconIsSelected, undefined);
-    },
-    style: {
-      left: rect.left + 'px',
-      top: rect.top + 'px',
-      transform: 'rotate(' + rotation + 'deg)'
-    },
-    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.dockingPoint.AVR.avr, iconIsSelected ? plannerUIProps.classes.dockingPoint.AVR.avrSel : undefined),
-    children: item.posNr
-  });
-};
-var AVR$1 = observer(AVR);
-
-export { AVR$1 as default };

package/build/esm/index-db44f0c5.js

@@ -1,87 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-eb690ecd.js';
-import { useState, useEffect } from 'react';
-import ItemVariant from './index-f87581ce.js';
-import { observer } from 'mobx-react-lite';
-import { jsx, Fragment } 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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var TabGroupVertical = function TabGroupVertical(props) {
-  var _viewHandler$tabGroup2;
-  var viewHandler = useViewHandler();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    forceRerender = _useState2[0],
-    setRerender = _useState2[1];
-  var tabGroups = viewHandler.tabGroupState.allTabGroups;
-
-  //scroll logic
-  useEffect(function () {
-    viewHandler.tabGroupState.scrollToCurTabgroup();
-  }, [viewHandler.tabGroupState.curTabGroup]);
-
-  //render until we get initial heigth
-  useEffect(function () {
-    var didCancel = false;
-    var interval = window.setInterval(function () {
-      var _viewHandler$tabGroup;
-      var totalHeight = (_viewHandler$tabGroup = viewHandler.tabGroupState.tabGroupScroller) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.getBoundingClientRect().height;
-      if (totalHeight && totalHeight > 0) {
-        if (!didCancel) {
-          setRerender(!forceRerender);
-        }
-        window.clearInterval(interval);
-      }
-    }, 100);
-    return function () {
-      didCancel = true;
-      window.clearInterval(interval);
-    };
-  }, [viewHandler.tabGroupState.tabGroupScroller]);
-  if (!tabGroups) return /*#__PURE__*/jsx(Fragment, {});
-  var totalHeight = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.tabGroupScroller) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.getBoundingClientRect().height;
-  var minHeightOfOneStep = 80;
-  var minHeight = undefined;
-  var tabCount = Object.keys(tabGroups).length;
-  var height = 0;
-  if (totalHeight) {
-    height = totalHeight / tabCount;
-    if (tabCount * minHeightOfOneStep > totalHeight) {
-      minHeight = minHeightOfOneStep;
-    }
-  } else {
-    setTimeout(function () {
-      return setRerender(!forceRerender);
-    }, 100);
-  }
-  var firstKey = Object.keys(tabGroups)[0];
-  var lastKey = Object.keys(tabGroups)[Object.keys(tabGroups).length - 1];
-  return /*#__PURE__*/jsx(Fragment, {
-    children: Object.entries(tabGroups).map(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 2);
-        _ref2[0];
-        var tabGroup = _ref2[1];
-      return /*#__PURE__*/jsx(ItemVariant, {
-        tabGroup: tabGroup,
-        height: height,
-        isFirstItem: tabGroups[firstKey].key == tabGroup.key,
-        isLastItem: tabGroups[lastKey].key == tabGroup.key,
-        minHeight: minHeight
-      }, tabGroup.title);
-    })
-  });
-};
-var TabGroupVertical$1 = observer(TabGroupVertical);
-
-export { TabGroupVertical$1 as default };