@crystaldesign/diva-web-planner-react 26.3.0-beta.42 → 26.3.0-beta.44

package/build/esm/index-4ce0fdf8.js

@@ -1,306 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-e7467256.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-3af9573a.js';
-import { u as useAgGrid } from './agGridLoader-3b7ebab3.js';
-import SettingsHeader from './index-d346eb32.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-c33ec4a5.js';
-import './index-9898d9fe.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; }
-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 agGrid = useAgGrid();
-  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 agGrid.themeQuartz ? darkMode && agGrid.colorSchemeDarkBlue ? agGrid.themeQuartz.withPart(agGrid.colorSchemeDarkBlue) : agGrid.themeQuartz : undefined;
-  }, [darkMode, agGrid.themeQuartz, agGrid.colorSchemeDarkBlue]);
-  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;
-  if (!agGrid.loaded || !agGrid.AgGridReact) {
-    return /*#__PURE__*/jsxs("div", {
-      className: wrapper,
-      children: [/*#__PURE__*/jsx(SettingsHeader, {
-        isInScroller: true,
-        isSettingsHeader: false,
-        item: item
-      }), /*#__PURE__*/jsx("p", {
-        style: {
-          padding: 16
-        },
-        children: "Tables require ag-grid (not loaded in this environment)."
-      })]
-    });
-  }
-  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(agGrid.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-4d2e3610.js

@@ -1,58 +0,0 @@
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-e7467256.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-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/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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var wrapper = "wrapper-XC5WL";
-var doneBar = "doneBar-xosJY";
-var todoBar = "todoBar-sVQM-";
-var css_248z = ".wrapper-XC5WL {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.doneBar-xosJY {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.todoBar-sVQM- {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n";
-styleInject(css_248z);
-
-var ProgressBar = function ProgressBar(_ref) {
-  var _viewHandler$configur;
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var lastStep = (_viewHandler$configur = viewHandler.configuratorStructureHandler) === null || _viewHandler$configur === void 0 ? void 0 : _viewHandler$configur.lastConfigStep;
-  var currentStep = viewHandler.tabGroupState.curConfigStep;
-  if (!lastStep || !currentStep) return /*#__PURE__*/jsx(Fragment, {});
-  var current = currentStep.posNr;
-  var total = lastStep.posNr;
-  var doneInPercent = total == 1 ? 0 : Math.round(current / total * 100);
-  var todoInPercent = 100 - doneInPercent;
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: [/*#__PURE__*/jsx("div", {
-      className: doneBar,
-      style: {
-        width: doneInPercent + '%'
-      }
-    }), /*#__PURE__*/jsx("div", {
-      className: todoBar,
-      style: {
-        width: todoInPercent + '%'
-      }
-    })]
-  });
-};
-var ProgressBar$1 = observer(ProgressBar);
-
-export { ProgressBar$1 as default };

package/build/esm/index-4e5f9018.js

@@ -1,80 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-e7467256.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-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';
-
-var wrapper = "wrapper-CXHC0";
-var wcTabGroupItem = "wcTabGroupItem-byqO6";
-var portrait = "portrait--dsxg";
-var tablet = "tablet-xCDe-";
-var wcActiveStep = "wcActiveStep-06tW4";
-var chevron = "chevron-a7ixM";
-var css_248z = ".wrapper-CXHC0 {\n  display: flex;\n  align-items: center;\n  float: left;\n  height: 100%;\n}\n\n.wcTabGroupItem-byqO6 {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 12px;\n  font-size: 14px;\n  font-weight: 300;\n  white-space: nowrap;\n  color: var(--diva-theme-palette-text-secondary);\n  cursor: pointer;\n  transition:\n    color 0.2s ease-out,\n    background-color 0.2s ease-out;\n  line-height: 1;\n  border: none;\n  background: none;\n}\n\n.portrait--dsxg:not(.tablet-xCDe-) .wcTabGroupItem-byqO6 {\n  font-size: 12px;\n  padding: 0 8px;\n}\n\n.wcTabGroupItem-byqO6:hover {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.wcActiveStep-06tW4 .wcTabGroupItem-byqO6 {\n  color: var(--diva-theme-palette-primary-main);\n  background-color: color-mix(in srgb, var(--diva-theme-palette-primary-main) 5%, transparent);\n  border-radius: 2px;\n}\n\n.chevron-a7ixM {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 12px;\n  height: 12px;\n  color: color-mix(in srgb, var(--diva-theme-palette-text-primary) 15%, transparent);\n}\n\n.portrait--dsxg:not(.tablet-xCDe-) .chevron-a7ixM {\n  width: 10px;\n  height: 10px;\n}\n";
-styleInject(css_248z);
-
-var TabGroupItemHorizontalInspiration = function TabGroupItemHorizontalInspiration(_ref) {
-  var tabGroup = _ref.tabGroup;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var tabGroupItemRef = useRef(null);
-  var curTabGroup = viewHandler.tabGroupState.curTabGroup;
-  useEffect(function () {
-    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
-  }, [tabGroupItemRef]);
-  var onTabGroupClick = function onTabGroupClick(tabGroup) {
-    window.lastNavigationType = 'TABGROUP_BY_POS_NR';
-    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
-  };
-  var keys = Object.keys(viewHandler.tabGroupState.allTabGroups);
-  var isActive = tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
-  var isLastItem = keys[keys.length - 1] == tabGroup.key;
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(wrapper, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isTablet ? tablet : undefined, tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && isActive ? wcActiveStep : undefined),
-    children: [/*#__PURE__*/jsx("div", {
-      ref: tabGroupItemRef,
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        onTabGroupClick(tabGroup);
-      },
-      className: classnames(wcTabGroupItem),
-      children: t('configurator.' + tabGroup.title, tabGroup.title)
-    }), !isLastItem && /*#__PURE__*/jsx("div", {
-      className: chevron,
-      children: /*#__PURE__*/jsx("svg", {
-        width: "12",
-        height: "12",
-        viewBox: "0 0 12 12",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/jsx("path", {
-          d: "M4 2L8 6L4 10",
-          stroke: "currentColor",
-          strokeWidth: "0.75",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        })
-      })
-    })]
-  });
-};
-var index = observer(TabGroupItemHorizontalInspiration);
-
-export { index as default };

