@crystaldesign/diva-web-planner-react 24.14.0-beta.3 → 24.14.0-beta.31

package/build/esm/index-21ec12d0.js

@@ -1,47 +0,0 @@
-import { a as usePlannerUIHandler } from './index-eb690ecd.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var AVL = function AVL(_ref) {
-  var rect = _ref.rect,
-    item = _ref.item,
-    onElement = _ref.onElement,
-    plannerUIProps = _ref.plannerUIProps;
-  var plannerUIHandler = usePlannerUIHandler();
-  var iconIsSelected = plannerUIHandler.getDPUIISSelected(item);
-  var rotation = (item.rotOfElement ? item.rotOfElement : 0) + (item.iconRotDeg ? item.iconRotDeg : 0);
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(elem) {
-      return onElement(elem);
-    },
-    onClick: function onClick() {
-      var _item$clickFunction;
-      plannerUIHandler.setDPUISelectionChanged(item, !iconIsSelected);
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId), item.dpId, !iconIsSelected, undefined);
-    },
-    style: {
-      left: rect.left + 'px',
-      top: rect.top + 'px',
-      transform: 'rotate(' + rotation + 'deg)'
-    },
-    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.dockingPoint.AVL.avl, iconIsSelected ? plannerUIProps.classes.dockingPoint.AVL.avlSel : undefined)
-  });
-};
-var AVL$1 = observer(AVL);
-
-export { AVL$1 as default };

package/build/esm/index-2356e07b.js

