@crystaldesign/diva-web-planner-react 24.15.0-beta.2 → 24.15.0-beta.20

package/build/esm/{index-96caa725.js → index-6fe63e50.js}

@@ -1,12 +1,13 @@
-import { s as styleInject, u as useViewHandler } from './index-35c3b12b.js';
+import { s as styleInject, u as useViewHandler } from './index-f2756ac3.js';
 import { useEffect } from 'react';
-import Inputbox from './index-c650e3fa.js';
-import Settings from './index-fb2349f7.js';
-import TabGroup from './index-7a97c568.js';
+import Inputbox from './index-8677c739.js';
+import Settings from './index-1a257e96.js';
+import TabGroup from './index-39cee17e.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import Toolbar from './index-a7ccacaa.js';
-import NavigationButtons from './index-323ef2f4.js';
+import Toolbar from './index-8386256b.js';
+import NavigationButtons from './index-c3ba9654.js';
+import ContentItemWrapper from './index-9c1a8283.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -22,106 +23,108 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-da7cb9a4.js';
-import './index-bb6da57d.js';
-import './index-e2dd9621.js';
-import './index-75a7cd6f.js';
-import './index-4106cade.js';
+import './index-c9dd51f3.js';
+import './index-dba51fae.js';
+import './index-23410119.js';
+import './index-3c2c2756.js';
+import './index-6310fd0e.js';
 import 'react-laag';
-import './index-7cf110bb.js';
-import './index-232bd882.js';
-import './index-21c0d77e.js';
+import './index-e50e82c6.js';
+import './index-78d2555f.js';
+import './index-0ed1fe0c.js';
 import 'sift';
-import './index-69a1567b.js';
-import './index-b0002783.js';
-import './index-745ea0bf.js';
-import './index-d1fd0d23.js';
-import './index.module-c8e4c4b4.js';
-import './index-5a985397.js';
+import './index-3f590b48.js';
+import './index-77794165.js';
+import './index-95cc26a0.js';
+import './index-dd134d43.js';
+import './index.module-d83489f1.js';
+import './index-b85232b4.js';
 import 'react-switch';
-import './index-fa9ad2a2.js';
-import './index-2d30cfaa.js';
+import './index-ba5da7bb.js';
+import './index-e0a042d2.js';
 import 'react-dropdown';
-import './index-45036a91.js';
-import './index-c57b232b.js';
-import './index-6bbeb637.js';
-import './index-07d9f5c1.js';
+import './index-b877b32d.js';
+import './index-95b840d6.js';
+import './index-da2143eb.js';
+import './index-a0acd170.js';
 import '@crystaldesign/content-box';
-import './index-e90d3993.js';
-import './index-7d2f30ce.js';
-import './index-456a4ffb.js';
-import './index-67e30220.js';
-import './index-6c2c9980.js';
+import './index-10aaa96b.js';
+import './index-7505d282.js';
+import './index-04c19b72.js';
+import './index-27a564aa.js';
+import './index-84d4ae1b.js';
 import '@crystaldesign/products-component';
