@crystaldesign/diva-web-planner-react 25.1.0-rc.9 → 25.1.0

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

@@ -1,111 +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-497c4f05.js';
-import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-dc5dddca.js';
-import GenericToolTip from './index-6982a074.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';
-import './index-d0d2d16d.js';
-
-var container = "container-08OcY";
-var sel = "sel-hd522";
-var titleContainer = "title-container-QzcUc";
-var title = "title-WUWIa";
-var subTitle = "sub-title-OQXRX";
-var css_248z = ".container-08OcY {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.container-08OcY.sel-hd522 {\n  border-color: var(--primaryColor);\n}\n\n.container-08OcY:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.container-08OcY img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.title-container-QzcUc {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.title-WUWIa,\n.sub-title-OQXRX {\n  height: auto;\n  margin: 0 3px;\n}\n\n.title-WUWIa {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.sub-title-OQXRX {\n  margin-top: 4px;\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 300;\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 ShelfAccessoires = function ShelfAccessoires(_ref) {
-  var _renderLayer;
-  var item = _ref.item;
-    _ref.grids;
-    var sel$1 = _ref.sel;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state = _useDivaCore.state,
-    hidePrices = _useDivaCore$state.hidePrices,
-    _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: 1000,
-    hideOnScroll: true
-  });
-  var tooltip = useLayer({
-    isOpen: hover[0],
-    auto: true,
-    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
-  });
-  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip) {
-    isOver = hover[0];
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  var header = item.name;
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-    id: item.articleCodex,
-    className: classnames(container, sel$1 ? sel : undefined),
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.selectShelfAccessorie(item.articleCodex);
-    }
-  }, triggerProps), hoverProps), {}, {
-    children: [/*#__PURE__*/jsx("img", {
-      style: {
-        maxHeight: viewHandler.settingsState.settingsWidth / 3
-      },
-      src: item.image
-    }), /*#__PURE__*/jsxs("div", {
-      className: titleContainer,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(title),
-        dangerouslySetInnerHTML: {
-          __html: header
-        }
-      }), /*#__PURE__*/jsx(MetaData, {
-        metaData: item.metaData,
-        visible: [metaDataVisible, setMetaDataVisible]
-      }, item.articleCodex), !hidePrices && !!item.price && /*#__PURE__*/jsx("div", {
-        className: classnames(subTitle),
-        children: DivaUtils.formatPrice(item.price)
-      })]
-    }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-      text: item.name,
-      desciption: metaDataVisible,
-      image: item.image,
-      codex: item.articleCodex,
-      layerProps: layerProps
-    }, item.articleCodex)))]
-  }));
-};
-var ShelfAccessoires$1 = observer(ShelfAccessoires);
-
-export { ShelfAccessoires$1 as default };

package/build/esm/index-601cfe97.js

@@ -1,119 +0,0 @@
-import { s as styleInject } from './index-497c4f05.js';
-import 'react';
-import PlannerUI from './index-03af1fcd.js';
-import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-d6e0dde9.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-6cd28333.js';
-import 'classnames';
-import './index-94095646.js';
-import './index-f522b035.js';
-import './index-a4457d49.js';
-import './index-4bc1d618.js';
-import './index-9d131a5e.js';
-import './index-43c05b08.js';
-import './index-68297075.js';
-import './index-65a8988b.js';
-import './index-bace6fa1.js';
-import './index-f441eaa9.js';
-import './index-18331efc.js';
-import './index-73a08ab9.js';
-import 'react-draggable';
-import './index-7949b892.js';
-import './index-4e36f257.js';
-import './index-3d71f17e.js';
-
-var hidden = "hidden-75j7C";
-var css_248z = ".hidden-75j7C {\n  display: none;\n}\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: {
-        boxplanner: '',
-        trashClass: ''
-      },
-      dimension: {
-        distanceToGround: '',
-        distanceToGroundIcon: ''
-      }
-    }
-  };
-  return /*#__PURE__*/jsx(PlannerUI, {
-    plannerUIProps: plannerUIProps
-  });
-};
-
-export { HiddenPlannerUI as default };

package/build/esm/index-65a8988b.js

