@crystaldesign/diva-web-planner-react 24.12.1 → 24.12.2

package/build/esm/index-ae5ce155.js

@@ -1,129 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-945074f1.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-cb0c03a2.js';
-import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-2b309493.js';
-import MetaData from './index-e4dd8413.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-55f945c0.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';
-
-var paletteItem = "PaletteItem-pvphX";
-var wcVCodexText = "wcVCodexText-2VGmK";
-var sel = "sel-e2r3E";
-var imageWrapper = "imageWrapper-eKZwi";
-var small = "small-b58yQ";
-var wcImage = "wcImage-y7r8f";
-var title = "title-MeHlK";
-var big = "big-2aHax";
-var css_248z = "/*Size Normal */\r\n\r\n.PaletteItem-pvphX {\r\n  border-radius: var(--globalBorderRadius);\r\n  position: relative;\r\n  height: 136px;\r\n  z-index: 100;\r\n  transition: all 0.15s ease;\r\n  cursor: pointer;\r\n}\r\n\r\n.PaletteItem-pvphX:active,\r\n.PaletteItem-pvphX:hover {\r\n  z-index: 200;\r\n  transition: 0.15s ease;\r\n}\r\n\r\n.wcVCodexText-2VGmK {\r\n  position: absolute;\r\n  line-height: 104px;\r\n  width: 100%;\r\n  color: white;\r\n  display: none;\r\n  text-align: center;\r\n}\r\n\r\n.PaletteItem-pvphX:hover .wcVCodexText-2VGmK,\r\n.sel-e2r3E .wcVCodexText-2VGmK {\r\n  display: block;\r\n}\r\n\r\n.imageWrapper-eKZwi {\r\n  border-radius: 50%;\r\n  border: 1px rgb(230, 230, 230) solid;\r\n  width: 104px;\r\n  height: 104px;\r\n  transition: 0.15s ease;\r\n  position: relative;\r\n}\r\n.imageWrapper-eKZwi:hover {\r\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\r\n  border: 1px var(--primaryColor) solid;\r\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\r\n}\r\n.sel-e2r3E .imageWrapper-eKZwi:hover,\r\n.small-b58yQ.sel-e2r3E .imageWrapper-eKZwi:hover {\r\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\r\n  border: 1px rgb(230, 230, 230) solid;\r\n}\r\n.sel-e2r3E .imageWrapper-eKZwi,\r\n.small-b58yQ.sel-e2r3E .imageWrapper-eKZwi {\r\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\r\n}\r\n\r\n.wcImage-y7r8f {\r\n  width: 96px;\r\n  height: 96px;\r\n  border: 4px white solid;\r\n  border-radius: 50%;\r\n  user-select: none;\r\n  -moz-user-select: none;\r\n  -webkit-user-drag: none;\r\n  -webkit-user-select: none;\r\n  -ms-user-select: none;\r\n}\r\n.sel-e2r3E .wcImage-y7r8f,\r\n.small-b58yQ.sel-e2r3E .wcImage-y7r8f {\r\n  border: 4px var(--primaryColor) solid;\r\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\r\n}\r\n\r\n.hexColor-qat17 {\r\n  width: 80px;\r\n  height: 80px;\r\n}\r\n\r\n.title-MeHlK {\r\n  margin-top: 4px;\r\n  text-align: center;\r\n  float: left;\r\n  max-height: 64px;\r\n  min-height: 16px;\r\n  width: 100%;\r\n  font-size: 14px;\r\n  line-height: 16px;\r\n  overflow: hidden;\r\n  display: -webkit-box;\r\n  word-wrap: break-word;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-hyphens: auto;\r\n  hyphens: auto;\r\n  -webkit-line-clamp: 2;\r\n  position: relative;\r\n  -webkit-hyphens: auto;\r\n  hyphens: auto;\r\n  user-select: none;\r\n  -moz-user-select: none;\r\n  -webkit-user-drag: none;\r\n  -webkit-user-select: none;\r\n  -ms-user-select: none;\r\n  z-index: 400;\r\n}\r\n\r\n.PaletteItem-pvphX:hover .title-MeHlK,\r\n.small-b58yQ .PaletteItem-pvphX:hover .title-MeHlK {\r\n  max-height: 608px;\r\n  -webkit-line-clamp: 30;\r\n  overflow: visible;\r\n  z-index: 200;\r\n}\r\n\r\n/* Size Small */\r\n\r\n.small-b58yQ.PaletteItem-pvphX {\r\n  width: 60px;\r\n  height: 80px;\r\n}\r\n\r\n.small-b58yQ .wcVCodexText-2VGmK {\r\n  line-height: 58px;\r\n  font-size: 12px;\r\n}\r\n\r\n.small-b58yQ .imageWrapper-eKZwi {\r\n  width: 58px;\r\n  height: 58px;\r\n}\r\n\r\n.small-b58yQ .wcImage-y7r8f {\r\n  width: 50px;\r\n  height: 50px;\r\n}\r\n\r\n.small-b58yQ .title-MeHlK {\r\n  font-size: 12px;\r\n  margin-top: 6px;\r\n  -webkit-line-clamp: 1;\r\n}\r\n/* Size very Small */\r\n\r\n.very-small-sUUki.PaletteItem-pvphX {\r\n  width: 50px;\r\n  height: 65px;\r\n}\r\n\r\n.very-small-sUUki .wcVCodexText-2VGmK {\r\n  line-height: 48px;\r\n  font-size: 10px;\r\n}\r\n\r\n.very-small-sUUki .imageWrapper-eKZwi {\r\n  width: 48px;\r\n  height: 48px;\r\n}\r\n\r\n.very-small-sUUki .wcImage-y7r8f {\r\n  width: 40px;\r\n  height: 40px;\r\n}\r\n\r\n.very-small-sUUki .title-MeHlK {\r\n  font-size: 10px;\r\n  margin-top: 5px;\r\n  -webkit-line-clamp: 1;\r\n}\r\n\r\n/* Size big */\r\n\r\n.big-2aHax.PaletteItem-pvphX {\r\n  width: 170px;\r\n  height: 200px;\r\n}\r\n\r\n.big-2aHax .wcVCodexText-2VGmK {\r\n  line-height: 158px;\r\n  font-size: 15px;\r\n}\r\n\r\n.big-2aHax .imageWrapper-eKZwi {\r\n  width: 158px;\r\n  height: 158px;\r\n}\r\n\r\n.big-2aHax .wcImage-y7r8f {\r\n  width: 150px;\r\n  height: 150px;\r\n}\r\n\r\n.big-2aHax .title-MeHlK {\r\n  font-size: 15px;\r\n  margin-top: 10px;\r\n  -webkit-line-clamp: 2;\r\n}\r\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 Option = function Option(_ref) {
-  var _item$hexColor, _renderLayer;
-  var itemP = _ref.item,
-    type = _ref.type,
-    paletteId = _ref.paletteId;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    metaDataVisible = _useState2[0],
-    setMetaDataVisible = _useState2[1];
-  var onClick = function onClick() {
-    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;
-
-  /* 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,
-    className: classnames(type == 'small' ? small : undefined, type == 'big' ? big : undefined, paletteItem, item.sel ? sel : undefined),
-    onClick: onClick
-  }, triggerProps), hoverProps), {}, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(imageWrapper),
-      children: [item.vCodex && /*#__PURE__*/jsx("div", {
-        className: classnames(wcVCodexText),
-        children: item.vCodex
-      }), item.image ? /*#__PURE__*/jsx("img", {
-        className: classnames(wcImage),
-        src: item.image
-      }) : /*#__PURE__*/jsx("div", {
-        className: classnames(wcImage),
-        style: {
-          backgroundColor: '#' + ((_item$hexColor = item.hexColor) !== null && _item$hexColor !== void 0 ? _item$hexColor : 'dfdfdf')
-        }
-      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-        item: item
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      className: title,
-      dangerouslySetInnerHTML: {
-        __html: item.text
-      }
-    }), item.doShowFav && /*#__PURE__*/jsx("div", {
-      className: item.isFav ? wcFavoriteSel : wcFavorite,
-      onClick: function onClick() {
-        return viewHandler.paletteViewHandler.clickedOnFavIcon(item);
-      }
-    }), /*#__PURE__*/jsx(MetaData, {
-      style: {
-        position: 'relative',
-        "float": 'left',
-        display: 'none'
-      },
-      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 : ''),
-      hexColor: item.hexColor,
-      desciption: metaDataVisible,
-      image: item.image,
-      layerProps: layerProps
-    }, item.codex)))]
-  }));
-};
-var Default = observer(Option);
-
-export { Default as default };