-import './index-91d3dd34.js';
-import './index-c1d846a6.js';
-import './index-1fcc2a56.js';
-import './index-72961d6c.js';
-import './index-d7c94fc4.js';
-import './index-2ee79f97.js';
-import './index-ecbf27df.js';
-import './index-23bf52e2.js';
-import './index-74474d28.js';
-import './index-3627f830.js';
-import './index-b4f6dc24.js';
-import './index-a94a1fac.js';
-import './index-3dd00bd8.js';
-import './index.module-5efdbb96.js';
-import './index-74f82074.js';
-import './index-829fb4c1.js';
-import './index-481dd847.js';
-import './index-4950c9f7.js';
-import './index-d4b652d0.js';
-import './index-b224a160.js';
-import './index-aee2dcae.js';
-import './index.module-7db72c65.js';
-import './index-f6079c09.js';
-import './index-2cce2e0a.js';
-import './index-52d9ff81.js';
-import './index-e551ae01.js';
-import './index-eeb21c12.js';
-import './index-33504ca0.js';
-import './index-44cf08e1.js';
-import './index-50581145.js';
-import './index-24491d01.js';
-import './index-672cc140.js';
-import './index.module-36102827.js';
-import './index-ce04e41e.js';
-import './index-45a639cd.js';
-import './index-e598eec5.js';
+import './index-bbc56ee0.js';
+import './index-31d1ac10.js';
+import './index-5cc43c12.js';
+import './index-48aa8dfc.js';
+import './index-f7a18b14.js';
+import './index-8112777e.js';
+import './index-b0debc14.js';
+import './index-2b2fa79c.js';
+import './index-0c23d3a6.js';
+import './index-9ec3588d.js';
+import './index-9e238a88.js';
+import './index-96334bb7.js';
+import './index-fd6755ce.js';
+import './index.module-353e0b93.js';
+import './index-203fadf5.js';
+import './index-52640b46.js';
+import './index-b54a4b1a.js';
+import './index-fccd653d.js';
+import './index-53247ed0.js';
+import './index-f2354351.js';
+import './index-a0c5082c.js';
+import './index.module-31eb2639.js';
+import './index-fa79f978.js';
+import './index-17400e52.js';
+import './index-1c03eabc.js';
+import './index-516f8557.js';
+import './index-c3f7af96.js';
+import './index-8e12dcf8.js';
+import './index-fbd49ea9.js';
+import './index-78f6d5e9.js';
+import './index-702dc860.js';
+import './index-41f6343c.js';
+import './index.module-acd12aec.js';
+import './index-941130ba.js';
+import './index-ab35c04d.js';
+import './index-d0f789fa.js';
 import 'react-collapsible';
-import './index-de1a5f18.js';
-import './index-059e21dd.js';
-import './index.module-1fd77a13.js';
+import './index-56ef2ce8.js';
+import './index-a4b60ede.js';
+import './index.module-3d9a40e0.js';
 import 'react-json-view-lite';
-import 'react-json-view-lite/dist/index.css';
-import './index-7088df9a.js';
-import './index.module-93433ff3.js';
-import './index-2fd4a9c0.js';
+import './react-json-viewer-3f277fa9.js';
+import './index-e4de653c.js';
+import './index.module-40804938.js';
+import './index-2676485c.js';
 import 'jsoneditor';
-import './index-8668506f.js';
-import './index-964390f3.js';
-import './index-86162936.js';
-import './index-aa7beb72.js';
-import './index-c4ce8228.js';
-import './index.module-3b67edfa.js';
-import './index-457817bf.js';
-import './index-f436e938.js';
-import './index-c4fea3e0.js';
-import './index-144dd62f.js';
-import './index.module-d50521ea.js';
-import './index-1656bb68.js';
-import './index-7af92075.js';
-import './index-1910bb28.js';
-import './index-1938cbb5.js';
-import './index-6f1ebe6a.js';
-import './index-293bfd40.js';
-import './index-0ff00e72.js';
-import './CatalogProperties-564eeaf1.js';
-import './ArticleProperties-603aa6bf.js';
-import './OptionProperties-ca79dd4d.js';
-import './OptionValueProperties-4ce08c3a.js';
+import './index-567777d2.js';
+import './index-7663f899.js';
+import './index-6dc21193.js';
+import './index-ca802d5e.js';
+import './index-51cc683f.js';
+import './index.module-96791f25.js';
+import './index-62c97201.js';
+import './index-4449e374.js';
+import './index-b5663726.js';
+import './index-d7e50863.js';
+import './index.module-2fd899eb.js';
+import './index-8c9ce467.js';
+import './index-309a346c.js';
+import './index-36028f14.js';
+import './index-e9630d02.js';
+import './index-93b5bd43.js';
+import './index-83d08708.js';
+import './index-112deceb.js';
+import './CatalogProperties-07a8120d.js';
+import './ArticleProperties-fbebf293.js';
+import './OptionProperties-91d8f63c.js';
+import './OptionValueProperties-0e538369.js';
 import 'react-select';
+import '@crystaldesign/content-item';
+import 'react-draggable';
 
 var wcConfigurator = "wcConfigurator-XqlAg";
 var wcConfiguratorSteps = "wc-configurator-steps-KdP9s";