@@ -1,83 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler } from './index-497c4f05.js';
-import { useState } from 'react';
-import DPACC from './index-bace6fa1.js';
-import { Vector2 } from '@crystaldesign/web-planner-logic';
-import { jsx, Fragment } from 'react/jsx-runtime';
-
-function useDockingPointPositioning(_ref) {
-  var _item$position$x, _item$position$y, _boundingState$width, _boundingState$height;
-  var dpElement = _ref.dpElement,
-    item = _ref.item;
-  var plannerUIHandler = usePlannerUIHandler();
-  var boundingState = dpElement === null || dpElement === void 0 ? void 0 : dpElement.getBoundingClientRect();
-  var left = (_item$position$x = item === null || item === void 0 ? void 0 : item.position.x) !== null && _item$position$x !== void 0 ? _item$position$x : 0;
-  var top = (_item$position$y = item === null || item === void 0 ? void 0 : item.position.y) !== null && _item$position$y !== void 0 ? _item$position$y : 0;
-  if (boundingState && item) {
-    var correctedPos = new Vector2(left, top);
-    var viewConfig = plannerUIHandler.getViewConfig();
-    var offsetVec = new Vector2(0, 0);
-    if ((item === null || item === void 0 ? void 0 : item.type) == 'AVL' || (item === null || item === void 0 ? void 0 : item.type) == 'AVR') {
-      switch (item.plannerMode) {
-        case '2D':
-          switch (viewConfig.posDPIcon2D) {
-            case 'CORNER':
-              //Standard
-              //  offsetVec = new Vector2(-boundingState, -boundingState.height / 2);
-              // if (item?.rotOfElement) offsetVec = Vector2.rotateOrigin(offsetVec, item?.rotOfElement);
-              // correctedPos = new Vector2(left + offsetVec.x, top + offsetVec.y, "pixel");
-
-              break;
-            case 'SIDE_TOP':
-              //Pfister
-              if ((item === null || item === void 0 ? void 0 : item.type) == 'AVL') {
-                offsetVec = new Vector2(-boundingState.width, 0);
-                if (item !== null && item !== void 0 && item.rotOfElement) offsetVec = Vector2.rotateOrigin(offsetVec, item === null || item === void 0 ? void 0 : item.rotOfElement);
-                correctedPos = new Vector2(left + offsetVec.x, top + offsetVec.y, 'pixel');
-              }
-              break;
-          }
-          break;
-      }
-    } else if ((item === null || item === void 0 ? void 0 : item.type) == 'AccDP' && (item === null || item === void 0 ? void 0 : item.plannerMode) == '3D') {
-      correctedPos.y = 100 - correctedPos.y;
-    } else if (item.type == 'BoxCopyLeft' || (item === null || item === void 0 ? void 0 : item.type) == 'BoxCopyRight' || (item === null || item === void 0 ? void 0 : item.type) == 'BoxCopyTop') ;
-    left = correctedPos.x;
-    top = correctedPos.y;
-  }
-  var rect = {
-    width: (_boundingState$width = boundingState === null || boundingState === void 0 ? void 0 : boundingState.width) !== null && _boundingState$width !== void 0 ? _boundingState$width : 0,
-    height: (_boundingState$height = boundingState === null || boundingState === void 0 ? void 0 : boundingState.height) !== null && _boundingState$height !== void 0 ? _boundingState$height : 0,
-    top: top,
-    left: left
-  };
-  return rect;
-}
-
-var ItemsDPAccContainer = function ItemsDPAccContainer(_ref) {
-  var item = _ref.item,
-    plannerUIProps = _ref.plannerUIProps;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    dpAccElement = _useState2[0],
-    setDpAccElement = _useState2[1];
-  var dpAccRect = useDockingPointPositioning({
-    item: item,
-    dpElement: dpAccElement
-  });
-  return /*#__PURE__*/jsx(Fragment, {
-    children: item && /*#__PURE__*/jsx(DPACC, {
-      item: item,
-      rect: dpAccRect,
-      onElement: setDpAccElement,
-      plannerUIProps: plannerUIProps
-    }, item === null || item === void 0 ? void 0 : item.key)
-  });
-};
-
-var index = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': ItemsDPAccContainer
-});
-
-export { ItemsDPAccContainer as I, index as i, useDockingPointPositioning as u };

