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

package/build/esm/{index-ce9c8ab8.js → index-40dac2cd.js}

@@ -4,15 +4,16 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-a8b36d53.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-984d0ce3.js';
-import { s as scrollable, h as header, t as table, c as column, d as decision, D as DecisionVisualization } from './DecisionVizualizer-bc9430e5.js';
+import { n as notExpanded } from './index.module-16965d34.js';
+import { s as scrollable, h as header, f as filter, t as table, c as column, d as decision, D as DecisionVisualization } from './DecisionVizualizer-70225d1c.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';
-import './react-json-viewer-784c96c9.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import './react-json-viewer-b479c4b2.js';
+import ArticleSelector from './index-7e31ce59.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/classCallCheck';
@@ -22,6 +23,8 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'react-json-view-lite';
+import 'react-draggable';
+import 'react-select';
 
 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; }
@@ -64,38 +67,45 @@ var DecisionAnalyzer = function DecisionAnalyzer(_ref) {
       if (set) set.logDecisions = false;
     };
   }, [viewHandler.uiState.isLoading]);
-  var article = Object.values(articles !== null && articles !== void 0 ? articles : {}).find(function (a) {
-    return a.posNr == 1;
-  });
-  var _useState3 = useState(),
+  var _useState3 = useState(Object.values(articles !== null && articles !== void 0 ? articles : {}).find(function (a) {
+      return a.posNr == 1;
+    })),
     _useState4 = _slicedToArray(_useState3, 2),
-    selectedRow = _useState4[0],
-    setSelectedRow = _useState4[1];
+    article = _useState4[0],
+    setArticle = _useState4[1];
   var _useState5 = useState(),
     _useState6 = _slicedToArray(_useState5, 2),
-    filter = _useState6[0],
-    setFilter = _useState6[1];
-  if (!article) return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
+    selectedRow = _useState6[0],
+    setSelectedRow = _useState6[1];
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    filter$1 = _useState8[0],
+    setFilter = _useState8[1];
+  if (!article) return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
     className: classnames(props.className, scrollable),
     style: {
       zIndex: 800
     },
-    children: /*#__PURE__*/jsx("a", {
+    children: [/*#__PURE__*/jsx("a", {
       className: header,
       children: "Decision analyzer - plann article"
-    })
+    }), /*#__PURE__*/jsx(ArticleSelector, {
+      articleState: [article, setArticle]
+    })]
   }));
   var isIDMFormat = article.CatalogData.isIDMFormat;
   var longestStack = (_article$decisionDebu = article.decisionDebugStacks) === null || _article$decisionDebu === void 0 || (_article$decisionDebu = _article$decisionDebu[0]) === null || _article$decisionDebu === void 0 || (_article$decisionDebu = _article$decisionDebu.stack) === null || _article$decisionDebu === void 0 ? void 0 : _article$decisionDebu.length;
-  if (!longestStack) return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
+  if (!longestStack) return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
     className: classnames(props.className, scrollable),
     style: {
       zIndex: 800
     },
