@crystaldesign/diva-web-planner-react 24.15.0-beta.3 → 24.15.0-beta.30

package/build/esm/{index-7c64cc6f.js → index-832ff8d3.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-5f412e0b.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { S as SettingsItem } from './index-1a032df7.js';
+import { S as SettingsItem } from './index-e847bbdf.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -18,54 +18,56 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'sift';
-import './index-00876114.js';
-import './index-35560959.js';
-import './index-6c5ebf7d.js';
-import './index-744101c0.js';
-import './index-04b6565c.js';
-import './index.module-b667cd92.js';
-import './index-78e7ed44.js';
+import './index-4a8e1cc6.js';
+import './index-f9f730d5.js';
+import './index-44dd2b44.js';
+import './index-2db4b504.js';
+import './index-35ea8931.js';
+import './index.module-f726e259.js';
+import './index-99019637.js';
 import 'react-switch';
-import './index-14f6943b.js';
-import './index-30a12fca.js';
+import './index-9e025ea6.js';
+import './index-74f39aff.js';
+import './index-964aeced.js';
 import 'react-dropdown';
-import './index-7c6ee98f.js';
+import './index-4dbf2cfa.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-cd94d89b.js';
-import './index-218ee072.js';
-import './index-65275038.js';
+import './index-fe2a846e.js';
+import './index-d8824de9.js';
+import './index-b2efa7b3.js';
 import '@crystaldesign/content-box';
-import './index-d4ed4f21.js';
-import './index-b435c759.js';
-import './index-8c35930a.js';
-import './index-ae3c031a.js';
-import './index-dc4311b3.js';
+import './index-c54474e6.js';
+import './index-625bc0b7.js';
+import './index-8fe9b473.js';
+import './index-4d5dd6e6.js';
+import './index-eb9e583e.js';
+import '@crystaldesign/product-detail-page';
 import '@crystaldesign/products-component';
-import './index-73fcc4b6.js';
-import './index-3aa996a1.js';
-import './index-db0b5ab3.js';
+import './index-33430d93.js';
+import './index-65f3d176.js';
+import './index-ede73d86.js';
 import 'react-laag';
-import './index-28d6d9cb.js';
-import './index-c12bb239.js';
-import './index-4ce970f6.js';
-import './index-555a9271.js';
-import './index-b5ef6d41.js';
-import './index-6f226cd1.js';
-import './index-b48ac168.js';
-import './index-104e1375.js';
-import './index-7b968448.js';
-import './index-693199fe.js';
-import './index.module-38c0cb37.js';
-import './index-f94c7c97.js';
-import './index-a5e7a716.js';
-import './index-ef0457b0.js';
-import './index-934f868b.js';
-import './index-8480b8c6.js';
-import './index-c4150c7e.js';
-import './index-f4fddea9.js';
-import './index.module-850e46e7.js';
-import './index-94603890.js';
-import './index-21ae7a56.js';
+import './index-bfa9d7df.js';
+import './index-173167a2.js';
+import './index-76cdb47a.js';
+import './index-ce45f274.js';
+import './index-5e3fe9df.js';
+import './index-92cab141.js';
+import './index-be278929.js';
+import './index-f722056b.js';
+import './index-98d9c51a.js';
+import './index-eef5ffa8.js';
+import './index.module-303f0086.js';
+import './index-30b25a59.js';
+import './index-50cf2d8c.js';
+import './index-8cd9a28a.js';
+import './index-a553b790.js';
+import './index-afffb0a8.js';
+import './index-5e7b2cd3.js';
+import './index-f4512daf.js';
+import './index.module-b0ccd92b.js';
+import './index-f068d038.js';
+import './index-63f750fb.js';
 
 var productSettingsWrapper = "product-settings-wrapper-KOweX";
 var scrollWrapper = "scroll-wrapper-DI3EF";

package/build/esm/{index-c7c9bd45.js → index-85bd72b6.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-5f412e0b.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import { useState, useEffect } from 'react';
 import OrbitControlElement from 'react-3d-cube-interaction';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-81368432.js → index-8a3a27f7.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-5f412e0b.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import { observer } from 'mobx-react-lite';
 import { useState, createElement } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-c12bb239.js';
+import GenericToolTip from './index-173167a2.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import MetaData from './index-28d6d9cb.js';
+import MetaData from './index-bfa9d7df.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -19,6 +19,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import './index-74f39aff.js';
 
 var wrapper = "wrapper-q2VFw";
 var textWrapper = "text-wrapper-Th9kS";

package/build/esm/{index-05e43137.js → index-8bbb1aaa.js}

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

package/build/esm/{index-ef0457b0.js → index-8cd9a28a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-5f412e0b.js';
+import { s as styleInject } from './index-6df691c0.js';
 import classnames from 'classnames';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-43bfdaaa.js → index-8d8c82a4.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-5f412e0b.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import { useEffect } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-bf0a707f.js → index-8e80599e.js}

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

package/build/esm/{index-2230dff5.js → index-8e8e0ce6.js}

@@ -1,4 +1,4 @@
-import './index-5f412e0b.js';
+import './index-6df691c0.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-2beb49b7.js → index-8ecb1e06.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-5f412e0b.js';
+import { s as styleInject } from './index-6df691c0.js';
 import { observer } from 'mobx-react-lite';
-import AccessoiresStandard from './index-e1101084.js';
+import AccessoiresStandard from './index-ce5f9fb8.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -18,58 +18,60 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'react-laag';
-import './index-28d6d9cb.js';
-import './index-c12bb239.js';
-import './index-6d62e5e7.js';
+import './index-bfa9d7df.js';
+import './index-173167a2.js';
+import './index-74f39aff.js';
+import './index-2dedf740.js';
 import 'react-collapsible';
-import './index-96b5d583.js';
-import './index-1a032df7.js';
+import './index-f206063e.js';
+import './index-e847bbdf.js';
 import 'sift';
-import './index-00876114.js';
-import './index-35560959.js';
-import './index-6c5ebf7d.js';
-import './index-744101c0.js';
-import './index-04b6565c.js';
-import './index.module-b667cd92.js';
-import './index-78e7ed44.js';
+import './index-4a8e1cc6.js';
+import './index-f9f730d5.js';
+import './index-44dd2b44.js';
+import './index-2db4b504.js';
+import './index-35ea8931.js';
+import './index.module-f726e259.js';
+import './index-99019637.js';
 import 'react-switch';
-import './index-14f6943b.js';
-import './index-30a12fca.js';
+import './index-9e025ea6.js';
+import './index-964aeced.js';
 import 'react-dropdown';
-import './index-7c6ee98f.js';
+import './index-4dbf2cfa.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-cd94d89b.js';
-import './index-218ee072.js';
-import './index-65275038.js';
+import './index-fe2a846e.js';
+import './index-d8824de9.js';
+import './index-b2efa7b3.js';
 import '@crystaldesign/content-box';
-import './index-d4ed4f21.js';
-import './index-b435c759.js';
-import './index-8c35930a.js';
-import './index-ae3c031a.js';
-import './index-dc4311b3.js';
+import './index-c54474e6.js';
+import './index-625bc0b7.js';
+import './index-8fe9b473.js';
+import './index-4d5dd6e6.js';
+import './index-eb9e583e.js';
+import '@crystaldesign/product-detail-page';
 import '@crystaldesign/products-component';
-import './index-73fcc4b6.js';
-import './index-3aa996a1.js';
-import './index-db0b5ab3.js';
-import './index-4ce970f6.js';
-import './index-555a9271.js';
-import './index-b5ef6d41.js';
-import './index-6f226cd1.js';
-import './index-b48ac168.js';
-import './index-104e1375.js';
-import './index-7b968448.js';
-import './index-693199fe.js';
-import './index.module-38c0cb37.js';
-import './index-f94c7c97.js';
-import './index-a5e7a716.js';
-import './index-ef0457b0.js';
-import './index-934f868b.js';
-import './index-8480b8c6.js';
-import './index-c4150c7e.js';
-import './index-f4fddea9.js';
-import './index.module-850e46e7.js';
-import './index-94603890.js';
-import './index-21ae7a56.js';
+import './index-33430d93.js';
+import './index-65f3d176.js';
+import './index-ede73d86.js';
+import './index-76cdb47a.js';
+import './index-ce45f274.js';
+import './index-5e3fe9df.js';
+import './index-92cab141.js';
+import './index-be278929.js';
+import './index-f722056b.js';
+import './index-98d9c51a.js';
+import './index-eef5ffa8.js';
+import './index.module-303f0086.js';
+import './index-30b25a59.js';
+import './index-50cf2d8c.js';
+import './index-8cd9a28a.js';
+import './index-a553b790.js';
+import './index-afffb0a8.js';
+import './index-5e7b2cd3.js';
+import './index-f4512daf.js';
+import './index.module-b0ccd92b.js';
+import './index-f068d038.js';
+import './index-63f750fb.js';
 
 var wcAccInfoContainer = "wcAccInfoContainer-gHZnB";
 var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title--6avT";

package/build/esm/{index-8c35930a.js → index-8fe9b473.js}

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

package/build/esm/{index-6f226cd1.js → index-92cab141.js}

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

package/build/esm/{index-71f6d345.js → index-93d3c020.js}

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

package/build/esm/{index-173da454.js → index-95b222fd.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-5f412e0b.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import PlannerMsgItem from './index-c4659ed4.js';
+import PlannerMsgItem from './index-696edb6a.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-30a12fca.js → index-964aeced.js}

@@ -1,14 +1,15 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-5f412e0b.js';
+import { s as styleInject } from './index-6df691c0.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import Dropdown from 'react-dropdown';
-import RALFilter from './index-7c6ee98f.js';
-import Searchbar from './index-b435c759.js';
-import Arrow from './index-218ee072.js';
-import InfoIcon from './index-14f6943b.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import RALFilter from './index-4dbf2cfa.js';
+import Searchbar from './index-625bc0b7.js';
+import Arrow from './index-d8824de9.js';
+import InfoIcon from './index-9e025ea6.js';
+import PricePreview from './index-74f39aff.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -22,10 +23,10 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-cd94d89b.js';
-import './index-65275038.js';
+import './index-fe2a846e.js';
+import './index-b2efa7b3.js';
 import '@crystaldesign/content-box';
-import './index-d4ed4f21.js';
+import './index-c54474e6.js';
 
 var container = "container-sQHMr";
 var dropdownRoot = "Dropdown-root-elxKM";
@@ -33,7 +34,9 @@ var dropdownControl = "Dropdown-control-K74AD";
 var dropdownMenu = "dropdown-menu-Zxk-s";
 var row = "row-qZvF1";
 var colum = "colum-BalsH";
-var css_248z = ".container-sQHMr {\n  display: inline-block;\n  width: 100%;\n}\n.container-sQHMr .Dropdown-root-elxKM {\n  box-shadow: var(--boxShadowHover);\n}\n\n.container-sQHMr .Dropdown-control-K74AD {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 52px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n.container-sQHMr .dropdown-menu-Zxk-s {\n  max-height: 400px !important;\n}\n\n.row-qZvF1 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n  justify-content: space-between;\n  align-items: center;\n  --infoIconSize: 24px;\n}\n.colum-BalsH {\n  width: calc(50% - 32px);\n  margin: 3px;\n}\n";
+var dropOption = "dropOption-WucMK";
+var text = "text-cICxb";
+var css_248z = ".container-sQHMr {\n  display: inline-block;\n  width: 100%;\n}\n.container-sQHMr .Dropdown-root-elxKM {\n  box-shadow: var(--boxShadowHover);\n}\n\n.container-sQHMr .Dropdown-control-K74AD {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 52px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n.container-sQHMr .dropdown-menu-Zxk-s {\n  max-height: 400px !important;\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n}\n\n.row-qZvF1 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n  justify-content: space-between;\n  align-items: center;\n  --infoIconSize: 24px;\n}\n.colum-BalsH {\n  width: calc(50% - 32px);\n  margin: 3px;\n}\n\n.dropOption-WucMK {\n  width: 100%;\n  position: relative;\n}\n\n.text-cICxb {\n  width: -moz-fit-content;\n  width: fit-content;\n  padding-right: 64px;\n}\n";
 styleInject(css_248z);
 
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
@@ -64,39 +67,72 @@ var GroupDropdown = function GroupDropdown(_ref) {
       displayParentNameInDropDown = true;
     }
     var _loop = function _loop() {
+      var filteredGroup = filteredGroups[i];
       if (!selectedItem) {
-        selectedItem = filteredGroups[i].items.find(function (item) {
+        selectedItem = filteredGroup.items.find(function (item) {
           return item.sel;
         });
         if (selectedItem) {
           indexOfSelGroup = i;
         }
       }
+      var firstOpv = filteredGroup.items[0];
       if (displayParentNameInDropDown) {
-        var parentName = filteredGroups[i].items[0].parentName;
         var group = options.find(function (option) {
-          return option.name == parentName;
+          return option.key == firstOpv.parentName;
         });
         if (!group) {
           group = {
             type: 'group',
-            name: parentName,
+            key: firstOpv.parentName,
+            name: /*#__PURE__*/jsxs("div", {
+              className: dropOption,
+              children: [/*#__PURE__*/jsx("div", {
+                className: text,
+                dangerouslySetInnerHTML: {
+                  __html: firstOpv.parentName
+                }
+              }), firstOpv.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+                asyncPricePreview: firstOpv.pricePreviewPromise
+              })]
+            }),
             items: []
           };
           options.push(group);
         }
         group.items.push({
-          label: filteredGroups[i].name,
-          value: filteredGroups[i].name
+          label: /*#__PURE__*/jsx("div", {
+            className: dropOption,
+            children: /*#__PURE__*/jsx("div", {
+              className: text,
+              dangerouslySetInnerHTML: {
+                __html: filteredGroup.name
+              }
+            })
+          }),
+          value: filteredGroup.name
         });
         if (indexOfSelGroup == i) {
           indexOfSelGroupItem = group.items.length - 1;
           indexOfSelGroup = options.findIndex(function (group) {
-            return group.name == parentName;
+            return group.key == firstOpv.parentName;
           });
         }
       } else {
-        options.push(filteredGroups[i].name);
+        options.push({
+          label: /*#__PURE__*/jsxs("div", {
+            className: dropOption,
+            children: [/*#__PURE__*/jsx("div", {
+              className: text,
+              dangerouslySetInnerHTML: {
+                __html: filteredGroup.name
+              }
+            }), firstOpv.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+              asyncPricePreview: firstOpv.pricePreviewPromise
+            })]
+          }),
+          value: filteredGroup.name
+        });
       }
     };
     for (var i = 0; i < filteredGroups.length; i++) {
@@ -113,12 +149,36 @@ var GroupDropdown = function GroupDropdown(_ref) {
     } else if (actGroup) {
       actDropdownValue = actGroup;
     } else {
-      if (typeof options[indexOfSelGroup] == 'string') {
-        actDropdownValue = options[indexOfSelGroup];
+      var _options$indexOfSelGr;
+      if ((_options$indexOfSelGr = options[indexOfSelGroup]) !== null && _options$indexOfSelGr !== void 0 && _options$indexOfSelGr.label) {
+        actDropdownValue = {
+          label: /*#__PURE__*/jsx("div", {
+            className: dropOption,
+            children: /*#__PURE__*/jsx("div", {
+              className: text,
+              dangerouslySetInnerHTML: {
+                __html: options[indexOfSelGroup].value
+              }
+            })
+          }),
+          value: options[indexOfSelGroup].value
+        };
         indexOfActGroup = indexOfSelGroup;
       } else if (indexOfSelGroup >= 0) {
-        var _options$indexOfSelGr;
-        actDropdownValue = (_options$indexOfSelGr = options[indexOfSelGroup]) === null || _options$indexOfSelGr === void 0 || (_options$indexOfSelGr = _options$indexOfSelGr.items) === null || _options$indexOfSelGr === void 0 ? void 0 : _options$indexOfSelGr[indexOfSelGroupItem];
+        var _options$indexOfSelGr2;
+        var _item = (_options$indexOfSelGr2 = options[indexOfSelGroup]) === null || _options$indexOfSelGr2 === void 0 || (_options$indexOfSelGr2 = _options$indexOfSelGr2.items) === null || _options$indexOfSelGr2 === void 0 ? void 0 : _options$indexOfSelGr2[indexOfSelGroupItem];
+        actDropdownValue = {
+          label: /*#__PURE__*/jsx("div", {
+            className: dropOption,
+            children: /*#__PURE__*/jsx("div", {
+              className: text,
+              dangerouslySetInnerHTML: {
+                __html: _item.value
+              }
+            })
+          }),
+          value: _item.value
+        };
         var index = indexOfSelGroupItem;
         for (var _i = 0; _i < options.length && _i < indexOfSelGroup; _i++) {
           index = index + options[_i].items.length;
@@ -156,6 +216,7 @@ var GroupDropdown = function GroupDropdown(_ref) {
   } finally {
     _iterator.f();
   }
+  var uiItems = item.currentItemsFilter ? allItems : (_filteredGroups$index = filteredGroups[indexOfActGroup]) === null || _filteredGroups$index === void 0 ? void 0 : _filteredGroups$index.items;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [showSearchBar && /*#__PURE__*/jsx(Searchbar, {
       doShowFilter: true,
@@ -177,7 +238,7 @@ var GroupDropdown = function GroupDropdown(_ref) {
             id: id,
             dropdownRootClass: dropdownRoot
           })
-        }), ((_filteredGroups$index = filteredGroups[indexOfActGroup]) === null || _filteredGroups$index === void 0 ? void 0 : _filteredGroups$index.contentItemId) && /*#__PURE__*/jsx(InfoIcon, {
+        }), ((_filteredGroups$index2 = filteredGroups[indexOfActGroup]) === null || _filteredGroups$index2 === void 0 ? void 0 : _filteredGroups$index2.contentItemId) && /*#__PURE__*/jsx(InfoIcon, {
           item: filteredGroups[indexOfActGroup],
           style: {
             zIndex: 100,
@@ -204,15 +265,11 @@ var GroupDropdown = function GroupDropdown(_ref) {
         })]
       }), /*#__PURE__*/jsx("div", {
         className: contentInnerClassName,
-        children: item.currentItemsFilter ? allItems.map(function (item, i) {
-          return /*#__PURE__*/jsx(PaletteComponent, {
-            paletteId: id,
-            item: item
-          }, i);
-        }) : (_filteredGroups$index2 = filteredGroups[indexOfActGroup]) === null || _filteredGroups$index2 === void 0 ? void 0 : _filteredGroups$index2.items.map(function (item, i) {
+        children: uiItems === null || uiItems === void 0 ? void 0 : uiItems.map(function (item, i) {
           return /*#__PURE__*/jsx(PaletteComponent, {
             paletteId: id,
-            item: item
+            item: item,
+            hidePricePreview: true
           }, i);
         })
       })]

package/build/esm/{index-7b968448.js → index-98d9c51a.js}

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

package/build/esm/{index-78e7ed44.js → index-99019637.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-5f412e0b.js';
+import { s as styleInject } from './index-6df691c0.js';
 import classnames from 'classnames';
 import 'react';
 import Switch from 'react-switch';