@crystaldesign/diva-web-planner-react 24.15.0-beta.26 → 24.15.0-beta.28

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

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-8790e360.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-e7b98bce.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,55 +18,56 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'sift';
-import './index-5350c4b5.js';
-import './index-ced3aa33.js';
-import './index-4339ebf4.js';
-import './index-45ed6395.js';
-import './index-ce4e115c.js';
-import './index.module-6e827841.js';
-import './index-730107fb.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-f33ce62a.js';
-import './index-f61bcbf8.js';
+import './index-9e025ea6.js';
+import './index-74f39aff.js';
+import './index-964aeced.js';
 import 'react-dropdown';
-import './index-8e842577.js';
+import './index-4dbf2cfa.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-7ccb0839.js';
-import './index-4a2a4047.js';
-import './index-30051da8.js';
+import './index-fe2a846e.js';
+import './index-d8824de9.js';
+import './index-b2efa7b3.js';
 import '@crystaldesign/content-box';
-import './index-4e259f1e.js';
-import './index-a42054d3.js';
-import './index-4c4def58.js';
-import './index-1a0c00db.js';
-import './index-32c0cb0b.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-ce5cbcdc.js';
-import './index-570cacf4.js';
-import './index-e6447a0c.js';
+import './index-33430d93.js';
+import './index-65f3d176.js';
+import './index-ede73d86.js';
 import 'react-laag';
-import './index-1fa77883.js';
-import './index-e335f174.js';
-import './index-6c3f2d64.js';
-import './index-49a53af0.js';
-import './index-8934494b.js';
-import './index-667cacb4.js';
-import './index-e08d11dc.js';
-import './index-443351fe.js';
-import './index-ae74481b.js';
-import './index-55f87a4b.js';
-import './index.module-459414e5.js';
-import './index-445ff596.js';
-import './index-5b61b070.js';
-import './index-fe53ef2f.js';
-import './index-1c05d392.js';
-import './index-39619253.js';
-import './index-1f064d7d.js';
-import './index-892b02b0.js';
-import './index.module-718f2af1.js';
-import './index-9ec1c5aa.js';
-import './index-31df5e39.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-4c9941e5.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-8790e360.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-df3ef10d.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-8790e360.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-e335f174.js';
+import GenericToolTip from './index-173167a2.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import MetaData from './index-1fa77883.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-74488385.js → index-8bbb1aaa.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-8790e360.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-fe53ef2f.js → index-8cd9a28a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-8790e360.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-ee8dc60c.js → index-8d8c82a4.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-8790e360.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-d78e35ef.js → index-8e80599e.js}

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

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

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

package/build/esm/{index-4742d637.js → index-8ecb1e06.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-8790e360.js';
+import { s as styleInject } from './index-6df691c0.js';
 import { observer } from 'mobx-react-lite';
-import AccessoiresStandard from './index-275e647a.js';
+import AccessoiresStandard from './index-ce5f9fb8.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -18,59 +18,60 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'react-laag';
-import './index-1fa77883.js';
-import './index-e335f174.js';
-import './index-e6e6aece.js';
+import './index-bfa9d7df.js';
+import './index-173167a2.js';
+import './index-74f39aff.js';
+import './index-2dedf740.js';
 import 'react-collapsible';
-import './index-15234e11.js';
-import './index-e7b98bce.js';
+import './index-f206063e.js';
+import './index-e847bbdf.js';
 import 'sift';
-import './index-5350c4b5.js';
-import './index-ced3aa33.js';
-import './index-4339ebf4.js';
-import './index-45ed6395.js';
-import './index-ce4e115c.js';
-import './index.module-6e827841.js';
-import './index-730107fb.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-f33ce62a.js';
-import './index-f61bcbf8.js';
+import './index-9e025ea6.js';
+import './index-964aeced.js';
 import 'react-dropdown';
-import './index-8e842577.js';
+import './index-4dbf2cfa.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-7ccb0839.js';
-import './index-4a2a4047.js';
-import './index-30051da8.js';
+import './index-fe2a846e.js';
+import './index-d8824de9.js';
+import './index-b2efa7b3.js';
 import '@crystaldesign/content-box';
-import './index-4e259f1e.js';
-import './index-a42054d3.js';
-import './index-4c4def58.js';
-import './index-1a0c00db.js';
-import './index-32c0cb0b.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-ce5cbcdc.js';
-import './index-570cacf4.js';
-import './index-e6447a0c.js';
-import './index-6c3f2d64.js';
-import './index-49a53af0.js';
-import './index-8934494b.js';
-import './index-667cacb4.js';
-import './index-e08d11dc.js';
-import './index-443351fe.js';
-import './index-ae74481b.js';
-import './index-55f87a4b.js';
-import './index.module-459414e5.js';
-import './index-445ff596.js';
-import './index-5b61b070.js';
-import './index-fe53ef2f.js';
-import './index-1c05d392.js';
-import './index-39619253.js';
-import './index-1f064d7d.js';
-import './index-892b02b0.js';
-import './index.module-718f2af1.js';
-import './index-9ec1c5aa.js';
-import './index-31df5e39.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-4c4def58.js → index-8fe9b473.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-8790e360.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-ced3aa33.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-667cacb4.js → index-92cab141.js}

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

package/build/esm/{index-37e9af0f.js → index-93d3c020.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-8790e360.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-fd80efe5.js → index-95b222fd.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-8790e360.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-c91a818e.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-f61bcbf8.js → index-964aeced.js}

@@ -1,14 +1,15 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-8790e360.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-8e842577.js';
-import Searchbar from './index-a42054d3.js';
-import Arrow from './index-4a2a4047.js';
-import InfoIcon from './index-f33ce62a.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-7ccb0839.js';
-import './index-30051da8.js';
+import './index-fe2a846e.js';
+import './index-b2efa7b3.js';
 import '@crystaldesign/content-box';
-import './index-4e259f1e.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-ae74481b.js → index-98d9c51a.js}

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

package/build/esm/{index-730107fb.js → index-99019637.js}

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