package/build/esm/index-af53ac92.js

@@ -1,116 +0,0 @@
-import { s as styleInject } from './index-945074f1.js';
-import 'react';
-import PlannerUI from './index-c543673f.js';
-import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-cd07a1a9.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 'mobx-react-lite';
-import './index-60737a14.js';
-import 'classnames';
-import './index-b9afb619.js';
-import './index-7699b413.js';
-import './index-aab63fb5.js';
-import './index-a85083d0.js';
-import './index-d35c61cb.js';
-import './index-b3fa05c3.js';
-import './index-ad28556b.js';
-import './index-5f65411c.js';
-import './index-3a96f3a0.js';
-import './index-8069bbfe.js';
-import './index-3471ae5d.js';
-import './index-eb44ff15.js';
-import 'react-draggable';
-import './index-f8eefb2c.js';
-import './index-7ae7f004.js';
-import './index-4387cb6f.js';
-
-var hidden = "hidden-75j7C";
-var css_248z = ".hidden-75j7C {\r\n  display: none;\r\n}\r\n";
-styleInject(css_248z);
-
-var HiddenPlannerUI = function HiddenPlannerUI() {
-  var plannerUIProps = {
-    classes: {
-      buttonGeneral: hidden,
-      dockingPoint: {
-        AVL: {
-          avl: '',
-          avlSel: ''
-        },
-        AVR: {
-          avr: '',
-          avrSel: ''
-        },
-        DPACC: {
-          dp2DAccDocking: '',
-          dp2DAccNotDocking: '',
-          dp2DAccNotDockingSel: '',
-          dp3DAccDocking: '',
-          dp3DAccNotDocking: '',
-          dp3DAccNotDockingSel: ''
-        }
-      },
-      copy: {
-        BoxPlannerCopy: {
-          copyGlobal: '',
-          copyLeft: '',
-          copyTop: '',
-          copyRight: ''
-        },
-        ElementCopy: ''
-      },
-      outline: {
-        outline3D: {
-          outlineSVG: wc3DOutlineSvg,
-          outlinePolygon: wc3DOutlinePolygon,
-          outlinePolygonContours: wc3DOutlinePolygonContours,
-          outlinePolygonContoursSel: wc3DOutlinePolygonContoursSel
-        },
-        outline2D: {
-          draggable: '',
-          draggableActive: '',
-          selectable: ''
-        }
-      },
-      posNr: {
-        posNr: '',
-        posNrAcc: '',
-        posNrSelectable: '',
-        posNrSelectableArea: '',
-        posNrSelected: '',
-        posNrUnSelectable: '',
-        posNrOnHover: ''
-      },
-      rotation: {
-        rotClock: '',
-        rotCounterClock: '',
-        rot3DGrid: ''
-      },
-      move3DGrid: {
-        move3DGrid: ''
-      },
-      trash: '',
-      dimension: {
-        distanceToGround: '',
-        distanceToGroundIcon: ''
-      }
-    }
-  };
-  return /*#__PURE__*/jsx(PlannerUI, {
-    plannerUIProps: plannerUIProps
-  });
-};
-
-export { HiddenPlannerUI as default };