package/build/esm/index-68297075.js

@@ -1,44 +0,0 @@
-import './index-497c4f05.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 Trash = function Trash(_ref) {
-  var item = _ref.item,
-    rect = _ref.rect,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    onClick: function onClick() {
-      var _item$clickFunction;
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
-    },
-    style: {
-      left: rect.doUseCalc ? rect.leftCalc : item.position.interpretation == 'percentage' ? rect.left + '%' : rect.left + 'px',
-      top: rect.doUseCalc ? rect.topCalc : item.position.interpretation == 'percentage' ? rect.top + '%' : rect.top + 'px'
-    },
-    className: classnames(plannerUIProps.classes.trash.trashClass, plannerUIProps.classes.buttonGeneral, item.plannerMode == 'BOX' ? plannerUIProps.classes.trash.boxplanner : undefined),
-    id: "testDel",
-    children: item.posNr
-  });
-};
-var Trash$1 = observer(Trash);
-
-export { Trash$1 as default };

package/build/esm/index-689eca84.js

@@ -1,165 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-497c4f05.js';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-ccea4f91.js';
-import classnames from 'classnames';
-import properties from './CatalogProperties-abdfc011.js';
-import properties$1 from './ArticleProperties-02b94070.js';
-import properties$2 from './OptionProperties-a8977828.js';
-import properties$3 from './OptionValueProperties-94883d06.js';
-import Select from 'react-select';
-import { jsx, Fragment, jsxs } 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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import './index-b75bc776.js';
-import 'react-switch';
-
-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 PropertiesEditor = function PropertiesEditor(props) {
-  var _catalogData$allCatal, _allArticles$find, _allOptions$find, _allOptionsValues$fin;
-  var viewHandler = useViewHandler();
-  var catalogData = viewHandler.divaWebPlanner.getCatalogData();
-  var _useState = useState('catalog'),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentProperties = _useState2[0],
-    setCurrentProperties = _useState2[1];
-  var allArticles = Object.values((_catalogData$allCatal = catalogData === null || catalogData === void 0 ? void 0 : catalogData.allCatalogArticles) !== null && _catalogData$allCatal !== void 0 ? _catalogData$allCatal : {});
-  var allOptions = catalogData === null || catalogData === void 0 ? void 0 : catalogData.getOptions();
-  var allOptionsValues = catalogData === null || catalogData === void 0 ? void 0 : catalogData.getOptionValues();
-  var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    currentArticleCodex = _useState4[0],
-    setCurrentArticleCodex = _useState4[1];
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    currentOptionCodex = _useState6[0],
-    setCurrentOptionCodex = _useState6[1];
-  var _useState7 = useState(''),
-    _useState8 = _slicedToArray(_useState7, 2),
-    currentOptionValueCodex = _useState8[0],
-    setCurrentOptionValueCodex = _useState8[1];
-  if (!catalogData) return /*#__PURE__*/jsx(Fragment, {});
-  var dataDictionary = {
-    catalog: {
-      data: catalogData.catalogData,
-      properties: properties
-    },
-    article: {
-      data: allArticles === null || allArticles === void 0 || (_allArticles$find = allArticles.find(function (a) {
-        return a.articleCodex === currentArticleCodex;
-      })) === null || _allArticles$find === void 0 ? void 0 : _allArticles$find.catalogArticle,
-      properties: properties$1
-    },
-    option: {
-      data: allOptions === null || allOptions === void 0 || (_allOptions$find = allOptions.find(function (o) {
-        return o.codex === currentOptionCodex;
-      })) === null || _allOptions$find === void 0 ? void 0 : _allOptions$find.opt,
-      properties: properties$2
-    },
-    optionvalue: {
-      data: allOptionsValues === null || allOptionsValues === void 0 || (_allOptionsValues$fin = allOptionsValues.find(function (o) {
-        return o.codex === currentOptionValueCodex;
-      })) === null || _allOptionsValues$fin === void 0 ? void 0 : _allOptionsValues$fin.opv,
-      properties: properties$3
-    }
-  };
-  var tabsArray = ['catalog', 'article', 'option', 'optionvalue'];
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(wrapper, props.className),
-    children: [/*#__PURE__*/jsx("div", {
-      className: tabs,
-      children: tabsArray.map(function (t) {
-        return /*#__PURE__*/jsx("div", {
-          className: classnames(currentProperties === t ? sel : undefined),
-          onClick: function onClick() {
-            return setCurrentProperties(t);
-          },
-          children: t
-        }, t);
-      })
-    }), currentProperties !== 'catalog' && /*#__PURE__*/jsxs("div", {
-      className: selectionWrapper,
-      children: [/*#__PURE__*/jsx("div", {
-        className: selectionText,
-        children: 'select ' + currentProperties + ':'
-      }), currentProperties === 'article' && /*#__PURE__*/jsx(Select, {
-        styles: colourStyles,
-        className: selection,
-        value: currentArticleCodex ? {
-          label: currentArticleCodex
-        } : undefined,
-        options: allArticles.map(function (a) {
-          return {
-            label: a.articleCodex
-          };
-        }),
-        onChange: function onChange(v) {
-          return setCurrentArticleCodex(v.label);
-        }
-      }), currentProperties === 'option' && /*#__PURE__*/jsx(Select, {
-        styles: colourStyles,
-        className: selection,
-        value: currentOptionCodex ? {
-          label: currentOptionCodex
-        } : undefined,
-        options: allOptions === null || allOptions === void 0 ? void 0 : allOptions.map(function (a) {
-          return {
-            label: a.codex
-          };
-        }),
-        onChange: function onChange(v) {
-          return setCurrentOptionCodex(v.label);
-        }
-      }), currentProperties === 'optionvalue' && /*#__PURE__*/jsx(Select, {
-        styles: colourStyles,
-        className: selection,
-        value: currentOptionValueCodex ? {
-          label: currentOptionValueCodex
-        } : undefined,
-        options: allOptionsValues === null || allOptionsValues === void 0 ? void 0 : allOptionsValues.map(function (a) {
-          return {
-            label: a.codex
-          };
-        }),
-        onChange: function onChange(v) {
-          return setCurrentOptionValueCodex(v.label);
-        }
-      })]
-    }), /*#__PURE__*/jsx(Table, _objectSpread(_objectSpread({}, dataDictionary[currentProperties]), {}, {
-      id: currentProperties
-    }))]
-  }));
-};
-var PropertiesEditor$1 = observer(PropertiesEditor);
-var colourStyles = {
-  control: function control(styles) {
-    return _objectSpread(_objectSpread({}, styles), {}, {
-      backgroundColor: 'white'
-    });
-  },
-  option: function option(styles, _ref) {
-    var isDisabled = _ref.isDisabled,
-      isFocused = _ref.isFocused,
-      isSelected = _ref.isSelected;
-    return _objectSpread(_objectSpread({}, styles), {}, {
-      backgroundColor: isDisabled ? undefined : isFocused ? 'lightblue' : isSelected ? '#fff' : undefined,
-      cursor: isDisabled ? 'not-allowed' : 'default',
-      color: 'black',
-      ':active': _objectSpread({}, styles[':active'])
-    });
-  }
-};
-
-export { PropertiesEditor$1 as default };

