@crystaldesign/diva-web-planner-react 25.1.0-rc.9 → 25.1.0

package/build/esm/index-1f91a879.js

@@ -1,160 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-497c4f05.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useRef } from 'react';
-import classnames from 'classnames';
-import { useTranslation } from '@crystaldesign/diva-core';
-import Draggable from 'react-draggable';
-import { jsxs, Fragment, 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';
-
-var container = "container-ulbgy";
-var wrapper = "wrapper-CDDb8";
-var door = "door-MAV8k";
-var mobile = "mobile-lXlb7";
-var first = "first-flj9W";
-var last = "last-joL72";
-var handle = "handle-uyqn6";
-var left = "left-rt3Dw";
-var right = "right-ziERh";
-var invisibleDragger = "invisible-dragger-CYEX3";
-var visibleDragger = "visible-dragger-GTq6j";
-var isOkay = "is-okay-xl784";
-var notOkay = "not-okay-7XIp7";
-var css_248z = ".container-ulbgy,\n.container-ulbgy * {\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.container-ulbgy {\n  overflow-x: auto;\n  width: calc(100% - 20px);\n  height: 100%;\n  position: relative;\n  padding: 0;\n  margin: 10px;\n  float: left;\n}\n.wrapper-CDDb8 {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.door-MAV8k {\n  display: inline-block;\n  width: 100px;\n  word-break: break-word;\n  height: 300px;\n  background: #eee;\n  box-sizing: border-box;\n  border: 1px solid black;\n  position: relative;\n}\n\n.mobile-lXlb7 .door-MAV8k {\n  width: 50px;\n  height: 150px;\n}\n\n.first-flj9W {\n  border-left: 3px solid black;\n}\n\n.last-joL72 {\n  border-right: 3px solid black;\n}\n\n.handle-uyqn6 {\n  position: absolute;\n  top: 47%;\n  left: calc(50% - 32px);\n  height: 40px;\n  width: 60px;\n  pointer-events: none;\n}\n\n.mobile-lXlb7 .handle-uyqn6 {\n  height: 20px;\n  width: 30px;\n  left: calc(50% - 17px);\n}\n\n.left-rt3Dw {\n  border-left: solid 3px black;\n}\n.right-ziERh {\n  border-right: solid 3px black;\n}\n\n.invisible-dragger-CYEX3 {\n  height: 300px;\n  opacity: 0;\n  position: absolute;\n  z-index: 100;\n}\n\n.mobile-lXlb7 .invisible-dragger-CYEX3 {\n  height: 150px;\n}\n\n.visible-dragger-GTq6j {\n  opacity: 1;\n  border: 1px solid black;\n  cursor: ew-resize;\n}\n\n.is-okay-xl784 {\n  border: 1px solid green;\n  background-image: url(data:image/png;base64,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);\n  background-repeat: no-repeat;\n  background-size: 60%;\n  background-position: center 30%;\n}\n\n.not-okay-7XIp7 {\n  border: 1px solid red;\n  background-image: url(data:image/png;base64,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);\n  background-repeat: no-repeat;\n  background-size: 60%;\n  background-position: center 30%;\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 DoorPlanner = function DoorPlanner(_ref) {
-  var item = _ref.item;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var DOOR_WIDTH = viewHandler.getIsInMobileView() ? 50 : 100;
-  var doors = item.groups[0].items;
-  var _useState = useState({
-      x: 0,
-      y: 0
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    position = _useState2[0],
-    setPosition = _useState2[1];
-  var _useState3 = useState(undefined),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedDoor = _useState4[0],
-    setSelectedDoor = _useState4[1];
-  var scroller = useRef(null);
-  var draggable = useRef(null); // https://github.com/react-grid-layout/react-draggable/blob/v4.4.2/lib/DraggableCore.js#L159-L171
-
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    doorSwapPossible = _useState6[0],
-    setDoorSwapPossible = _useState6[1];
-  var handleStart = function handleStart(e) {
-    var offset = getEventOffsetX(e);
-    var xPos = offset - offset % DOOR_WIDTH;
-    setPosition({
-      y: 0,
-      x: xPos
-    });
-    setSelectedDoor(doors[xPos / DOOR_WIDTH]);
-  };
-  var handleDrag = function handleDrag(e) {
-    var offset = getEventOffsetX(e);
-    var index = (offset - offset % DOOR_WIDTH) / DOOR_WIDTH;
-    if (index >= 0 && index < doors.length) {
-      if ((selectedDoor === null || selectedDoor === void 0 ? void 0 : selectedDoor.key) != doors[index].key && (selectedDoor === null || selectedDoor === void 0 ? void 0 : selectedDoor.currentDoor.StrictType) === doors[index].currentDoor.StrictType) {
-        setDoorSwapPossible(true);
-      } else {
-        setDoorSwapPossible(false);
-      }
-    }
-    scrollLeftOrRight(e);
-  };
-  var handleStop = function handleStop(e) {
-    var offset = getEventOffsetX(e);
-    var index = (offset - offset % DOOR_WIDTH) / DOOR_WIDTH;
-    if (doorSwapPossible && selectedDoor && index >= 0 && index < doors.length) {
-      viewHandler.paletteViewHandler.moveDoors(selectedDoor.door, doors[index].door);
-    }
-    setSelectedDoor(undefined);
-    setDoorSwapPossible(false);
-    setPosition({
-      y: 0,
-      x: 0
-    });
-  };
-  var scrollLeftOrRight = function scrollLeftOrRight(e) {
-    var _e$layerX, _viewHandler$settings, _viewHandler$settings2;
-    if (!scroller.current) return;
-    var offset = (_e$layerX = e.layerX) !== null && _e$layerX !== void 0 ? _e$layerX : e.changedTouches[0].clientX - ((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.settingsScrollerElement) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.getBoundingClientRect().x) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0);
-    if (offset < scroller.current.getBoundingClientRect().width / 100 * 5) {
-      //scroll left
-      scroller.current.scrollTo({
-        left: scroller.current.scrollLeft - 10
-      });
-    } else if (offset > scroller.current.getBoundingClientRect().width / 100 * 95) {
-      //scroll right
-      scroller.current.scrollTo({
-        left: scroller.current.scrollLeft + 10
-      });
-    }
-  };
-  var getEventOffsetX = function getEventOffsetX(e) {
-    var _e$clientX, _viewHandler$settings3, _viewHandler$settings4, _scroller$current$scr, _scroller$current;
-    return ((_e$clientX = e.clientX) !== null && _e$clientX !== void 0 ? _e$clientX : e.changedTouches[0].clientX) - ((_viewHandler$settings3 = (_viewHandler$settings4 = viewHandler.settingsState.settingsScrollerElement) === null || _viewHandler$settings4 === void 0 ? void 0 : _viewHandler$settings4.getBoundingClientRect().x) !== null && _viewHandler$settings3 !== void 0 ? _viewHandler$settings3 : 0) + ((_scroller$current$scr = (_scroller$current = scroller.current) === null || _scroller$current === void 0 ? void 0 : _scroller$current.scrollLeft) !== null && _scroller$current$scr !== void 0 ? _scroller$current$scr : 0);
-  };
-  var dragHandlers = {
-    onStart: handleStart,
-    onDrag: handleDrag,
-    onStop: handleStop
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [t('configurator.DoorPlanner_Description'), /*#__PURE__*/jsx("div", {
-      ref: scroller,
-      className: classnames(container, 'box', viewHandler.getIsInMobileView() ? mobile : undefined),
-      children: /*#__PURE__*/jsxs("div", {
-        className: wrapper,
-        children: [/*#__PURE__*/jsx(Draggable, _objectSpread(_objectSpread({
-          nodeRef: draggable,
-          bounds: "parent",
-          position: position
-        }, dragHandlers), {}, {
-          axis: "x",
-          defaultClassName: invisibleDragger,
-          defaultClassNameDragging: classnames(visibleDragger, doorSwapPossible ? isOkay : notOkay),
-          children: /*#__PURE__*/jsx("div", {
-            ref: draggable,
-            className: "box cursor-x",
-            style: {
-              width: !!selectedDoor ? DOOR_WIDTH : DOOR_WIDTH * doors.length
-            }
-          })
-        })), doors.map(function (item, index) {
-          return /*#__PURE__*/jsxs("div", {
-            className: classnames(door, index == 0 ? first : undefined, index === doors.length - 1 ? last : undefined),
-            children: [item.type == 'TUER_L' && /*#__PURE__*/jsx("div", {
-              className: classnames(handle, right)
-            }), item.type == 'TUER_R' && /*#__PURE__*/jsx("div", {
-              className: classnames(handle, left)
-            })]
-          });
-        })]
-      })
-    })]
-  });
-};
-var index = observer(DoorPlanner);
-
-export { index as default };

