@crystaldesign/diva-web-planner-react 26.2.0-beta.9 → 26.3.0-beta.1

package/build/esm/{index-910d5f8e.js → index-23a2591f.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-6f93775d.js';
+import { s as styleInject } from './index-74586774.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getKey } from './index-609a881a.js';
+import { g as getKey } from './index-687d21e8.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -21,83 +21,84 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'sift';
-import './index-25f0279e.js';
-import './index-02140c47.js';
-import './index-1413b7b5.js';
-import './index-cfc78c5d.js';
-import './index-4ca17ada.js';
-import './index.module-92f197f4.js';
-import './index-558a327a.js';
+import './index-37cc1c62.js';
+import './index-a3d552e1.js';
+import './index-8ff15f88.js';
+import './index-02477b38.js';
+import './index-63a4ebb5.js';
+import './index.module-b4fbe081.js';
+import './index-18be7f2d.js';
 import 'react-switch';
-import './index-e79083e3.js';
-import './index-b1f8edd3.js';
-import './index-8338a16a.js';
+import './index-7c78aae2.js';
+import './index-a5e33da2.js';
+import './index-2e00d43f.js';
 import 'react-countup';
-import './index-8aea21af.js';
+import './index-f8343613.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-9b3733cb.js';
+import './index-2e9da43b.js';
 import 'react-dropdown';
-import './index-d56d878a.js';
+import './index-25f42e1e.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-e5f640c2.js';
-import './index-fb1ecc3f.js';
-import './index-c4d81862.js';
+import './index-1e82c2dd.js';
+import './index-43149bac.js';
+import './index-6f68aaeb.js';
 import '@crystaldesign/content-box';
-import './index-5d2f2301.js';
-import './index-8423990d.js';
-import './index-29912620.js';
-import './index-c36c04e3.js';
-import './index-ae407386.js';
-import './index-3d9758f8.js';
-import './index-be028541.js';
-import './index-eda2bcff.js';
-import './index-0299c8a2.js';
+import './index-74874df7.js';
+import './index-6a3f6306.js';
+import './index-2c6e86d8.js';
+import './index-4d6128d4.js';
+import './index-b4774961.js';
+import './index-c56c8e81.js';
+import './index-684c1fee.js';
+import './index-3c9b8a98.js';
+import './index-96ea2ba0.js';
 import 'react-laag';
-import './index.module-e18423d9.js';
-import './index-13257278.js';
-import './index-a8a0dc46.js';
-import './index-99f1ea42.js';
-import './index-65451fb6.js';
-import './index-24f56cfc.js';
-import './index-f3c6aaaa.js';
-import './index.module-ac6aa014.js';
-import './index-4303ff4f.js';
-import './index-c357bb09.js';
-import './index-5be95985.js';
-import './index-0aa8c54f.js';
-import './index-ad092e32.js';
-import './index-249da195.js';
-import './index-3a77d246.js';
-import './index-29de2454.js';
-import './index-e8fdcad8.js';
-import './index-0f9174ab.js';
-import './index-12ca5093.js';
-import './index-6e91f433.js';
+import './index.module-c89cd70b.js';
+import './index-f74d0dff.js';
+import './index-5392864e.js';
+import './index-4c71a0dc.js';
+import './index-0e96a089.js';
+import './index-95af3b07.js';
+import './index-f0bd5022.js';
+import './index.module-4ad3e960.js';
+import './index-e76e879f.js';
+import './index-1483665b.js';
+import './index-cd2baa17.js';
+import './index-b770eff7.js';
+import './index-a0d7d644.js';
+import './index-394beb5b.js';
+import './index-bd9d9c5f.js';
+import './index-782feeee.js';
+import './index-4976cb21.js';
+import './index-790c6510.js';
+import './index-ed3f31cc.js';
+import './index-4702bba1.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-618482ce.js';
+import './index-b8a69c30.js';
 import 'rc-slider';
-import './index-5cc3c971.js';
-import './index-c5c58d55.js';
-import './index-fffb1417.js';
-import './index-906daad5.js';
+import './index-999d8a16.js';
+import './index-732cbd10.js';
+import './index-8456ce68.js';
+import './index-f3f1da2c.js';
+import './index-3291875b.js';
 import 'react-confetti-explosion';
-import './index-98a59015.js';
-import './index-4a1b34f8.js';
-import './index-2cc91315.js';
+import './index-b5d20631.js';
+import './index-42bf82a1.js';
+import './index-eb21dbeb.js';
 import 'react-qr-code';
-import './index-783e6849.js';
-import './useCustomDimensions-317ee643.js';
-import './index-a496d0ad.js';
-import './ussIsSticky-f6c25509.js';
-import './index-b455dc07.js';
-import './index-decb07cd.js';
-import './index-9f433f4b.js';
-import './index.module-962c4d99.js';
-import './index-f0d58303.js';
-import './index-81765888.js';
-import './index-690cfe03.js';
+import './index-6b8fc182.js';
+import './useCustomDimensions-6b7417e6.js';
+import './index-7021ddce.js';
+import './ussIsSticky-ff311f1e.js';
+import './index-9487e7b8.js';
+import './index-e28c99b1.js';
+import './index-67a73107.js';
+import './index.module-2de51454.js';
+import './index-0c82bb51.js';
+import './index-d94dc7b8.js';
+import './index-474b3538.js';
 
 var container = "container-UuJhj";
 var title = "title-f6urG";

package/build/esm/{index-be78d019.js → index-243649d9.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-6f93775d.js';
+import { s as styleInject, u as useViewHandler } from './index-74586774.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import CheckoutFormNew from './index-d7ebbd7b.js';
-import ProductCenter from './index-7f9bc04a.js';
-import ContentItemWrapper from './index-b5b062ba.js';
+import CheckoutFormNew from './index-01be6fb2.js';
+import ProductCenter from './index-9fbe72db.js';
+import ContentItemWrapper from './index-c6ab8988.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -22,30 +22,30 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-558a327a.js';
+import './index-18be7f2d.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-f0544246.js';
-import './index-a8e2e9e4.js';
-import './index-653eddb7.js';
-import './index-34b05ec7.js';
-import './index.module-889ea24e.js';
-import './index-88b3ddf2.js';
-import './index-ff1b15f2.js';
-import './index-d8274021.js';
+import './index-e8c21f85.js';
+import './index-35480570.js';
+import './index-9e4d73d2.js';
+import './index-e1de2fba.js';
+import './index.module-71d6c012.js';
+import './index-3fbbb7d9.js';
+import './index-7799ae72.js';
+import './index-dffa914a.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-baf7849d.js';
-import './index-716f7d48.js';
-import './index-d5cdc0d7.js';
-import './index-1d6ef97b.js';
-import './index-87f49df6.js';
-import './index-4a1b34f8.js';
+import './index-247538e6.js';
+import './index-3ea03f57.js';
+import './index-244cc5ee.js';
+import './index-6ff7993c.js';
+import './index-53a96a01.js';
+import './index-42bf82a1.js';
 import 'react-laag';
-import './index-2cc91315.js';
+import './index-eb21dbeb.js';
 import 'react-qr-code';
-import './index-783e6849.js';
-import './index-06b6e63c.js';
-import './index-09e72e32.js';
+import './index-6b8fc182.js';
+import './index-02a39990.js';
+import './index-7105eb50.js';
 import '@crystaldesign/content-item';
 
 var arrow = "arrow-GTKSC";

package/build/esm/{index-d5cdc0d7.js → index-244cc5ee.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-6f93775d.js';
+import { s as styleInject, u as useViewHandler } from './index-74586774.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-baf7849d.js → index-247538e6.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-6f93775d.js';
+import { s as styleInject, u as useViewHandler } from './index-74586774.js';
 import classnames from 'classnames';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-7b818597.js → index-25519ba2.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-6f93775d.js';
+import { s as styleInject, u as useViewHandler } from './index-74586774.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomRound from './index-6f772d13.js';
+import RoomRound from './index-f042327f.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-d56d878a.js → index-25f42e1e.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-6f93775d.js';
+import { u as useViewHandler } from './index-74586774.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
-import RalDropdownFilter from './index-e5f640c2.js';
-import SlideFilter from './index-c4d81862.js';
+import RalDropdownFilter from './index-1e82c2dd.js';
+import SlideFilter from './index-6f68aaeb.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -23,9 +23,9 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-dropdown';
-import './index-fb1ecc3f.js';
+import './index-43149bac.js';
 import '@crystaldesign/content-box';
-import './index-5d2f2301.js';
+import './index-74874df7.js';
 
 var defaultColorFilters = [{
   rgb: '#CC3300',

package/build/esm/{index-b62f4044.js → index-26ea80a4.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-6f93775d.js';
+import { s as styleInject, u as useViewHandler } from './index-74586774.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-41cfee3a.js → index-2928e679.js}

@@ -1,6 +1,6 @@
-import './index-6f93775d.js';
+import './index-74586774.js';
 import 'react';
-import PartListTable from './index-a40abf47.js';
+import PartListTable from './index-32a60d12.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,7 +20,7 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-03645e57.js';
+import './index.module-479db5cd.js';
 import 'react-collapsible';
 
 var AsyncRender = function AsyncRender(_ref) {

package/build/esm/{index-fb338e47.js → index-297b567a.js}

@@ -1,13 +1,13 @@
-import { s as styleInject, u as useViewHandler } from './index-6f93775d.js';
+import { s as styleInject, u as useViewHandler } from './index-74586774.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { getLogger, useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import Functions from './index-3c26152a.js';
+import Functions from './index-336f748b.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import { u as useCustomDimensions } from './useCustomDimensions-317ee643.js';
+import { u as useCustomDimensions } from './useCustomDimensions-6b7417e6.js';
 import { ContentItemComponent } from '@crystaldesign/content-item';
-import PriceCounter from './index-8338a16a.js';
+import PriceCounter from './index-2e00d43f.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-b9dbdfa2.js → index-29af54d0.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-6f93775d.js';
+import { s as styleInject, u as useViewHandler } from './index-74586774.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-b62f4044.js';
+import RoomSerious from './index-26ea80a4.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-06e15c20.js → index-29e9375e.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-6f93775d.js';
+import { s as styleInject } from './index-74586774.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-9dd4d529.js';
+import ActionNavigation from './index-01cc1424.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,7 +20,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-bf5e4b27.js';
+import './index.module-ced96e5c.js';
 
 var font = "font-pqTkf";
 var css_248z = ".font-pqTkf {\n  font-weight: 300;\n}\n";

package/build/esm/index-2bff13ae.js

@@ -0,0 +1,167 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { u as useViewHandler } from './index-74586774.js';
+import { useState, useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import { S as SettingsItem } from './index-687d21e8.js';
+import SettingsItemsGroup from './index-e3be6263.js';
+import ContentItemTeaser from './index-5b1091f4.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+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 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import 'sift';
+import './index-37cc1c62.js';
+import './index-a3d552e1.js';
+import './index-8ff15f88.js';
+import './index-02477b38.js';
+import './index-63a4ebb5.js';
+import './index.module-b4fbe081.js';
+import './index-18be7f2d.js';
+import 'react-switch';
+import './index-7c78aae2.js';
+import './index-a5e33da2.js';
+import './index-2e00d43f.js';
+import 'react-countup';
+import './index-f8343613.js';
+import '@mui/icons-material/Block';
+import '@mui/icons-material/Warning';
+import './index-2e9da43b.js';
+import 'react-dropdown';
+import './index-25f42e1e.js';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-1e82c2dd.js';
+import './index-43149bac.js';
+import './index-6f68aaeb.js';
+import '@crystaldesign/content-box';
+import './index-74874df7.js';
+import './index-6a3f6306.js';
+import './index-2c6e86d8.js';
+import './index-4d6128d4.js';
+import './index-b4774961.js';
+import './index-c56c8e81.js';
+import './index-684c1fee.js';
+import './index-3c9b8a98.js';
+import './index-96ea2ba0.js';
+import 'react-laag';
+import './index.module-c89cd70b.js';
+import './index-f74d0dff.js';
+import './index-5392864e.js';
+import './index-4c71a0dc.js';
+import './index-0e96a089.js';
+import './index-95af3b07.js';
+import './index-f0bd5022.js';
+import './index.module-4ad3e960.js';
+import './index-e76e879f.js';
+import './index-1483665b.js';
+import './index-cd2baa17.js';
+import './index-b770eff7.js';
+import './index-a0d7d644.js';
+import './index-394beb5b.js';
+import './index-bd9d9c5f.js';
+import './index-782feeee.js';
+import './index-4976cb21.js';
+import './index-790c6510.js';
+import './index-ed3f31cc.js';
+import './index-4702bba1.js';
+import 'swiper/react';
+import 'swiper/modules';
+import './index-b8a69c30.js';
+import 'rc-slider';
+import './index-999d8a16.js';
+import './index-732cbd10.js';
+import './index-8456ce68.js';
+import './index-f3f1da2c.js';
+import './index-3291875b.js';
+import 'react-confetti-explosion';
+import './index-b5d20631.js';
+import './index-42bf82a1.js';
+import './index-eb21dbeb.js';
+import 'react-qr-code';
+import './index-6b8fc182.js';
+import './useCustomDimensions-6b7417e6.js';
+import './index-7021ddce.js';
+import './ussIsSticky-ff311f1e.js';
+import './index-9487e7b8.js';
+import './index-e28c99b1.js';
+import './index-67a73107.js';
+import './index.module-2de51454.js';
+import './index-0c82bb51.js';
+import './index-d94dc7b8.js';
+import './index-474b3538.js';
+import '@crystaldesign/diva-web-planner-react/model';
+
+var SettingsItemsWrapper = function SettingsItemsWrapper(_ref) {
+  var itemPalettesArr = _ref.itemPalettesArr;
+  var viewHandler = useViewHandler();
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    partOfGroupArr = _useState2[0],
+    setPartOfGroupArr = _useState2[1];
+  useEffect(function () {
+    var newPartOfGroupArr = [];
+    var _loop = function _loop() {
+      var item = itemPalettesArr[i];
+      var optionStep = viewHandler.configuratorStructureHandler.getOptionStepByCodex(item.optionCodex);
+      var partOfGroup = optionStep === null || optionStep === void 0 ? void 0 : optionStep.partOfGroup;
+      var partOfGroupObj = newPartOfGroupArr.find(function (p) {
+        var _partOfGroup$groupNam;
+        return ((_partOfGroup$groupNam = partOfGroup === null || partOfGroup === void 0 ? void 0 : partOfGroup.groupName) !== null && _partOfGroup$groupNam !== void 0 ? _partOfGroup$groupNam : item.configStepKey + item.id) === p.groupName;
+      });
+      if (!partOfGroupObj) {
+        var _partOfGroup$groupNam2;
+        var newGroup = {
+          groupName: (_partOfGroup$groupNam2 = partOfGroup === null || partOfGroup === void 0 ? void 0 : partOfGroup.groupName) !== null && _partOfGroup$groupNam2 !== void 0 ? _partOfGroup$groupNam2 : item.configStepKey + item.id,
+          palettes: [item],
+          left: [],
+          right: []
+        };
+        newPartOfGroupArr.push(newGroup);
+        partOfGroupObj = newGroup;
+      } else {
+        partOfGroupObj.palettes.push(item);
+      }
+      if ((partOfGroup === null || partOfGroup === void 0 ? void 0 : partOfGroup.position) === 'l') partOfGroupObj.left.push(item.id);else if ((partOfGroup === null || partOfGroup === void 0 ? void 0 : partOfGroup.position) === 'r') partOfGroupObj.right.push(item.id);
+    };
+    for (var i = 0; i < itemPalettesArr.length; i++) {
+      _loop();
+    }
+    setPartOfGroupArr(newPartOfGroupArr);
+  }, [itemPalettesArr]);
+  return /*#__PURE__*/jsx(Fragment, {
+    children: partOfGroupArr.map(function (item) {
+      var _item$palettes$0$opti;
+      if (item.palettes.length > 1) {
+        return /*#__PURE__*/jsx(SettingsItemsGroup, {
+          group: item
+        });
+      }
+      var teaser = item.palettes[0].contentItemTeaser;
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [(teaser === null || teaser === void 0 ? void 0 : teaser.position) == "TOP" && /*#__PURE__*/jsx(ContentItemTeaser, {
+          item: teaser
+        }), /*#__PURE__*/jsx(SettingsItem, {
+          item: item.palettes[0],
+          id: Number(item.palettes[0].id)
+        }, ((_item$palettes$0$opti = item.palettes[0].optionCodex) !== null && _item$palettes$0$opti !== void 0 ? _item$palettes$0$opti : item.palettes[0].configStepKey) + item.palettes[0].id), (teaser === null || teaser === void 0 ? void 0 : teaser.position) == "BOTTOM" && /*#__PURE__*/jsx(ContentItemTeaser, {
+          item: teaser
+        })]
+      });
+    })
+  });
+};
+var SettingsItemsWrapper$1 = observer(SettingsItemsWrapper);
+
+export { SettingsItemsWrapper$1 as default };

package/build/esm/{index-29912620.js → index-2c6e86d8.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-6f93775d.js';
+import { s as styleInject, u as useViewHandler } from './index-74586774.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-02140c47.js';
+import SettingsHeader from './index-a3d552e1.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';