package/build/esm/index-b2a35d0e.js

@@ -1,40 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-945074f1.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-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/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 logo = "logo-h99KB";
-var mobile = "mobile-W86xf";
-var hidden = "hidden-uMA1f";
-var notHidden = "not-hidden-88ft-";
-var landscape = "landscape-gPEyU";
-var css_248z = ".logo-h99KB {\r\n  right: 0px;\r\n  bottom: 0px;\r\n  position: absolute;\r\n  z-index: 600;\r\n  opacity: 1;\r\n  max-width: 30%;\r\n  max-height: 64px;\r\n  margin-bottom: 16px;\r\n  margin-right: 20px;\r\n}\r\n\r\n.mobile-W86xf {\r\n  right: auto;\r\n  right: initial;\r\n  left: 0px;\r\n  margin-bottom: 10px;\r\n  margin-right: 0;\r\n  margin-right: initial;\r\n  margin-left: 20px;\r\n  max-height: 50px;\r\n}\r\n\r\n.hidden-uMA1f {\r\n  opacity: 0;\r\n}\r\n\r\n.not-hidden-88ft- {\r\n  transition: opacity 0.5s;\r\n}\r\n\r\n.landscape-gPEyU.logo-h99KB {\r\n  opacity: 0;\r\n}\r\n";
-styleInject(css_248z);
-
-var Logo = function Logo(props) {
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    logoUrl = _useDivaCore.state.organization.logoUrl;
-  if (!viewHandler.uiState.isInMobileView && !viewHandler.uiState.ViewConfig.showLogoInProductDesktop || !viewHandler.uiState.ViewConfig.showLogoInProduct || !logoUrl) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("img", {
-    className: classnames(logo, viewHandler.getIsInMobileView() ? mobile : undefined, viewHandler.productState.orbitHidden ? notHidden : hidden, viewHandler.uiState.isMobileLandscape ? landscape : undefined),
-    src: logoUrl
-  });
-};
-var Logo$1 = observer(Logo);
-
-export { Logo$1 as default };

