@crystaldesign/diva-web-planner-react 26.3.0-beta.10 → 26.3.0-beta.12

package/build/esm/index-b267d280.js

@@ -1,335 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-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-545a32b9.js';
-import React, { useMemo, useState, useEffect } from 'react';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import ArticleSelector from './index-1d8a5357.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-select';
-
-var scrollable = "scrollable-Wc-tN";
-var header = "header-1prGa";
-var table = "table-yS0MB";
-var rowNotLoaded = "rowNotLoaded-it-P2";
-var column = "column-txVK9";
-var loadedYes = "loadedYes-mHpTt";
-var loadedNo = "loadedNo-CyxAP";
-var nestedCell = "nestedCell-xpEug";
-var nestedTable = "nestedTable-DRzG8";
-var css_248z = ".scrollable-Wc-tN {\n  /* Content flows to full height; parent scroll container (e.g. FloatingWindow) handles scrolling */\n  width: 100%;\n  padding: 16px;\n  position: relative;\n}\n\n.header-1prGa {\n  padding: 8px 16px;\n  margin: 0 0 12px 0;\n  text-align: center;\n  background: linear-gradient(135deg, var(--primaryColor) 0%, color-mix(in srgb, var(--primaryColor) 90%, black) 100%);\n  font-size: 18px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  border-radius: 8px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n\n.table-yS0MB {\n  position: relative;\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--diva-typography-font-family);\n  font-size: 13px;\n  background: #fff;\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n.table-yS0MB thead {\n  background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.table-yS0MB th,\n.table-yS0MB td {\n  padding: 10px 14px;\n  text-align: left;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.table-yS0MB tbody tr:hover {\n  background: #f7fafc;\n}\n\n.table-yS0MB tbody tr.rowNotLoaded-it-P2 {\n  background: #e8eae8;\n}\n\n.table-yS0MB tbody tr.rowNotLoaded-it-P2:hover {\n  background: #e0e2e0;\n}\n\n.column-txVK9 {\n  text-align: left;\n}\n\n.loadedYes-mHpTt {\n  color: #38a169;\n  font-weight: 500;\n}\n\n.loadedNo-CyxAP {\n  color: #e53e3e;\n}\n\n.nestedCell-xpEug {\n  padding: 0;\n  vertical-align: top;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.nestedTable-DRzG8 {\n  margin: 8px 0 8px 24px;\n  width: calc(100% - 24px);\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; }
-function PartlistDebugNestedTable(_ref) {
-  var partlistArticles = _ref.partlistArticles,
-    allArticles = _ref.allArticles,
-    depth = _ref.depth;
-  var children = Object.values(partlistArticles);
-  if (children.length === 0) return null;
-  return /*#__PURE__*/jsxs("table", {
-    className: classnames(table, nestedTable),
-    children: [/*#__PURE__*/jsx("thead", {
-      children: /*#__PURE__*/jsxs("tr", {
-        className: column,
-        children: [/*#__PURE__*/jsx("th", {
-          children: "Loaded"
-        }), /*#__PURE__*/jsx("th", {
-          children: "ArticleCodex"
-        }), /*#__PURE__*/jsx("th", {
-          children: "ItemRefTypeNo"
-        }), /*#__PURE__*/jsx("th", {
-          children: "PartlistGroup"
-        }), /*#__PURE__*/jsx("th", {
-          children: "DecisionNo"
-        }), /*#__PURE__*/jsx("th", {
-          children: "Quantity"
-        }), /*#__PURE__*/jsx("th", {
-          children: "Reason"
-        })]
-      })
-    }), /*#__PURE__*/jsx("tbody", {
-      children: children.map(function (pa) {
-        return /*#__PURE__*/jsx(PartlistDebugNestedRow, {
-          article: pa,
-          allArticles: allArticles,
-          depth: depth
-        }, pa.basketId);
-      })
-    })]
-  });
-}
-function PartlistDebugNestedRow(_ref2) {
-  var _article$partlistArti, _article$partlistDeci;
-  var article = _ref2.article,
-    allArticles = _ref2.allArticles,
-    depth = _ref2.depth;
-  var childPartlistArticles = (_article$partlistArti = article.partlistArticles) !== null && _article$partlistArti !== void 0 ? _article$partlistArti : {};
-  var hasChildren = Object.keys(childPartlistArticles).length > 0;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("tr", {
-      className: column,
-      children: [/*#__PURE__*/jsx("td", {
-        className: loadedYes,
-        children: "y"
-      }), /*#__PURE__*/jsx("td", {
-        children: article.articleCodex
-      }), /*#__PURE__*/jsx("td", {
-        children: article.articleCodex
-      }), /*#__PURE__*/jsx("td", {
-        children: "-"
-      }), /*#__PURE__*/jsx("td", {
-        children: (_article$partlistDeci = article.partlistDecisionNo) !== null && _article$partlistDeci !== void 0 ? _article$partlistDeci : '-'
-      }), /*#__PURE__*/jsx("td", {
-        children: article.quantity
-      }), /*#__PURE__*/jsx("td", {
-        children: "Loaded (partlist child)"
-      })]
-    }), hasChildren && /*#__PURE__*/jsx("tr", {
-      children: /*#__PURE__*/jsx("td", {
-        colSpan: 7,
-        className: nestedCell,
-        children: /*#__PURE__*/jsx(PartlistDebugNestedTable, {
-          partlistArticles: childPartlistArticles,
-          allArticles: allArticles,
-          depth: depth + 1
-        })
-      })
-    })]
-  });
-}
-var PartlistDebug = function PartlistDebug(props) {
-  var viewHandler = useViewHandler();
-  var configChanged = viewHandler.settingsState.configChanged;
-  var curConfigStep = viewHandler.tabGroupState.curConfigStep;
-  var articlesWithPartlist = useMemo(function () {
-    var articles = viewHandler.divaWebPlanner.getDivaArticles();
-    return articles ? Object.values(articles).filter(function (a) {
-      return a.hasPartlistArticle;
-    }) : [];
-  }, [configChanged, curConfigStep]);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    rerender = _useState2[0],
-    setRerender = _useState2[1];
-  var _useState3 = useState(undefined),
-    _useState4 = _slicedToArray(_useState3, 2),
-    article = _useState4[0],
-    setArticle = _useState4[1];
-  var _useState5 = useState(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    dataVersion = _useState6[0],
-    setDataVersion = _useState6[1];
-  useEffect(function () {
-    var asyncFunct = /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return new Promise(function (r) {
-                return setTimeout(r, 1000);
-              });
-            case 2:
-              setRerender(function (r) {
-                return !r;
-              });
-            case 3:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function asyncFunct() {
-        return _ref3.apply(this, arguments);
-      };
-    }();
-    asyncFunct();
-  }, [viewHandler.tabGroupState.allTabGroups]);
-  useEffect(function () {
-    var set = viewHandler.divaWebPlanner.actSet();
-    if (set && !set.logDecisions) set.logDecisions = true;
-    return function () {
-      var set = viewHandler.divaWebPlanner.actSet();
-      if (set) set.logDecisions = false;
-    };
-  }, [viewHandler.uiState.isLoading]);
-  useEffect(function () {
-    var actSet = viewHandler.divaWebPlanner.actSet();
-    if (article !== null && article !== void 0 && article.hasPartlistArticle && actSet !== null && actSet !== void 0 && actSet.logDecisions) {
-      article.engine.evalPartlist(article.VariantValues);
-      setDataVersion(function (v) {
-        return v + 1;
-      });
-    }
-  }, [article, configChanged, curConfigStep, viewHandler.uiState.isLoading]);
-  var entries = useMemo(function () {
-    var _article$partlistDebu;
-    var list = (_article$partlistDebu = article === null || article === void 0 ? void 0 : article.partlistDebugEntries) !== null && _article$partlistDebu !== void 0 ? _article$partlistDebu : [];
-    return _toConsumableArray(list).sort(function (a, b) {
-      var _a$sequenceNo, _b$sequenceNo, _a$itemRefTypeNo, _b$itemRefTypeNo;
-      if (a.loaded !== b.loaded) return a.loaded ? -1 : 1;
-      var seqA = (_a$sequenceNo = a.sequenceNo) !== null && _a$sequenceNo !== void 0 ? _a$sequenceNo : 0;
-      var seqB = (_b$sequenceNo = b.sequenceNo) !== null && _b$sequenceNo !== void 0 ? _b$sequenceNo : 0;
-      if (seqA !== seqB) return seqA - seqB;
-      return ((_a$itemRefTypeNo = a.itemRefTypeNo) !== null && _a$itemRefTypeNo !== void 0 ? _a$itemRefTypeNo : '').localeCompare((_b$itemRefTypeNo = b.itemRefTypeNo) !== null && _b$itemRefTypeNo !== void 0 ? _b$itemRefTypeNo : '');
-    });
-  }, [article === null || article === void 0 ? void 0 : article.partlistDebugEntries, article === null || article === void 0 ? void 0 : article.basketId, configChanged, curConfigStep, dataVersion]);
-  if (articlesWithPartlist.length === 0) {
-    return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-      className: classnames(props.className, scrollable),
-      style: {
-        zIndex: 800
-      },
-      children: [/*#__PURE__*/jsx("a", {
-        className: header,
-        children: "St\xFCckliste Debug"
-      }), /*#__PURE__*/jsx("p", {
-        style: {
-          padding: 16
-        },
-        children: "No articles with partlist in this set."
-      })]
-    }));
-  }
-  if (!article) {
-    return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-      className: classnames(props.className, scrollable),
-      style: {
-        zIndex: 800
-      },
-      children: [/*#__PURE__*/jsx("a", {
-        className: header,
-        children: "St\xFCckliste Debug"
-      }), /*#__PURE__*/jsx(ArticleSelector, {
-        articleState: [article, setArticle],
-        rerender: rerender,
-        filter: function filter(a) {
-          return a.hasPartlistArticle;
-        }
-      })]
-    }));
-  }
-  if (!entries.length) {
-    return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-      className: classnames(props.className, scrollable),
-      style: {
-        zIndex: 800
-      },
-      children: [/*#__PURE__*/jsx("a", {
-        className: header,
-        children: "St\xFCckliste Debug"
-      }), /*#__PURE__*/jsx(ArticleSelector, {
-        articleState: [article, setArticle],
-        rerender: rerender,
-        filter: function filter(a) {
-          return a.hasPartlistArticle;
-        }
-      }), /*#__PURE__*/jsx("p", {
-        style: {
-          padding: 16
-        },
-        children: "No partlist positions in catalog for this article. Change config to refresh."
-      })]
-    }));
-  }
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable),
-    style: {
-      zIndex: 800
-    },
-    children: [/*#__PURE__*/jsx("a", {
-      className: header,
-      children: "St\xFCckliste Debug"
-    }), /*#__PURE__*/jsx(ArticleSelector, {
-      articleState: [article, setArticle],
-      rerender: rerender,
-      filter: function filter(a) {
-        return a.hasPartlistArticle;
-      }
-    }), /*#__PURE__*/jsxs("table", {
-      className: table,
-      children: [/*#__PURE__*/jsx("thead", {
-        children: /*#__PURE__*/jsxs("tr", {
-          className: column,
-          children: [/*#__PURE__*/jsx("th", {
-            children: "Loaded"
-          }), /*#__PURE__*/jsx("th", {
-            children: "ArticleCodex"
-          }), /*#__PURE__*/jsx("th", {
-            children: "ItemRefTypeNo"
-          }), /*#__PURE__*/jsx("th", {
-            children: "PartlistGroup"
-          }), /*#__PURE__*/jsx("th", {
-            children: "DecisionNo"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Quantity"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Reason"
-          })]
-        })
-      }), /*#__PURE__*/jsx("tbody", {
-        children: entries.map(function (entry, idx) {
-          var _viewHandler$divaWebP, _childArticle, _entry$partlistGroup, _entry$decisionNo, _entry$quantity;
-          var allArticles = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getDivaArticles(undefined, true)) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {};
-          var childArticle = entry.basketId ? allArticles[entry.basketId] : undefined;
-          if (!childArticle && entry.loaded && article !== null && article !== void 0 && article.partlistArticles) {
-            childArticle = Object.values(article.partlistArticles).find(function (pa) {
-              return pa.articleCodex === entry.articleCodex;
-            });
-          }
-          var hasNestedPartlist = entry.loaded && ((_childArticle = childArticle) === null || _childArticle === void 0 ? void 0 : _childArticle.partlistArticles) && Object.keys(childArticle.partlistArticles).length > 0;
-          return /*#__PURE__*/jsxs(React.Fragment, {
-            children: [/*#__PURE__*/jsxs("tr", {
-              className: classnames(column, !entry.loaded && rowNotLoaded),
-              children: [/*#__PURE__*/jsx("td", {
-                className: entry.loaded ? loadedYes : loadedNo,
-                children: entry.loaded ? 'y' : 'n'
-              }), /*#__PURE__*/jsx("td", {
-                children: entry.articleCodex
-              }), /*#__PURE__*/jsx("td", {
-                children: entry.itemRefTypeNo
-              }), /*#__PURE__*/jsx("td", {
-                children: (_entry$partlistGroup = entry.partlistGroup) !== null && _entry$partlistGroup !== void 0 ? _entry$partlistGroup : '-'
-              }), /*#__PURE__*/jsx("td", {
-                children: (_entry$decisionNo = entry.decisionNo) !== null && _entry$decisionNo !== void 0 ? _entry$decisionNo : '-'
-              }), /*#__PURE__*/jsx("td", {
-                children: (_entry$quantity = entry.quantity) !== null && _entry$quantity !== void 0 ? _entry$quantity : '-'
-              }), /*#__PURE__*/jsx("td", {
-                children: entry.reason
-              })]
-            }), hasNestedPartlist && /*#__PURE__*/jsx("tr", {
-              children: /*#__PURE__*/jsx("td", {
-                colSpan: 7,
-                className: nestedCell,
-                children: /*#__PURE__*/jsx(PartlistDebugNestedTable, {
-                  partlistArticles: childArticle.partlistArticles,
-                  allArticles: allArticles,
-                  depth: 0
-                })
-              })
-            })]
-          }, idx);
-        })
-      })]
-    })]
-  }));
-};
-var PartlistDebug$1 = observer(PartlistDebug);
-
-export { PartlistDebug$1 as default };

