@crystaldesign/diva-web-planner-react 26.2.0-rc.12 → 26.2.0-rc.14

package/build/esm/{index-17c3e3e8.js → index-2f7fa650.js}

@@ -1,17 +1,17 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-a5a4c77c.js';
+import { s as styleInject, u as useViewHandler } from './index-21b67293.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-b8041fa8.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-618ec1b0.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-f5c21e36.js';
-import MetaData from './index-9b2d9a3a.js';
+import GenericToolTip from './index-0afccc98.js';
+import MetaData from './index-77b69ee8.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-1400de69.js';
-import PricePreview from './index-80a87c06.js';
-import ReverseCheck from './index-9abcd095.js';
+import InfoIcon from './index-480f7871.js';
+import PricePreview from './index-242e0a51.js';
+import ReverseCheck from './index-a3511936.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -26,7 +26,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-21063c32.js';
+import './index-295beaa3.js';
 import 'react-countup';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';

package/build/esm/{index-ba2c0249.js → index-32c9b6e1.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-a5a4c77c.js';
+import { s as styleInject, u as useViewHandler } from './index-21b67293.js';
 import 'react';
 import Dropdown from 'react-dropdown';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Arrow from './index-c0d41d23.js';
+import Arrow from './index-8cc76b53.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-e1cbd6e3.js → index-346288c6.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-a5a4c77c.js';
+import './index-21b67293.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-4bdc9d2d.js → index-365a517d.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-a5a4c77c.js';
+import { s as styleInject, u as useViewHandler } from './index-21b67293.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-74781fa7.js';
+import SettingsHeader from './index-bc828a32.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/index-3981085a.js

@@ -0,0 +1,65 @@
+import { s as styleInject, u as useViewHandler } from './index-21b67293.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+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';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+
+var header = "header-88iFZ";
+var wrapper = "wrapper-zFPaP";
+var title = "title-Mime-";
+var sel = "sel--F5X-";
+var collapseArrow = "collapseArrow-iq67x";
+var open = "open-t8G5n";
+var mobile = "mobile-Ksq3e";
+var css_248z = ".header-88iFZ {\n  height: 48px;\n  position: relative;\n  background-color: #f8f8f8;\n  border-bottom: 2px solid #f0f0f0;\n}\n\n.wrapper-zFPaP {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.title-Mime- {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\n.title-Mime-:hover,\n.sel--F5X- {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.title-Mime-::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.title-Mime-:hover::after,\n.sel--F5X-::after {\n  width: 100%;\n  left: 0;\n}\n\n.collapseArrow-iq67x {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 16.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%22960px%22 height%3D%22560px%22 viewBox%3D%220 0 960 560%22 enable-background%3D%22new 0 0 960 560%22 xml%3Aspace%3D%22preserve%22%3E%3Cg id%3D%22Rounded_Rectangle_33_copy_4_1_%22%3E%09%3Cpath d%3D%22M480%2C344.181L268.869%2C131.889c-15.756-15.859-41.3-15.859-57.054%2C0c-15.754%2C15.857-15.754%2C41.57%2C0%2C57.431l237.632%2C238.937%09%09c8.395%2C8.451%2C19.562%2C12.254%2C30.553%2C11.698c10.993%2C0.556%2C22.159-3.247%2C30.555-11.698l237.631-238.937%09%09c15.756-15.86%2C15.756-41.571%2C0-57.431s-41.299-15.859-57.051%2C0L480%2C344.181z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.open-t8G5n .collapseArrow-iq67x {\n  transform: rotate(0deg);\n}\n\n.header-88iFZ.mobile-Ksq3e {\n  height: 38px;\n}\n\n.mobile-Ksq3e .title-Mime- {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.mobile-Ksq3e .collapseArrow-iq67x {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n";
+styleInject(css_248z);
+
+var SubTabGroupHeader = function SubTabGroupHeader(_ref) {
+  var openState = _ref.openState,
+    curState = _ref.curState,
+    tabs = _ref.tabs;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxs("div", {
+    onClick: function onClick() {
+      return openState[1](!openState[0]);
+    },
+    className: classnames(header, openState[0] ? open : undefined, viewHandler.uiState.isInMobileView ? mobile : undefined),
+    children: [/*#__PURE__*/jsx("div", {
+      className: wrapper,
+      children: tabs.map(function (b, index) {
+        return /*#__PURE__*/jsxs("div", {
+          className: classnames(title, curState[0] === b && openState[0] ? sel : undefined),
+          onClick: function onClick(e) {
+            curState[1](b);
+            if (!openState[0]) openState[1](true);
+            e.stopPropagation();
+          },
+          children: [b === 'ALL' && tabs.length !== 1 && t('configurator.config_all'), tabs.length === 1 && t('configurator.config_accessoire'), tabs.length > 1 && b !== 'ALL' && index + '.']
+        }, b);
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: classnames(collapseArrow)
+    })]
+  });
+};
+var SubTabGroupHeader$1 = observer(SubTabGroupHeader);
+
+export { SubTabGroupHeader$1 as default };

package/build/esm/{index-ee2192cd.js → index-39934cf0.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { s as styleInject } from './index-a5a4c77c.js';
+import { s as styleInject } from './index-21b67293.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import Collapsible from 'react-collapsible';
-import CodexTester from './index-fbe5680b.js';
+import CodexTester from './index-b1d98b6a.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-b67f179c.js → index-39d3837f.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-a5a4c77c.js';
+import { s as styleInject, u as useViewHandler } from './index-21b67293.js';
 import 'react';
-import InfoIcon from './index-1400de69.js';
+import InfoIcon from './index-480f7871.js';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
-import SummaryOptionTree from './index-e8f2ec07.js';
+import SummaryOptionTree from './index-6384f9e6.js';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/build/esm/{index-f57593b0.js → index-39e05da3.js}

@@ -1,17 +1,17 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-a5a4c77c.js';
+import { s as styleInject, u as useViewHandler } from './index-21b67293.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-b8041fa8.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-618ec1b0.js';
 import classnames from 'classnames';
-import IsActive from './index-168dd9ca.js';
+import IsActive from './index-562b90df.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-f5c21e36.js';
-import InfoIcon from './index-1400de69.js';
-import PricePreview from './index-80a87c06.js';
-import ReverseCheck from './index-9abcd095.js';
+import GenericToolTip from './index-0afccc98.js';
+import InfoIcon from './index-480f7871.js';
+import PricePreview from './index-242e0a51.js';
+import ReverseCheck from './index-a3511936.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -26,7 +26,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-21063c32.js';
+import './index-295beaa3.js';
 import 'react-countup';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';

package/build/esm/{index-8f576b8b.js → index-3a3ef96b.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-a5a4c77c.js';
+import { s as styleInject, u as useViewHandler } from './index-21b67293.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import PriceCounter from './index-21063c32.js';
+import PriceCounter from './index-295beaa3.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-7b827301.js → index-3ae7bcca.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-a5a4c77c.js';
+import './index-21b67293.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-38629ff0.js → index-3b14d52d.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-a5a4c77c.js';
+import { s as styleInject, u as useViewHandler } from './index-21b67293.js';
 import { observer } from 'mobx-react-lite';
 import { useState, createElement } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-f5c21e36.js';
+import GenericToolTip from './index-0afccc98.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import MetaData from './index-9b2d9a3a.js';
+import MetaData from './index-77b69ee8.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -22,8 +22,8 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-80a87c06.js';
-import './index-21063c32.js';
+import './index-242e0a51.js';
+import './index-295beaa3.js';
 import 'react-countup';
 
 var wrapper = "wrapper-q2VFw";

package/build/esm/{index-5217e787.js → index-3b73f9e9.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-a5a4c77c.js';
+import './index-21b67293.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-818245ec.js → index-3b7ef2c2.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-a5a4c77c.js';
+import { s as styleInject, u as useViewHandler } from './index-21b67293.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-cadf94bc.js → index-3f5727a6.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-a5a4c77c.js';
+import { s as styleInject, u as useViewHandler } from './index-21b67293.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import IsActive from './index-168dd9ca.js';
-import InfoIcon from './index-1400de69.js';
+import IsActive from './index-562b90df.js';
+import InfoIcon from './index-480f7871.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-e65aa214.js → index-4165d863.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-a5a4c77c.js';
+import { u as useViewHandler } from './index-21b67293.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-b2f0b0d6.js → index-41fded83.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-a5a4c77c.js';
+import { s as styleInject } from './index-21b67293.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { useState, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-46f8c86e.js → index-437c7826.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-a5a4c77c.js';
+import { s as styleInject, u as useViewHandler } from './index-21b67293.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomRound from './index-38afbf87.js';
+import RoomRound from './index-4b957a12.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-a3cc808d.js → index-4500be57.js}

@@ -1,12 +1,12 @@
-import { u as useViewHandler } from './index-a5a4c77c.js';
+import { u as useViewHandler } from './index-21b67293.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-2d727d51.js';
-import Toggle from './index-ec01c818.js';
+import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-fe1969c3.js';
+import Toggle from './index-d5241f8e.js';
 import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-1400de69.js';
-import PricePreview from './index-80a87c06.js';
-import ReverseCheck from './index-9abcd095.js';
+import InfoIcon from './index-480f7871.js';
+import PricePreview from './index-242e0a51.js';
+import ReverseCheck from './index-a3511936.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -25,7 +25,7 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
-import './index-21063c32.js';
+import './index-295beaa3.js';
 import 'react-countup';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';

package/build/esm/{index-4bda0e17.js → index-460d0a21.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-a5a4c77c.js';
+import { s as styleInject, u as useViewHandler } from './index-21b67293.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-f8cacb98.js';
-import PriceSumm from './index-8f576b8b.js';
+import ActionNavigation from './index-036beab5.js';
+import PriceSumm from './index-3a3ef96b.js';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -21,8 +21,8 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-b86b25f1.js';
-import './index-21063c32.js';
+import './index.module-16c21104.js';
+import './index-295beaa3.js';
 import 'react-countup';
 
 var container = "container-jfAym";

package/build/esm/{index-24df9f41.js → index-4659d0c2.js}

@@ -3,7 +3,7 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-a5a4c77c.js';
+import { s as styleInject, u as useViewHandler } from './index-21b67293.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';

package/build/esm/{index-8fa74740.js → index-467be2b7.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-a5a4c77c.js';
+import { u as useViewHandler } from './index-21b67293.js';
 import { toJS } from 'mobx';
 import { useState } from 'react';
-import { h as header } from './index.module-7fab3c59.js';
-import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-ee52b506.js';
+import { h as header } from './index.module-5c497614.js';
+import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-5d8c9b77.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import { n as notExpanded } from './index.module-f6c3e0ad.js';
+import { n as notExpanded } from './index.module-7a3b79e6.js';
 import Collapsible from 'react-collapsible';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-1400de69.js → index-480f7871.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-a5a4c77c.js';
+import { s as styleInject, u as useViewHandler } from './index-21b67293.js';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';