@@ -155,7 +158,10 @@ var Wysiwyg = function Wysiwyg(props) {
       }), /*#__PURE__*/jsx(NavigationButtons, {
         className: wcConfiguratorSettingsActions,
         showBackButtonText: true
-      }), /*#__PURE__*/jsx(Toolbar, {})]
+      }), /*#__PURE__*/jsx(Toolbar, {}), viewHandler.settingsState.contentItemId && /*#__PURE__*/jsx(ContentItemWrapper, {
+        id: viewHandler.settingsState.contentItemId,
+        startPos: "right"
+      })]
     }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
   });
 };

package/build/esm/{index-24491d01.js → index-702dc860.js}

@@ -1,19 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-35c3b12b.js';
+import { s as styleInject, u as useViewHandler } from './index-f2756ac3.js';
 import { useState, useEffect } from 'react';
-import OptionTree from './index-672cc140.js';
-import PartListTable from './index-7088df9a.js';
-import MaskEditor from './index-2fd4a9c0.js';
-import ArticleOverview from './index-8668506f.js';
-import SVGAnalyzer from './index-964390f3.js';
-import EkTextViewer from './index-f436e938.js';
-import CatalogMakeup from './index-c4fea3e0.js';
-import PartListAnalyzer from './index-7af92075.js';
-import RTVAnalyzer from './index-1910bb28.js';
-import J3DEditor from './index-1938cbb5.js';
-import PropertiesEditor from './index-293bfd40.js';
+import OptionTree from './index-41f6343c.js';
+import PartListTable from './index-e4de653c.js';
+import MaskEditor from './index-2676485c.js';
+import ArticleOverview from './index-567777d2.js';
+import SVGAnalyzer from './index-7663f899.js';
+import EkTextViewer from './index-4449e374.js';
+import CatalogMakeup from './index-b5663726.js';
+import PartListAnalyzer from './index-309a346c.js';
+import RTVAnalyzer from './index-36028f14.js';
+import J3DEditor from './index-e9630d02.js';
+import PropertiesEditor from './index-83d08708.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -27,37 +27,37 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
-import './index.module-36102827.js';
-import './index-ce04e41e.js';
-import './index-45a639cd.js';
+import './index.module-acd12aec.js';
+import './index-941130ba.js';
+import './index-ab35c04d.js';
 import 'classnames';
-import './index-e598eec5.js';
+import './index-d0f789fa.js';
 import 'react-collapsible';
-import './index-de1a5f18.js';
-import './index-059e21dd.js';
-import './index.module-1fd77a13.js';
+import './index-56ef2ce8.js';
+import './index-a4b60ede.js';
+import './index.module-3d9a40e0.js';
 import 'react-json-view-lite';
-import 'react-json-view-lite/dist/index.css';
-import './index.module-93433ff3.js';
+import './react-json-viewer-3f277fa9.js';
+import './index.module-40804938.js';
 import 'jsoneditor';
-import './index-86162936.js';
-import './index-aa7beb72.js';
-import './index-c4ce8228.js';
-import './index.module-3b67edfa.js';
-import './index-457817bf.js';
-import './index-144dd62f.js';
+import './index-6dc21193.js';
+import './index-ca802d5e.js';
+import './index-51cc683f.js';
+import './index.module-96791f25.js';
+import './index-62c97201.js';
+import './index-d7e50863.js';
 import 'react-dropdown';
-import './index.module-d50521ea.js';
-import './index-6bbeb637.js';
-import './index-1656bb68.js';
-import './index-6f1ebe6a.js';
-import './index-0ff00e72.js';
-import './index-5a985397.js';
+import './index.module-2fd899eb.js';
+import './index-da2143eb.js';
+import './index-8c9ce467.js';
+import './index-93b5bd43.js';
+import './index-112deceb.js';
+import './index-b85232b4.js';
 import 'react-switch';
-import './CatalogProperties-564eeaf1.js';
-import './ArticleProperties-603aa6bf.js';
-import './OptionProperties-ca79dd4d.js';
-import './OptionValueProperties-4ce08c3a.js';
+import './CatalogProperties-07a8120d.js';
+import './ArticleProperties-fbebf293.js';
+import './OptionProperties-91d8f63c.js';
+import './OptionValueProperties-0e538369.js';
 import 'react-select';
 
 var wrapper = "wrapper-eIL6V";

