@crystaldesign/diva-web-planner-react 24.12.0-beta.17 → 24.12.0-beta.18

package/build/esm/index-a930a2d8.js

@@ -1,97 +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-a050eeb5.js';
-import { useState } from 'react';
-import { observer } from 'mobx-react-lite';
-import { s as svgWrapper } from './index.module-d5cfdd93.js';
-import classnames from 'classnames';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var _excluded = ["plannerArticles", "curBox", "isExpanded"];
-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 SVGSourceViewer = function SVGSourceViewer(_ref) {
-  var plannerArticles = _ref.plannerArticles,
-    curBox = _ref.curBox;
-    _ref.isExpanded;
-    var props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var _useState = useState('None'),
-    _useState2 = _slicedToArray(_useState, 2),
-    text = _useState2[0],
-    setText = _useState2[1];
-  var articlesLoaded = viewHandler.divaWebPlanner.getDivaArticles();
-  if (!articlesLoaded) return /*#__PURE__*/jsx(Fragment, {});
-  var articles = Object.values(articlesLoaded);
-  var filteredArticles = articles.filter(function (article) {
-    return article.hasCatalogPlannerArticle;
-  });
-  var curElement = plannerArticles[curBox];
-  var article = filteredArticles[curBox];
-  var svgURL = '';
-  if (curElement === undefined) return /*#__PURE__*/jsx(Fragment, {});
-  if (curElement.topSvgsWithFormula) {
-    var _article$plannerData;
-    (_article$plannerData = article.plannerData) === null || _article$plannerData === void 0 || _article$plannerData.curSVG;
-    var curSVG = curElement.topSvgsWithFormula.find(function (item) {
-      var _article$plannerData2;
-      return item.SVG === ((_article$plannerData2 = article.plannerData) === null || _article$plannerData2 === void 0 ? void 0 : _article$plannerData2.curSVG);
-    });
-    if (curSVG !== null && curSVG !== void 0 && curSVG.SVG) {
-      svgURL = article.CatalogData.getCatImageURL(curSVG.SVG, '');
-    }
-  }
-  if (!svgURL) {
-    svgURL = article.CatalogData.getCatImageURL(curElement.topSvg, '');
-  }
-  if (svgURL !== '') {
-    var getSVG = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(topSVGUrl) {
-        var response;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return fetch(topSVGUrl);
-            case 2:
-              response = _context.sent;
-              _context.t0 = setText;
-              _context.next = 6;
-              return response.text();
-            case 6:
-              _context.t1 = _context.sent;
-              (0, _context.t0)(_context.t1);
-            case 8:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function getSVG(_x) {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    getSVG(svgURL);
-  } else if (text != 'None') setText('None');
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(svgWrapper),
-    children: /*#__PURE__*/jsx("textarea", {
-      readOnly: true,
-      value: text
-    })
-  }));
-};
-var SVGSourceViewer$1 = observer(SVGSourceViewer);
-
-export { SVGSourceViewer$1 as default };

package/build/esm/index-a976b4f5.js

