@crystaldesign/diva-web-planner-react 24.15.0-beta.31 → 24.15.0-beta.33

package/build/esm/{index-9c56d56c.js → index-52f70195.js}

@@ -1,22 +1,22 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-4238b6c1.js';
+import { u as useViewHandler } from './index-fd6fee6c.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect, createElement } from 'react';
-import Product from './index-1fe77d2d.js';
-import Sidebar from './index-1f04ebc9.js';
-import OptionTree from './index-9265c0dd.js';
-import PartListTable from './index-536676cc.js';
-import MaskEditor from './index-06acc7f0.js';
-import SVGAnalyzer from './index-5ac47ee0.js';
-import { l as list } from './index.module-b691c642.js';
-import EkTextViewer from './index-20d6cb35.js';
-import CatalogMakeup from './index-afe7a526.js';
-import PartListAnalyzer from './index-b0653946.js';
-import RTVAnalyzer from './index-f7edf717.js';
-import J3DEditor from './index-a900ef39.js';
-import PropertiesEditor from './index-7b73fae8.js';
-import ArticleOverview from './index-b6bca06f.js';
+import Product from './index-49ced2dd.js';
+import Sidebar from './index-8d8cc134.js';
+import OptionTree from './index-7ca62ab1.js';
+import PartListTable from './index-252e89fd.js';
+import MaskEditor from './index-c1b233e5.js';
+import SVGAnalyzer from './index-6fa250e7.js';
+import { l as list } from './index.module-28c8479a.js';
+import EkTextViewer from './index-f6ef310a.js';
+import CatalogMakeup from './index-7714298a.js';
+import PartListAnalyzer from './index-f8d777f7.js';
+import RTVAnalyzer from './index-f482f883.js';
+import J3DEditor from './index-b3474fca.js';
+import PropertiesEditor from './index-6a95d5e6.js';
+import ArticleOverview from './index-50d401d3.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -30,102 +30,102 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-d1811da8.js';
-import './index-99f7559c.js';
+import './index-601ddcee.js';
+import './index-6002e691.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 import 'classnames';
-import './index-36ca9617.js';
-import './index-0a62ea63.js';
+import './index-f4732e15.js';
+import './index-cd1aa130.js';
 import 'sift';
-import './index-0e4c18f2.js';
-import './index-28e57850.js';
-import './index-7c3fd2ea.js';
-import './index-a39ff64d.js';
-import './index-43c635c5.js';
-import './index.module-fc5a5fa4.js';
-import './index-c9d64e0f.js';
+import './index-2585ef9c.js';
+import './index-1ffd1e87.js';
+import './index-5772e70e.js';
+import './index-4be211d3.js';
+import './index-79ca7dbc.js';
+import './index.module-e42b6f10.js';
+import './index-b645235e.js';
 import 'react-switch';
-import './index-efc5dd21.js';
-import './index-0f663f3c.js';
-import './index-76e80cda.js';
+import './index-baf6f0a5.js';
+import './index-97646e57.js';
+import './index-bf7e7d7e.js';
 import 'react-dropdown';
-import './index-f4bbad50.js';
-import './index-17162832.js';
-import './index-ebbb0e7e.js';
-import './index-edd299b4.js';
+import './index-e7a5416f.js';
+import './index-5813d93c.js';
+import './index-74f00ce8.js';
+import './index-55fea5df.js';
 import '@crystaldesign/content-box';
-import './index-0b321731.js';
-import './index-25a1df5d.js';
-import './index-e695c275.js';
-import './index-2e36cbea.js';
-import './index-956e77fb.js';
+import './index-453876e7.js';
+import './index-7560e820.js';
+import './index-94e5f55c.js';
+import './index-78364031.js';
+import './index-2d951d86.js';
 import '@crystaldesign/product-detail-page';
 import '@crystaldesign/products-component';
-import './index-c4b4a961.js';
-import './index-27d132cf.js';
-import './index-d1584d77.js';
+import './index-1c1c7bab.js';
+import './index-6c141da5.js';
+import './index-33224e7e.js';
 import 'react-laag';