package/build/esm/index-697f27e5.js

@@ -1,76 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-497c4f05.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import classnames from 'classnames';
-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 optionTitleWrapper = "option-title-wrapper-nelTh";
-var optionTitle = "option-title-b23DF";
-var defined = "defined-9MId3";
-var current = "current-XPc15";
-var optionValue = "option-value-0dXL2";
-var disabled = "disabled-YODb1";
-var css_248z = ".option-title-wrapper-nelTh {\n  color: #fff;\n  display: flex;\n  justify-content: space-between;\n  font-size: 12px;\n  padding: 8px 24px;\n  cursor: pointer;\n  transition: background-color ease 0.3s;\n  border-right: #5b798b 8px solid;\n  flex-wrap: wrap;\n  overflow: hidden;\n}\n\n.option-title-wrapper-nelTh:hover {\n  background-color: #4b6e84;\n}\n\n.option-title-b23DF {\n  font-weight: 600;\n}\n.defined-9MId3 {\n  border-right: #53ac00 8px solid;\n  background-color: #0d3040;\n}\n\n.defined-9MId3:hover {\n  background-color: #134054;\n}\n.current-XPc15 {\n  border-right: #edff2a 8px solid;\n  background-color: #1e455b;\n}\n.option-value-0dXL2 {\n  max-width: 70%;\n  overflow: hidden;\n}\n\n.disabled-YODb1 {\n  background-color: #9da7ad;\n}\n.option-title-wrapper-nelTh.disabled-YODb1:hover {\n  cursor: not-allowed;\n  background-color: #9da7ad;\n}\n";
-styleInject(css_248z);
-
-var OptionStepComponent = function OptionStepComponent(_ref) {
-  var _configStep$optionsta, _configStep$optionsta2, _configStep$optionsta3, _configStep$optionsta4, _configStep$optionsta5, _configStep$optionsta6;
-  var _ref$step = _ref.step,
-    option = _ref$step.option,
-    configStep = _ref$step.configStep;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var value = (_configStep$optionsta = configStep.optionstate) === null || _configStep$optionsta === void 0 ? void 0 : _configStep$optionsta.valName;
-  if ((_configStep$optionsta2 = configStep.optionstate) !== null && _configStep$optionsta2 !== void 0 && _configStep$optionsta2.isDifferentOption) {
-    value = 'divers';
-  } else if ((_configStep$optionsta3 = configStep.optionstate) !== null && _configStep$optionsta3 !== void 0 && _configStep$optionsta3.freeTextLang) {
-    var text = '';
-    var freetexts = configStep.optionstate.freeTextLang;
-    for (var key in freetexts) {
-      var _freetexts$key;
-      text += key + ': ' + ((_freetexts$key = freetexts[key]) !== null && _freetexts$key !== void 0 ? _freetexts$key : '') + ';';
-    }
-    if (text) value = text;
-  } else if ((_configStep$optionsta4 = configStep.optionstate) !== null && _configStep$optionsta4 !== void 0 && _configStep$optionsta4.freeText) {
-    value = configStep.optionstate.freeText + (!viewHandler.getViewConfig().hideMeasureUnit ? ' ' + configStep.optionstate.measureUnit : '');
-  } else if ((_configStep$optionsta5 = configStep.optionstate) !== null && _configStep$optionsta5 !== void 0 && _configStep$optionsta5.isMultiselect && (_configStep$optionsta6 = configStep.optionstate) !== null && _configStep$optionsta6 !== void 0 && (_configStep$optionsta6 = _configStep$optionsta6.multiSelects) !== null && _configStep$optionsta6 !== void 0 && _configStep$optionsta6.length) {
-    var _configStep$optionsta7, _configStep$optionsta8;
-    value = ((_configStep$optionsta7 = (_configStep$optionsta8 = configStep.optionstate) === null || _configStep$optionsta8 === void 0 ? void 0 : _configStep$optionsta8.multiSelects) !== null && _configStep$optionsta7 !== void 0 ? _configStep$optionsta7 : []).map(function (opv) {
-      return opv.name;
-    }).join(',');
-  }
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(optionTitleWrapper, viewHandler.configuratorStructureHandler.curConfigStepKey === configStep.key ? current : undefined, viewHandler.configStepAlreadyVisited(configStep) ? defined : undefined, configStep.isDisabledByDiverseParentOption ? disabled : undefined),
-    title: configStep.isDisabledByDiverseParentOption ? t('configurator.disable_tabgroup_classification') : undefined,
-    onClick: function onClick() {
-      if (configStep.isDisabledByDiverseParentOption) return;
-      viewHandler.navigateToConfigStep(configStep.key);
-    },
-    children: [/*#__PURE__*/jsx("div", {
-      className: optionTitle,
-      title: !configStep.isDisabledByDiverseParentOption ? option.codex : undefined,
-      children: option.title
-    }), /*#__PURE__*/jsx("div", {
-      className: optionValue,
-      title: !configStep.isDisabledByDiverseParentOption ? value : undefined,
-      children: value
-    })]
-  });
-};
-var ConfigStep = observer(OptionStepComponent);
-
-export { ConfigStep as default };