-    children: /*#__PURE__*/jsx("a", {
+    children: [/*#__PURE__*/jsx("a", {
       className: header,
       children: "Decision analyzer - change config"
-    })
+    }), /*#__PURE__*/jsx(ArticleSelector, {
+      articleState: [article, setArticle]
+    })]
   }));
   var entries = _toConsumableArray(Array(longestStack).keys());
   var _onClick = function onClick(nr, row) {
@@ -137,10 +147,10 @@ var DecisionAnalyzer = function DecisionAnalyzer(_ref) {
       return d.stack.map(function (d) {
         var _featureRefs, _optionCombinations;
         return _objectSpread(_objectSpread({}, d), {}, {
-          bold: !!(filter !== undefined && ((_featureRefs = d.decision.featureRefs) !== null && _featureRefs !== void 0 && _featureRefs.includes(filter) || !!((_optionCombinations = d.decision.optionCombinations) !== null && _optionCombinations !== void 0 && _optionCombinations.find(function (o) {
+          bold: !!(filter$1 !== undefined && ((_featureRefs = d.decision.featureRefs) !== null && _featureRefs !== void 0 && _featureRefs.includes(filter$1) || !!((_optionCombinations = d.decision.optionCombinations) !== null && _optionCombinations !== void 0 && _optionCombinations.find(function (o) {
             var _o$actions;
             return (_o$actions = o.actions) === null || _o$actions === void 0 ? void 0 : _o$actions.find(function (da) {
-              return parseAction(da).target == filter || da == filter;
+              return parseAction(da).target == filter$1 || da == filter$1;
             });
           }))))
         });
@@ -151,12 +161,12 @@ var DecisionAnalyzer = function DecisionAnalyzer(_ref) {
       return d.stack.map(function (d) {
         var _DOC, _Options;
         return _objectSpread(_objectSpread({}, d), {}, {
-          bold: !!(filter !== undefined && (!!((_DOC = d.decision.DOC) !== null && _DOC !== void 0 && _DOC.find(function (doc) {
+          bold: !!(filter$1 !== undefined && (!!((_DOC = d.decision.DOC) !== null && _DOC !== void 0 && _DOC.find(function (doc) {
             var _doc$DA, _doc$JsFormula;
             return ((_doc$DA = doc.DA) === null || _doc$DA === void 0 ? void 0 : _doc$DA.find(function (da) {
-              return da.OptionCodex == filter || da.DecisionNr == filter;
-            })) || ((_doc$JsFormula = doc.JsFormula) === null || _doc$JsFormula === void 0 ? void 0 : _doc$JsFormula.includes("'OPT" + filter + "'"));
-          })) || !!((_Options = d.decision.Options) !== null && _Options !== void 0 && _Options.includes('OPT' + filter))))
+              return da.OptionCodex == filter$1 || da.DecisionNr == filter$1;
+            })) || ((_doc$JsFormula = doc.JsFormula) === null || _doc$JsFormula === void 0 ? void 0 : _doc$JsFormula.includes("'OPT" + filter$1 + "'"));
+          })) || !!((_Options = d.decision.Options) !== null && _Options !== void 0 && _Options.includes('OPT' + filter$1))))
         });
       });
     });
@@ -169,49 +179,53 @@ var DecisionAnalyzer = function DecisionAnalyzer(_ref) {
     children: [/*#__PURE__*/jsxs("a", {
       className: header,
       children: ["Decision history", /*#__PURE__*/jsx("input", {
-        value: filter,
+        value: filter$1,
         onChange: function onChange(e) {
           return setFilter(e.target.value);
         },
-        placeholder: "filter option ohne OPT"
+        placeholder: "filter option ohne OPT",
+        className: filter
       })]
-    }), /*#__PURE__*/jsxs("div", {
-      children: [/*#__PURE__*/jsxs("table", {
-        className: table,
-        children: [/*#__PURE__*/jsx("thead", {
-          children: /*#__PURE__*/jsx("tr", {
+    }), /*#__PURE__*/jsx(ArticleSelector, {
+      articleState: [article, setArticle]
+    }), /*#__PURE__*/jsxs("table", {
+      className: table,
+      children: [/*#__PURE__*/jsx("thead", {
+        children: /*#__PURE__*/jsx("tr", {
+          className: column,
+          children: filteredDecisions.map(function (d, i) {
+            return /*#__PURE__*/jsx("th", {
+              children: i
+            }, i);
+          })
+        })
+      }), /*#__PURE__*/jsx("tbody", {
+        children: entries.map(function (x, i) {
+          return /*#__PURE__*/jsx("tr", {
             className: column,
-            children: filteredDecisions.map(function (d, i) {
+            children: filteredDecisions.map(function (d, j) {
+              var _d$i, _d$i2;
               return /*#__PURE__*/jsx("th", {
-                children: i
-              }, i);
+                onClick: function onClick() {
+                  return _onClick(d[i].nr, d[i]);
+                },
+                children: d[i].bold ? /*#__PURE__*/jsx("strong", {
+                  children: (_d$i = d[i]) === null || _d$i === void 0 ? void 0 : _d$i.text
+                }) : (_d$i2 = d[i]) === null || _d$i2 === void 0 ? void 0 : _d$i2.text
+              }, j);
             })
-          })
-        }), /*#__PURE__*/jsx("tbody", {
-          children: entries.map(function (x, i) {
-            return /*#__PURE__*/jsx("tr", {
-              className: column,
-              children: filteredDecisions.map(function (d, j) {
-                var _d$i, _d$i2;
-                return /*#__PURE__*/jsx("th", {
-                  onClick: function onClick() {
-                    return _onClick(d[i].nr, d[i]);
-                  },
-                  children: d[i].bold ? /*#__PURE__*/jsx("strong", {
-                    children: (_d$i = d[i]) === null || _d$i === void 0 ? void 0 : _d$i.text
-                  }) : (_d$i2 = d[i]) === null || _d$i2 === void 0 ? void 0 : _d$i2.text
-                }, j);
-              })
-            }, i);
-          })
-        })]
-      }), selectedRow && /*#__PURE__*/jsx("div", {
-        className: decision,
-        children: /*#__PURE__*/jsx(DecisionVisualization, {
-          decision: selectedRow.decision,
-          snapshots: selectedRow.snapshots
+          }, i);
         })
       })]
+    }), selectedRow && /*#__PURE__*/jsx("div", {
+      className: decision,
+      children: /*#__PURE__*/jsx(DecisionVisualization, {
+        decision: selectedRow.decision,
+        snapshots: selectedRow.snapshots,
+        onClose: function onClose() {
+          return setSelectedRow(undefined);
+        }
+      })
     })]
   }));
 };

package/build/esm/{index-3cf524a5.js → index-42198fd2.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-a8b36d53.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-36218358.js → index-4236da41.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-a8b36d53.js';
 import { useState, useEffect } from 'react';
-import ItemVariant from './index-6096447c.js';
+import ItemVariant from './index-fa50b234.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-e96a47d6.js → index-4898c54e.js}

@@ -2,17 +2,17 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-a8b36d53.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-95a76687.js';
-import GenericToolTip from './index-992cfd03.js';
-import SubTabGroup from './index-43effd92.js';
-import InfoIcon from './index-ea23d3b1.js';
-import PricePreview from './index-3c5d4c66.js';
+import MetaData from './index-cafd6207.js';
+import GenericToolTip from './index-0a4211de.js';
+import SubTabGroup from './index-3258e20f.js';
+import InfoIcon from './index-6ec46226.js';
+import PricePreview from './index-ed6e3423.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -24,66 +24,66 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'react-collapsible';
-import './index-7aeb0d98.js';
-import './index-96e19b0d.js';
+import './index-dc23dc2f.js';
+import './index-79f27644.js';
 import 'sift';
-import './index-a3dadd7d.js';
-import './index-cd6dec40.js';
-import './index-a759cb49.js';
-import './index-ad2b4a21.js';
-import './index-84e80aba.js';
-import './index.module-bf819e8d.js';
-import './index-80e688aa.js';
+import './index-355ad95b.js';
+import './index-2f2f927d.js';
+import './index-4bb78867.js';
+import './index-029e9517.js';
+import './index-f997bcb9.js';
+import './index.module-85826ef7.js';
+import './index-33b51fec.js';
 import 'react-switch';
-import './index-84250f38.js';
+import './index-2272e555.js';
 import 'react-dropdown';
-import './index-ca56495b.js';
+import './index-e0b54f26.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-61c38a78.js';
-import './index-75736621.js';
-import './index-aadfa16b.js';
+import './index-b93f3e0d.js';
+import './index-0893ce2c.js';
+import './index-34fc4695.js';
 import '@crystaldesign/content-box';
-import './index-bd3ff62c.js';
-import './index-e252a92b.js';
-import './index-27a412af.js';
-import './index-2ad042db.js';
-import './index-1b529a87.js';
-import './index-a65a4e66.js';
-import './index-9b446adc.js';
-import './index-1c785383.js';
-import './index-a018e2a4.js';
-import './index-7f881af2.js';
-import './index-2cc163f2.js';
-import './index-e97b9d85.js';
-import './index-556243ae.js';
-import './index-c0c66ec4.js';
-import './index.module-46e2de16.js';
-import './index-7ad99a6f.js';
-import './index-b3454689.js';
-import './index-284285b1.js';
-import './index-9877a1dd.js';
-import './index-e72219d1.js';
-import './index-7b37b292.js';
-import './index-ac37476b.js';
-import './index.module-0921c5b3.js';
-import './index-09ad0dd2.js';
-import './index-eb006284.js';
-import './index-7dd50d43.js';
-import './index-397df6a5.js';
-import './index.module-0bf307f8.js';
-import 'react-select';
-import './index-e0e990f2.js';
-import './index-17d6e257.js';
-import './index.module-291775af.js';
-import './index-d28f6cf4.js';
+import './index-5da260d9.js';
+import './index-043f082e.js';
+import './index-144a5e24.js';
+import './index-82f5e682.js';
+import './index-75419fd0.js';
+import './index-27ab3b58.js';
+import './index-afcb3ccb.js';
+import './index-3df6cb19.js';
+import './index-fd1dd683.js';
+import './index-c6e54682.js';
+import './index-5ed7a7a1.js';
+import './index-14ba6a91.js';
+import './index-5d4d17d5.js';
+import './index-aa5feaba.js';
+import './index.module-75f6f6ad.js';
+import './index-6ed62b11.js';
+import './index-1383aa58.js';
+import './index-3323b88f.js';
+import './index-778c9658.js';
+import './index-ad8fa670.js';
+import './index-3530d83a.js';
+import './index-1a9c6344.js';
+import './index.module-702e815e.js';
+import './index-95e5cbc0.js';
+import './index-bbc4f677.js';
+import './index-015b6e25.js';
+import './index-0d0e8f2c.js';
+import './index.module-8ecafb3f.js';
+import './index-82d2f77a.js';
+import './index-5e1158aa.js';
+import './index-3a65ffbc.js';
+import './index.module-92348922.js';
+import './index-f41b1b25.js';
 import 'qrcode.react';
-import './index-67d4be96.js';
-import './index-19598696.js';
-import './index-8258c7ce.js';
+import './index-89c4082c.js';
+import './index-8e6e3940.js';
+import './index-031e39c8.js';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-c33dd968.js';
-import './index-ab20e15c.js';
+import './index-e2225e91.js';
+import './index-de0a8640.js';
 
 var accItem = "AccItem-2APRQ";
 var wcSize = "wcSize-dO69R";
@@ -106,7 +106,7 @@ 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 AccessoiresStandard = function AccessoiresStandard(_ref) {
-  var _renderLayer;
+  var _renderLayer, _item$longDescription;
   var itemP = _ref.item,
     wrapper = _ref.wrapper,
     _ref$wcAccInfoContain = _ref.wcAccInfoContainerClass,
@@ -282,7 +282,7 @@ var AccessoiresStandard = function AccessoiresStandard(_ref) {
         }
       })]
     })), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-      text: item.name,
+      text: (_item$longDescription = item.longDescription) !== null && _item$longDescription !== void 0 ? _item$longDescription : item.name,
       desciption: metaDataVisible,
       codex: item.articleCodex,
       pricePreviewPromise: item.pricePreviewPromise,

package/build/esm/{index-69379e31.js → index-49e2616c.js}

@@ -1,23 +1,23 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler, u as useViewHandler } from './index-decc0e6e.js';
+import { a as usePlannerUIHandler, u as useViewHandler } from './index-a8b36d53.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import AVL from './index-4f52a43e.js';
-import AVR from './index-e2b00879.js';
-import Outline from './index-b2e2ed13.js';
-import RotationClockwise from './index-d1f99318.js';
-import RotationCounterClockwise from './index-716dafbb.js';
-import Trash from './index-292081d9.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-1399917a.js';
+import AVL from './index-64316c4b.js';
+import AVR from './index-2a2ab395.js';
+import Outline from './index-c0ef02fc.js';
+import RotationClockwise from './index-79c57ec8.js';
+import RotationCounterClockwise from './index-cb5417f0.js';
+import Trash from './index-3b86c579.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-965cde86.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-c232e590.js';
-import BoxCopy from './index-0f151e9f.js';
-import Move3DGrid from './index-06d9f730.js';
-import Rotation3DGrid from './index-195e92cd.js';
+import PosNr from './index-333bfbe6.js';
+import BoxCopy from './index-5da86a1b.js';
+import Move3DGrid from './index-58ee2690.js';
+import Rotation3DGrid from './index-80192f7f.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-33f29212.js';
-import DistanceToGround from './index-bb58ecb1.js';
+import ElementCopy from './index-157a5670.js';
+import DistanceToGround from './index-da65b160.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -30,7 +30,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import 'mobx';
 import '@crystaldesign/widget-contact-form';
 import 'classnames';
-import './index-8030876a.js';
+import './index-334f06a6.js';
 import 'react-draggable';
 
 function usePosNrPositioning(_ref) {

package/build/esm/{index-a759cb49.js → index-4bb78867.js}

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

package/build/esm/{index-e5dd5636.js → index-4e256f96.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-a8b36d53.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-927571c4.js → index-4e6a7ff5.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-decc0e6e.js';
+import { u as useViewHandler } from './index-a8b36d53.js';
 import { useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import ItemVariant from './index-b6f1347b.js';
+import ItemVariant from './index-68074f87.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-d32dada8.js → index-4ff5c5ab.js}

@@ -1,4 +1,4 @@
-import './index-decc0e6e.js';
+import './index-a8b36d53.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-49e89ae6.js → index-53e0d5d3.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-a8b36d53.js';
 import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-95a76687.js';
-import GenericToolTip from './index-992cfd03.js';
-import PricePreview from './index-3c5d4c66.js';
-import InfoIcon from './index-ea23d3b1.js';
+import MetaData from './index-cafd6207.js';
+import GenericToolTip from './index-0a4211de.js';
+import PricePreview from './index-ed6e3423.js';
+import InfoIcon from './index-6ec46226.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -37,7 +37,7 @@ 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 ShelfAccessoires = function ShelfAccessoires(_ref) {
-  var _renderLayer;
+  var _renderLayer, _item$longDescription;
   var item = _ref.item,
     grids = _ref.grids;
   var viewHandler = useViewHandler();
@@ -119,7 +119,7 @@ var ShelfAccessoires = function ShelfAccessoires(_ref) {
         right: 8
       }
     }, item.articleCodex), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-      text: item.name,
+      text: (_item$longDescription = item.longDescription) !== null && _item$longDescription !== void 0 ? _item$longDescription : item.name,
       desciption: metaDataVisible,
       image: item.image,
       codex: item.articleCodex,