@@ -1,167 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-eb690ecd.js';
-import { useEffect } from 'react';
-import Inputbox from './index-3e6de1aa.js';
-import Product from './index-c48f61a8.js';
-import Settings from './index-7c165d33.js';
-import TabGroup from './index-78a6c59c.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-6a3ab4c0.js';
-import './index-e242388c.js';
-import 'react-switch';
-import 'react-dropdown';
-import './index-9a6def86.js';
-import './index-c382476a.js';
-import './index-4194f2b3.js';
-import './index-f1d43871.js';
-import './index-aa23a75e.js';
-import './index.module-47b8b4bb.js';
-import './index-2cb1ff25.js';
-import './index-2462905f.js';
-import './index-eccf91a4.js';
-import './index-354e9281.js';
-import './index-681a6238.js';
-import './index-35b17283.js';
-import '@crystaldesign/content-box';
-import './index-572ed59f.js';
-import './index-16a3b938.js';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-import './index-5bdbf6fd.js';
-import './index-dbd1db98.js';
-import './index-5b95c80e.js';
-import './index-55819e63.js';
-import './index-2f34dd4f.js';
-import 'react-laag';
-import './index-7d11a925.js';
-import './index-b042f7be.js';
-import './index-9171c140.js';
-import 'sift';
-import './index-e664ab62.js';
-import './index-94dd0395.js';
-import './index-e5bd93d2.js';
-import './index-ce945a73.js';
-import './index.module-708fd30a.js';
-import './index-b101a47d.js';
-import './index-0dede73b.js';
-import './index-6eb7f588.js';
-import './index-76e95b39.js';
-import './index-fd078166.js';
-import './index-3b566d58.js';
-import './index-4869e5e1.js';
-import './index-286d2c7b.js';
-import './index-0d2f6368.js';
-import './index-1357d96e.js';
-import './index-425aa4c8.js';
-import '@crystaldesign/products-component';
-import './index-fa4dd2c5.js';
-import './index-f09dc503.js';
-import './index-98ddd0f5.js';
-import './index-77f95681.js';
-import './index-b3ece5aa.js';
-import './index-811503f9.js';
-import './index-eee71331.js';
-import './index-48d9073b.js';
-import './index-a8f46710.js';
-import './index-84fa3759.js';
-import './index-1a0c37bc.js';
-import './index-5bcc221f.js';
-import './index-102e63c3.js';
-import './index.module-6ce322a7.js';
-import './index-2e26802c.js';
-import './index-3d10c3fd.js';
-import './index-f0a5fe1a.js';
-import './index-0d0180d0.js';
-import './index-88990f1b.js';
-import './index-d07a2815.js';
-import './index-ee4bb504.js';
-import './index.module-aec0b696.js';
-import './index-5b7e71ba.js';
-import './index-a09c3f8f.js';
-import './index-dc29bd65.js';
-import './index-57a28268.js';
-import './index-591bfd4e.js';
-import './index-db44f0c5.js';
-import './index-f87581ce.js';
-import './index-d99ff0f3.js';
-
-var wcConfigurator = "wcConfigurator-in-ZO";
-var wcConfiguratorSteps = "wc-configurator-steps-r4OQd";
-var wcConfiguratorProduct = "wc-configurator-product-wB64R";
-var productList = "product-list-Xdmjb";
-var wcConfiguratorSettings = "wc-configurator-Settings-4Idgb";
-var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-in-ZO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.wcConfigurator-in-ZO *,\n.wcConfigurator-in-ZO *::before,\n.wcConfigurator-in-ZO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-r4OQd {\n  width: 75px;\n  position: relative;\n}\n.wc-configurator-product-wB64R {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.wc-configurator-product-wB64R.product-list-Xdmjb {\n  display: none;\n}\n\n.wc-configurator-Settings-4Idgb {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.wc-configurator-Settings-4Idgb.product-list-Xdmjb {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
-styleInject(css_248z);
-
-var Serious = function Serious(props) {
-  var _viewHandler$tabGroup;
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  var currentIsProductList = ((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) == 'PRODUCTS';
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      ref: function ref(configuratorRef) {
-        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
-      },
-      style: {
-        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
-      },
-      hidden: viewHandler.uiState.configuratorHidden,
-      id: "wcConfigurator",
-      className: wcConfigurator,
-      children: [/*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps
-      }), /*#__PURE__*/jsx(Settings, {
-        className: classnames(wcConfiguratorSettings, currentIsProductList ? productList : undefined)
-      }), /*#__PURE__*/jsx(Product, {
-        className: classnames(wcConfiguratorProduct, currentIsProductList ? productList : undefined),
-        contentItemStartPos: "left"
-      })]
-    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#df2927',
-  '--secondaryColor': '#404040',
-  '--thirdColor': '#8a8a8a',
-  '--globalBorderRadius': '3px',
-  '--galleryItemRadius': '3px',
-  '--articlePosNrRadius': '3px',
-  '--articlePosNrSize': '20.8px',
-  '--articlePosNrFontSize': '16px',
-  '--settingsBackgroundColor': '#fefefe',
-  '--settingsScrollerPaddingTopBottom': '30px',
-  '--settingsScrollerPaddingRight': '30px',
-  '--settingsScrollerPaddingLeft': '30px',
-  '--tabGroupBackground': 'var(--primaryColor)',
-  '--foldArrowMarginRight': '16px',
-  '--configuratorActionWidthForthBackSpacer': '0.1rem',
-  '--configuratorActionForthWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--configuratorActionBackWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--lineHeight1': '36.8px',
-  '--fontWeight1': '600',
-  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
-  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)',
-  '--itemsMargin': '0.3125rem'
-};
-var index = observer(Serious);
-
-export { cssVariables, index as default };

package/build/esm/index-2462905f.js

@@ -1,31 +0,0 @@
-import { u as useViewHandler } from './index-eb690ecd.js';
-import 'react';
-import { j as wcPlanner3DGrid } from './index.module-47b8b4bb.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';
-
-var Planner3DGrid = function Planner3DGrid(props) {
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsx("div", {
-    ref: function ref(_ref) {
-      return viewHandler.productState.setPlanner3DGridElement(_ref);
-    },
-    id: "diva3dImg_3DGrid",
-    className: wcPlanner3DGrid
-  });
-};
-
-export { Planner3DGrid as default };

package/build/esm/index-24a34903.js

@@ -1,70 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-eb690ecd.js';
-import 'react';
-import Toggle from './index-e242388c.js';
-import { observer } from 'mobx-react-lite';
-import { getLogger } from '@crystaldesign/diva-core';
-import { DivaError } from '@crystaldesign/diva-utils';
-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 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'react-switch';
-
-var headerToggle = "header-toggle-W-6CA";
-var css_248z = ".header-toggle-W-6CA {\n  float: right;\n}\n";
-styleInject(css_248z);
-
-var LOG = getLogger('Planner', 'ToggleHandler');
-var ToggleHeader = function ToggleHeader(_ref) {
-  var item = _ref.item;
-  var viewHandler = useViewHandler();
-  var items = item.groups[0].items;
-  var yesItem;
-  var noItem;
-  if (!items) return /*#__PURE__*/jsx(Fragment, {});
-  for (var i = 0; i < items.length; i++) {
-    var _items$i$codex, _items$i$codex2;
-    if ((_items$i$codex = items[i].codex) !== null && _items$i$codex !== void 0 && _items$i$codex.startsWith('OPVNEIN')) {
-      noItem = items[i];
-    }
-    if ((_items$i$codex2 = items[i].codex) !== null && _items$i$codex2 !== void 0 && _items$i$codex2.startsWith('OPVJA')) {
-      yesItem = items[i];
-    }
-  }
-  if (!noItem || !yesItem) {
-    if (items.length == 2) {
-      noItem = items[0];
-      yesItem = items[1];
-    }
-    if (!noItem || !yesItem) {
-      LOG.error(new DivaError('Achtung! Bei der Option: ' + items[0].op + ' gibt es keine eindeutige werte für JA und NEIN', {
-        code: 'WC_0011'
-      }));
-      return /*#__PURE__*/jsx(Fragment, {});
-    }
-  }
-  return /*#__PURE__*/jsx("div", {
-    className: headerToggle,
-    children: /*#__PURE__*/jsx(Toggle, {
-      onChange: function onChange() {
-        viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem.sel ? yesItem : noItem, undefined, item.id);
-      },
-      val: item,
-      state: noItem.sel == false,
-      off: noItem.text,
-      on: yesItem.text
-    })
-  });
-};
-var ToggleHeader$1 = observer(ToggleHeader);
-
-export { ToggleHeader$1 as default };

package/build/esm/index-251a121e.js

@@ -1,38 +0,0 @@
-import { s as styleInject } from './index-eb690ecd.js';
-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';
-import 'mobx-react-lite';
-
-var pdfButton = "pdfButton-4l4zL";
-var css_248z = ".pdfButton-4l4zL {\n  border-radius: 50%;\n  border: solid 2px var(--primaryColor);\n  width: 26px;\n  height: 26px;\n  cursor: pointer;\n  margin-left: 10px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.pdfButton-4l4zL img {\n  width: 80%;\n}\n";
-styleInject(css_248z);
-
-var pdfIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M20%202H8c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h12c1.1%200%202-.9%202-2V4c0-1.1-.9-2-2-2zm0%2014H8V4h12v12zM4%206H2v14c0%201.1.9%202%202%202h14v-2H4V6zm12%206V9c0-.55-.45-1-1-1h-2v5h2c.55%200%201-.45%201-1zm-2-3h1v3h-1V9zm4%202h1v-1h-1V9h1V8h-2v5h1zm-8%200h1c.55%200%201-.45%201-1V9c0-.55-.45-1-1-1H9v5h1v-2zm0-2h1v1h-1V9z%22%2F%3E%3C%2Fsvg%3E";
-
-var PDFButton = function PDFButton(_ref) {
-  var pdfUrl = _ref.pdfUrl;
-  return /*#__PURE__*/jsx("div", {
-    className: pdfButton,
-    onClick: function onClick() {
-      return window.open(pdfUrl, '_blank');
-    },
-    children: /*#__PURE__*/jsx("img", {
-      src: pdfIcon
-    })
-  });
-};
-
-export { PDFButton as default };

package/build/esm/index-255de78f.js

@@ -1,37 +0,0 @@
-import { s as styleInject } from './index-eb690ecd.js';
-import ProductHeader from './index-ed1d29c3.js';
-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';
-import 'mobx-react-lite';
-import 'classnames';
-import './index-418465ff.js';
-import '@crystaldesign/content-box';
-import './index-16a3b938.js';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-
-var productHeader = "productHeader-19YtG";
-var css_248z = ".productHeader-19YtG h1 {\n  font-weight: 700;\n}\n";
-styleInject(css_248z);
-
-var ProductHeaderRalph = function ProductHeaderRalph(props) {
-  return /*#__PURE__*/jsx(ProductHeader, {
-    hidePrice: true,
-    productClass: productHeader
-  });
-};
-
-export { ProductHeaderRalph as default };

package/build/esm/index-25a044f3.js

@@ -1,127 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-eb690ecd.js';
-import { useState, useEffect } from 'react';
-import Collapsible from 'react-collapsible';
-import SubTabGroupHeader from './index-65ef1d07.js';
-import { S as SettingsItem } from './index-9171c140.js';
-import { observer } from 'mobx-react-lite';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'sift';
-import './index-e664ab62.js';
-import './index-dbd1db98.js';
-import './index-94dd0395.js';
-import './index-e5bd93d2.js';
-import './index-ce945a73.js';
-import './index.module-708fd30a.js';
-import './index-e242388c.js';
-import 'react-switch';
-import './index-b101a47d.js';
-import './index-0dede73b.js';
-import 'react-dropdown';
-import './index-6eb7f588.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-76e95b39.js';
-import './index-fd078166.js';
-import './index-3b566d58.js';
-import '@crystaldesign/content-box';
-import './index-4869e5e1.js';
-import './index-286d2c7b.js';
-import './index-0d2f6368.js';
-import './index-1357d96e.js';
-import './index-425aa4c8.js';
-import '@crystaldesign/products-component';
-import './index-fa4dd2c5.js';
-import './index-f09dc503.js';
-import './index-98ddd0f5.js';
-import 'react-laag';
-import './index-77f95681.js';
-import './index-b3ece5aa.js';
-import './index-811503f9.js';
-import './index-eee71331.js';
-import './index-48d9073b.js';
-import './index-a8f46710.js';
-import './index-84fa3759.js';
-import './index-1a0c37bc.js';
-import './index-5bcc221f.js';
-import './index-102e63c3.js';
-import './index.module-6ce322a7.js';
-import './index-2e26802c.js';
-import './index-3d10c3fd.js';
-import './index-f0a5fe1a.js';
-import './index-0d0180d0.js';
-import './index-88990f1b.js';
-import './index-d07a2815.js';
-import './index-ee4bb504.js';
-import './index.module-aec0b696.js';
-import './index-5b7e71ba.js';
-import './index-a09c3f8f.js';
-
-var collapsableOuter = "collapsable-outer-udXIP";
-var css_248z = ".collapsable-outer-udXIP {\n  overflow: visible !important;\n}\n.collapsable-outer-udXIP {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n";
-styleInject(css_248z);
-
-var SubTabgroup = function SubTabgroup(_ref) {
-  var _viewHandler$getViewC, _viewHandler$getViewC2;
-  var itemPalettesOfArticle = _ref.itemPalettesOfArticle;
-  var viewHandler = useViewHandler();
-  var _useState = useState(!!((_viewHandler$getViewC = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC !== void 0 && _viewHandler$getViewC.selectAccessoiresWithToggle)),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var basketIds = Object.keys(itemPalettesOfArticle);
-  var _useState3 = useState('ALL'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    curTab = _useState4[0],
-    setCurTab = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    tabs = _useState6[0],
-    setTabs = _useState6[1];
-  var _useState7 = useState(itemPalettesOfArticle[basketIds[0]]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    itemPalettes = _useState8[0],
-    setItemPalettes = _useState8[1];
-  useEffect(function () {
-    var _itemPalettesOfArticl;
-    var actPalettes = (_itemPalettesOfArticl = itemPalettesOfArticle[curTab == 'ALL' ? basketIds[0] : curTab]) !== null && _itemPalettesOfArticl !== void 0 ? _itemPalettesOfArticl : {};
-    Object.values(actPalettes).map(function (p) {
-      return p.configAllMode = curTab == 'ALL' ? basketIds : undefined;
-    });
-    setItemPalettes(actPalettes);
-    setTabs(['ALL'].concat(_toConsumableArray(basketIds.length > 1 ? basketIds : [])));
-    if (!tabs.includes(curTab)) setCurTab(tabs[0]);
-  }, [itemPalettesOfArticle, curTab]);
-  return /*#__PURE__*/jsx(Collapsible, {
-    trigger: (_viewHandler$getViewC2 = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC2 !== void 0 && _viewHandler$getViewC2.selectAccessoiresWithToggle ? /*#__PURE__*/jsx(Fragment, {}) : /*#__PURE__*/jsx(SubTabGroupHeader, {
-      tabs: tabs,
-      openState: [isOpen, setIsOpen],
-      curState: [curTab, setCurTab]
-    }),
-    contentOuterClassName: isOpen ? collapsableOuter : undefined,
-    easing: "ease",
-    open: isOpen,
-    triggerDisabled: isOpen,
-    children: Object.values(itemPalettes).map(function (item, index) {
-      return /*#__PURE__*/jsx(SettingsItem, {
-        item: item,
-        id: item.id
-      }, index);
-    })
-  });
-};
-var SubTabGroup = observer(SubTabgroup);
-
-export { SubTabGroup as default };