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

package/build/esm/{index-765ead5c.js → index-9066d354.js}

@@ -1,6 +1,6 @@
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-a8b36d53.js';
 import 'react';
-import Toggle from './index-80e688aa.js';
+import Toggle from './index-33b51fec.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';

package/build/esm/{index-6e20eab3.js → index-90e7d54e.js}

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-a8b36d53.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-f7e2e336.js → index-9110eb02.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-a8b36d53.js';
 import { useEffect } from 'react';
-import Inputbox from './index-3cf524a5.js';
-import Product from './index-130509c8.js';
-import Settings from './index-503ce97c.js';
-import TabGroup from './index-c541f681.js';
+import Inputbox from './index-42198fd2.js';
+import Product from './index-c4ee0405.js';
+import Settings from './index-e894bead.js';
+import TabGroup from './index-edd27c42.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -22,103 +22,103 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-1b2152e1.js';
-import './index-80e688aa.js';
+import './index-842ba0ec.js';
+import './index-33b51fec.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-d3dca0c4.js';
-import './index-8b130683.js';
-import './index-f9542f47.js';
-import './index-d6f56077.js';
-import './index-acadee0a.js';
-import './index.module-8c4d89de.js';
-import './index-9ee8e9d6.js';
-import './index-04f41a0d.js';
-import './index-0a4833a5.js';
-import './index-8352d6d5.js';
-import './index-d248c9ed.js';
-import './index-16f9cb1b.js';
+import './index-5b03fa55.js';
+import './index-11a0530c.js';
+import './index-3b239df6.js';
+import './index-ad11436a.js';
+import './index-e82a7c02.js';
+import './index.module-f1c9b578.js';
+import './index-7fa157d1.js';
+import './index-1403cadc.js';
+import './index-ec248e2f.js';
+import './index-b9a02bf3.js';
+import './index-65adde63.js';
+import './index-8b4bae91.js';
 import '@crystaldesign/content-box';
-import './index-3137a86a.js';
-import './index-263a0d2c.js';
-import './index-5f524959.js';
+import './index-72ae4826.js';
+import './index-7385e8c5.js';
+import './index-12dc03f0.js';
 import 'react-laag';
-import './index-57771e84.js';
+import './index-af76119d.js';
 import 'react-qr-code';
-import './index-cb32deb6.js';
-import './index-cd4e8f98.js';
+import './index-7db4c704.js';
+import './index-c2696e98.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
-import './index-7f949b69.js';
-import './index-cd6dec40.js';
-import './index-06af5434.js';
-import './index-dd5e8d80.js';
-import './index-620441b6.js';
-import './index-7bed9fff.js';
-import './index-4fd157ef.js';
-import './index-96e19b0d.js';
+import './index-74d7724d.js';
+import './index-2f2f927d.js';
+import './index-dbb3a4b4.js';
+import './index-0a1336f6.js';
+import './index-6ba3c80e.js';
+import './index-f82e9a43.js';
+import './index-14ee7281.js';
+import './index-79f27644.js';
 import 'sift';
