@crystaldesign/diva-web-planner-react 24.12.0-beta.16 → 24.12.0-beta.18

package/build/esm/index-c49b7e40.js

@@ -1,56 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-2cafc9c7.js';
-import 'react';
-import classnames from 'classnames';
-import StepInfo from './index-506df711.js';
-import SettingsHeader from './index-1207317b.js';
-import ReplaceSwitch from './index-b716fd96.js';
-import { observer } from 'mobx-react-lite';
-import { jsxs, 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/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 wcConfiguratorConfigPaletteContainer = "wcConfigurator-ConfigPaletteContainer-uKDCv";
-var css_248z = ".wcConfigurator-ConfigPaletteContainer-uKDCv {\n  width: 100%;\n  margin-bottom: 24px;\n}\n";
-styleInject(css_248z);
-
-var ItemWrapper = function ItemWrapper(_ref) {
-  var item = _ref.item,
-    gridItemSize = _ref.gridItemSize,
-    gridGap = _ref.gridGap,
-    children = _ref.children;
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsxs("div", {
-    style: {
-      '--gridSize': gridItemSize,
-      '--gridGap': gridGap
-    },
-    className: classnames(wcConfiguratorConfigPaletteContainer, {
-      wcFilterVisible: item.filterVisible
-    }),
-    ref: function ref(_ref2) {
-      return item.htmlRef = _ref2;
-    },
-    id: item.configStepKey,
-    children: [/*#__PURE__*/jsx(StepInfo, {
-      stepInfo: item.info
-    }), !item.isHeader && !item.hideHeader ? /*#__PURE__*/jsx(SettingsHeader, {
-      isInScroller: true,
-      isSettingsHeader: false,
-      item: item
-    }) : /*#__PURE__*/jsx(Fragment, {}), item.type == 'ART' && viewHandler.settingsState.doShowReplaceMode && (!viewHandler.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements || item.id == 2) && /*#__PURE__*/jsx(ReplaceSwitch, {}), children]
-  });
-};
-var ItemWrapper$1 = observer(ItemWrapper);
-
-export { ItemWrapper$1 as default };

package/build/esm/index-c4aa73ad.js

@@ -1,132 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-2cafc9c7.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as wcPricePreview, h as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-08b17d55.js';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-1070d7c4.js';
-import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import IsActive from './index-5d418b4a.js';
-import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-ae605f66.js';
-import GenericToolTip from './index-004a0740.js';
-import InfoIcon from './index-a4badaba.js';
-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 Option = function Option(_ref) {
-  var _renderLayer;
-  var itemP = _ref.item,
-    paletteId = _ref.paletteId;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var onClick = function onClick() {
-    if (item.doShowFav) {
-      viewHandler.paletteViewHandler.clickedOnFavIcon(item);
-    }
-    viewHandler.paletteViewHandler.clickedOnConfigPalette(item, undefined, paletteId);
-  };
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state$di = _useDivaCore.state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    metaDataVisible = _useState2[0],
-    setMetaDataVisible = _useState2[1];
-
-  /* tool tip stuff*/
-  var triggerProps = {};
-  var layerProps = {};
-  var renderLayer = undefined;
-  var isOver = false;
-  var hoverProps = {};
-  var hover = useHover({
-    delayEnter: 600,
-    hideOnScroll: true
-  });
-  var tooltip = useLayer({
-    isOpen: hover[0],
-    auto: true,
-    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
-  });
-  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip && (item.image || item.hexColor)) {
-    isOver = hover[0] && !viewHandler.settingsState.isContentItemIdVisible(item.contentItemId);
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-    id: item.codex,
-    "data-test-id": "plannerPaletteItem",
-    className: classnames(paletteItem, item.sel ? sel : undefined),
-    onClick: onClick
-  }, triggerProps), hoverProps), {}, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(wcSize, wcSizeSmall),
-      children: [item.sel && /*#__PURE__*/jsx(IsActive, {
-        listenToOptionVariables: true
-      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-        item: item,
-        style: {
-          bottom: 8
-        }
-      }), item.layout == 'TEXT' && /*#__PURE__*/jsx("div", {
-        className: wcImagePlaceHolder
-      }), !(item.layout == 'TEXT') && /*#__PURE__*/jsx("div", {
-        className: wcImage,
-        style: {
-          backgroundImage: "url(".concat(item.image, ")")
-        }
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(textContainer, !item.deltaPrice && item.layout == 'TEXT' ? big : undefined),
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(wcConfiguratorSettingsTitle, metaDataVisible !== '' ? metaData : undefined),
-          dangerouslySetInnerHTML: {
-            __html: item.text
-          }
-        }), /*#__PURE__*/jsx(MetaData, {
-          style: {
-            position: 'relative',
-            "float": 'left'
-          },
-          metaData: item.metaData,
-          visible: [metaDataVisible, setMetaDataVisible]
-        }, item.codex)]
-      }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-        text: item.text + (item.freeText ? item.freeText : ''),
-        desciption: metaDataVisible,
-        price: item.deltaPrice,
-        image: item.image,
-        hexColor: item.hexColor,
-        layerProps: layerProps
-      }, item.codex))), item.deltaPrice !== undefined && /*#__PURE__*/jsx("div", {
-        className: wcPricePreview,
-        children: (item.deltaPrice >= 0 ? '+' : '-') + ' ' + DivaUtils.formatPrice(Math.abs(item.deltaPrice))
-      }), item.doShowFav && /*#__PURE__*/jsx("div", {
-        className: item.isFav ? wcFavoriteSel : wcFavorite
-      })]
-    }), item.disabledByConstructionRule && /*#__PURE__*/jsx("div", {
-      className: classnames(ccConstructionWarning),
-      title: t('configurator.' + item.disabledByConstructionRule)
-    })]
-  }));
-};
-var Option$1 = observer(Option);
-
-export { Option$1 as default };

