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

package/build/esm/index-ae490956.js

@@ -1,149 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-908c63b0.js';
-import 'react';
-import { w as wholeWrapper, n as notExpanded } from './index.module-f87a578c.js';
-import TabGroups from './index-15552518.js';
-import TabGroupOptions from './index-5cd9a48a.js';
-import { observer } from 'mobx-react-lite';
-import ProduktDetails from './index-0d5a9b9a.js';
-import Collapsible from 'react-collapsible';
-import Price from './index-82a34b05.js';
-import classnames from 'classnames';
-import JsonViewer from './index-2b3f1b92.js';
-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/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import './index.module-7d6012ea.js';
-import 'react-json-view-lite';
-import 'react-json-view-lite/dist/index.css';
-
-var menuPoint = "menu-point-Bz5zM";
-var collapsibleHeader = "collapsibleHeader-lzT9Y";
-var tabGroupWrapper = "tab-group-wrapper-mSLB-";
-var css_248z = ".menu-point-Bz5zM {\n  font-size: 22px;\n  padding: 0px 0px;\n  padding: 10px 0;\n  background-color: var(--primaryColor);\n  border-bottom: 1px solid;\n  width: 100%;\n  text-align: center;\n  margin-left: 0px;\n  color: white;\n  font-weight: 600;\n}\n.collapsibleHeader-lzT9Y {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: #bbbbbb;\n  color: black;\n  border-radius: 5px;\n  margin: 5% 1% 1% 1%;\n  transition: background-color 0.3s;\n  padding: 1% 0%;\n  cursor: pointer;\n}\n.collapsibleHeader-lzT9Y:hover {\n  background-color: var(--primaryColor);\n  color: white;\n}\n.tab-group-wrapper-mSLB- {\n  width: 90%;\n  margin-left: 4%;\n  background-color: white;\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 OptionTree = function OptionTree(_ref) {
-  var _articles$viewHandler, _hiddenOptions$tabGro, _articles$Object$keys, _articles$Object$keys2;
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  var configTree = viewHandler.tabGroupState.allTabGroups;
-  var articles = viewHandler.divaWebPlanner.getDivaArticles();
-  if (!articles) return /*#__PURE__*/jsx(Fragment, {});
-  var hiddenOptions = viewHandler.divaWebPlanner.getHiddenOptions();
-  var article = (_articles$viewHandler = articles[viewHandler.settingsState.getSelectedBasketIds[0]]) !== null && _articles$viewHandler !== void 0 ? _articles$viewHandler : articles[Object.keys(articles)[0]];
-  var tree = Object.values(configTree);
-  var hiddenTree = Object.values((_hiddenOptions$tabGro = hiddenOptions === null || hiddenOptions === void 0 ? void 0 : hiddenOptions.tabGroups) !== null && _hiddenOptions$tabGro !== void 0 ? _hiddenOptions$tabGro : {});
-  var canClick = false;
-  tree = tree.filter(function (item) {
-    return item.type == 'OPTION';
-  });
-  var CollapsibleProps = {
-    open: true,
-    easing: 'ease-in',
-    transitionTime: 200
-  };
-  if (!article) {
-    canClick = true;
-  }
-  var mat3D = (_articles$Object$keys = articles[Object.keys(articles)[0]]) === null || _articles$Object$keys === void 0 || (_articles$Object$keys2 = _articles$Object$keys.getPlannerConfigData) === null || _articles$Object$keys2 === void 0 ? void 0 : _articles$Object$keys2.call(_articles$Object$keys, {}).config;
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(wholeWrapper, notExpanded, props.className),
-    children: [/*#__PURE__*/jsx("a", {
-      className: menuPoint,
-      children: "Options \xDCbersicht"
-    }), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
-      trigger: /*#__PURE__*/jsx("div", {
-        className: collapsibleHeader,
-        children: "Produktdetails"
-      })
-    }, CollapsibleProps), {}, {
-      triggerDisabled: canClick,
-      children: !canClick && /*#__PURE__*/jsx(ProduktDetails, {})
-    })), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
-      trigger: /*#__PURE__*/jsx("div", {
-        className: collapsibleHeader,
-        children: "Preise"
-      })
-    }, CollapsibleProps), {}, {
-      triggerDisabled: canClick,
-      children: /*#__PURE__*/jsx(Price, {})
-    })), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
-      trigger: /*#__PURE__*/jsx("div", {
-        className: collapsibleHeader,
-        children: "Optionsbaum"
-      })
-    }, CollapsibleProps), {}, {
-      triggerDisabled: canClick,
-      children: /*#__PURE__*/jsx("div", {
-        className: tabGroupWrapper,
-        children: tree.map(function (tabGroup) {
-          return /*#__PURE__*/jsxs("div", {
-            children: [/*#__PURE__*/jsx(TabGroups, {
-              tabGroup: tabGroup
-            }), /*#__PURE__*/jsx("div", {
-              children: Object.values(tabGroup.options).map(function (options) {
-                return /*#__PURE__*/jsx(TabGroupOptions, {
-                  tabGroupOption: options,
-                  basketId: article.basketId
-                }, options.codex);
-              })
-            })]
-          }, tabGroup.key);
-        })
-      })
-    })), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
-      trigger: /*#__PURE__*/jsx("div", {
-        className: collapsibleHeader,
-        children: "Versteckte Optionen"
-      })
-    }, CollapsibleProps), {}, {
-      triggerDisabled: canClick,
-      children: /*#__PURE__*/jsx("div", {
-        className: tabGroupWrapper,
-        children: hiddenTree.map(function (tabGroup) {
-          return /*#__PURE__*/jsxs("div", {
-            children: [/*#__PURE__*/jsx(TabGroups, {
-              tabGroup: tabGroup
-            }), /*#__PURE__*/jsx("div", {
-              children: Object.values(tabGroup.options).map(function (options) {
-                return /*#__PURE__*/jsx(TabGroupOptions, {
-                  tabGroupOption: options,
-                  basketId: article.basketId
-                }, options.codex);
-              })
-            })]
-          }, tabGroup.key);
-        })
-      })
-    })), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
-      trigger: /*#__PURE__*/jsx("div", {
-        className: collapsibleHeader,
-        children: "3D MAT"
-      })
-    }, CollapsibleProps), {}, {
-      triggerDisabled: canClick,
-      children: mat3D && /*#__PURE__*/jsx(JsonViewer, {
-        isExpanded: true,
-        collapsed: 5,
-        json: mat3D
-      })
-    }))]
-  }));
-};
-var OptionTree$1 = observer(OptionTree);
-
-export { OptionTree$1 as default };