package/build/esm/index-b34188dc.js

@@ -1,40 +0,0 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-945074f1.js';
-import 'react';
-import classnames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-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 'mobx-react-lite';
-
-var wcFoldArrow = "wcFoldArrow-sIgSx";
-var wcCancelArrow = "wcCancelArrow-PZ86-";
-var wcOpenArrow = "wcOpenArrow-TZzZy";
-var wcClosedArrow = "wcClosedArrow-fWMiX";
-var css_248z = ".wcFoldArrow-sIgSx {\r\n  transition: transform 0.35s ease, width 0.5s ease, height 0.5s ease;\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  position: absolute;\r\n  background-size: contain;\r\n  right: 10px;\r\n  top: 8px;\r\n  width: 12px;\r\n  height: 12px;\r\n  transform: rotateZ(0deg);\r\n}\r\n.wcCancelArrow-PZ86- {\r\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%0D%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n\r\n.wcCancelArrow-PZ86-:hover {\r\n  transform: rotateZ(90deg);\r\n}\r\n\r\n.wcOpenArrow-TZzZy {\r\n  transform: rotateZ(180deg);\r\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2211%22 height%3D%227%22 viewBox%3D%220 0 11 7%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M10.4375 0.688354L6.15179 5.68835L1.4375 0.688354%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n\r\n.wcClosedArrow-fWMiX {\r\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2211%22 height%3D%227%22 viewBox%3D%220 0 11 7%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M10.4375 0.688354L6.15179 5.68835L1.4375 0.688354%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n";
-styleInject(css_248z);
-
-var _excluded = ["onClick", "iconAsDelete", "open"];
-var Arrow = function Arrow(_ref) {
-  var onClick = _ref.onClick,
-    iconAsDelete = _ref.iconAsDelete,
-    open = _ref.open,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsx("span", {
-    onClick: onClick,
-    onTouchEnd: onClick,
-    className: classnames(wcFoldArrow, iconAsDelete ? wcCancelArrow : undefined, !iconAsDelete ? open ? wcOpenArrow : wcClosedArrow : undefined, props.className)
-  });
-};
-
-export { Arrow as default };

package/build/esm/index-b3fa05c3.js

@@ -1,43 +0,0 @@
-import './index-945074f1.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 RotationCounterClockwise = function RotationCounterClockwise(_ref) {
-  var item = _ref.item,
-    rect = _ref.rect,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    onClick: function onClick() {
-      var _item$clickFunction;
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
-    },
-    style: {
-      left: rect.left + 'px',
-      top: rect.top + 'px'
-    },
-    className: classnames(plannerUIProps.classes.rotation.rotCounterClock, plannerUIProps.classes.buttonGeneral),
-    children: item.posNr
-  });
-};
-var RotationCounterClockwise$1 = observer(RotationCounterClockwise);
-
-export { RotationCounterClockwise$1 as default };

package/build/esm/index-b5b683b5.js