package/build/esm/index-20c912aa.js

@@ -1,139 +0,0 @@
-import _typeof from '@babel/runtime/helpers/typeof';
-import { s as styleInject } from './index-497c4f05.js';
-import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import 'react';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-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 'mobx-react-lite';
-
-var shareOption = "share-option-tqy8P";
-var shareText = "share-text-grps7";
-var loader = "loader-KG6ip";
-var facebookIcon = "facebook-icon-1-Vop";
-var emailIcon = "email-icon-AWH8x";
-var whatsappIcon = "whatsapp-icon-I2GLz";
-var telegramIcon = "telegram-icon-0jmu8";
-var css_248z = ".share-option-tqy8P {\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n  border: solid 0.1px;\n  border-radius: 5px;\n  margin-top: 1%;\n}\n\n.share-text-grps7 {\n  align-self: center;\n  margin: auto;\n}\n\n.loader-KG6ip {\n  margin: 0 auto;\n  display: inline-block;\n  position: relative;\n  width: 80px;\n  height: 80px;\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 64px;\n  height: 64px;\n  margin: 8px;\n  border: 8px solid #b6b6b6;\n  border-radius: 50%;\n  animation: spin-FpWtQ 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: #b6b6b6 transparent transparent transparent;\n}\n\n/* Safari */\n\n@keyframes spin-FpWtQ {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.share-option-tqy8P:hover {\n  color: black;\n}\n\n.facebook-icon-1-Vop {\n  margin-left: 1%;\n  background-position-y: top;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Uploaded to%3A SVG Repo%2C www.svgrepo.com%2C Generator%3A SVG Repo Mixer Tools --%3E%3Csvg fill%3D%22%23000000%22 width%3D%22800px%22 height%3D%22800px%22 viewBox%3D%220 0 512 512%22 id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M480%2C257.35c0-123.7-100.3-224-224-224s-224%2C100.3-224%2C224c0%2C111.8%2C81.9%2C204.47%2C189%2C221.29V322.12H164.11V257.35H221V208c0-56.13%2C33.45-87.16%2C84.61-87.16%2C24.51%2C0%2C50.15%2C4.38%2C50.15%2C4.38v55.13H327.5c-27.81%2C0-36.51%2C17.26-36.51%2C35v42h62.12l-9.92%2C64.77H291V478.66C398.1%2C461.85%2C480%2C369.18%2C480%2C257.35Z%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  background-size: contain;\n}\n\n.email-icon-AWH8x {\n  margin-left: 1%;\n  background-position-y: -1px;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M174.461-180q-31.417 0-53.606-22.189-22.188-22.188-22.188-53.606v-448.41q0-31.418 22.188-53.606Q143.044-780 174.461-780h611.078q31.417 0 53.606 22.189 22.188 22.188 22.188 53.606v448.41q0 31.418-22.188 53.606Q816.956-180 785.539-180H174.461ZM480-467.359l330.154-215.359-12.308-46.103-317.846 208-317.846-208-12.308 46.103L480-467.359Z%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  background-size: contain;\n}\n\n.whatsapp-icon-I2GLz {\n  margin-left: 1%;\n  background-position-y: top;\n  background-image: url(\"data:image/svg+xml,%3Csvg viewBox%3D%220 0 20 20%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22m0 0h20v20h-20z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22m16.8 5.7c-2.4-3.7-7.3-4.8-11.1-2.5-3.7 2.3-4.9 7.3-2.5 11l.2.3-.8 3 3-.8.3.2c1.3.7 2.7 1.1 4.1 1.1 1.5 0 3-.4 4.3-1.2 3.7-2.4 4.8-7.3 2.5-11.1zm-2.1 7.7c-.4.6-.9 1-1.6 1.1-.4 0-.9.2-2.9-.6-1.7-.8-3.1-2.1-4.1-3.6-.6-.7-.9-1.6-1-2.5 0-.8.3-1.5.8-2 .2-.2.4-.3.6-.3h.5c.2 0 .4 0 .5.4.2.5.7 1.7.7 1.8.1.1.1.3 0 .4.1.2 0 .4-.1.5s-.2.3-.3.4c-.2.1-.3.3-.2.5.4.6.9 1.2 1.4 1.7.6.5 1.2.9 1.9 1.2.2.1.4.1.5-.1s.6-.7.8-.9.3-.2.5-.1l1.6.8c.2.1.4.2.5.3.1.3.1.7-.1 1z%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  background-size: contain;\n}\n\n.telegram-icon-0jmu8 {\n  margin-left: 1%;\n  background-position-y: top;\n  background-image: url(\"data:image/svg+xml,%3Csvg height%3D%2232%22 viewBox%3D%220 0 32 32%22 width%3D%2232%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22m16 .5c-8.563 0-15.5 6.938-15.5 15.5s6.938 15.5 15.5 15.5c8.563 0 15.5-6.938 15.5-15.5s-6.938-15.5-15.5-15.5zm7.613 10.619-2.544 11.988c-.188.85-.694 1.056-1.4.656l-3.875-2.856-1.869 1.8c-.206.206-.381.381-.781.381l.275-3.944 7.181-6.488c.313-.275-.069-.431-.482-.156l-8.875 5.587-3.825-1.194c-.831-.262-.85-.831.175-1.231l14.944-5.763c.694-.25 1.3.169 1.075 1.219z%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  background-size: contain;\n}\n";
-styleInject(css_248z);
-
-var Share = (function (props) {
-  var _useDivaCore = useDivaCore(),
-    isMobile = _useDivaCore.state.isMobile;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t,
-    language = _useTranslation.i18n.language;
-  if (_typeof(props.url) == 'object') props.url = props.url[language];
-  var url = props.url.replace('{{DivaNr}}', props.divaNr);
-  url = url;
-  var text = t('configurator.sharemessage');
-  function onShare(type) {
-    switch (type) {
-      case 'facebook':
-        window.open("https://www.facebook.com/sharer/sharer.php?u=".concat(encodeURIComponent(url)), '_blank');
-        break;
-      case 'email':
-        window.open("mailto:?body=".concat(encodeURIComponent(text + ' ' + url)), '_blank');
-        break;
-      case 'telegram':
-        window.open("https://telegram.me/share/url?url=".concat(encodeURIComponent(url), "&text=").concat(encodeURIComponent(text)), '_blank');
-        break;
-      case 'whatsapp':
-        window.open("https://api.whatsapp.com/send?text=".concat(encodeURIComponent(text + ' ' + url)), '_blank');
-        break;
-    }
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [props.loading && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("div", {
-        style: {
-          position: 'absolute',
-          left: 0,
-          right: 0,
-          marginLeft: 'auto',
-          marginRight: 'auto',
-          width: 100
-        },
-        children: /*#__PURE__*/jsx("div", {
-          className: loader
-        })
-      }), /*#__PURE__*/jsx("div", {
-        style: {
-          position: 'absolute',
-          bottom: 0
-        },
-        children: t('configurator.shareloadinginfo')
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      style: {
-        display: 'flex',
-        flexDirection: 'column',
-        gap: 10,
-        visibility: props.loading ? 'hidden' : 'visible'
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        dangerouslySetInnerHTML: {
-          __html: t('configurator.sharedescription')
-        }
-      }), /*#__PURE__*/jsxs("div", {
-        className: shareOption,
-        onClick: function onClick() {
-          return onShare('email');
-        },
-        children: [/*#__PURE__*/jsx("div", {
-          className: emailIcon
-        }), /*#__PURE__*/jsx("div", {
-          className: shareText,
-          children: t('configurator.shareemail')
-        })]
-      }), /*#__PURE__*/jsxs("div", {
-        className: shareOption,
-        onClick: function onClick() {
-          return onShare('facebook');
-        },
-        children: [/*#__PURE__*/jsx("div", {
-          className: facebookIcon
-        }), /*#__PURE__*/jsx("div", {
-          className: shareText,
-          children: t('configurator.sharefacebook')
-        })]
-      }), isMobile && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsxs("div", {
-          className: shareOption,
-          onClick: function onClick() {
-            return onShare('whatsapp');
-          },
-          children: [/*#__PURE__*/jsx("div", {
-            className: whatsappIcon
-          }), /*#__PURE__*/jsx("div", {
-            className: shareText,
-            children: t('configurator.sharewhatsapp')
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: shareOption,
-          onClick: function onClick() {
-            return onShare('telegram');
-          },
-          children: [/*#__PURE__*/jsx("div", {
-            className: telegramIcon
-          }), /*#__PURE__*/jsx("div", {
-            className: shareText,
-            children: t('configurator.sharetelegram')
-          })]
-        })]
-      })]
-    })]
-  });
-});
-
-export { Share as default };