-import './index-a3dadd7d.js';
-import './index-a759cb49.js';
-import './index-ad2b4a21.js';
-import './index-84e80aba.js';
-import './index.module-bf819e8d.js';
-import './index-ea23d3b1.js';
-import './index-3c5d4c66.js';
-import './index-84250f38.js';
-import './index-ca56495b.js';
-import './index-61c38a78.js';
-import './index-75736621.js';
-import './index-aadfa16b.js';
-import './index-bd3ff62c.js';
-import './index-e252a92b.js';
-import './index-27a412af.js';
-import './index-2ad042db.js';
-import './index-1b529a87.js';
-import './index-a65a4e66.js';
-import './index-95a76687.js';
-import './index-992cfd03.js';
-import './index-9b446adc.js';
-import './index-1c785383.js';
-import './index-a018e2a4.js';
-import './index-7f881af2.js';
-import './index-2cc163f2.js';
-import './index-e97b9d85.js';
-import './index-556243ae.js';
-import './index-c0c66ec4.js';
-import './index.module-46e2de16.js';
-import './index-7ad99a6f.js';
-import './index-b3454689.js';
-import './index-284285b1.js';
-import './index-9877a1dd.js';
-import './index-e72219d1.js';
-import './index-7b37b292.js';
-import './index-ac37476b.js';
-import './index.module-0921c5b3.js';
-import './index-09ad0dd2.js';
-import './index-eb006284.js';
-import './index-7dd50d43.js';
-import './index-397df6a5.js';
-import './index.module-0bf307f8.js';
-import 'react-select';
-import './index-e0e990f2.js';
-import './index-17d6e257.js';
-import './index.module-291775af.js';
-import './index-d28f6cf4.js';
+import './index-355ad95b.js';
+import './index-4bb78867.js';
+import './index-029e9517.js';
+import './index-f997bcb9.js';
+import './index.module-85826ef7.js';
+import './index-6ec46226.js';
+import './index-ed6e3423.js';
+import './index-2272e555.js';
+import './index-e0b54f26.js';
+import './index-b93f3e0d.js';
+import './index-0893ce2c.js';
+import './index-34fc4695.js';
+import './index-5da260d9.js';
+import './index-043f082e.js';
+import './index-144a5e24.js';
+import './index-82f5e682.js';
+import './index-75419fd0.js';
+import './index-27ab3b58.js';
+import './index-cafd6207.js';
+import './index-0a4211de.js';
+import './index-afcb3ccb.js';
+import './index-3df6cb19.js';
+import './index-fd1dd683.js';
+import './index-c6e54682.js';
+import './index-5ed7a7a1.js';
+import './index-14ba6a91.js';
+import './index-5d4d17d5.js';
+import './index-aa5feaba.js';
+import './index.module-75f6f6ad.js';
+import './index-6ed62b11.js';
+import './index-1383aa58.js';
+import './index-3323b88f.js';
+import './index-778c9658.js';
+import './index-ad8fa670.js';
+import './index-3530d83a.js';
+import './index-1a9c6344.js';
+import './index.module-702e815e.js';
+import './index-95e5cbc0.js';
+import './index-bbc4f677.js';
+import './index-015b6e25.js';
+import './index-0d0e8f2c.js';
+import './index.module-8ecafb3f.js';
+import './index-82d2f77a.js';
+import './index-5e1158aa.js';
+import './index-3a65ffbc.js';
+import './index.module-92348922.js';
+import './index-f41b1b25.js';
 import 'qrcode.react';
-import './index-67d4be96.js';
-import './index-19598696.js';
-import './index-8258c7ce.js';
+import './index-89c4082c.js';
+import './index-8e6e3940.js';
+import './index-031e39c8.js';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-c33dd968.js';
-import './index-ab20e15c.js';
-import './index-b0a8906d.js';
-import './index-927571c4.js';
-import './index-b6f1347b.js';
-import './index-36218358.js';
-import './index-6096447c.js';
-import './index-53379171.js';
+import './index-e2225e91.js';
+import './index-de0a8640.js';
+import './index-adfd01dd.js';
+import './index-4e6a7ff5.js';
+import './index-68074f87.js';
+import './index-4236da41.js';
+import './index-fa50b234.js';
+import './index-8ac10457.js';
 
 var wcConfigurator = "wcConfigurator-in-ZO";
 var wcConfiguratorSteps = "wc-configurator-steps-r4OQd";

package/build/esm/{index-3fbb83f6.js → index-956d70fb.js}

@@ -1,15 +1,15 @@
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-a8b36d53.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { w as wcFunctionsToolbar, s as mobile, b as wcFunctionsContainer } from './index.module-87166875.js';
-import Icon from './index-ab20e15c.js';
-import { Q as b } from './index.module-0bf307f8.js';
-import { onClickCheckout as _onClickCheckout } from './index-7dd50d43.js';
+import { w as wcFunctionsToolbar, s as mobile, b as wcFunctionsContainer } from './index.module-be1ee597.js';
+import Icon from './index-de0a8640.js';
+import { T as b } from './index.module-8ecafb3f.js';
+import { onClickCheckout as _onClickCheckout } from './index-015b6e25.js';
 import classnames from 'classnames';
+import { useTranslation } from '@crystaldesign/diva-core';
 import { jsx, Fragment } 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/helpers/slicedToArray';
@@ -21,23 +21,25 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index-397df6a5.js';
-import 'react-select';
-import './index-e0e990f2.js';
-import './index-17d6e257.js';
-import './index.module-291775af.js';
-import './index-d28f6cf4.js';
+import './index-0d0e8f2c.js';
+import './index-82d2f77a.js';
+import './index-5e1158aa.js';
+import './index-3a65ffbc.js';
+import './index.module-92348922.js';
+import './index-f41b1b25.js';
 import 'qrcode.react';