package/build/esm/index-ea0ac7d2.js

@@ -1,213 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-545a32b9.js';
-import '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-da1769b8.js';
-import { b as table, c as column, g as optionValueSelected, i as opvStatusVisible, j as opvStatusHidden } from './index.module-ace05329.js';
-import SettingsHeader from './index-76594e31.js';
-import { jsxs, jsx } 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-ef7dc862.js';
-import './index-89e866ee.js';
-import 'react-countup';
-
-var wrapper = "wrapper-Rde6D";
-var thumbCell = "thumbCell-eWvHh";
-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 visibleHistory = "visibleHistory-YhehZ";
-var visibleHistoryEntry = "visibleHistoryEntry-EwERO";
-var visibleHistoryEntryHidden = "visibleHistoryEntryHidden-W1L1c";
-var visibleHistoryEntryShown = "visibleHistoryEntryShown-GiTX5";
-var css_248z = ".wrapper-Rde6D {\n  width: 100%;\n  overflow-x: auto;\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.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";
-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; }
-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 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;
-  var item = _ref3.item;
-  var viewHandler = useViewHandler();
-  var configItems = item.groups.flatMap(function (g) {
-    return g.items;
-  }).filter(function (i) {
-    return !!i && 'codex' in i && 'text' in 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;
-  if (configItems.length === 0) return null;
-  var _onClick = function onClick(opv) {
-    if (opv.doShowFav) viewHandler.paletteViewHandler.clickedOnFavIcon(opv);
-    viewHandler.paletteViewHandler.clickedOnConfigPalette(opv, undefined, item.id);
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: [/*#__PURE__*/jsx(SettingsHeader, {
-      isInScroller: true,
-      isSettingsHeader: false,
-      item: item
-    }), opsInspectInfo && /*#__PURE__*/jsx(OptionStatusBanner, {
-      inspectInfo: opsInspectInfo
-    }), /*#__PURE__*/jsxs("table", {
-      className: table,
-      children: [/*#__PURE__*/jsx("thead", {
-        children: /*#__PURE__*/jsxs("tr", {
-          className: column,
-          children: [/*#__PURE__*/jsx("th", {}), /*#__PURE__*/jsx("th", {
-            children: "Codex"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Name"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Status"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Hidden since"
-          }), /*#__PURE__*/jsx("th", {
-            children: "NewValue since"
-          })]
-        })
-      }), /*#__PURE__*/jsx("tbody", {
-        children: configItems.map(function (opv) {
-          var info = opv.inspectModeInfo;
-          return /*#__PURE__*/jsxs("tr", {
-            className: classnames(column, opv.sel ? optionValueSelected : undefined),
-            onClick: function onClick() {
-              return _onClick(opv);
-            },
-            children: [/*#__PURE__*/jsx("td", {
-              className: thumbCell,
-              children: /*#__PURE__*/jsx(ThumbWithTooltip, {
-                opv: opv
-              })
-            }), /*#__PURE__*/jsx("td", {
-              children: opv.codex
-            }), /*#__PURE__*/jsx("td", {
-              dangerouslySetInnerHTML: {
-                __html: opv.text
-              }
-            }), /*#__PURE__*/jsx("td", {
-              children: info ? info.visible ? /*#__PURE__*/jsx("span", {
-                className: opvStatusVisible,
-                children: "visible"
-              }) : /*#__PURE__*/jsx("span", {
-                className: opvStatusHidden,
-                children: "hidden"
-              }) : '-'
-            }), /*#__PURE__*/jsx("td", {
-              children: (info === null || info === void 0 ? void 0 : info.removedByDecisionNo) != null ? info.removedByDecisionNo : '-'
-            }), /*#__PURE__*/jsx("td", {
-              children: (info === null || info === void 0 ? void 0 : info.selectedByDecisionNo) != null ? info.selectedByDecisionNo : '-'
-            })]
-          }, opv.codex);
-        })
-      })]
-    })]
-  });
-};
-var index = observer(InspectModeTables);
-
-export { index as default };