@@ -1,142 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-945074f1.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import { useState, useCallback, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import { ContentBoxComponent } from '@crystaldesign/content-box';
-import SettingsHeader from './index-ca0e4969.js';
-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/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 productsGrid = "products-grid-b9XWQ";
-var skeleton = "skeleton-XdjqR";
-var css_248z = ".products-grid-b9XWQ {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\r\n  grid-auto-rows: min-content;\r\n  grid-gap: 10px;\r\n  height: 100%;\r\n  padding-top: 16px;\r\n}\r\n\r\n.skeleton-XdjqR {\r\n  width: 100%;\r\n  aspect-ratio: 1 / 1;\r\n  color: var(--primaryColor);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  font-size: 22px;\r\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\r\n}\r\n";
-styleInject(css_248z);
-
-var PromotedProducts = function PromotedProducts(_ref) {
-  var _viewHandler$configSt;
-  var item = _ref.item;
-  var _useDivaCore = useDivaCore(),
-    openComponent = _useDivaCore.actions.openComponent,
-    productHandler = _useDivaCore.handler.productHandler,
-    organization = _useDivaCore.state.organization;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    groups = _useState2[0],
-    setGroups = _useState2[1];
-  var viewHandler = useViewHandler();
-  var productsConfig = viewHandler.getViewConfig().productsConfig;
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    configChangedTimeStamp = _useState4[0],
-    setConfigChangedTimeStamp = _useState4[1];
-  var onAddProduct = useCallback(function (productId) {
-    setConfigChangedTimeStamp(viewHandler.settingsState.configChanged);
-    openComponent({
-      type: 'DIVA_WEBPLANNER',
-      parameters: {
-        productId: productId
-      },
-      internal: {
-        forceReload: '1'
-      }
-    });
-  }, [viewHandler]);
-  var selectedProduct = configChangedTimeStamp === viewHandler.settingsState.configChanged && ((_viewHandler$configSt = viewHandler.configState.productId) !== null && _viewHandler$configSt !== void 0 ? _viewHandler$configSt : !viewHandler.configState.divaNr && viewHandler.divaWebPlanner.getStartProductId());
-  useEffect(function () {
-    var _productsConfig$maxCo, _productsConfig$filte, _productsConfig$sort;
-    productHandler.apiLoadProductVariantsGrouped({
-      limit: (_productsConfig$maxCo = productsConfig === null || productsConfig === void 0 ? void 0 : productsConfig.maxCount) !== null && _productsConfig$maxCo !== void 0 ? _productsConfig$maxCo : undefined,
-      search: (_productsConfig$filte = productsConfig === null || productsConfig === void 0 ? void 0 : productsConfig.filter) !== null && _productsConfig$filte !== void 0 ? _productsConfig$filte : [{
-        id: 'availableForOrganizations',
-        op: 'eq',
-        value: organization._id
-      }, {
-        id: 'promotedForOrganizations',
-        op: 'eq',
-        value: organization._id
-      }],
-      sort: (_productsConfig$sort = productsConfig === null || productsConfig === void 0 ? void 0 : productsConfig.sort) !== null && _productsConfig$sort !== void 0 ? _productsConfig$sort : '{-created}'
-    }).then(function (result) {
-      var startProductIndex = result.data.findIndex(function (group) {
-        var _group$items$0$startP;
-        return (_group$items$0$startP = group.items[0].startProductForOrganizations) === null || _group$items$0$startP === void 0 ? void 0 : _group$items$0$startP.includes(organization._id);
-      });
-      if (startProductIndex != -1) {
-        var startProduct = result.data[startProductIndex];
-        result.data.splice(startProductIndex, 1);
-        result.data.unshift(startProduct);
-      }
-      setGroups(result.data);
-    });
-  }, [viewHandler.uiState.isLoading]);
-  var skeletons = productsConfig !== null && productsConfig !== void 0 && productsConfig.maxCount && productsConfig.showSkeletions ? getSkeletons(productsConfig.maxCount, groups.length) : [];
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(SettingsHeader, {
-      isInScroller: false,
-      isSettingsHeader: true,
-      item: item
-    }), /*#__PURE__*/jsxs("div", {
-      className: productsGrid,
-      children: [groups.map(function (group, i) {
-        return /*#__PURE__*/jsx(ContentBoxComponent, {
-          settings: {
-            contentBoxProps: {
-              type: 'ProductGallery',
-              products: group.items,
-              groupVariantsByField: ['dc_color', 'dc_mainColor'],
-              onClick: onAddProduct,
-              imageWrapperStyle: {
-                aspectRatio: 'unset'
-              },
-              wrapperStyle: group.items.find(function (i) {
-                return i._id == selectedProduct;
-              }) ? {
-                border: '1px solid var(--diva-theme-palette-primary-main)',
-                borderRadius: '5px'
-              } : undefined,
-              imageStyle: {
-                aspectRatio: '14.5 / 10',
-                objectFit: 'scale-down',
-                objectPosition: 'bottom'
-              }
-            }
-          }
-        }, group._id);
-      }), skeletons.map(function (index) {
-        return /*#__PURE__*/jsx("div", {
-          className: skeleton,
-          children: /*#__PURE__*/jsx("div", {
-            children: index
-          })
-        }, index);
-      })]
-    })]
-  });
-};
-var getSkeletons = function getSkeletons(maxCount, itemsCount) {
-  var skeletonsCount = 0;
-  if (maxCount > itemsCount) {
-    skeletonsCount = maxCount - itemsCount;
-  }
-  var skeletons = [];
-  if (skeletonsCount) {
-    for (var i = skeletonsCount - 1; i >= 0; i--) {
-      skeletons.push(maxCount - i);
-    }
-  }
-  return skeletons;
-};
-var PromotedProducts$1 = observer(PromotedProducts);
-
-export { PromotedProducts$1 as default };