@@ -1,108 +0,0 @@
-import { u as useViewHandler } from './index-a050eeb5.js';
-import 'react';
-import classnames from 'classnames';
-import { r as row, c as colum, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-b36fb7e2.js';
-import Toggle from './index-7fad3170.js';
-import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-85041242.js';
-import { jsx, Fragment, jsxs } 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';
-import 'react-switch';
-
-var LOG = getLogger('Planner', 'ToggleName');
-var ToggleName = function ToggleName(_ref) {
-  var item = _ref.item,
-    paletteId = _ref.paletteId;
-  var viewHandler = useViewHandler();
-  var items = item.groups[0].items;
-  var yesItem;
-  var noItem;
-  if (!items) {
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  for (var i = 0; i < items.length; i++) {
-    var _items$i$codex, _items$i$codex2;
-    if ((_items$i$codex = items[i].codex) !== null && _items$i$codex !== void 0 && _items$i$codex.startsWith('OPVNEIN')) {
-      noItem = items[i];
-    }
-    if ((_items$i$codex2 = items[i].codex) !== null && _items$i$codex2 !== void 0 && _items$i$codex2.startsWith('OPVJA')) {
-      yesItem = items[i];
-    }
-  }
-  if (!noItem || !yesItem) {
-    if (items.length == 2) {
-      noItem = items[0];
-      yesItem = items[1];
-    }
-    if (!noItem || !yesItem) {
-      LOG.warn('Achtung! Bei der Option: ' + items[0].op + ' gibt es keine eindeutige werte für JA und NEIN', 'WC_0011');
-      item.isVisited = true;
-      return /*#__PURE__*/jsx(Fragment, {});
-    }
-  }
-  var checked = noItem.sel == false;
-  return /*#__PURE__*/jsxs("div", {
-    className: row,
-    ref: function ref(_ref2) {
-      return item.htmlRef = _ref2;
-    },
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(colum, title, name, !checked ? sel : undefined),
-      onClick: function onClick() {
-        viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem, undefined, paletteId);
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        dangerouslySetInnerHTML: {
-          __html: noItem.text
-        }
-      }), noItem.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-        item: noItem,
-        style: {
-          bottom: 4
-        }
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(colum),
-      children: /*#__PURE__*/jsx("div", {
-        className: toggleWrapper,
-        children: /*#__PURE__*/jsx(Toggle, {
-          onChange: function onChange() {
-            viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem.sel ? yesItem : noItem, undefined, paletteId);
-          },
-          val: item,
-          alwaysActiveColor: true,
-          state: checked
-        })
-      })
-    }), /*#__PURE__*/jsxs("div", {
-      className: classnames(colum, title, name, checked ? sel : undefined),
-      onClick: function onClick() {
-        viewHandler.paletteViewHandler.clickedOnConfigPalette(yesItem, undefined, paletteId);
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        dangerouslySetInnerHTML: {
-          __html: yesItem.text
-        }
-      }), yesItem.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-        item: yesItem,
-        style: {
-          bottom: 4
-        }
-      })]
-    })]
-  });
-};
-
-export { ToggleName as default };

package/build/esm/index-aae64c15.js