package/build/esm/index-c5b53aeb.js

@@ -1,64 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-2cafc9c7.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, 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';
-
-var paletteItem = "PaletteItem-jutHc";
-var imageWrapper = "imageWrapper--38qX";
-var sel = "sel-wpwWJ";
-var imageBackground = "imageBackground-qOQQh";
-var wcImage = "wcImage-e8f7s";
-var title = "title-63pJt";
-var textHover = "textHover-nhN12";
-var css_248z = "/*Size Normal */\n\n.PaletteItem-jutHc {\n  border-radius: var(--globalBorderRadius);\n  margin: calc(var(--itemsMargin) - 0.1rem);\n  position: relative;\n  float: left;\n  width: 96px;\n  height: 96px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.PaletteItem-jutHc:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.PaletteItem-jutHc:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.imageWrapper--38qX {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 94px;\n  height: 94px;\n  transition: 0.15s ease;\n  border-style: double;\n}\n.imageWrapper--38qX:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-wpwWJ .imageWrapper--38qX:hover,\n.small-bg43M.sel-wpwWJ .imageWrapper--38qX:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-wpwWJ .imageWrapper--38qX,\n.small-bg43M.sel-wpwWJ .imageWrapper--38qX {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.imageBackground-qOQQh {\n  border-radius: 50%;\n  border: 4px white solid;\n  width: 86px;\n  height: 86px;\n  transition: 0.15s ease;\n  background-color: #c2c2c2;\n}\n\n.sel-wpwWJ .imageBackground-qOQQh,\n.imageWrapper--38qX:hover {\n  background-color: #404040;\n}\n\n.sel-wpwWJ .imageBackground-qOQQh {\n  border: 4px var(--primaryColor) solid;\n}\n\n.wcImage-e8f7s {\n  width: 100%;\n  height: 86px;\n  border-radius: 50%;\n  background-size: cover;\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.sel-wpwWJ .wcImage-e8f7s,\n.small-bg43M.sel-wpwWJ .wcImage-e8f7s,\n.imageWrapper--38qX:hover .wcImage-e8f7s {\n  opacity: 0.5;\n}\n\n.title-63pJt {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n  line-height: 96px;\n  display: none;\n  position: absolute;\n  top: 0;\n  z-index: 400;\n  color: #fff;\n  font-weight: 600;\n}\n\n.imageWrapper--38qX:hover .title-63pJt,\n.textHover-nhN12,\n.sel-wpwWJ .title-63pJt {\n  display: block;\n}\n\n@media all and (max-width: 1800px) {\n  .PaletteItem-jutHc {\n    width: 81px;\n    height: 81px;\n  }\n  .imageWrapper--38qX {\n    width: 79px;\n    height: 79px;\n  }\n  .imageBackground-qOQQh {\n    width: 71px;\n    height: 71px;\n  }\n  .wcImage-e8f7s {\n    height: 71px;\n  }\n  .title-63pJt {\n    line-height: 81px;\n    font-size: 12px;\n  }\n}\n";
-styleInject(css_248z);
-
-var Room = function Room(_ref) {
-  var itemP = _ref.item,
-    from = _ref.from;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx("div", {
-    className: paletteItem,
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.clickedOnStaticRoomPalette(item, !!from);
-    },
-    children: /*#__PURE__*/jsx("div", {
-      className: classnames(item.sel ? sel : undefined),
-      children: /*#__PURE__*/jsxs("div", {
-        className: classnames(imageWrapper),
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(imageBackground),
-          children: /*#__PURE__*/jsx("div", {
-            className: wcImage,
-            style: {
-              backgroundImage: "url(".concat(item.url, ")")
-            }
-          })
-        }), /*#__PURE__*/jsx("div", {
-          className: classnames(title, !item.url ? textHover : undefined),
-          children: t('configurator.' + item.N)
-        })]
-      })
-    })
-  });
-};
-var RoomSerious = observer(Room);
-
-export { RoomSerious as default };