-import './index-796275b1.js';
-import './index-197e79bf.js';
-import './index-731c8660.js';
-import './index-423da763.js';
-import './index-91d5eb8a.js';
-import './index-42df1486.js';
-import './index-c7960446.js';
-import './index-9e3366bc.js';
-import './index-c15bd722.js';
-import './index-56e5cc54.js';
-import './index.module-88189b53.js';
-import './index-7fe327dd.js';
-import './index-3c138b4d.js';
-import './index-e701f826.js';
-import './index-710590c2.js';
-import './index-0489077a.js';
-import './index-ef460f33.js';
-import './index-ee3c80e7.js';
-import './index.module-992ce231.js';
-import './index-32f7ee15.js';
-import './index-ec77ca4a.js';
-import './index-0f8d183c.js';
-import './index-5954f30f.js';
-import './index-431d7221.js';
-import './index-dd175f63.js';
-import './index.module-c552273c.js';
-import './index-123d0f65.js';
-import './index-ed55c94f.js';
-import './index-6c3d9700.js';
-import './index-12ef464b.js';
-import './index-b1b70073.js';
-import './index-268632aa.js';
-import './index-5bc07dea.js';
-import './index-7276e693.js';
-import './index-8c861c8b.js';
-import './index-54c45826.js';
-import './index-5cbc24c3.js';
-import './index-5ed0e71a.js';
+import './index-924e5401.js';
+import './index-52f953d8.js';
+import './index-b33dd04d.js';
+import './index-730a01cf.js';
+import './index-dc77db35.js';
+import './index-40618114.js';
+import './index-86e23f02.js';
+import './index-b4733a4f.js';
+import './index-1ad6da85.js';
+import './index-ab22a3ca.js';
+import './index.module-dd4473e6.js';
+import './index-61f843ad.js';
+import './index-831a4f04.js';
+import './index-c978d0d3.js';
+import './index-5e49c160.js';
+import './index-e3728299.js';
+import './index-e9aa7ce4.js';
+import './index-c9e60ab7.js';
+import './index.module-7b60fdf0.js';
+import './index-a8f2acc5.js';
+import './index-287dbd3c.js';
+import './index-75a39754.js';
+import './index-e58e8239.js';
+import './index-45702a04.js';
+import './index-3312d011.js';
+import './index.module-2e18d47d.js';
+import './index-b4875478.js';
+import './index-8d52641c.js';
+import './index-60106493.js';
+import './index-db5141e0.js';
+import './index-5de2ceba.js';
+import './index-acbc53b6.js';
+import './index-1e906813.js';
+import './index-c2a0e30b.js';
+import './index-dcd11806.js';
+import './index-3fff9d20.js';
+import './index-b89c75b3.js';
+import './index-4f2a25f9.js';
 import 'react-collapsible';
-import './index-17b43a9e.js';
-import './index-d91bec0f.js';
-import './index.module-4b3372ec.js';
+import './index-3d8571ab.js';
+import './index-5b11bc9e.js';
+import './index.module-cc624805.js';
 import 'react-json-view-lite';
-import './react-json-viewer-da4b23a6.js';
-import './index.module-649b6c6b.js';
+import './react-json-viewer-2d8a7184.js';
+import './index.module-b54fa20d.js';
 import 'jsoneditor';
-import './index-65033b70.js';
-import './index-3e513751.js';
-import './index-257cf8c1.js';
-import './index.module-1bcb88ad.js';
-import './index-95645850.js';
-import './index-e841c4ad.js';
-import './index.module-58fea74c.js';
-import './index-d22e32f4.js';
-import './index-231bbb27.js';
-import './index-3d06dc6b.js';
-import './CatalogProperties-4c19b152.js';
-import './ArticleProperties-7a505682.js';
-import './OptionProperties-0c321436.js';
-import './OptionValueProperties-f343c39d.js';
+import './index-741438a1.js';
+import './index-665f173e.js';
+import './index-225e42c5.js';
+import './index.module-2d1a967a.js';
+import './index-c58cd1c4.js';
+import './index-debb2535.js';
+import './index.module-7d461d77.js';
+import './index-e65b70d6.js';
+import './index-11273a65.js';
+import './index-a752e336.js';
+import './CatalogProperties-b47e9567.js';
+import './ArticleProperties-7ec66f1a.js';
+import './OptionProperties-dbb0106d.js';
+import './OptionValueProperties-92a7771f.js';
 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; }