@@ -1,213 +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-a050eeb5.js';
-import React, { useState, useEffect, Suspense } from 'react';
-import { observer } from 'mobx-react-lite';
-import sift from 'sift';
-import TextBox from './index-d228cbf6.js';
-import ItemVariant from './index-2149fa4b.js';
-import SettingsPaletteGroup from './index-0dc9d2a6.js';
-import ToggleOption from './index-8209ce6b.js';
-import GroupDropdown from './index-84ba5a20.js';
-import PromotedProducts from './index-860bedf4.js';
-import ToggleName from './index-a976b4f5.js';
-import ProductList from './index-dea5625e.js';
-import itemPaletteTypeComponentMap from './index-6f28a681.js';
-import ItemWrapper from './index-f85e43c6.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-
-var collapsableInner = "collapsable-inner-YPvJa";
-var css_248z = ".collapsable-outer-J0amo {\n  overflow: visible !important;\n}\n\n.collapsable-outer-J0amo {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n\n.collapsable-inner-YPvJa {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(var(--gridSize), 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: var(--gridGap);\n  margin-top: var(--gridGap);\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 ShelfPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-cebce83d.js');
-});
-var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-d317a938.js');
-});
-var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
-  var _viewHandler$uiState$, _settingsSizes$gapDef, _settingsSizes$sizeDe, _viewHandler$uiState$2, _item$groups$;
-  var item = _ref.item,
-    groupSize = _ref.groupSize;
-  var viewHandler = useViewHandler();
-  var PaletteComponent = itemPaletteTypeComponentMap[item.type];
-  if (PaletteComponent === undefined) throw new Error("component type: '" + item.type + "' not implemented");
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    filteredGroups = _useState2[0],
-    setFilteredGroups = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    filteredGroupsWithEmptyGroups = _useState4[0],
-    setFilteredGroupsWithEmptyGroups = _useState4[1];
-  useEffect(function () {
-    var filteredGroupsWithEmptyGroups = item.groups.map(function (group) {
-      return _objectSpread(_objectSpread({}, group), {}, {
-        items: item.currentItemsFilter ? group.items.filter(sift(item.currentItemsFilter)) : group.items
-      });
-    });
-    var filteredGroups = filteredGroupsWithEmptyGroups.filter(function (group) {
-      return group.items.length > 0;
-    });
-    if (filteredGroups.length > 0) {
-      filteredGroupsWithEmptyGroups = filteredGroups;
-    }
-    setFilteredGroups(filteredGroups);
-    setFilteredGroupsWithEmptyGroups(filteredGroupsWithEmptyGroups);
-  }, [item, viewHandler.settingsState.itemPalettes]);
-  var doNotRenderGroups = filteredGroups.length === 1 && filteredGroups[0].name === 'none';
-  var innerGridClass = item.type.startsWith('SUMMARY') ? '' : collapsableInner;
-
-  //this code now sets a css variable within a specific palette to define the grid items size and gird gap
-  //this is a big improvement to the solution we had bevor (windowspecific itemsize hardcoded) but still can be done better
-  //s the catalogteam can define the size of the items so it would be some kind of catalog ux improvment -> TODO refactoring
-  var settingsSizes = (_viewHandler$uiState$ = viewHandler.uiState.ViewConfig.settingsSizes) !== null && _viewHandler$uiState$ !== void 0 ? _viewHandler$uiState$ : {};
-  var gridGap = (_settingsSizes$gapDef = settingsSizes === null || settingsSizes === void 0 ? void 0 : settingsSizes.gapDefault) !== null && _settingsSizes$gapDef !== void 0 ? _settingsSizes$gapDef : '10px';
-  var gridItemSize = (_settingsSizes$sizeDe = settingsSizes === null || settingsSizes === void 0 ? void 0 : settingsSizes.sizeDefault) !== null && _settingsSizes$sizeDe !== void 0 ? _settingsSizes$sizeDe : '300px';
-  if (item.isRenderedNotInSettingPalette && !item.isRenderedInAccessorieStep) {
-    gridItemSize = '240px';
-  } else if (item.type == 'SUMMARY_ARTICLES' || item.type === 'SUMMARY_OPTIONTREE' || item.type == 'SUMMARY_PARTLIST' || item.type == 'VARIANTS') {
-    gridItemSize = 'calc(100% - 20px)';
-  } else if (item.type == 'GAL_GROUP_DROPDOWN' || item.type === 'GAL_BIG') {
-    gridItemSize = '100px';
-  } else if (item.type == 'ACC') {
-    if (settingsSizes.sizeAccessoires) {
-      gridItemSize = settingsSizes.sizeAccessoires;
-    }
-  } else if (item.type == 'ACC_CONFIG') {
-    gridItemSize = '100%';
-  } else if (item.type.startsWith('GAL_SMALL')) {
-    gridItemSize = '60px';
-  } else if (item.type == 'RANGE') {
-    gridItemSize = '100%';
-  } else if (item.type == 'GAL') {
-    var _settingsSizes$sizeGa, _settingsSizes$gapGal;
-    gridItemSize = (_settingsSizes$sizeGa = settingsSizes === null || settingsSizes === void 0 ? void 0 : settingsSizes.sizeGallery) !== null && _settingsSizes$sizeGa !== void 0 ? _settingsSizes$sizeGa : '80px';
-    gridGap = (_settingsSizes$gapGal = settingsSizes === null || settingsSizes === void 0 ? void 0 : settingsSizes.gapGallery) !== null && _settingsSizes$gapGal !== void 0 ? _settingsSizes$gapGal : '10px';
-  } else if (item.type === 'PLANNERSWITCH') {
-    gridItemSize = '170px';
-  } else if (item.type === 'SMALL' && viewHandler.getIsInMobileView() && ((_viewHandler$uiState$2 = viewHandler.uiState.templateConfigKeys) === null || _viewHandler$uiState$2 === void 0 ? void 0 : _viewHandler$uiState$2.ItemDefault) == 'jungle') {
-    //for the usecase of schlaraffia in mobile
-    //TODO for refactorig this should be done nicer
-    gridItemSize = '120px';
-  } else if (item.type === 'SHELFPLANNER' && viewHandler.productState.shelfPlannerRTV) {
-    gridItemSize = '120px';
-  } else if (item.type === 'VERY_SMALL') {
-    gridItemSize = '48%';
-  } else if (item.type === 'GAL_TEXT') {
-    gridItemSize = '100px';
-  } else if (item.type === 'GAL_BIG_TEXT') {
-    gridItemSize = '120px';
-  } else if (item.type === 'GAL_SMALL_TEXT') {
-    gridItemSize = '70px';
-  }
-  if (!item.visible) return /*#__PURE__*/jsx(Fragment, {});
-  switch (item.type) {
-    case 'TOGGLE':
-      return /*#__PURE__*/jsx(ToggleOption, {
-        item: item,
-        paletteId: item.id
-      });
-    case 'TOGGLE_NAME':
-      return /*#__PURE__*/jsx(ToggleName, {
-        item: item,
-        paletteId: item.id
-      });
-    case 'TEXTBOX':
-      return /*#__PURE__*/jsx(TextBox, {
-        item: item,
-        paletteId: item.id
-      });
-    case 'DROPDOWN_TEXT':
-    case 'DROPDOWN_IMAGE':
-      return /*#__PURE__*/jsx(ItemVariant, {
-        item: item,
-        paletteId: item.id
-      });
-    case 'NUMBER':
-      return /*#__PURE__*/jsx(PaletteComponent, {
-        paletteId: item.id,
-        item: (_item$groups$ = item.groups[0]) === null || _item$groups$ === void 0 || (_item$groups$ = _item$groups$.items) === null || _item$groups$ === void 0 ? void 0 : _item$groups$[0],
-        groupSize: groupSize
-      }, item.id + item.configStepKey);
-    case 'SHELFPLANNER':
-      return /*#__PURE__*/jsx(Suspense, {
-        fallback: /*#__PURE__*/jsx(Fragment, {}),
-        children: /*#__PURE__*/jsx(ShelfPlanner, {
-          item: item,
-          id: item.id,
-          style: {
-            '--gridSize': gridItemSize,
-            '--gridGap': gridGap
-          }
-        }, item.id)
-      });
-    case 'PRODUCTS':
-      return /*#__PURE__*/jsx(ProductList, {
-        item: item
-      });
-    case 'PROMOTED':
-      return /*#__PURE__*/jsx(PromotedProducts, {
-        item: item
-      });
-    case 'DOOR_PLANNER':
-      return /*#__PURE__*/jsx(Suspense, {
-        fallback: /*#__PURE__*/jsx(Fragment, {}),
-        children: /*#__PURE__*/jsx(DoorPlanner, {
-          item: item
-        })
-      });
-    case 'GAL_GROUP_DROPDOWN':
-    case 'GAL_SMALL_GROUP_DROPDOWN':
-      var childGroup = /*#__PURE__*/jsx(GroupDropdown, {
-        item: item,
-        PaletteComponent: PaletteComponent,
-        filteredGroups: filteredGroupsWithEmptyGroups,
-        id: item.id,
-        showSearchBar: item.type == 'GAL_GROUP_DROPDOWN',
-        contentInnerClassName: innerGridClass
-      }, item.configStepKey);
-      return /*#__PURE__*/jsx(ItemWrapper, {
-        gridGap: gridGap,
-        gridItemSize: gridItemSize,
-        item: item,
-        children: childGroup
-      });
-    default:
-      var children;
-      if (doNotRenderGroups) children = /*#__PURE__*/jsx("div", {
-        className: innerGridClass,
-        children: filteredGroups.map(function (group) {
-          return group.items.map(function (paletteItem, i) {
-            return /*#__PURE__*/jsx(PaletteComponent, {
-              paletteType: item.type,
-              paletteId: item.id,
-              item: paletteItem
-            }, i);
-          });
-        })
-      });else children = /*#__PURE__*/jsx(SettingsPaletteGroup, {
-        groups: filteredGroups,
-        contentInnerClassName: innerGridClass,
-        itemPalette: item,
-        PaletteComponent: PaletteComponent
-      });
-      return /*#__PURE__*/jsx(ItemWrapper, {
-        gridGap: gridGap,
-        gridItemSize: gridItemSize,
-        item: item,
-        children: children
-      });
-  }
-};
-var SettingsItem = observer(SettingsPaletteItem);
-
-var index = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': SettingsItem
-});
-
-export { SettingsItem as S, collapsableInner as c, index as i };