package/build/esm/index-4f2fa156.js

@@ -1,146 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-e7467256.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-fc377069.js';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-bc87fe70.js';
-import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import IsActive from './index-1dec1bae.js';
-import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-8ac4be70.js';
-import GenericToolTip from './index-3af9573a.js';
-import InfoIcon from './index-bcadb7ee.js';
-import PricePreview from './index-c33ec4a5.js';
-import ReverseCheck from './index-aab829e7.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-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-9898d9fe.js';
-import 'react-countup';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-
-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; }
-var Option = function Option(_ref) {
-  var _renderLayer;
-  var itemP = _ref.item,
-    paletteId = _ref.paletteId,
-    hidePricePreview = _ref.hidePricePreview,
-    namePostFix = _ref.namePostFix;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var onClick = function onClick() {
-    if (item.doShowFav) {
-      viewHandler.paletteViewHandler.clickedOnFavIcon(item);
-    }
-    viewHandler.paletteViewHandler.clickedOnConfigPalette(item, undefined, paletteId);
-  };
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state$di = _useDivaCore.state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    metaDataVisible = _useState2[0],
-    setMetaDataVisible = _useState2[1];
-
-  /* tool tip stuff*/
-  var triggerProps = {};
-  var layerProps = {};
-  var renderLayer = undefined;
-  var isOver = false;
-  var hoverProps = {};
-  var hover = useHover({
-    delayEnter: 1500,
-    hideOnScroll: true
-  });
-  var tooltip = useLayer({
-    isOpen: hover[0],
-    auto: true,
-    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
-  });
-  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip && (item.image || item.hexColor) && !item.contentItemId) {
-    isOver = hover[0];
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-    id: item.codex,
-    "data-test-id": "plannerPaletteItem",
-    className: classnames(paletteItem, item.sel ? sel : undefined),
-    onClick: onClick
-  }, triggerProps), hoverProps), {}, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(wcSize, wcSizeSmall),
-      children: [item.sel && /*#__PURE__*/jsx(IsActive, {
-        listenToOptionVariables: true
-      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-        item: item,
-        style: {
-          bottom: 8
-        }
-      }, item.codex), item.layout == 'TEXT' && /*#__PURE__*/jsx("div", {
-        className: wcImagePlaceHolder
-      }), !(item.layout == 'TEXT') && /*#__PURE__*/jsx("div", {
-        className: wcImage,
-        style: {
-          backgroundImage: "url(".concat(item.image, ")")
-        }
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(textContainer, item.layout == 'TEXT' ? big : undefined),
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(wcConfiguratorSettingsTitle, metaDataVisible !== '' ? metaData : undefined),
-          dangerouslySetInnerHTML: {
-            __html: item.text + (namePostFix ? namePostFix : '')
-          }
-        }), /*#__PURE__*/jsx(MetaData, {
-          style: {
-            position: 'relative',
-            "float": 'left'
-          },
-          metaData: item.metaData,
-          visible: [metaDataVisible, setMetaDataVisible]
-        }, item.codex)]
-      }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-        text: item.text + (item.freeText ? item.freeText : '') + (namePostFix ? namePostFix : ''),
-        desciption: metaDataVisible,
-        image: item.image,
-        hexColor: item.hexColor,
-        pricePreviewPromise: item.pricePreviewPromise,
-        layerProps: layerProps
-      }, item.codex))), item.doShowFav && /*#__PURE__*/jsx("div", {
-        className: item.isFav ? wcFavoriteSel : wcFavorite
-      })]
-    }), !hidePricePreview && item.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-      asyncPricePreview: item.pricePreviewPromise,
-      sel: item.sel
-    }), item.checkForReversingChanges !== undefined && /*#__PURE__*/jsx(ReverseCheck, {
-      item: item,
-      paletteId: paletteId
-    }), item.disabledByConstructionRule && /*#__PURE__*/jsx("div", {
-      className: classnames(ccConstructionWarning),
-      title: t('configurator.' + item.disabledByConstructionRule)
-    })]
-  }));
-};
-var Option$1 = observer(Option);
-
-export { Option$1 as default };

package/build/esm/index-500579ab.js

@@ -1,43 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-e7467256.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import ActionNavigation from './index-9b682869.js';
-import classnames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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.module-f3f2d6df.js';
-
-var container = "container-LaFKa";
-var back = "back-A14G4";
-var forth = "forth-6EUqO";
-var css_248z = ".container-LaFKa .back-A14G4 {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: 50%;\n  box-sizing: border-box;\n  flex-grow: 1;\n}\n\n.container-LaFKa .forth-6EUqO {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  width: 50%;\n  box-sizing: border-box;\n  flex-grow: 1;\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; }
-var ActionNavigationGold = function ActionNavigationGold(props) {
-  return /*#__PURE__*/jsx(ActionNavigation, _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, container),
-    showBackButtonText: true,
-    backOverwrite: back,
-    forthOverwrite: forth
-  }));
-};
-var index = observer(ActionNavigationGold);
-
-export { index as default };