package/build/esm/index-21178a4b.js

@@ -1,156 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-497c4f05.js';
-import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-3fa70c8b.js';
-import { s as scrollable, h as header, t as table, c as column } from './index.module-7c513f7c.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-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';
-
-var _excluded = ["onMouseDown"];
-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 PartList = function PartList(_ref) {
-  var onMouseDown = _ref.onMouseDown,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var articles = viewHandler.divaWebPlanner.getDivaArticles();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    rerender = _useState2[0],
-    setRerender = _useState2[1];
-  useEffect(function () {
-    var asyncFunct = /*#__PURE__*/function () {
-      var _ref2 = _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 DivaUtils.Sleep(1000);
-            case 2:
-              setRerender(!rerender);
-            case 3:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function asyncFunct() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    asyncFunct();
-  }, [viewHandler.settingsState.configChanged]);
-  var partlistArticles = [];
-  for (var basketId in articles) {
-    partlistArticles = _getPartlistArticles(articles[basketId], partlistArticles);
-  }
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable, viewHandler.uiState.configSettingsIsExpanded ? notExpanded : undefined),
-    children: [/*#__PURE__*/jsx("a", {
-      className: header,
-      onMouseDown: onMouseDown,
-      children: "St\xFCcklisten \xDCbersicht"
-    }), /*#__PURE__*/jsxs("table", {
-      className: table,
-      children: [/*#__PURE__*/jsx("thead", {
-        children: /*#__PURE__*/jsxs("tr", {
-          className: column,
-          children: [/*#__PURE__*/jsx("th", {
-            children: "Name"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Artikle Nr."
-          }), /*#__PURE__*/jsx("th", {
-            children: "CatalogCodex"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Preis"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Nr"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Prefix"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Menge"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Rule"
-          })]
-        })
-      }), /*#__PURE__*/jsx("tbody", {
-        children: Object.values(partlistArticles).map(function (partListArticle, index) {
-          var _partListArticle$pric;
-          return /*#__PURE__*/jsxs("tr", {
-            className: column,
-            children: [/*#__PURE__*/jsxs("th", {
-              children: [" ", partListArticle.name]
-            }), /*#__PURE__*/jsxs("th", {
-              children: [partListArticle.articleCodex, " "]
-            }), /*#__PURE__*/jsxs("th", {
-              children: [partListArticle.catalogCodex, " "]
-            }), /*#__PURE__*/jsxs("th", {
-              children: [" ", (_partListArticle$pric = partListArticle.price) !== null && _partListArticle$pric !== void 0 ? _partListArticle$pric : 0, " "]
-            }), /*#__PURE__*/jsxs("th", {
-              children: [" ", partListArticle.retailArticleNr, " "]
-            }), /*#__PURE__*/jsxs("th", {
-              children: [partListArticle.retailPrefix, " "]
-            }), /*#__PURE__*/jsxs("th", {
-              children: [partListArticle.quantity, " "]
-            }), /*#__PURE__*/jsx("th", {
-              children: partListArticle.rule
-            })]
-          }, partListArticle.articleCodex + partListArticle.retailArticleNr);
-        })
-      })]
-    })]
-  }));
-};
-var _getPartlistArticles = function getPartlistArticles(article, partlistArticles) {
-  for (var key in article.partlistArticles) {
-    var partlistArticle = article.partlistArticles[key];
-    if (partlistArticle.hasPartlistArticle) {
-      partlistArticles.push(getPartlsitArticleObj(partlistArticle, true));
-      partlistArticles = _getPartlistArticles(partlistArticle, partlistArticles);
-      continue;
-    }
-    var found = false;
-    for (var i = 0; i < partlistArticles.length; i++) {
-      if (partlistArticle.articleCodex === partlistArticles[i].articleCodex && partlistArticle.retailArticleNr === partlistArticles[i].retailArticleNr && partlistArticle.retailPrefix === partlistArticles[i].retailPrefix && partlistArticle.catalogCodex === partlistArticles[i].catalogCodex) {
-        found = true;
-        partlistArticles[i].quantity += partlistArticle.quantity;
-        break;
-      }
-    }
-    if (!found) {
-      partlistArticles.push(getPartlsitArticleObj(partlistArticle));
-    }
-  }
-  return partlistArticles;
-};
-var getPartlsitArticleObj = function getPartlsitArticleObj(partlistArticle, isWrapper) {
-  var _partlistArticle$reta, _partlistArticle$reta2, _partlistArticle$rule, _partlistArticle$arti, _partlistArticle$cata;
-  return {
-    name: (isWrapper ? 'Hülse: ' : '') + partlistArticle.posNr + ' ' + partlistArticle.name,
-    price: isWrapper ? '---' : partlistArticle.price,
-    retailArticleNr: (_partlistArticle$reta = partlistArticle.retailArticleNr) !== null && _partlistArticle$reta !== void 0 ? _partlistArticle$reta : '',
-    retailPrefix: (_partlistArticle$reta2 = partlistArticle.retailPrefix) !== null && _partlistArticle$reta2 !== void 0 ? _partlistArticle$reta2 : '',
-    quantity: partlistArticle.quantity,
-    ruleDesc: (_partlistArticle$rule = partlistArticle.ruleDesc) !== null && _partlistArticle$rule !== void 0 ? _partlistArticle$rule : '',
-    articleCodex: (_partlistArticle$arti = partlistArticle.articleCodex) !== null && _partlistArticle$arti !== void 0 ? _partlistArticle$arti : '',
-    catalogCodex: (_partlistArticle$cata = partlistArticle.catalogCodex) !== null && _partlistArticle$cata !== void 0 ? _partlistArticle$cata : '',
-    codex: partlistArticle.articleCodex,
-    rule: partlistArticle.ruleDesc
-  };
-};
-var PartListTable = observer(PartList);
-
-export { PartListTable as default };

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