package/build/esm/index-ab4b7578.js

@@ -1,67 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-a050eeb5.js';
-import 'react';
-import Toggle from './index-7fad3170.js';
-import DivaUtils from '@crystaldesign/diva-utils';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'mobx-react-lite';
-import 'classnames';
-import 'react-switch';
-
-var SummaryVariantButton = function SummaryVariantButton(_ref) {
-  var _variantPalette$1$gro;
-  _ref.item;
-  var viewHandler = useViewHandler();
-  var variantPalette = viewHandler.settingsState.itemPaletteArr.find(function (item) {
-    return item[1].type === 'VARIANTS' && item[1].visible;
-  });
-  if (!variantPalette) return /*#__PURE__*/jsx(Fragment, {});
-  var variants = (_variantPalette$1$gro = variantPalette[1].groups) === null || _variantPalette$1$gro === void 0 || (_variantPalette$1$gro = _variantPalette$1$gro[0]) === null || _variantPalette$1$gro === void 0 ? void 0 : _variantPalette$1$gro.items;
-  if (!(variants !== null && variants !== void 0 && variants.length)) return /*#__PURE__*/jsx(Fragment, {});
-  var copyTableToClipboard = function copyTableToClipboard() {
-    var html = '<h3>' + viewHandler.productState.webConifguratorTitle + ' - ' + Object.values(viewHandler.settingsState.articleInfos).map(function (article) {
-      return article.name;
-    }).join(', ') + '</h3>' + '<table>' + variants.map(function (variant) {
-      if (variant.index === undefined) return '';
-      return '<tr>' + '<td>' + 'index: ' + variant.index + '</td>' + variant.variantValues.map(function (values) {
-        return (values.optionValueImage ? '<td>' + '<img src="' + values.optionValueImage + '"/>' + '</td>' : '') +
-        //::::
-        '<td>' + (values.optionName + ' (' + values.opt.substring(3) + '):') + '<br/>' + (values.optionValueName + ' (' + values.opv.substring(3) + ')') + '</td>';
-      }).join('') + '<td>' + DivaUtils.formatPrice(variant.price) + '</td>' + '</tr>';
-    }).join('') + '</table>';
-    var blob = new Blob([html], {
-      type: 'text/html'
-    });
-    navigator.clipboard.write([new ClipboardItem(_defineProperty({}, blob.type, blob))]);
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("button", {
-      onClick: copyTableToClipboard,
-      children: "als Tabelle kopieren"
-    }), /*#__PURE__*/jsx(Toggle, {
-      height: 32,
-      handleDiameter: 22,
-      width: 60,
-      onChange: function onChange() {
-        variants[0].onToggle(true);
-        viewHandler.paletteViewHandler.updateCurPaletteData(true);
-      },
-      state: !variants.find(function (variant) {
-        return variant.disabled;
-      })
-    })]
-  });
-};
-
-export { SummaryVariantButton as default };