-import './index-67d4be96.js';
-import './index-19598696.js';
-import './index-8258c7ce.js';
+import './index-89c4082c.js';
+import './index-8e6e3940.js';
+import './index-031e39c8.js';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-c33dd968.js';
+import './index-e2225e91.js';
 
 var HeaderFunctions = function HeaderFunctions(props) {
   var _viewHandler$getViewC;
   var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   return /*#__PURE__*/jsx("ul", {
     className: classnames(wcFunctionsToolbar, viewHandler.getIsInMobileView() ? mobile : undefined),
     children: (_viewHandler$getViewC = viewHandler.getViewConfig().checkout) === null || _viewHandler$getViewC === void 0 ? void 0 : _viewHandler$getViewC.buttons.map(function (b$1, index) {
@@ -45,7 +47,7 @@ var HeaderFunctions = function HeaderFunctions(props) {
       return /*#__PURE__*/jsx("li", {
         className: classnames(wcFunctionsContainer, b),
         onClick: function onClick() {
-          return _onClickCheckout(b$1, viewHandler, index);
+          return _onClickCheckout(b$1, viewHandler, index, t);
         },
         children: /*#__PURE__*/jsx(Icon, {
           cheoutButton: b$1,

package/build/esm/{index-09ad0dd2.js → index-95e5cbc0.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-a8b36d53.js';
 import 'react';
 import classnames from 'classnames';
-import StepInfo from './index-284285b1.js';
-import SettingsHeader from './index-cd6dec40.js';
-import ReplaceSwitch from './index-eb006284.js';
+import StepInfo from './index-3323b88f.js';
+import SettingsHeader from './index-2f2f927d.js';
+import ReplaceSwitch from './index-bbc4f677.js';
 import { observer } from 'mobx-react-lite';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-efa03920.js → index-95e85937.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-decc0e6e.js';
+import { s as styleInject } from './index-a8b36d53.js';
 import 'react';
-import OrbitInteractionStandard from './index-689cae88.js';
+import OrbitInteractionStandard from './index-9bf5c617.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-1399917a.js → index-965cde86.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler } from './index-decc0e6e.js';
+import { a as usePlannerUIHandler } from './index-a8b36d53.js';
 import { useState } from 'react';
-import DPACC from './index-8030876a.js';
+import DPACC from './index-334f06a6.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
 import { jsx, Fragment } from 'react/jsx-runtime';
 

package/build/esm/{index-d9f78747.js → index-96932586.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-a8b36d53.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-10c8b161.js → index-9affabde.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-decc0e6e.js';
+import './index-a8b36d53.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-71f23a42.js';
+import ActionNavigation from './index-e3bd817c.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';

package/build/esm/index-9b8584a3.js

@@ -0,0 +1,61 @@
+import './index-a8b36d53.js';
+import 'react';
+import PartListTable from './index-7f64a9a1.js';
+import { observer } from 'mobx-react-lite';
+import { jsx, Fragment } 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/helpers/slicedToArray';
+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 '@crystaldesign/widget-contact-form';
+import './index.module-ced0dc6b.js';
+import 'react-collapsible';
+
+var AsyncRender = function AsyncRender(_ref) {
+  var optionSnapshot = _ref.optionSnapshot,
+    onClick = _ref.onClick,
+    showDiffOnly = _ref.showDiffOnly,
+    allOpen = _ref.allOpen;
+  var result = use(optionSnapshot.promise);
+  if (result) return /*#__PURE__*/jsx(PartListTable, {
+    onClick: onClick,
+    articles: result.articleSnapshot,
+    price: result.price,
+    title: optionSnapshot.title,
+    allOpen: allOpen,
+    showDiffOnly: showDiffOnly,
+    configStepKey: optionSnapshot.key
+  });
+  return /*#__PURE__*/jsx(Fragment, {});
+};
+function use(promise) {
+  if (promise.status === 'fulfilled') {
+    return promise.value;
+  } else if (promise.status === 'rejected') {
+    throw promise.reason;
+  } else if (promise.status === 'pending') {
+    throw promise;
+  } else {
+    promise.status = 'pending';
+    promise.then(function (result) {
+      promise.status = 'fulfilled';
+      promise.value = result;
+    }, function (reason) {
+      promise.status = 'rejected';
+      promise.reason = reason;
+    });
+    throw promise;
+  }
+}
+var AsyncRender$1 = observer(AsyncRender);
+
+export { AsyncRender$1 as default };

package/build/esm/{index-10ce2951.js → index-9bdbba3e.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
-import SettingsHeader from './index-cd6dec40.js';
+import { s as styleInject, u as useViewHandler } from './index-a8b36d53.js';
+import SettingsHeader from './index-2f2f927d.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-d3ef5e3c.js';
+import MobileDropdown from './index-16d67510.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-ea23d3b1.js';
-import PricePreview from './index-3c5d4c66.js';
+import InfoIcon from './index-6ec46226.js';
+import PricePreview from './index-ed6e3423.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -21,7 +21,7 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index-75736621.js';
+import './index-0893ce2c.js';
 import 'classnames';
 
 var wrapper = "wrapper-xpzd5";

package/build/esm/{index-689cae88.js → index-9bf5c617.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-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-a8b36d53.js';
 import { useState, useEffect } from 'react';
 import OrbitControlElement from 'react-3d-cube-interaction';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-249e90c7.js → index-9f9f8f96.js}

@@ -3,14 +3,14 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-a8b36d53.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-984d0ce3.js';
+import { n as notExpanded } from './index.module-16965d34.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';
-import './react-json-viewer-784c96c9.js';
-import { D as DecisionVisualization } from './DecisionVizualizer-bc9430e5.js';
+import './react-json-viewer-b479c4b2.js';
+import { D as DecisionVisualization } from './DecisionVizualizer-70225d1c.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -22,13 +22,15 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'react-json-view-lite';
+import 'react-draggable';
 
 var table = "table-dlyc3";
+var filter = "filter-uCpFs";
 var column = "column--cQ52";
 var scrollable = "scrollable-VXYsC";
 var header = "header-T1xEK";
 var decision = "decision-plIiC";
-var css_248z = ".table-dlyc3 {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  top: 73px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.table-dlyc3 thead {\n  font-weight: bold !important;\n}\n.table-dlyc3 thead {\n  border-bottom: 1px solid;\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.column--cQ52 {\n  text-align: left;\n}\n.column--cQ52:first-child {\n  height: 20px;\n}\n\n.column--cQ52 th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.scrollable-VXYsC {\n  overflow: auto;\n  left: 50px;\n}\n.header-T1xEK {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  position: absolute;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n\n.decision-plIiC {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  right: 240px;\n  width: 700px;\n  height: calc(100% - 60px);\n  background-color: #fff;\n  overflow: auto;\n}\n\n.idm-container-S4cxx {\n  padding: 16px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n}\n\n.idm-title-9Dkxf {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.idm-subtitle-KoD3- {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.idm-table-NbBVs {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.idm-table-NbBVs th,\n.idm-table-NbBVs td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.idm-table-NbBVs th {\n  background-color: #f2f2f2;\n}\n";
+var css_248z = ".table-dlyc3 {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  top: 73px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.filter-uCpFs {\n  height: 12px;\n  font-size: 10px;\n}\n\n.table-dlyc3 thead {\n  font-weight: bold !important;\n}\n\n.table-dlyc3 thead {\n  border-bottom: 1px solid;\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.column--cQ52 {\n  text-align: left;\n}\n.column--cQ52:first-child {\n  height: 20px;\n}\n\n.column--cQ52 th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.scrollable-VXYsC {\n  overflow: auto;\n  left: 50px;\n  height: 100%;\n}\n.header-T1xEK {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  position: absolute;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n}\n\n.decision-plIiC {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  left: 500px;\n  z-index: 100000;\n  width: calc(100vw - 500px);\n  pointer-events: none;\n  height: calc(100vh - 60px);\n  overflow: auto;\n}\n\n.idm-container-S4cxx {\n  padding: 16px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n}\n\n.idm-title-9Dkxf {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.idm-subtitle-KoD3- {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.idm-table-NbBVs {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.idm-table-NbBVs th,\n.idm-table-NbBVs td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.idm-table-NbBVs th {\n  background-color: #f2f2f2;\n}\n";
 styleInject(css_248z);
 
 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; }
@@ -80,7 +82,7 @@ var PriceAnalyzer = function PriceAnalyzer(_ref) {
     setSelectedRow = _useState4[1];
   var _useState5 = useState(),
     _useState6 = _slicedToArray(_useState5, 2),
-    filter = _useState6[0],
+    filter$1 = _useState6[0],
     setFilter = _useState6[1];
   if (!article) return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
     className: classnames(props.className, scrollable),
@@ -121,17 +123,15 @@ var PriceAnalyzer = function PriceAnalyzer(_ref) {
   });
   return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
     className: classnames(props.className, scrollable, viewHandler.uiState.configSettingsIsExpanded ? notExpanded : undefined),
-    style: {
-      zIndex: 800
-    },
     children: [/*#__PURE__*/jsxs("a", {
       className: header,
       children: ["Price history", /*#__PURE__*/jsx("input", {
-        value: filter,
+        value: filter$1,
         onChange: function onChange(e) {
           return setFilter(e.target.value);
         },
-        placeholder: "filter option ohne OPT"
+        placeholder: "filter option ohne OPT",
+        className: filter
       })]
     }), /*#__PURE__*/jsxs("div", {
       children: [/*#__PURE__*/jsxs("table", {
@@ -163,6 +163,9 @@ var PriceAnalyzer = function PriceAnalyzer(_ref) {
           anyData: {
             prices: article.catalogArticle.idmPrices,
             variantData: selectedRow.variantValues
+          },
+          onClose: function onClose() {
+            return setSelectedRow(undefined);
           }
         })
       })]