package/build/esm/index-c5d91ede.js

@@ -1,94 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-2cafc9c7.js';
-import 'react';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import SettingsHeader from './index-1207317b.js';
-import { jsxs, 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/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 wcTextBox = "wcTextBox-S90ki";
-var row = "row-U3gX-";
-var title = "title-Hgohv";
-var left = "left-0Vchg";
-var right = "right-jyg7C";
-var colum = "colum-DdC26";
-var languageWrapper = "language-wrapper-mZdxS";
-var languageTitle = "language-title-OOwzi";
-var css_248z = ".PaletteItem-pPFog {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.PaletteItem-pPFog:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.PaletteItem-pPFog:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.wcTextBox-S90ki {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.row-U3gX- {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.title-Hgohv {\n  display: flex;\n}\n.left-0Vchg {\n  width: 40%;\n}\n.right-jyg7C {\n  width: 60%;\n}\n\n.colum-DdC26 {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.language-wrapper-mZdxS {\n  display: flex;\n}\n.language-title-OOwzi {\n  width: 50px;\n  line-height: 60px;\n}\n";
-styleInject(css_248z);
-
-var TextBox = function TextBox(_ref) {
-  var _viewHandler$getViewC, _items$2;
-  var item = _ref.item,
-    paletteId = _ref.paletteId;
-  var viewHandler = useViewHandler();
-  var items = item.groups[0].items;
-  var handleChange = function handleChange(e) {
-    if (items[0]) {
-      items[0].freeText = e.target.value;
-      viewHandler.paletteViewHandler.clickedOnConfigPalette(items[0], 'inputbox', paletteId);
-    }
-  };
-  //for classification
-  var handleLangTextChange = function handleLangTextChange(lang, value) {
-    viewHandler.paletteViewHandler.onFreeTextLangChanged(lang, value, items[0], paletteId);
-  };
-  var languages = (_viewHandler$getViewC = viewHandler.getViewConfig().languagesForInput) !== null && _viewHandler$getViewC !== void 0 ? _viewHandler$getViewC : [];
-  return /*#__PURE__*/jsxs("div", {
-    className: row,
-    ref: function ref(_ref2) {
-      return item.htmlRef = _ref2;
-    },
-    children: [/*#__PURE__*/jsx("div", {
-      className: classnames(colum, title, left),
-      children: /*#__PURE__*/jsx(SettingsHeader, {
-        item: item,
-        isInScroller: true,
-        isSettingsHeader: false
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(colum, right),
-      children: languages.length ? /*#__PURE__*/jsx(Fragment, {
-        children: languages.map(function (lang) {
-          var _items$;
-          return /*#__PURE__*/jsxs("div", {
-            className: languageWrapper,
-            children: [/*#__PURE__*/jsx("div", {
-              className: languageTitle,
-              children: lang
-            }), /*#__PURE__*/jsx("input", {
-              className: wcTextBox,
-              onChange: function onChange(e) {
-                return handleLangTextChange(lang, e.target.value);
-              },
-              type: "text",
-              value: (_items$ = items[0]) !== null && _items$ !== void 0 && (_items$ = _items$.freeTextLang) !== null && _items$ !== void 0 && _items$[lang] ? items[0].freeTextLang[lang] : ''
-            })]
-          }, lang);
-        })
-      }) : /*#__PURE__*/jsx("div", {
-        children: /*#__PURE__*/jsx("input", {
-          className: wcTextBox,
-          onChange: handleChange,
-          type: "text",
-          value: (_items$2 = items[0]) !== null && _items$2 !== void 0 && _items$2.freeText ? items[0].freeText : ''
-        })
-      })
-    })]
-  });
-};
-var TextBox$1 = observer(TextBox);
-
-export { TextBox$1 as default };

package/build/esm/index-c9666182.js

@@ -1,153 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-2cafc9c7.js';
-import { observer } from 'mobx-react-lite';
-import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { useState, useEffect } from 'react';
-import { ContentItemComponent } from '@crystaldesign/content-item';
-import Draggable from 'react-draggable';
-import classnames from 'classnames';
-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/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-epfZs";
-var header = "header-GXHlA";
-var handle = "handle-wTliC";
-var closeIcon = "close-icon-L0FOF";
-var mobile = "mobile-3mXgj";
-var css_248z = ".wrapper-epfZs {\n  z-index: 1000;\n  position: absolute;\n  display: flex;\n  background: white;\n  width: 450px;\n  flex-direction: column;\n\n  color: #4f4f4f;\n  font-size: 15px;\n  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25098);\n  border-radius: 5px;\n  top: 0;\n  margin: 4px;\n}\n\n.header-GXHlA {\n  display: flex;\n  justify-content: flex-end;\n  width: 100%;\n  position: absolute;\n  z-index: 1100;\n}\n\n.handle-wTliC {\n  cursor: move;\n  flex-grow: 1;\n}\n\n.close-icon-L0FOF {\n  padding: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM8.64645 9.35355C8.84171 9.54882 9.15829 9.54882 9.35355 9.35355C9.54882 9.15829 9.54882 8.84171 9.35355 8.64645L8.64645 9.35355ZM9.35355 1.35355C9.54882 1.15829 9.54882 0.841709 9.35355 0.646447C9.15829 0.451184 8.84171 0.451184 8.64645 0.646447L9.35355 1.35355ZM0.646447 8.64645C0.451185 8.84171 0.451185 9.15829 0.646447 9.35355C0.841709 9.54881 1.15829 9.54881 1.35355 9.35355L0.646447 8.64645ZM0.646447 1.35355L8.64645 9.35355L9.35355 8.64645L1.35355 0.646447L0.646447 1.35355ZM8.64645 0.646447L0.646447 8.64645L1.35355 9.35355L9.35355 1.35355L8.64645 0.646447Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.close-icon-L0FOF:hover {\n  background-size: 36%;\n  cursor: pointer;\n}\n\n.mobile-3mXgj {\n  height: 100%;\n}\n";
-styleInject(css_248z);
-
-var ContentItemWrapper = function ContentItemWrapper(_ref) {
-  var _viewHandler$productS;
-  var id = _ref.id,
-    _ref$startPos = _ref.startPos,
-    startPos = _ref$startPos === void 0 ? 'left' : _ref$startPos,
-    noWrapper = _ref.noWrapper;
-  var _useDivaCore = useDivaCore(),
-    contentItemHandler = _useDivaCore.handler.contentItemHandler,
-    _useDivaCore$actions = _useDivaCore.actions,
-    openSideMenu = _useDivaCore$actions.openSideMenu,
-    closeSideMenu = _useDivaCore$actions.closeSideMenu;
-  var _useTranslation = useTranslation(),
-    language = _useTranslation.i18n.language;
-  var viewHandler = useViewHandler();
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    data = _useState2[0],
-    setData = _useState2[1];
-  useEffect(function () {
-    if (!id) return;
-    loadData();
-  }, [id]);
-  var loadData = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var data;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return contentItemHandler.getContentItem(id, language);
-          case 2:
-            data = _context.sent;
-            setData(data);
-            if (viewHandler.getIsInMobileView()) {
-              openSideMenu({
-                side: 'left',
-                onClose: function onClose() {
-                  viewHandler.settingsState.setContentItemId();
-                  closeSideMenu();
-                },
-                open: true,
-                content: /*#__PURE__*/jsx("div", {
-                  className: classnames(mobile),
-                  children: /*#__PURE__*/jsx(ContentItemComponent, {
-                    settings: {
-                      contentItems: data.content,
-                      wrapperStyle: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        height: '100%'
-                      }
-                    }
-                  })
-                })
-              });
-            }
-          case 5:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function loadData() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  useEffect(function () {
-    if (id === undefined) setData(undefined);
-  }, [id]);
-  if (!data) return /*#__PURE__*/jsx(Fragment, {});
-  if (viewHandler.getIsInMobileView()) {
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  if (noWrapper) {
-    return /*#__PURE__*/jsx(ContentItemComponent, {
-      settings: {
-        contentItems: data.content,
-        wrapperStyle: {
-          display: 'flex',
-          flexDirection: 'column',
-          maxHeight: 'inherit'
-        }
-      }
-    });
-  }
-  var parentSizes = (_viewHandler$productS = viewHandler.productState.productElement) === null || _viewHandler$productS === void 0 ? void 0 : _viewHandler$productS.getBoundingClientRect();
-  return /*#__PURE__*/jsx(Draggable, {
-    handle: ".handle",
-    bounds: "parent",
-    defaultPosition: startPos == 'right' ? {
-      x: parentSizes !== null && parentSizes !== void 0 && parentSizes.width ? (parentSizes === null || parentSizes === void 0 ? void 0 : parentSizes.width) - 508 : 0,
-      y: 0
-    } : undefined,
-    children: /*#__PURE__*/jsxs("div", {
-      className: wrapper,
-      style: {
-        maxHeight: parentSizes !== null && parentSizes !== void 0 && parentSizes.height && parentSizes.height < 700 + 20 ? (parentSizes === null || parentSizes === void 0 ? void 0 : parentSizes.height) - 20 : 700
-      },
-      children: [/*#__PURE__*/jsxs("div", {
-        className: header,
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames('handle', handle)
-        }), /*#__PURE__*/jsx("div", {
-          className: closeIcon,
-          onClick: function onClick() {
-            return viewHandler.settingsState.setContentItemId();
-          }
-        })]
-      }), /*#__PURE__*/jsx(ContentItemComponent, {
-        settings: {
-          contentItems: data.content,
-          wrapperStyle: {
-            display: 'flex',
-            flexDirection: 'column',
-            maxHeight: 'inherit'
-          }
-        }
-      })]
-    })
-  });
-};
-var ContentItemWrapper$1 = observer(ContentItemWrapper);
-
-export { ContentItemWrapper$1 as default };