package/build/esm/index-b5e6499c.js

@@ -1,54 +0,0 @@
-import { s as styleInject } from './index-945074f1.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useDivaCore, DivaUtils } 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 configuratorSpec = "Configurator-spec-Pa0bu";
-var configuratorSpecTextContainer = "Configurator-spec-text-Container-yp9wU";
-var configuratorSpecTitle = "Configurator-spec-title-JDala";
-var configuratorSpecPrice = "Configurator-spec-price-pOXke";
-var css_248z = "/*Summary*/\r\n\r\n.Configurator-spec-Pa0bu {\r\n  border-bottom: 1px solid #dfdfdf;\r\n  font-family: var(--diva-typography-font-family);\r\n  font-weight: 100;\r\n  color: var(--secondaryColor);\r\n  overflow: hidden;\r\n  display: flex;\r\n  width: 100%;\r\n  word-break: normal;\r\n  flex-direction: column;\r\n  padding: 10px 0;\r\n}\r\n\r\n.Configurator-spec-text-Container-yp9wU {\r\n  display: flex;\r\n  position: relative;\r\n}\r\n.Configurator-spec-title-JDala {\r\n  font-size: 16px;\r\n  width: 70%;\r\n  margin-right: 20px;\r\n}\r\n\r\n.Configurator-spec-price-pOXke {\r\n  text-align: right;\r\n  width: 30%;\r\n  color: var(--primaryColor);\r\n  font-weight: 300;\r\n  line-height: 1.5;\r\n}\r\n\r\n.Configurator-spec-Codex-ESLPx {\r\n}\r\n";
-styleInject(css_248z);
-
-var SummaryPartlist = function SummaryPartlist(_ref) {
-  var itemP = _ref.item;
-  var item = itemP;
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(configuratorSpec),
-    children: /*#__PURE__*/jsxs("div", {
-      className: configuratorSpecTextContainer,
-      children: [/*#__PURE__*/jsx("span", {
-        className: configuratorSpecTitle,
-        children: item.title
-      }), /*#__PURE__*/jsx("span", {
-        className: configuratorSpecTitle,
-        children: item.description
-      }), /*#__PURE__*/jsx("span", {
-        className: configuratorSpecTitle,
-        children: 'x' + item.posNr
-      }), !hidePrices && !!item.price && /*#__PURE__*/jsx("span", {
-        className: configuratorSpecPrice,
-        children: DivaUtils.formatPrice(item.price)
-      })]
-    })
-  });
-};
-var SummaryPartlist$1 = observer(SummaryPartlist);
-
-export { SummaryPartlist$1 as default };

package/build/esm/index-b92ae7fe.js

@@ -1,63 +0,0 @@
-import { u as useViewHandler } from './index-945074f1.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import Collapsible from 'react-collapsible';
-import ConfigStep from './index-800c0d98.js';
-import Header from './index-0cd94b56.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 'classnames';
-
-var VerticalTabGroupItemClassification = function VerticalTabGroupItemClassification(_ref) {
-  var tabGroup = _ref.tabGroup;
-    _ref.height;
-    _ref.minHeight;
-  var viewHandler = useViewHandler();
-  var tabGroupItemRef = useRef(null);
-  useEffect(function () {
-    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
-  }, [tabGroupItemRef]);
-  var configSteps = Object.values(tabGroup.options).map(function (o) {
-    return Object.values(o.configSteps).map(function (s) {
-      return {
-        configStep: s,
-        option: o
-      };
-    });
-  }).flat();
-  return /*#__PURE__*/jsx("div", {
-    ref: tabGroupItemRef,
-    children: /*#__PURE__*/jsx(Collapsible, {
-      open: true,
-      easing: "ease",
-      trigger: /*#__PURE__*/jsx(Header, {
-        tabGroup: tabGroup,
-        open: false
-      }),
-      triggerWhenOpen: /*#__PURE__*/jsx(Header, {
-        tabGroup: tabGroup,
-        open: true
-      }),
-      children: configSteps.map(function (step) {
-        return /*#__PURE__*/jsx(ConfigStep, {
-          step: step
-        }, step.configStep.key);
-      })
-    })
-  });
-};
-var index = observer(VerticalTabGroupItemClassification);
-
-export { index as default };