package/build/esm/index-ab7c3850.js

@@ -1,163 +0,0 @@
-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-a050eeb5.js';
-import { useRef, useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import JSONEditor from 'jsoneditor';
-import DivaUtils from '@crystaldesign/diva-utils';
-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/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var wrapper = "wrapper-6V6Wr";
-var button = "button-VZm94";
-var infoWrapper = "infoWrapper-2WauG";
-var modifiedArticleList = "modifiedArticleList-jWfXL";
-var css_248z = ".wrapper-6V6Wr {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  /* width: 80%; */\n  height: 750px;\n  margin-left: 51px;\n  margin-right: 10px;\n  gap: 10px;\n}\n\n.button-VZm94 {\n  min-height: 45px;\n  min-width: 45px;\n  max-width: 60px;\n  width: auto;\n  margin-bottom: 20px;\n}\n.infoWrapper-2WauG {\n  display: flex;\n  flex-direction: column;\n}\n\n.modifiedArticleList-jWfXL {\n  font-size: 10px;\n}\n";
-styleInject(css_248z);
-
-var JsonEditor = function JsonEditor(_ref) {
-  var json = _ref.json;
-    _ref.plannerArticles;
-    var curBox = _ref.curBox,
-    divaArticles = _ref.divaArticles;
-  var viewHandler = useViewHandler();
-  var container = useRef(null);
-  var jsonEditor = useRef(null);
-  var _useState = useState(json !== null && json !== void 0 ? json : {}),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var _useState3 = useState(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    validJson = _useState4[0],
-    setValidJson = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    modifiedArticles = _useState6[0],
-    setModifiedArticles = _useState6[1];
-  var actDivaArticle = divaArticles[curBox];
-  var options = {
-    mode: 'code',
-    onChange: function onChange() {
-      try {
-        var current = jsonEditor.current;
-        var e = current.get();
-        var valid = current.validate();
-        setValidJson(valid);
-      } catch (_unused) {
-        setValidJson(false);
-        return;
-      }
-    }
-  };
-  useEffect(function () {
-    setValue(json);
-  });
-  useEffect(function () {
-    if (container.current) {
-      if (!jsonEditor.current) jsonEditor.current = new JSONEditor(container.current, options);
-      if (jsonEditor.current) jsonEditor.current.set(value);
-    }
-  }, [value]);
-  var onClickSave = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var current;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            current = jsonEditor.current;
-            if (!(!current.get() || Object.keys(current.get()).length === 0)) {
-              _context.next = 4;
-              break;
-            }
-            alert('Cannot save empty value');
-            return _context.abrupt("return");
-          case 4:
-            actDivaArticle.catalogArticle.modifiedJ3D = current.get();
-            actDivaArticle.resetShelfPlanner();
-            _context.next = 8;
-            return actDivaArticle.updateShelfPlannerState();
-          case 8:
-            viewHandler.paletteViewHandler.updateCurPaletteData(false);
-            setModifiedInfo();
-            alert('Saved');
-          case 11:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function onClickSave() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var onClickExport = function onClickExport() {
-    if (!modifiedArticles || modifiedArticles.length === 0) {
-      alert('No modified Article found');
-      return;
-    }
-    for (var i = 0; i < modifiedArticles.length; i++) {
-      DivaUtils.downloadStringAsTxtFile(modifiedArticles[i].j3d, 'text/plain', modifiedArticles[i].articleCodex + '.txt');
-    }
-  };
-  function setModifiedInfo() {
-    var _viewHandler$divaWebP;
-    var articles = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getCatalogData()) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.allCatalogArticles;
-    var arr = [];
-    for (var key in articles) {
-      if (articles[key]['catalogArticle'].modifiedJ3D) arr.push({
-        articleCodex: key,
-        j3d: JSON.stringify(articles[key]['catalogArticle'].modifiedJ3D)
-      });
-    }
-    setModifiedArticles(arr);
-  }
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: [/*#__PURE__*/jsx("div", {
-      ref: container,
-      id: "jsoneditor",
-      style: {
-        width: '90%',
-        height: '100%'
-      }
-    }), /*#__PURE__*/jsxs("div", {
-      className: infoWrapper,
-      children: [/*#__PURE__*/jsx("button", {
-        className: button,
-        disabled: !validJson,
-        onClick: function onClick() {
-          return onClickSave();
-        },
-        children: "Save"
-      }), /*#__PURE__*/jsx("button", {
-        className: button,
-        onClick: function onClick() {
-          return onClickExport();
-        },
-        children: "Export modified J3D"
-      }), /*#__PURE__*/jsxs("div", {
-        children: [/*#__PURE__*/jsx("h5", {
-          children: "Modified Articles"
-        }), modifiedArticles.map(function (item, index) {
-          return /*#__PURE__*/jsx("p", {
-            className: modifiedArticleList,
-            children: item.articleCodex
-          }, index);
-        })]
-      })]
-    })]
-  });
-};
-var JsonEditor$1 = observer(JsonEditor);
-
-export { JsonEditor$1 as default };