package/build/esm/index.module-ace05329.js

@@ -1,28 +0,0 @@
-import { s as styleInject } from './index-545a32b9.js';
-
-var table = "table-iqWqM";
-var column = "column-0LUrX";
-var bold = "bold-lbVn7";
-var tableDescription = "tableDescription-HHojU";
-var optionsTable = "optionsTable-duUmy";
-var optionsTableColumn = "optionsTableColumn-3dBDM";
-var optionsTableSelected = "optionsTableSelected-Mcjg3";
-var optionValuesTable = "optionValuesTable-XnJys";
-var optionValueSelected = "optionValueSelected-hlC3t";
-var decisionCell = "decisionCell-boCP6";
-var opvStatusVisible = "opvStatusVisible-Lsme-";
-var opvStatusHidden = "opvStatusHidden-XSrul";
-var opvStatusNewValue = "opvStatusNewValue-Pc5Ty";
-var decisionLink = "decisionLink-MMzgj";
-var closeIcon = "close-icon-oV-p5";
-var scrollable = "scrollable-g4Mgr";
-var header = "header-4-lJa";
-var decision = "decision-d8i43";
-var idmContainer = "idm-container-j98CM";
-var idmTitle = "idm-title-LFQMP";
-var idmSubtitle = "idm-subtitle-jkOPl";
-var idmTable = "idm-table-CZGdO";
-var css_248z = ".table-iqWqM {\n  position: relative;\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--diva-typography-font-family);\n  font-size: 13px;\n  background: #fff;\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n.table-iqWqM thead {\n  background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.table-iqWqM th,\n.table-iqWqM td {\n  padding: 10px 14px;\n  text-align: left;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.table-iqWqM tbody tr:hover {\n  background: #f7fafc;\n}\n\n.column-0LUrX {\n  text-align: left;\n}\n\n.column-0LUrX:first-child {\n  height: 20px;\n}\n\n.bold-lbVn7 {\n  font-weight: bold;\n}\n\n.filter-7DtTa {\n  height: 24px;\n  padding: 4px 10px;\n  font-size: 13px;\n  border: 1px solid #cbd5e0;\n  border-radius: 6px;\n  min-width: 120px;\n}\n\n.filter-7DtTa:focus {\n  outline: none;\n  border-color: var(--primaryColor);\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);\n}\n\n/* Layout */\n.tableDescription-HHojU {\n  margin: 8px 0 12px;\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.4;\n}\n\n.optionsTable-duUmy {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  gap: 16px;\n  margin-top: 16px;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n}\n\n.optionsTableColumn-3dBDM {\n  flex: 0 0 auto;\n  align-self: flex-start;\n}\n\n.optionsTableSelected-Mcjg3 {\n  background: #ebf8ff !important;\n}\n\n.optionsTableSelected-Mcjg3 {\n  border-left: 3px solid var(--primaryColor);\n}\n\n.optionValuesTable-XnJys {\n  flex: 0 0 auto;\n  align-self: flex-start;\n  padding: 16px;\n  background: #f8fafc;\n  border-radius: 8px;\n  border: 1px solid #e2e8f0;\n  min-width: 200px;\n}\n\n.optionValuesTable-XnJys h4 {\n  margin: 0 0 12px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #2d3748;\n}\n\n.optionValueSelected-hlC3t {\n  background: #e6fffa !important;\n}\n\n.optionValueSelected-hlC3t {\n  border-left: 3px solid #38b2ac;\n}\n\n.decisionCell-boCP6 {\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.decisionCell-boCP6:hover {\n  background: #edf2f7;\n}\n\n.opvStatusVisible-Lsme- {\n  color: #38a169;\n  font-weight: 500;\n}\n\n.opvStatusHidden-XSrul {\n  color: #e53e3e;\n}\n\n.opvStatusNewValue-Pc5Ty {\n  color: #3182ce;\n  margin-left: 8px;\n}\n\n.decisionLink-MMzgj {\n  background: none;\n  border: none;\n  padding: 0;\n  font: inherit;\n  color: var(--primaryColor);\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n.decisionLink-MMzgj:hover {\n  color: color-mix(in srgb, var(--primaryColor) 80%, black);\n}\n\n.close-icon-oV-p5 {\n  position: absolute;\n  right: 12px;\n  top: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM8.64645 9.35355C8.84171 9.54882 9.15829 9.54882 9.35355 9.35355C9.54882 9.15829 9.54882 8.84171 9.35355 8.64645L8.64645 9.35355ZM9.35355 1.35355C9.54882 1.15829 9.54882 0.841709 9.35355 0.646447C9.15829 0.451184 8.84171 0.451184 8.64645 0.646447L9.35355 1.35355ZM0.646447 8.64645C0.451185 8.84171 0.451185 9.15829 0.646447 9.35355C0.841709 9.54881 1.15829 9.54881 1.35355 9.35355L0.646447 8.64645ZM0.646447 1.35355L8.64645 9.35355L9.35355 8.64645L1.35355 0.646447L0.646447 1.35355ZM8.64645 0.646447L0.646447 8.64645L1.35355 9.35355L9.35355 1.35355L8.64645 0.646447Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n.column-0LUrX th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.scrollable-g4Mgr {\n  overflow: auto;\n  width: 100%;\n  padding: 16px;\n  height: 100%;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.header-4-lJa {\n  height: 8%;\n  width: calc(100% - 16px);\n  padding: 8px 16px;\n  text-align: center;\n  background: linear-gradient(135deg, var(--primaryColor) 0%, color-mix(in srgb, var(--primaryColor) 90%, black) 100%);\n  font-size: 18px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  border-radius: 0 0 8px 8px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n\n.decision-d8i43 {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  right: calc(0px + 36px);\n  right: calc(var(--toolbar-width, 0px) + 36px);\n  z-index: 100000;\n  width: 640px;\n  height: calc(100vh - 60px);\n}\n\n.idm-container-j98CM {\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  pointer-events: all;\n  background-color: #fff;\n  width: 628px;\n  height: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.idm-container-j98CM h2 {\n  margin: 8px 16px;\n}\n\n.idm-title-LFQMP {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.idm-subtitle-jkOPl {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.idm-table-CZGdO {\n  width: calc(100% - 4px);\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.idm-table-CZGdO th,\n.idm-table-CZGdO td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.idm-table-CZGdO th {\n  background-color: #f2f2f2;\n}\n";
-styleInject(css_248z);
-
-export { optionsTableColumn as a, table as b, column as c, decisionCell as d, optionsTableSelected as e, optionValuesTable as f, optionValueSelected as g, header as h, opvStatusVisible as i, opvStatusHidden as j, decisionLink as k, opvStatusNewValue as l, decision as m, idmContainer as n, optionsTable as o, closeIcon as p, idmTitle as q, idmSubtitle as r, scrollable as s, tableDescription as t, idmTable as u, bold as v };