package/build/esm/{index-41179072.js → index-70574bfe.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-35c3b12b.js';
+import { s as styleInject, u as useViewHandler } from './index-f2756ac3.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { S as SettingsItem } from './index-21c0d77e.js';
+import { S as SettingsItem } from './index-0ed1fe0c.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -18,54 +18,54 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'sift';
-import './index-69a1567b.js';
-import './index-bb6da57d.js';
-import './index-b0002783.js';
-import './index-745ea0bf.js';
-import './index-d1fd0d23.js';
-import './index.module-c8e4c4b4.js';
-import './index-5a985397.js';
+import './index-3f590b48.js';
+import './index-dba51fae.js';
+import './index-77794165.js';
+import './index-95cc26a0.js';
+import './index-dd134d43.js';
+import './index.module-d83489f1.js';
+import './index-b85232b4.js';
 import 'react-switch';
-import './index-fa9ad2a2.js';
-import './index-2d30cfaa.js';
+import './index-ba5da7bb.js';
+import './index-e0a042d2.js';
 import 'react-dropdown';
-import './index-45036a91.js';
+import './index-b877b32d.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-c57b232b.js';
-import './index-6bbeb637.js';
-import './index-07d9f5c1.js';
+import './index-95b840d6.js';
+import './index-da2143eb.js';
+import './index-a0acd170.js';
 import '@crystaldesign/content-box';
-import './index-e90d3993.js';
-import './index-7d2f30ce.js';
-import './index-456a4ffb.js';
-import './index-67e30220.js';
-import './index-6c2c9980.js';
+import './index-10aaa96b.js';
+import './index-7505d282.js';
+import './index-04c19b72.js';
+import './index-27a564aa.js';
+import './index-84d4ae1b.js';
 import '@crystaldesign/products-component';
-import './index-91d3dd34.js';
-import './index-c1d846a6.js';
-import './index-1fcc2a56.js';
+import './index-bbc56ee0.js';
+import './index-31d1ac10.js';
+import './index-5cc43c12.js';
 import 'react-laag';
-import './index-72961d6c.js';
-import './index-d7c94fc4.js';
-import './index-2ee79f97.js';
-import './index-ecbf27df.js';
-import './index-23bf52e2.js';
-import './index-74474d28.js';
-import './index-3627f830.js';
-import './index-b4f6dc24.js';
-import './index-a94a1fac.js';
-import './index-3dd00bd8.js';
-import './index.module-5efdbb96.js';
-import './index-74f82074.js';
-import './index-829fb4c1.js';
-import './index-481dd847.js';
-import './index-4950c9f7.js';
-import './index-d4b652d0.js';
-import './index-b224a160.js';
-import './index-aee2dcae.js';
-import './index.module-7db72c65.js';
-import './index-f6079c09.js';
-import './index-2cce2e0a.js';
+import './index-48aa8dfc.js';
+import './index-f7a18b14.js';
+import './index-8112777e.js';
+import './index-b0debc14.js';
+import './index-2b2fa79c.js';
+import './index-0c23d3a6.js';
+import './index-9ec3588d.js';
+import './index-9e238a88.js';
+import './index-96334bb7.js';
+import './index-fd6755ce.js';
+import './index.module-353e0b93.js';
+import './index-203fadf5.js';
+import './index-52640b46.js';
+import './index-b54a4b1a.js';
+import './index-fccd653d.js';
+import './index-53247ed0.js';
+import './index-f2354351.js';
+import './index-a0c5082c.js';
+import './index.module-31eb2639.js';
+import './index-fa79f978.js';
+import './index-17400e52.js';
 
 var productSettingsWrapper = "product-settings-wrapper-KOweX";
 var scrollWrapper = "scroll-wrapper-DI3EF";

package/build/esm/{index-880cb9f9.js → index-73053572.js}

@@ -1,4 +1,4 @@
-import './index-35c3b12b.js';
+import './index-f2756ac3.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-7d2f30ce.js → index-7505d282.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-35c3b12b.js';
+import { s as styleInject, u as useViewHandler } from './index-f2756ac3.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-3bb6dbe6.js → index-75142686.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-35c3b12b.js';
+import { s as styleInject } from './index-f2756ac3.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-964390f3.js → index-7663f899.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-35c3b12b.js';
+import './index-f2756ac3.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import ArticleOverview from './index-86162936.js';
-import SVGViewer from './index-aa7beb72.js';
+import ArticleOverview from './index-6dc21193.js';
+import SVGViewer from './index-ca802d5e.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,14 +18,14 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-93433ff3.js';
-import './index.module-1fd77a13.js';
+import './index.module-40804938.js';
+import './index.module-3d9a40e0.js';
 import 'classnames';
-import './index.module-36102827.js';
+import './index.module-acd12aec.js';
 import 'react-collapsible';
-import './index-c4ce8228.js';
-import './index.module-3b67edfa.js';
-import './index-457817bf.js';
+import './index-51cc683f.js';
+import './index.module-96791f25.js';
+import './index-62c97201.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/build/esm/{index-b0002783.js → index-77794165.js}

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

package/build/esm/{index-1eb762d8.js → index-77e88a76.js}

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

package/build/esm/{index-83957377.js → index-78160c24.js}

@@ -1,18 +1,18 @@
-import { s as styleInject, u as useViewHandler } from './index-35c3b12b.js';
+import { s as styleInject, u as useViewHandler } from './index-f2756ac3.js';
 import classnames from 'classnames';
-import DockFilter from './index-4c6cca94.js';
-import RALFilter from './index-45036a91.js';
+import DockFilter from './index-db30eed6.js';
+import RALFilter from './index-b877b32d.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import Searchbar from './index-7d2f30ce.js';
-import ToggleHeader from './index-179dbb8c.js';
-import NumberInput from './index-5ccb3d28.js';
-import InfoButton from './index-dcbe8ced.js';
-import PDFButton from './index-3bb6dbe6.js';
-import SummaryVariantButton from './index-a6ced392.js';
-import SelectedOpv from './index-5ab6dc0e.js';
-import InfoIcon from './index-fa9ad2a2.js';
+import Searchbar from './index-7505d282.js';
+import ToggleHeader from './index-043a4fed.js';
+import NumberInput from './index-87ad1e4f.js';
+import InfoButton from './index-1c2bf857.js';
+import PDFButton from './index-75142686.js';
+import SummaryVariantButton from './index-51372d51.js';
+import SelectedOpv from './index-9544dde4.js';
+import InfoIcon from './index-ba5da7bb.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -27,18 +27,18 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-c57b232b.js';
+import './index-95b840d6.js';
 import 'react-dropdown';
-import './index-6bbeb637.js';
-import './index-07d9f5c1.js';
+import './index-da2143eb.js';
+import './index-a0acd170.js';
 import '@crystaldesign/content-box';
-import './index-e90d3993.js';
-import './index-5a985397.js';
+import './index-10aaa96b.js';
+import './index-b85232b4.js';
 import 'react-switch';
-import './index-41a2547c.js';
+import './index-b45f61ee.js';
 import 'react-laag';
-import './index-d7c94fc4.js';
-import './index-72961d6c.js';
+import './index-f7a18b14.js';
+import './index-48aa8dfc.js';
 
 var headerWrapper = "header-wrapper-qVEmI";
 var wcConfiguratorSettingsHeaderTitle = "wcConfigurator-settings-header-title--CcUK";
@@ -81,7 +81,7 @@ var SettingsItemHeader = function SettingsItemHeader(_ref) {
     }
   };
   var PaletteComponent = FilterTypeComponentMap[item.filterComponent ? item.filterComponent : 'None'];
-  var doShowSearchbar = item.searchVisible && !isSettingsHeader && !viewHandler.uiState.ViewConfig.hideSearchBar && !item.isRenderedNotInSettingPalette;
+  var doShowSearchbar = item.searchVisible && (!isSettingsHeader || !!item.shelfPlannerGrids) && !viewHandler.uiState.ViewConfig.hideSearchBar && !item.isRenderedNotInSettingPalette;
   var doShowFilter = item.filterVisible && !isSettingsHeader && item.filterComponent;
   var title = isSettingsHeader || item.type == 'TOGGLE' ? t('configurator.' + viewHandler.settingsState.paletteHeaderStepName, viewHandler.settingsState.paletteHeaderStepName) : t('configurator.' + item.name, item.name);
   if (item.isMultiselect) {