package/build/esm/index-aea5d4ca.js

@@ -1,123 +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-908c63b0.js';
-import { useTranslation, 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-7265f20e.js';
-import GenericToolTip from './index-b2ab8c0a.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 accItem = "AccItem-EuKUQ";
-var wcSize = "wcSize-vX0Fm";
-var wcSizeNormal = "wcSize-normal-bRIEC";
-var wcImage = "wcImage-ScJeM";
-var wcAccInfoContainer = "wcAccInfoContainer-eEHqy";
-var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title-Wlfnh";
-var metaData = "meta-data-p5e7t";
-var wcAccSize = "wcAccSize-LdKs3";
-var wcPricePreview = "wcPricePreview-cMfXC";
-var css_248z = "/* Accessoires*/\n\n.AccItem-EuKUQ {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.AccItem-EuKUQ:hover {\n  z-index: 200;\n}\n\n.AccItem-EuKUQ .wcSize-vX0Fm {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.AccItem-EuKUQ .wcSize-normal-bRIEC {\n  height: 80px;\n}\n\n.AccItem-EuKUQ .wcImagePlaceHolder-t26mm {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.AccItem-EuKUQ .wcSize-normal-bRIEC .wcImage-ScJeM {\n  height: 80px;\n}\n\n.AccItem-EuKUQ .wcImage-ScJeM {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.wcAccInfoContainer-eEHqy {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.AccItem-EuKUQ .wcAccInfoContainer-eEHqy {\n  width: calc(100% - 80px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.AccItem-EuKUQ .wcConfigurator-settings-title-Wlfnh {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.AccItem-EuKUQ .wcConfigurator-settings-title-Wlfnh.meta-data-p5e7t {\n  -webkit-line-clamp: 1;\n}\n\n.AccItem-EuKUQ .wcAccSize-LdKs3 {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 110;\n}\n\n.AccItem-EuKUQ .wcPricePreview-cMfXC {\n  position: absolute;\n  right: 3.2px;\n  top: 4px;\n  font-size: 14px;\n}\n@media all and (max-width: 1100px) {\n  .AccItem-EuKUQ .wcSize-normal-bRIEC {\n    height: 80px;\n  }\n\n  .AccItem-EuKUQ .wcSize-normal-bRIEC img {\n    height: 80px;\n  }\n}\n\n.AccItem-EuKUQ .wcPricePreview-cMfXC {\n  position: absolute;\n  float: left;\n  -webkit-text-stroke: 0.4px;\n  font-size: 12.4px;\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,
-    grids = _ref.grids;
-  var viewHandler = useViewHandler();
-  var i18n = useTranslation();
-  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: 600,
-    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;
-  }
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.clickedOnShelfAccessorie(grids, item.articleCodex, undefined, true);
-    },
-    className: accItem
-  }, triggerProps), hoverProps), {}, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(wcSize, wcSizeNormal),
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(wcImage),
-        style: {
-          backgroundImage: "url(".concat(item.image, ")")
-        }
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(wcAccInfoContainer),
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(wcConfiguratorSettingsTitle, metaDataVisible !== '' ? metaData : undefined),
-          dangerouslySetInnerHTML: {
-            __html: item.name
-          }
-        }), /*#__PURE__*/jsx(MetaData, {
-          metaData: item.metaData,
-          visible: [metaDataVisible, setMetaDataVisible]
-        }, item.articleCodex), /*#__PURE__*/jsx("div", {
-          className: classnames(wcAccSize),
-          children: DivaUtils.sizeFormatter({
-            width: item.width,
-            height: item.height,
-            depth: item.depth
-          }, i18n)
-        })]
-      }), !hidePrices && !!item.price && /*#__PURE__*/jsx("div", {
-        className: classnames(wcPricePreview),
-        children: DivaUtils.formatPrice(item.price)
-      })]
-    }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-      text: item.name,
-      desciption: metaDataVisible,
-      price: item.price,
-      image: item.image,
-      codex: item.articleCodex,
-      layerProps: layerProps
-    }, item.articleCodex)))]
-  }));
-};
-var ShelfAccessoiresOld = observer(ShelfAccessoires);
-
-export { ShelfAccessoiresOld as default };