package/build/esm/{index-197e79bf.js → index-52f953d8.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-4238b6c1.js';
+import { s as styleInject } from './index-fd6fee6c.js';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import PricePreview from './index-0f663f3c.js';
+import PricePreview from './index-97646e57.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-212206c0.js → index-53169bd9.js}

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

package/build/esm/{index-da3d3d90.js → index-542bdbee.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-4238b6c1.js';
+import { s as styleInject } from './index-fd6fee6c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-dd1e55dc.js';
+import ActionNavigation from './index-6cc5c024.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-596f0d61.js → index-54ac048f.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-4238b6c1.js';
+import { s as styleInject } from './index-fd6fee6c.js';
 import { observer } from 'mobx-react-lite';
-import Arrow from './index-ebbb0e7e.js';
+import Arrow from './index-74f00ce8.js';
 import 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-edd299b4.js → index-55fea5df.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-4238b6c1.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';
-import FilterItem from './index-0b321731.js';
+import FilterItem from './index-453876e7.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-7c3fd2ea.js → index-5772e70e.js}

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

package/build/esm/{index-e3506fc9.js → index-578b686a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-4238b6c1.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-17162832.js → index-5813d93c.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-4238b6c1.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
 import 'react';
 import Dropdown from 'react-dropdown';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Arrow from './index-ebbb0e7e.js';
+import Arrow from './index-74f00ce8.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-bd50c9a2.js → index-5a217953.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler } from './index-4238b6c1.js';
+import { a as usePlannerUIHandler } from './index-fd6fee6c.js';
 import { useState } from 'react';
-import DPACC from './index-212206c0.js';
+import DPACC from './index-53169bd9.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
 import { jsx, Fragment } from 'react/jsx-runtime';
 

package/build/esm/{index-d91bec0f.js → index-5b11bc9e.js}

@@ -1,11 +1,11 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-4238b6c1.js';
+import { u as useViewHandler } from './index-fd6fee6c.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { r as reactJson, a as reactJsonExpanded } from './index.module-4b3372ec.js';
+import { r as reactJson, a as reactJsonExpanded } from './index.module-cc624805.js';
 import classnames from 'classnames';
 import { JsonView, darkStyles } from 'react-json-view-lite';
-import './react-json-viewer-da4b23a6.js';
+import './react-json-viewer-2d8a7184.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-b1b70073.js → index-5de2ceba.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-4238b6c1.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-710590c2.js → index-5e49c160.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-4238b6c1.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import IsActive from './index-7fe327dd.js';
-import InfoIcon from './index-efc5dd21.js';
+import IsActive from './index-61f843ad.js';
+import InfoIcon from './index-baf6f0a5.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-99f7559c.js → index-6002e691.js}

@@ -1,10 +1,10 @@
 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-4238b6c1.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { useState, useEffect } from 'react';
+import { useRef, useState, useEffect } from 'react';
 import { ContentItemComponent } from '@crystaldesign/content-item';
 import Draggable from 'react-draggable';
 import classnames from 'classnames';
@@ -41,6 +41,7 @@ var ContentItemWrapper = function ContentItemWrapper(_ref) {
     closeSideMenu = _useDivaCore$actions.closeSideMenu;
   var _useTranslation = useTranslation(),
     language = _useTranslation.i18n.language;
+  var draggable = useRef(null); // https://github.com/react-grid-layout/react-draggable/blob/v4.4.2/lib/DraggableCore.js#L159-L171
   var viewHandler = useViewHandler();
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
@@ -125,6 +126,7 @@ var ContentItemWrapper = function ContentItemWrapper(_ref) {
   }
   var parentSizes = (_viewHandler$productS = viewHandler.productState.productElement) === null || _viewHandler$productS === void 0 ? void 0 : _viewHandler$productS.getBoundingClientRect();
   return /*#__PURE__*/jsx(Draggable, {
+    nodeRef: draggable,
     handle: ".handle",
     bounds: "parent",
     defaultPosition: startPos == 'right' ? {
@@ -132,6 +134,7 @@ var ContentItemWrapper = function ContentItemWrapper(_ref) {
       y: 0
     } : undefined,
     children: /*#__PURE__*/jsxs("div", {
+      ref: draggable,
       className: wrapper,
       style: {
         maxHeight: parentSizes !== null && parentSizes !== void 0 && parentSizes.height && parentSizes.height < 700 + 20 ? (parentSizes === null || parentSizes === void 0 ? void 0 : parentSizes.height) - 20 : 700

package/build/esm/{index-6c3d9700.js → index-60106493.js}

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

package/build/esm/{index-d1811da8.js → index-601ddcee.js}

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

package/build/esm/{index-09c0af35.js → index-6025a026.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-4238b6c1.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-7fe327dd.js → index-61f843ad.js}

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

package/build/esm/{index-fd0f6765.js → index-6553d2a2.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-4238b6c1.js';
+import { s as styleInject } from './index-fd6fee6c.js';
 import { observer } from 'mobx-react-lite';
 import React from 'react';
 import QRCode from 'react-qr-code';

package/build/esm/{index-3e513751.js → index-665f173e.js}

@@ -1,8 +1,8 @@
-import './index-4238b6c1.js';
+import './index-fd6fee6c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SVGOverview from './index-257cf8c1.js';
-import SVGSourceViewer from './index-95645850.js';
+import SVGOverview from './index-225e42c5.js';
+import SVGSourceViewer from './index-c58cd1c4.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,7 +17,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-1bcb88ad.js';
+import './index.module-2d1a967a.js';
 import 'classnames';
 
 var index = function index(props) {

package/build/esm/{index-1c920b80.js → index-66ad699e.js}

@@ -1,4 +1,4 @@
-import { u as useViewHandler } from './index-4238b6c1.js';
+import { u as useViewHandler } from './index-fd6fee6c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-4d92236d.js → index-679f9d5f.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-4238b6c1.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-992ce231.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-7b60fdf0.js';
 import classnames from 'classnames';
-import IsActive from './index-7fe327dd.js';
+import IsActive from './index-61f843ad.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-197e79bf.js';
-import InfoIcon from './index-efc5dd21.js';
-import PricePreview from './index-0f663f3c.js';
+import GenericToolTip from './index-52f953d8.js';
+import InfoIcon from './index-baf6f0a5.js';
+import PricePreview from './index-97646e57.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-a25d4013.js → index-67b2170b.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-4238b6c1.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
 import 'react';
-import BasketActionStandard from './index-5a7f03c2.js';
+import BasketActionStandard from './index-9c663b98.js';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-0df4489c.js → index-68dc63a4.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-4238b6c1.js';
+import { s as styleInject } from './index-fd6fee6c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-4e594abd.js → index-691a55b7.js}

@@ -1,6 +1,6 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-4238b6c1.js';
-import { useState } from 'react';
+import { u as useViewHandler } from './index-fd6fee6c.js';
+import { useState, useRef } from 'react';
 import classnames from 'classnames';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
 import Draggable from 'react-draggable';
@@ -27,6 +27,7 @@ var Rotation3DGrid = function Rotation3DGrid(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isDragging = _useState2[0],
     setIsDragging = _useState2[1];
+  var draggable = useRef(null); // https://github.com/react-grid-layout/react-draggable/blob/v4.4.2/lib/DraggableCore.js#L159-L171
   var mouseDownDetected = false;
   var onStartDragging = function onStartDragging(e) {
     mouseDownDetected = true;
@@ -68,6 +69,7 @@ var Rotation3DGrid = function Rotation3DGrid(_ref) {
     mouseDownDetected = false;
   };
   return /*#__PURE__*/jsx(Draggable, {
+    nodeRef: draggable,
     handle: ".handle3DRotation",
     onStart: function onStart(e) {
       onStartDragging(e);
@@ -79,6 +81,7 @@ var Rotation3DGrid = function Rotation3DGrid(_ref) {
       onDragEnd();
     },
     children: /*#__PURE__*/jsx("div", {
+      ref: draggable,
       style: {
         visibility: isDragging ? 'hidden' : 'visible',
         left: item.position.x + 'px',

package/build/esm/{index-8c7b6eb7.js → index-698b0bcc.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-4238b6c1.js';
+import { s as styleInject } from './index-fd6fee6c.js';
 import 'react';
-import OrbitInteractionStandard from './index-149d81bd.js';
+import OrbitInteractionStandard from './index-8c772bf7.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-7b73fae8.js → index-6a95d5e6.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-4238b6c1.js';
+import { u as useViewHandler } from './index-fd6fee6c.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-3d06dc6b.js';
+import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-a752e336.js';
 import classnames from 'classnames';
-import properties from './CatalogProperties-4c19b152.js';
-import properties$1 from './ArticleProperties-7a505682.js';
-import properties$2 from './OptionProperties-0c321436.js';
-import properties$3 from './OptionValueProperties-f343c39d.js';
+import properties from './CatalogProperties-b47e9567.js';
+import properties$1 from './ArticleProperties-7ec66f1a.js';
+import properties$2 from './OptionProperties-dbb0106d.js';
+import properties$3 from './OptionValueProperties-92a7771f.js';
 import Select from 'react-select';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -22,7 +22,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-c9d64e0f.js';
+import './index-b645235e.js';
 import 'react-switch';
 
 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; }