package/build/esm/index-c9c7ab4e.js

@@ -1,139 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-2cafc9c7.js';
-import classnames from 'classnames';
-import { useRef } from 'react';
-import { observer } from 'mobx-react-lite';
-import { jsx, jsxs } 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';
-
-var wrapper = "wrapper-e-9oi";
-var scrollable = "scrollable-5pDmY";
-var header = "header-2oApV";
-var container = "container-vPqn9";
-var rtvtable = "rtvtable-6rpxJ";
-var css_248z = ".wrapper-e-9oi {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  background-color: rgba(255, 255, 255, 0.384);\n}\n.scrollable-5pDmY {\n  overflow: auto;\n  left: 50px;\n}\n.header-2oApV {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n.container-vPqn9 {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n.rtvtable-6rpxJ td,\n.rtvtable-6rpxJ th {\n  border: 1px solid rgba(221,221,221,0.35686);\n  text-align: left;\n}\n\n.rtvtable-6rpxJ tr:nth-child(even) {\n  background-color: rgba(221,221,221,0.35686);\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 RTVAnalyzer = function RTVAnalyzer(props) {
-  var _useViewHandler = useViewHandler(),
-    rtvAnalyzeData = _useViewHandler.rtvAnalyzeData;
-  var oldData = useRef();
-  var totalSize = 0;
-  var geoSize = 0;
-  var texSize = 0;
-  rtvAnalyzeData.forEach(function (dt) {
-    return dt.active && (totalSize += dt.sizeMb, dt.type == 'GEO' ? geoSize += dt.sizeMb : texSize += dt.sizeMb);
-  });
-  var data = rtvAnalyzeData.filter(function (dt) {
-    return dt.active;
-  }).sort(function (a, b) {
-    return b.sizeMb - a.sizeMb;
-  });
-  data = data.map(function (newdt) {
-    var _oldData$current;
-    if ((_oldData$current = oldData.current) !== null && _oldData$current !== void 0 && _oldData$current.find(function (olddt) {
-      return newdt.name == olddt.name && olddt.active == true;
-    })) {
-      return _objectSpread(_objectSpread({}, newdt), {}, {
-        "new": false
-      });
-    } else {
-      return _objectSpread(_objectSpread({}, newdt), {}, {
-        "new": true
-      });
-    }
-  });
-  oldData.current = data;
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable),
-    children: /*#__PURE__*/jsxs("div", {
-      className: wrapper,
-      children: [/*#__PURE__*/jsx("a", {
-        className: header,
-        children: "RTV Analyzer"
-      }), /*#__PURE__*/jsx("div", {
-        className: container,
-        children: /*#__PURE__*/jsxs("table", {
-          className: rtvtable,
-          children: [/*#__PURE__*/jsxs("tr", {
-            children: [/*#__PURE__*/jsx("th", {
-              children: "Art"
-            }), /*#__PURE__*/jsx("th", {
-              children: "Name"
-            }), /*#__PURE__*/jsx("th", {
-              children: "Pfad"
-            }), /*#__PURE__*/jsx("th", {
-              children: "Geos (std mat)"
-            }), /*#__PURE__*/jsx("th", {
-              children: "Gr\xF6\xDFe (MB | %)"
-            })]
-          }), /*#__PURE__*/jsxs("tr", {
-            children: [/*#__PURE__*/jsx("th", {}), /*#__PURE__*/jsx("th", {
-              children: "Gesamt"
-            }), /*#__PURE__*/jsx("th", {}), /*#__PURE__*/jsx("th", {}), /*#__PURE__*/jsx("th", {
-              children: Math.round(totalSize * 100) / 100 + 'mb | 100%'
-            })]
-          }), /*#__PURE__*/jsxs("tr", {
-            children: [/*#__PURE__*/jsx("th", {}), /*#__PURE__*/jsx("th", {
-              children: "Geo Gesamt"
-            }), /*#__PURE__*/jsx("th", {}), /*#__PURE__*/jsx("th", {}), /*#__PURE__*/jsx("th", {
-              children: Math.round(geoSize * 100) / 100 + 'mb | ' + Math.round(geoSize / totalSize * 100) + '%'
-            })]
-          }), /*#__PURE__*/jsxs("tr", {
-            children: [/*#__PURE__*/jsx("th", {}), /*#__PURE__*/jsx("th", {
-              children: "Tex Gesamt"
-            }), /*#__PURE__*/jsx("th", {}), /*#__PURE__*/jsx("th", {}), /*#__PURE__*/jsx("th", {
-              children: Math.round(texSize * 100) / 100 + 'mb | ' + Math.round(texSize / totalSize * 100) + '%'
-            })]
-          }), data.map(function (dt) {
-            return /*#__PURE__*/jsxs("tr", {
-              style: !dt.found ? {
-                color: 'red'
-              } : dt["new"] ? {
-                fontWeight: 'bold'
-              } : {},
-              children: [/*#__PURE__*/jsx("td", {
-                children: dt.type
-              }), /*#__PURE__*/jsx("td", {
-                children: dt.name
-              }), /*#__PURE__*/jsx("td", {
-                children: /*#__PURE__*/jsx("div", {
-                  style: {
-                    maxHeight: 20,
-                    lineBreak: 'anywhere',
-                    overflow: 'hidden',
-                    cursor: 'copy'
-                  },
-                  onClick: function onClick() {
-                    navigator.clipboard.writeText(dt.path);
-                  },
-                  children: dt.type != 'MAT' ? dt.path.replace(dt.path.slice(0, dt.path.indexOf('diva3darchiv') + 12), '') : dt.path
-                })
-              }), /*#__PURE__*/jsx("td", {
-                children: dt.geo
-              }), /*#__PURE__*/jsx("td", {
-                children: Math.round(dt.sizeMb * 100) / 100 + 'mb | ' + Math.round(dt.sizeMb / totalSize * 100) + '%'
-              })]
-            });
-          })]
-        })
-      })]
-    })
-  }));
-};
-var RTVAnalyzer$1 = observer(RTVAnalyzer);
-
-export { RTVAnalyzer$1 as default };