@@ -1,160 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-497c4f05.js';
-import SettingsHeader from './index-b0f47b7a.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import { useState, useEffect } from 'react';
-import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-e6bc027e.js';
-import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-6b677636.js';
-import PricePreview from './index-d0d2d16d.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-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 './index-9d437ef8.js';
-import 'classnames';
-
-var wrapper = "wrapper-xpzd5";
-var wcDropDownSelect = "wcDropDownSelect-sB9TS";
-var dropDownArea = "dropDownArea-2LjDI";
-var image = "image-Ox-79";
-var label = "label-l3TV3";
-var css_248z = ".wrapper-xpzd5 {\n  display: flex;\n  position: relative;\n}\n.wcDropDownSelect-sB9TS {\n  padding: 10.2px 24px 7px 16px !important;\n}\n.wcDropDownSelect-sB9TS {\n  height: 39px;\n  padding: 8px;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  letter-spacing: 0pt;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -16px center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 24px;\n  transition:\n    box-shadow 0.5s,\n    border-color 0.25s ease-in-out;\n\n  font-weight: 300;\n}\n\n.wcDropDownSelect-sB9TS > div > div {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.dropDownArea-2LjDI {\n  max-height: 520px;\n\n  right: 0;\n  width: 100%;\n  min-width: 150px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n\n.dropDownArea-2LjDI .dropOption-lwWxd {\n  white-space: nowrap;\n}\n\n.row-fy2V4 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.title-KdLW7 {\n  text-align: right;\n  padding-bottom: 9px;\n  padding-top: 9px;\n}\n\n.colum-yG36- {\n  width: 50%;\n  margin: 15px;\n}\n\n.image-Ox-79 {\n  width: 45%;\n}\n\n.label-l3TV3 {\n  position: relative;\n  padding-right: 64px;\n}\n";
-styleInject(css_248z);
-
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-var DropDowmText = function DropDowmText(_ref) {
-  var _item$selectedElement;
-  var item = _ref.item,
-    paletteId = _ref.paletteId,
-    style = _ref.style;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    isMobile = _useDivaCore.state.dimensions.isMobile;
-  var allItemsP = item.groups.flatMap(function (group) {
-    return group.items;
-  });
-  var allItems = allItemsP;
-  var sel = allItems.find(function (item) {
-    return item.sel;
-  });
-  var options = [];
-  var selOption = undefined;
-  var onChange = function onChange(val) {
-    setActValue(val.value);
-  };
-  var mobileOptions = [];
-  var selectedMobileOption = undefined;
-  var onChangeMobile = function onChangeMobile(e) {
-    setActValue(e.target.value);
-  };
-  var _useState = useState(sel === null || sel === void 0 ? void 0 : sel.text),
-    _useState2 = _slicedToArray(_useState, 2),
-    actValue = _useState2[0],
-    setActValue = _useState2[1];
-  useEffect(function () {
-    var val = allItems.find(function (item) {
-      return item.codex == actValue;
-    });
-    if (val) viewHandler.paletteViewHandler.clickedOnConfigPalette(val, undefined, paletteId);
-  }, [actValue]);
-  useEffect(function () {
-    if (viewHandler.uiState.configSettingsIsHidden) setActValue(undefined);
-  }, [viewHandler.uiState.configSettingsIsHidden]);
-  var _iterator = _createForOfIteratorHelper(allItems),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var _item = _step.value;
-      mobileOptions.push({
-        text: _item.text,
-        codex: _item.codex
-      });
-      var option = {
-        label: /*#__PURE__*/jsxs("div", {
-          className: label,
-          children: [_item.text, _item.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-            asyncPricePreview: _item.pricePreviewPromise
-          })]
-        }),
-        text: _item.text,
-        value: _item.codex
-      };
-      if (_item.sel) {
-        selOption = {
-          label: /*#__PURE__*/jsx("div", {
-            className: label,
-            children: _item.text
-          }),
-          value: _item.codex
-        };
-        selectedMobileOption = _item.codex;
-      }
-      options.push(option);
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-  var paletteIsLastPalette = false;
-  if (paletteId) {
-    var nextPalette = viewHandler.settingsState.itemPalettes.get(paletteId + 1);
-    if (!(nextPalette !== null && nextPalette !== void 0 && nextPalette.visible)) {
-      paletteIsLastPalette = true;
-    }
-  }
-  return /*#__PURE__*/jsxs("div", {
-    ref: function ref(_ref2) {
-      return item.htmlRef = _ref2;
-    },
-    style: style,
-    children: [/*#__PURE__*/jsxs("div", {
-      className: wrapper,
-      children: [/*#__PURE__*/jsx(SettingsHeader, {
-        isInScroller: true,
-        isSettingsHeader: false,
-        item: item
-      }), ((_item$selectedElement = item.selectedElements) === null || _item$selectedElement === void 0 ? void 0 : _item$selectedElement[0].contentItemId) && /*#__PURE__*/jsx(InfoIcon, {
-        item: item.selectedElements[0],
-        style: {
-          position: 'relative',
-          bottom: -16
-        }
-      })]
-    }), isMobile ? /*#__PURE__*/jsx(MobileDropdown, {
-      id: 'wcConfigurator-mobiledropdown-' + item.id,
-      onChange: onChangeMobile,
-      mobileOptions: mobileOptions,
-      selectedOption: selectedMobileOption
-    }) : /*#__PURE__*/jsx(Dropdown, {
-      className: 'wcConfigurator-dropdown-' + item.id,
-      controlClassName: wcDropDownSelect,
-      menuClassName: dropDownArea,
-      options: options,
-      value: selOption,
-      onChange: onChange
-    }), item.type == 'DROPDOWN_IMAGE' && (sel === null || sel === void 0 ? void 0 : sel.image) && /*#__PURE__*/jsx("img", {
-      className: image,
-      src: sel.image.replace('_gal.', '.')
-    }), paletteIsLastPalette && /*#__PURE__*/jsx("div", {
-      style: {
-        height: options.length * 32 + 10
-      }
-    })]
-  });
-};
-var index = observer(DropDowmText);
-
-export { index as default };