@crystaldesign/diva-web-planner-react 26.3.0-beta.2 → 26.3.0-beta.21

package/build/esm/{index-3cb444da.js → index-9943b5cb.js}

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

package/build/esm/{index-683adb31.js → index-9ac6b1df.js}

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

package/build/esm/{index-57b9f468.js → index-9c826eb2.js}

@@ -1,8 +1,8 @@
-import { u as useViewHandler } from './index-46e88edd.js';
+import { u as useViewHandler } from './index-beea7e3b.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import NavBar from './index-2ede644d.js';
-import { b as wcConfigurator3Dimage, d as imageCenterOrbit, e as imageCenterStatic } from './index.module-2b91f219.js';
+import NavBar from './index-081dae5f.js';
+import { b as wcConfigurator3Dimage, d as imageCenterOrbit, e as imageCenterStatic } from './index.module-902b832a.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-67ba8dce.js → index-9e3cccb1.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-46e88edd.js';
+import { a as usePlannerUIHandler } from './index-beea7e3b.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-c1ae5cc4.js → index-9e77dfd3.js}

@@ -3,7 +3,7 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-46e88edd.js';
+import { s as styleInject, u as useViewHandler } from './index-beea7e3b.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
@@ -26,7 +26,7 @@ var header = "header-kOQCg";
 var ekTextClass = "ekTextClass-w-J0r";
 var table = "table-4dpdq";
 var column = "column-25QWm";
-var css_248z = ".wrapper-J9tZI {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n\n  -webkit-user-select: text;\n\n     -moz-user-select: text;\n\n          user-select: text;\n  background-color: #fff;\n}\n.scrollable-8uAoc {\n  overflow: auto;\n  left: 50px;\n}\n.header-kOQCg {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n\n.ekTextClass-w-J0r {\n  margin-left: 200px;\n  background-color: #fff;\n  font-weight: 600;\n  max-height: 92%;\n  height: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.table-4dpdq {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-color: #e7eaf8;\n  border-style: solid;\n  border-width: 0px;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n}\n.table-4dpdq thead {\n  font-weight: bold !important;\n}\n.table-4dpdq thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n}\n.column-25QWm {\n  text-align: left;\n}\n.column-25QWm:first-child {\n  height: 20px;\n}\n.column-25QWm th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.column-25QWm th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.column-25QWm th:last-child {\n  font-size: 12px;\n}\n";
+var css_248z = ".wrapper-J9tZI {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n\n  -webkit-user-select: text;\n\n     -moz-user-select: text;\n\n          user-select: text;\n  background-color: #fff;\n}\n.scrollable-8uAoc {\n  overflow: auto;\n}\n.header-kOQCg {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n\n.ekTextClass-w-J0r {\n  margin-left: 200px;\n  background-color: #fff;\n  font-weight: 600;\n  max-height: 92%;\n  height: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.table-4dpdq {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-color: #e7eaf8;\n  border-style: solid;\n  border-width: 0px;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n}\n.table-4dpdq thead {\n  font-weight: bold !important;\n}\n.table-4dpdq thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n}\n.column-25QWm {\n  text-align: left;\n}\n.column-25QWm:first-child {\n  height: 20px;\n}\n.column-25QWm th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.column-25QWm th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.column-25QWm th:last-child {\n  font-size: 12px;\n}\n";
 styleInject(css_248z);
 
 var _excluded = ["onMouseDown"];