package/build/esm/index-af099824.js

@@ -1,179 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-908c63b0.js';
-import 'react';
-import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import ShelfDeleteButton from './index-50be2c82.js';
-import { observer } from 'mobx-react-lite';
-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/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';
-
-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 GridList = function GridList(_ref) {
-  var _item$shelfPlannerGri;
-  var item = _ref.item,
-    height = _ref.height;
-    _ref.width;
-    var direction = _ref.direction;
-  var grid = (_item$shelfPlannerGri = item.shelfPlannerGrids) === null || _item$shelfPlannerGri === void 0 ? void 0 : _item$shelfPlannerGri[0];
-  var viewHandler = useViewHandler();
-  if (!grid) return /*#__PURE__*/jsx(Fragment, {});
-  var itemHeight = height / grid.Cells.length;
-  var cells = [];
-  var lastInUse = -1;
-  var onBoardNameAdded = false;
-  for (var i = 0; i < grid.Cells.length; i++) {
-    var cell = grid.Cells[i];
-    if (cell.InUse == -1) {
-      cells.splice(0, 0, {
-        heightCount: 1,
-        inUse: cell.InUse,
-        index: cell.Index,
-        type: undefined,
-        isDisabled: cell.IsDisabled,
-        isRequired: cell.IsRequired,
-        onlyPlaceHolder: cell.OnlyPlaceHolder,
-        noMove: cell.NoMove,
-        noDelete: cell.NoDelete
-      });
-    } else if (lastInUse != cell.InUse && lastInUse != cell.OnBoard) {
-      var _cell$Article, _cell$Article2;
-      lastInUse = cell.InUse;
-      onBoardNameAdded = false;
-      cells.splice(0, 0, {
-        heightCount: 1,
-        inUse: cell.InUse,
-        index: cell.Index,
-        type: cell.Type,
-        isDisabled: cell.IsDisabled,
-        isRequired: cell.IsRequired,
-        articleText: (_cell$Article = cell.Article) === null || _cell$Article === void 0 ? void 0 : _cell$Article.name,
-        onlyPlaceHolder: cell.OnlyPlaceHolder,
-        noMove: cell.NoMove,
-        noDelete: cell.NoDelete,
-        basketId: (_cell$Article2 = cell.Article) === null || _cell$Article2 === void 0 ? void 0 : _cell$Article2.basketId
-      });
-    } else {
-      var foundCell = cells.find(function (cell) {
-        return cell.inUse == lastInUse;
-      });
-      if (foundCell) {
-        if (lastInUse === cell.OnBoard && !onBoardNameAdded) {
-          var _cell$Article3;
-          onBoardNameAdded = true;
-          foundCell.articleText = ((_cell$Article3 = cell.Article) === null || _cell$Article3 === void 0 ? void 0 : _cell$Article3.name) + '<br/>&<br/>' + foundCell.articleText;
-          foundCell.onBoard = true;
-        }
-        foundCell.heightCount++;
-      }
-    }
-  }
-  var onDragEnd = function onDragEnd(result) {
-    if (!result.destination) return;
-    var sourceIndex = cells[result.source.index].index;
-    var destinationIndex = cells[result.destination.index].index;
-    if (sourceIndex != destinationIndex) viewHandler.paletteViewHandler.shelfItemMoved(grid, sourceIndex, destinationIndex);
-  };
-  var getItemStyle = function getItemStyle(isDragging, draggableStyle, item, showNumber) {
-    if (direction == 'horizontal') {
-      return getItemStyleHorizontal(isDragging, draggableStyle, item, showNumber);
-    } else {
-      return getItemStyleVertical(isDragging, draggableStyle, item);
-    }
-  };
-  var getItemStyleVertical = function getItemStyleVertical(isDragging, draggableStyle, item) {
-    return _objectSpread({
-      userSelect: 'none',
-      width: 'calc(' + 100 * (item.heightCount / grid.Cells.length) + '% - 1px)',
-      wordBreak: 'break-word',
-      height: '100%',
-      marginRight: '1px',
-      background: item.isRequired ? '#FFEBEB' : item.inUse == -1 ? 'none' : isDragging ? 'grey' : 'lightgrey',
-      backgroundImage: item.isDisabled && 'linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)',
-      backgroundSize: item.isDisabled && '28.28px 28.28px',
-      "float": 'left',
-      borderRight: item.inUse == -1 ? '1px solid lightgrey' : 'none',
-      boxSizing: 'border-box'
-    }, draggableStyle);
-  };
-  var getItemStyleHorizontal = function getItemStyleHorizontal(isDragging, draggableStyle, item, showNumber) {
-    return _objectSpread({
-      userSelect: 'none',
-      height: itemHeight * item.heightCount - 1,
-      marginBottom: '1px',
-      fontSize: item.inUse === -1 ? '12px' : undefined,
-      lineHeight: item.inUse === -1 ? '2px' : undefined,
-      background: item.isRequired ? '#FFEBEB' : item.inUse === -1 ? 'none' : isDragging ? 'grey' : 'lightgrey',
-      backgroundImage: item.isDisabled && 'linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)',
-      backgroundSize: item.isDisabled && '28.28px 28.28px',
-      borderBottom: item.inUse == -1 ? showNumber ? '1px solid #B5B5B5' : '1px solid lightgrey' : 'none',
-      boxSizing: 'border-box'
-    }, draggableStyle);
-  };
-  var getTextStyle = function getTextStyle() {
-    if (direction == 'vertikal') {
-      return {
-        maxHeight: 'calc(100% - 22px)',
-        overflow: 'auto'
-      };
-    }
-    return {};
-  };
-  return /*#__PURE__*/jsx(DragDropContext, {
-    onDragEnd: onDragEnd,
-    children: /*#__PURE__*/jsx(Droppable, {
-      droppableId: "droppable",
-      direction: direction == 'vertikal' ? 'horizontal' : 'vertical',
-      children: function children(provided, snapshot) {
-        return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, provided.droppableProps), {}, {
-          ref: provided.innerRef,
-          style: {
-            width: '100%',
-            height: '100%'
-          },
-          children: [cells.map(function (item, index) {
-            return /*#__PURE__*/jsx(Draggable, {
-              index: index,
-              isDragDisabled: item.inUse == -1 || item.isDisabled || item.noMove,
-              draggableId: index.toString(),
-              children: function children(provided, snapshot) {
-                return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-                  onClick: function onClick() {
-                    viewHandler.settingsState.setSelectedShelfAccessoire(item.basketId);
-                    viewHandler.paletteViewHandler.clickAddAccessorieOnShelfPlanner(grid, item.index);
-                  },
-                  ref: provided.innerRef
-                }, provided.draggableProps), provided.dragHandleProps), {}, {
-                  style: getItemStyle(snapshot.isDragging, provided.draggableProps.style, item, item.index % 5 === 0 && !!index),
-                  children: [!!item.articleText && /*#__PURE__*/jsx("div", {
-                    style: getTextStyle(),
-                    dangerouslySetInnerHTML: {
-                      __html: item.articleText
-                    }
-                  }), item.inUse == -1 && item.index % 5 === 0 && !!index && direction == 'horizontal' && item.index, (item.inUse > -1 && !item.noDelete && !item.isDisabled || item.onBoard) && /*#__PURE__*/jsx(ShelfDeleteButton, {
-                    grid: grid,
-                    index: item.inUse
-                  })]
-                }));
-              }
-            }, index);
-          }), provided.placeholder]
-        }));
-      }
-    })
-  });
-};
-var GridList$1 = observer(GridList);
-
-export { GridList$1 as default };

package/build/esm/index-af7d20c4.js

@@ -1,63 +0,0 @@
-import { u as useViewHandler } from './index-908c63b0.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import Collapsible from 'react-collapsible';
-import ConfigStep from './index-120e17bb.js';
-import Header from './index-34b2b30d.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 };