package/build/esm/{index-fc240bd0.js → index-9ed3befa.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-46e88edd.js';
+import { s as styleInject } from './index-beea7e3b.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-737aebaa.js';
+import ActionNavigation from './index-f0ceadd8.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,7 +20,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-d26583d8.js';
+import './index.module-4a7ecdbc.js';
 
 var font = "font-pqTkf";
 var css_248z = ".font-pqTkf {\n  font-weight: 300;\n}\n";

package/build/esm/{index-699421e9.js → index-9f43ea78.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-46e88edd.js';
+import { s as styleInject, u as useViewHandler } from './index-beea7e3b.js';
 import classnames from 'classnames';
-import Toggle from './index-64ae8e42.js';
+import Toggle from './index-4f10109d.js';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import BasketActionSerious from './index-360f2df1.js';
+import BasketActionSerious from './index-b1eedec2.js';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-2048ccc4.js → index-9fe0ce2e.js}

@@ -1,16 +1,16 @@
-import { s as styleInject, u as useViewHandler } from './index-46e88edd.js';
+import { s as styleInject, u as useViewHandler } from './index-beea7e3b.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-c8ec9c6a.js';
-import Product from './index-2e124672.js';
-import Settings from './index-cf2c68f2.js';
-import NavigationButtons from './index-eac189ca.js';
-import ActionBasket from './index-a8b362d9.js';
-import TabGroup from './index-4c059310.js';
+import Inputbox from './index-ac61c717.js';
+import Product from './index-c56d5ed1.js';
+import Settings from './index-185c58fa.js';
+import NavigationButtons from './index-452536fd.js';
+import ActionBasket from './index-1eae6fc2.js';
+import TabGroup from './index-4f7ee853.js';
 import { observer } from 'mobx-react-lite';
-import BasketMobile from './index-2eec4bb7.js';
+import BasketMobile from './index-7bb505b6.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import ProgressBar from './index-037945a4.js';
+import ProgressBar from './index-d08885a7.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -28,105 +28,104 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-c2a7e324.js';
-import './index-478fd42c.js';
-import './index-3e4b127f.js';
-import './index-253f892a.js';
-import './index-5076e7cd.js';
-import './index-2d1d8f3d.js';
+import './index-0608abbc.js';
+import './index-ec216124.js';
+import './index-46729ec9.js';
+import './index-aac5f2dd.js';
+import './index-66154577.js';
+import './index-948bb390.js';
 import 'sift';
-import './index-7e5ae7ff.js';
-import './index-410c2e75.js';
-import './index-bd01b439.js';
-import './index-3aca3338.js';
-import './index.module-ad77c32b.js';
-import './index-64ae8e42.js';
+import './index-50caaf08.js';
+import './index-4715986d.js';
+import './index-30d6741c.js';
+import './index-c9d2925f.js';
+import './index.module-2ba8e0a1.js';
+import './index-4f10109d.js';
 import 'react-switch';
-import './index-b77ed4ff.js';
-import './index-3c75a86f.js';
-import './index-922eb980.js';
+import './index-dd16f37b.js';
+import './index-74593187.js';
+import './index-c702e8f6.js';
 import 'react-countup';
-import './index-ac2c2cc6.js';
+import './index-7b963616.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-d159e9ab.js';
+import './index-d7cdf615.js';
 import 'react-dropdown';
-import './index-b2a58d10.js';
-import './index-13f489c2.js';
-import './index-c56ace0a.js';
-import './index-e31a3c97.js';
+import './index-1e09fcad.js';
+import './index-129d0098.js';
+import './index-dd261ee1.js';
+import './index-59814101.js';
 import '@crystaldesign/content-box';
-import './index-71b127ff.js';
-import './index-c1b6f4d6.js';
-import './index-1b99c18d.js';
-import './index-0c247d1b.js';
-import './index-5b022cd3.js';
-import './index-efb2f3ea.js';
-import './index-b7e75ab1.js';
-import './index-fe277f14.js';
-import './index-df75bab4.js';
+import './index-224ec2f5.js';
+import './index-85b5a4fe.js';
+import './index-75c57528.js';
+import './index-69915de6.js';
+import './index-38fcf6b0.js';
+import './index-2f4a577a.js';
+import './index-d52db8c3.js';
+import './index-2a9c3807.js';
+import './index-7951cfe7.js';
 import 'react-laag';
-import './index.module-8a415dfc.js';
-import './index-27d7bff3.js';
-import './index-00169904.js';
-import './index-5a715d6c.js';
-import './index-0d3cf3b2.js';
-import './index-b4edf754.js';
-import './index-99383c3e.js';
-import './index.module-ad53ab73.js';
-import './index-69360ce7.js';
-import './index-69e78ec6.js';
-import './index-207a6de1.js';
-import './index-17ffa12a.js';
-import './index-ecd5202d.js';
-import './index-b5dc4d78.js';
-import './index-61d75e95.js';
-import './index-2be9db73.js';
-import './index-1013f0d0.js';
-import './index-a1f629a0.js';
-import './index-35ff36fd.js';
-import './index-9b5f13f9.js';
+import './index.module-997fb0a0.js';
+import './index-bd409924.js';
+import './index-3405d0c1.js';
+import './index-6c76ac1b.js';
+import './index-617e712e.js';
+import './index-0110a005.js';
+import './index-605254d4.js';
+import './index.module-10ef8efd.js';
+import './index-5858f187.js';
+import './index-facec26f.js';
+import './index-cc77d296.js';
+import './index-275aaf64.js';
+import './index-f98103db.js';
+import './index-5ab582bc.js';
+import './index-2ab3ec97.js';
+import './index-c48c3d08.js';
+import './index-02d4627c.js';
+import './index-31203531.js';
+import './index-a8cd3dc1.js';
+import './index-76ec32a8.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-d2f9c84a.js';
+import './index-03624fb1.js';
 import 'rc-slider';
-import './index-1da801fd.js';
-import './index-04def368.js';
-import './index-3c213b6a.js';
-import './index-69b4574f.js';
-import './index-d3c1bc55.js';
+import './index-c72c5ee3.js';
+import './index-f4138ed8.js';
+import './index-5a4a139c.js';
+import './index-bd7a2502.js';
+import './index-00729065.js';
 import 'react-confetti-explosion';
-import './index-7ded1900.js';
-import './index-9d1bc1a9.js';
-import './index-04395fbc.js';
+import './index-0ccd61e4.js';
+import './index-a3c118b2.js';
+import './index-83979d9a.js';
 import 'react-qr-code';
-import './index-ef3da2b9.js';
-import './useCustomDimensions-c0a7b1c6.js';
-import './index-dbb54481.js';
-import './ussIsSticky-25da915b.js';
-import './index-d5afc4e2.js';
-import './index-3f6f913a.js';
-import './index-6881bbde.js';
-import './index.module-5df4dc22.js';
-import './index-de51cd68.js';
-import './index-6e85d210.js';
-import './index-c58f9e26.js';
-import './index-342040d4.js';
-import '@crystaldesign/diva-web-planner-react/model';
-import './index-5e27f055.js';
-import './index.module-3a50623b.js';
-import './index-5da7e231.js';
-import './index-ea3c47ce.js';
-import './index-84b0f982.js';
-import './index-3d8cbe70.js';
+import './index-b1796ad4.js';
+import './useCustomDimensions-f9400665.js';
+import './index-caf12cc6.js';
+import './ussIsSticky-bfc91c35.js';
+import './index-6e84e2eb.js';
+import './index-18c6e5d3.js';
+import './index-b0e56499.js';
+import './index.module-214b139d.js';
+import './index-6ad04a3b.js';
+import './index-60452194.js';
+import './index-1d5ed639.js';
+import './index-dd1d6b7c.js';
+import './index-33d91566.js';
+import './index.module-e6c7cf34.js';
+import './index-0844b1d6.js';
+import './index-c0b23cd9.js';
+import './index-ede8e555.js';
+import './index-23ae2d37.js';
 import '@mui/material';
-import './index-c4a2cc9b.js';
-import './index.module-d26583d8.js';
-import './index-53233c9c.js';
-import './index-0f3191ca.js';
-import './index-1959cee3.js';
-import './index-754e4393.js';
-import './index-2564b522.js';
+import './index-ba612680.js';
+import './index.module-4a7ecdbc.js';
+import './index-808700b1.js';
+import './index-212d9b63.js';
+import './index-13568992.js';
+import './index-6324b730.js';
+import './index-4939cd1d.js';
 
 var wcConfigurator = "wcConfigurator-XDqzc";
 var landscape = "landscape-h-sQZ";

package/build/esm/index-a0410e76.js

@@ -0,0 +1,292 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { s as styleInject, u as useViewHandler } from './index-beea7e3b.js';
+import { useMemo, useRef, useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import { useHover, useLayer } from 'react-laag';
+import { useDivaCore } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import GenericToolTip from './index-3405d0c1.js';
+import { ModuleRegistry, AllCommunityModule, themeQuartz, colorSchemeDarkBlue } from 'ag-grid-community';
+import { AgGridReact } from 'ag-grid-react';
+import SettingsHeader from './index-ec216124.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import './index-74593187.js';
+import './index-c702e8f6.js';
+import 'react-countup';
+
+var wrapper = "wrapper-Rde6D";
+var gridContainer = "gridContainer-BkxdI";
+var selectedRow = "selectedRow-DcJSu";
+var thumb = "thumb-Y2z2t";
+var thumbPlaceholder = "thumbPlaceholder-ouplE";
+var thumbImg = "thumbImg--thGO";
+var thumbHex = "thumbHex-lyzfu";
+var optionStatusBanner = "optionStatusBanner-Wkgws";
+var optionStatusBannerVisible = "optionStatusBannerVisible-DFt2q";
+var optionStatusBannerHidden = "optionStatusBannerHidden-XCsxP";
+var optionStatusLabel = "optionStatusLabel-upzLS";
+var optionStatusVisible = "optionStatusVisible-3JPbp";
+var optionStatusHidden = "optionStatusHidden-ckHtO";
+var statusVisible = "statusVisible-g5Xuk";
+var statusHidden = "statusHidden-tzb0v";
+var visibleHistory = "visibleHistory-YhehZ";
+var visibleHistoryEntry = "visibleHistoryEntry-EwERO";
+var visibleHistoryEntryHidden = "visibleHistoryEntryHidden-W1L1c";
+var visibleHistoryEntryShown = "visibleHistoryEntryShown-GiTX5";
+var css_248z = ".wrapper-Rde6D {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  padding-bottom: 4px;\n  box-sizing: border-box;\n}\n\n.gridContainer-BkxdI {\n  width: 100%;\n  flex: 1;\n  min-height: 150px;\n}\n\n.selectedRow-DcJSu {\n  background: #e6fffa !important;\n}\n\n.selectedRow-DcJSu {\n  border-left: 3px solid #38b2ac;\n}\n\n.darkmode .selectedRow-DcJSu,\nbody.darkmode .selectedRow-DcJSu {\n  background: rgba(56, 178, 172, 0.25) !important;\n}\n\n.darkmode .selectedRow-DcJSu,\nbody.darkmode .selectedRow-DcJSu {\n  border-left: 3px solid #38b2ac;\n}\n\n.wrapper-Rde6D tbody tr {\n  cursor: pointer;\n}\n\n.thumbCell-eWvHh {\n  padding: 4px !important;\n}\n\n.thumbCell-eWvHh {\n  width: 36px;\n  vertical-align: middle;\n}\n\n.thumb-Y2z2t {\n  width: 28px;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: default;\n}\n\n.thumbPlaceholder-ouplE {\n  width: 28px;\n  height: 28px;\n  background: #f0f0f0;\n  border-radius: 4px;\n}\n\n.thumbImg--thGO,\n.thumbHex-lyzfu {\n  width: 28px;\n  height: 28px;\n  border-radius: 4px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.thumbHex-lyzfu {\n  min-width: 28px;\n}\n\n.optionStatusBanner-Wkgws {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 14px;\n  margin-bottom: 12px;\n  border-radius: 8px;\n  font-size: 13px;\n  font-weight: 500;\n}\n\n.optionStatusBannerVisible-DFt2q {\n  background: linear-gradient(135deg, #f0fff4 0%, #c6f6d5 100%);\n  border: 1px solid #9ae6b4;\n  color: #276749;\n}\n\n.optionStatusBannerHidden-XCsxP {\n  background: linear-gradient(135deg, #fff5f5 0%, #fed7d7 100%);\n  border: 1px solid #feb2b2;\n  color: #c53030;\n}\n\n.optionStatusLabel-upzLS {\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  opacity: 0.9;\n}\n\n.optionStatusVisible-3JPbp {\n  color: #38a169;\n}\n\n.optionStatusHidden-ckHtO {\n  color: #e53e3e;\n}\n\n.statusVisible-g5Xuk {\n  color: #38a169;\n  font-weight: 500;\n}\n\n.statusHidden-tzb0v {\n  color: #e53e3e;\n}\n\n.visibleHistory-YhehZ {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  align-items: center;\n}\n\n.visibleHistoryEntry-EwERO {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 8px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.visibleHistoryEntryHidden-W1L1c {\n  background: #feb2b2;\n  color: #742a2a;\n}\n\n.visibleHistoryEntryShown-GiTX5 {\n  background: #9ae6b4;\n  color: #276749;\n}\n\n/* Dark mode – matches spreadsheet/backoffice */\n.darkmode .thumbPlaceholder-ouplE,\nbody.darkmode .thumbPlaceholder-ouplE {\n  background: rgba(255, 255, 255, 0.08);\n}\n\n.darkmode .optionStatusBannerVisible-DFt2q,\nbody.darkmode .optionStatusBannerVisible-DFt2q {\n  background: linear-gradient(135deg, rgba(72, 187, 120, 0.2) 0%, rgba(56, 161, 105, 0.15) 100%);\n  border-color: rgba(72, 187, 120, 0.4);\n  color: #68d391;\n}\n\n.darkmode .optionStatusBannerHidden-XCsxP,\nbody.darkmode .optionStatusBannerHidden-XCsxP {\n  background: linear-gradient(135deg, rgba(245, 101, 101, 0.2) 0%, rgba(229, 62, 62, 0.15) 100%);\n  border-color: rgba(254, 178, 178, 0.4);\n  color: #fc8181;\n}\n\n.darkmode .optionStatusVisible-3JPbp,\nbody.darkmode .optionStatusVisible-3JPbp {\n  color: #68d391;\n}\n\n.darkmode .optionStatusHidden-ckHtO,\nbody.darkmode .optionStatusHidden-ckHtO {\n  color: #fc8181;\n}\n\n.darkmode .statusVisible-g5Xuk,\nbody.darkmode .statusVisible-g5Xuk {\n  color: #68d391;\n}\n\n.darkmode .statusHidden-tzb0v,\nbody.darkmode .statusHidden-tzb0v {\n  color: #fc8181;\n}\n\n.darkmode .visibleHistoryEntryHidden-W1L1c,\nbody.darkmode .visibleHistoryEntryHidden-W1L1c {\n  background: rgba(254, 178, 178, 0.3);\n  color: #feb2b2;\n}\n\n.darkmode .visibleHistoryEntryShown-GiTX5,\nbody.darkmode .visibleHistoryEntryShown-GiTX5 {\n  background: rgba(154, 230, 180, 0.3);\n  color: #9ae6b4;\n}\n\n.darkmode .optionStatusLabel-upzLS,\nbody.darkmode .optionStatusLabel-upzLS {\n  opacity: 0.85;\n}\n\n/* Selected row – dark mode: teal tint for readability */\n.darkmode .gridContainer-BkxdI .ag-row[class*='selectedRow'],\nbody.darkmode .gridContainer-BkxdI .ag-row[class*='selectedRow'] {\n  background: rgba(56, 178, 172, 0.25) !important;\n}\n.darkmode .gridContainer-BkxdI .ag-row[class*='selectedRow'],\nbody.darkmode .gridContainer-BkxdI .ag-row[class*='selectedRow'] {\n  border-left: 3px solid #38b2ac;\n}\n\n.darkmode .gridContainer-BkxdI .ag-row[class*='selectedRow'] .ag-cell,\nbody.darkmode .gridContainer-BkxdI .ag-row[class*='selectedRow'] .ag-cell {\n  color: inherit;\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; }
+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; }
+ModuleRegistry.registerModules([AllCommunityModule]);
+function ThumbWithTooltip(_ref) {
+  var _opv$hexColor, _tooltip$renderLayer, _opv$freeText;
+  var opv = _ref.opv;
+  var viewHandler = useViewHandler();
+  var _useDivaCore = useDivaCore(),
+    _useDivaCore$state$di = _useDivaCore.state.dimensions,
+    isMobile = _useDivaCore$state$di.isMobile,
+    isTablet = _useDivaCore$state$di.isTablet;
+  var hover = useHover({
+    delayEnter: 300,
+    hideOnScroll: true
+  });
+  var tooltip = useLayer({
+    isOpen: hover[0],
+    auto: true,
+    placement: viewHandler.getViewConfig().tooltipPosition || 'right-center'
+  });
+  var isOver = hover[0] && !isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip;
+  var hasImage = opv.image || opv.hexColor;
+  if (!hasImage) return /*#__PURE__*/jsx("div", {
+    className: thumbPlaceholder
+  });
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
+    className: thumb
+  }, tooltip.triggerProps), hover[1]), {}, {
+    children: [opv.image ? /*#__PURE__*/jsx("div", {
+      className: thumbImg,
+      style: {
+        backgroundImage: "url(".concat(opv.image, ")")
+      }
+    }) : /*#__PURE__*/jsx("div", {
+      className: thumbHex,
+      style: {
+        backgroundColor: '#' + ((_opv$hexColor = opv.hexColor) !== null && _opv$hexColor !== void 0 ? _opv$hexColor : 'ccc')
+      }
+    }), isOver && ((_tooltip$renderLayer = tooltip.renderLayer) === null || _tooltip$renderLayer === void 0 ? void 0 : _tooltip$renderLayer.call(tooltip, /*#__PURE__*/jsx(GenericToolTip, {
+      text: opv.text + ((_opv$freeText = opv.freeText) !== null && _opv$freeText !== void 0 ? _opv$freeText : ''),
+      image: opv.image,
+      hexColor: opv.hexColor,
+      layerProps: tooltip.layerProps
+    }, opv.codex)))]
+  }));
+}
+function ThumbCellRenderer(params) {
+  var _params$context;
+  var opv = params.data;
+  var onRowClick = (_params$context = params.context) === null || _params$context === void 0 ? void 0 : _params$context.onRowClick;
+  if (!opv) return /*#__PURE__*/jsx("div", {
+    className: thumbPlaceholder
+  });
+  return /*#__PURE__*/jsx("div", {
+    style: {
+      width: '100%',
+      height: '100%',
+      cursor: 'pointer'
+    },
+    onClickCapture: function onClickCapture(e) {
+      e.stopPropagation();
+      onRowClick === null || onRowClick === void 0 || onRowClick(opv);
+    },
+    children: /*#__PURE__*/jsx(ThumbWithTooltip, {
+      opv: opv
+    })
+  });
+}
+function OptionStatusBanner(_ref2) {
+  var inspectInfo = _ref2.inspectInfo;
+  var visible = inspectInfo.visible,
+    hiddenByDecisionNo = inspectInfo.hiddenByDecisionNo,
+    history = inspectInfo.visibleHistory,
+    headerPosVariationType = inspectInfo.headerPosVariationType;
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(optionStatusBanner, visible ? optionStatusBannerVisible : optionStatusBannerHidden),
+    children: [/*#__PURE__*/jsx("span", {
+      className: optionStatusLabel,
+      children: "Option:"
+    }), /*#__PURE__*/jsx("span", {
+      className: visible ? optionStatusVisible : optionStatusHidden,
+      children: visible ? 'Visible' : 'Hidden'
+    }), !visible && hiddenByDecisionNo != null && /*#__PURE__*/jsxs("span", {
+      children: ["(since decision ", /*#__PURE__*/jsx("strong", {
+        children: hiddenByDecisionNo
+      }), ")"]
+    }), headerPosVariationType && /*#__PURE__*/jsxs("span", {
+      children: ["(HPVT: ", /*#__PURE__*/jsx("strong", {
+        title: "Header Pos Variation Type (K=Kopf, P=EinzelPos, V=Vererbung, I=Info, U=Unsichtbar)",
+        children: headerPosVariationType
+      }), ")"]
+    }), history && history.length > 0 && /*#__PURE__*/jsxs("div", {
+      className: visibleHistory,
+      children: [/*#__PURE__*/jsx("span", {
+        className: optionStatusLabel,
+        children: "History:"
+      }), history.map(function (entry, i) {
+        return /*#__PURE__*/jsxs("span", {
+          className: classnames(visibleHistoryEntry, entry.visible ? visibleHistoryEntryShown : visibleHistoryEntryHidden),
+          title: entry.visible ? 'Became visible' : 'Became hidden',
+          children: ["#", entry.decisionNo, " \u2192 ", entry.visible ? 'shown' : 'hidden']
+        }, i);
+      })]
+    })]
+  });
+}
+var InspectModeTables = function InspectModeTables(_ref3) {
+  var _step$configStep$opti, _configItems$find;
+  var item = _ref3.item;
+  var viewHandler = useViewHandler();
+  var darkMode = typeof document !== 'undefined' && document.body.classList.contains('darkmode');
+  var configItems = item.groups.flatMap(function (g, gi) {
+    return g.items.filter(function (i) {
+      return !!i && 'codex' in i && 'text' in i;
+    }).map(function (i, ii) {
+      i._inspectRowId = "".concat(i.codex, "-").concat(gi, "-").concat(ii);
+      return i;
+    });
+  });
+  var step = viewHandler.configuratorStructureHandler.getConfigStepByKey(item.configStepKey);
+  var opsInspectInfo = step === null || step === void 0 || (_step$configStep$opti = step.configStep.optionstate) === null || _step$configStep$opti === void 0 ? void 0 : _step$configStep$opti.inspectInfo;
+  var gridTheme = useMemo(function () {
+    return darkMode ? themeQuartz.withPart(colorSchemeDarkBlue) : themeQuartz;
+  }, [darkMode]);
+  var onClick = function onClick(opv) {
+    viewHandler.paletteViewHandler.clickedOnConfigPalette(opv, undefined, item.id);
+  };
+  var columnDefs = useMemo(function () {
+    return [{
+      headerName: '',
+      width: 44,
+      flex: 0,
+      cellRenderer: ThumbCellRenderer,
+      sortable: false,
+      filter: false
+    }, {
+      field: 'codex',
+      headerName: 'Codex',
+      flex: 1,
+      minWidth: 80
+    }, {
+      headerName: 'Name',
+      flex: 1,
+      minWidth: 120,
+      cellRenderer: function cellRenderer(params) {
+        return params.data ? /*#__PURE__*/jsx("span", {
+          dangerouslySetInnerHTML: {
+            __html: params.data.text
+          }
+        }) : null;
+      }
+    }, {
+      headerName: 'Status',
+      flex: 1,
+      minWidth: 80,
+      cellRenderer: function cellRenderer(params) {
+        var _params$data;
+        var info = (_params$data = params.data) === null || _params$data === void 0 ? void 0 : _params$data.inspectModeInfo;
+        if (!info) return '-';
+        return info.visible ? /*#__PURE__*/jsx("span", {
+          className: statusVisible,
+          children: "visible"
+        }) : /*#__PURE__*/jsx("span", {
+          className: statusHidden,
+          children: "hidden"
+        });
+      }
+    }, {
+      headerName: 'Hidden since',
+      flex: 1,
+      minWidth: 90,
+      valueGetter: function valueGetter(params) {
+        var _params$data$inspectM, _params$data2;
+        return (_params$data$inspectM = (_params$data2 = params.data) === null || _params$data2 === void 0 || (_params$data2 = _params$data2.inspectModeInfo) === null || _params$data2 === void 0 ? void 0 : _params$data2.removedByDecisionNo) !== null && _params$data$inspectM !== void 0 ? _params$data$inspectM : '-';
+      }
+    }, {
+      headerName: 'NewValue since',
+      flex: 1,
+      minWidth: 100,
+      valueGetter: function valueGetter(params) {
+        var _params$data$inspectM2, _params$data3;
+        return (_params$data$inspectM2 = (_params$data3 = params.data) === null || _params$data3 === void 0 || (_params$data3 = _params$data3.inspectModeInfo) === null || _params$data3 === void 0 ? void 0 : _params$data3.selectedByDecisionNo) !== null && _params$data$inspectM2 !== void 0 ? _params$data$inspectM2 : '-';
+      }
+    }];
+  }, []);
+  var getRowId = function getRowId(params) {
+    var _inspectRowId;
+    return (_inspectRowId = params.data._inspectRowId) !== null && _inspectRowId !== void 0 ? _inspectRowId : params.data.codex;
+  };
+  var getRowClass = function getRowClass(params) {
+    var _params$data4;
+    return (_params$data4 = params.data) !== null && _params$data4 !== void 0 && _params$data4.sel ? selectedRow : undefined;
+  };
+  var gridRef = useRef(null);
+  var selectedCodex = (_configItems$find = configItems.find(function (i) {
+    return i.sel;
+  })) === null || _configItems$find === void 0 ? void 0 : _configItems$find.codex;
+  useEffect(function () {
+    var id = setTimeout(function () {
+      var _gridRef$current;
+      return (_gridRef$current = gridRef.current) === null || _gridRef$current === void 0 || (_gridRef$current = _gridRef$current.api) === null || _gridRef$current === void 0 ? void 0 : _gridRef$current.redrawRows();
+    }, 0);
+    return function () {
+      return clearTimeout(id);
+    };
+  }, [configItems.length, selectedCodex]);
+  if (configItems.length === 0) return null;
+  return /*#__PURE__*/jsxs("div", {
+    className: wrapper,
+    children: [/*#__PURE__*/jsx(SettingsHeader, {
+      isInScroller: true,
+      isSettingsHeader: false,
+      item: item
+    }), opsInspectInfo && /*#__PURE__*/jsx(OptionStatusBanner, {
+      inspectInfo: opsInspectInfo
+    }), /*#__PURE__*/jsx("div", {
+      className: gridContainer,
+      children: /*#__PURE__*/jsx(AgGridReact, {
+        ref: gridRef,
+        rowData: configItems,
+        columnDefs: columnDefs,
+        theme: gridTheme,
+        getRowId: getRowId,
+        getRowClass: getRowClass,
+        onRowClicked: function onRowClicked(e) {
+          return e.data && onClick(e.data);
+        },
+        suppressCellFocus: true,
+        suppressRowClickSelection: true,
+        domLayout: "normal",
+        context: {
+          onRowClick: onClick
+        }
+      })
+    })]
+  });
+};
+var index = observer(InspectModeTables);
+
+export { index as default };

package/build/esm/{index-c47e7270.js → index-a0ebd85f.js}

@@ -1,4 +1,4 @@
-import './index-46e88edd.js';
+import './index-beea7e3b.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';