@pareto-engineering/design-system 4.0.0-alpha.69 → 4.0.0-alpha.72

package/.storybook/preview.js

@@ -1,14 +1,37 @@
 /** @type { import('@storybook/react').Preview } */
-// import '../src/local.scss'
-// import '@pareto-engineering/styles'
-// Same as
 import '@pareto-engineering/styles/dist/main.css'
 
 const preview = {
-  parameters:{
-    backgrounds:{
-      default:'light',
+  globalTypes: {
+    theme: {
+      description: 'Swap theme',
+      defaultValue: 'ui-light',
+      toolbar: {
+        title: 'Theme',
+        icon: 'circlehollow',
+        items: [
+          {
+            value: 'ui-light', icon: 'circlehollow', title: 'light',
+          },
+          {
+            value: 'ui-dark', icon: 'circle', title: 'dark',
+          },
+        ],
+        dynamicTitle: true,
+      },
+    },
+  },
+  decorators: [
+    (Story, context) => {
+      const theme = context.parameters.theme || context.globals.theme
+      return (
+        <div className={theme}>
+          <Story />
+        </div>
+      )
     },
+  ],
+  parameters:{
     actions :{ argTypesRegex: '^on[A-Z].*' },
     controls:{
       matchers:{
@@ -16,12 +39,6 @@ const preview = {
         date :/Date$/,
       },
     },
-    themes:[
-      {
-        name:'Light', class:'ui-light', color:'#EFEFEF', default:true,
-      },
-      { name: 'Dark', class: 'ui-dark', color: '#121212' },
-    ],
   },
 }
 

package/dist/cjs/a/AnimatedGradient/AnimatedGradient.js

@@ -47,7 +47,6 @@ const AnimatedGradient = _ref => {
     // {...otherProps}
   });
 };
-
 AnimatedGradient.propTypes = {
   /**
   * The HTML class names for this element

package/dist/cjs/a/AnimatedGradient/webGIRenderer.js

@@ -356,7 +356,6 @@ class Gradient {
                     window.addEventListener("scroll", this.handleScroll), window.addEventListener("mousedown", this.handleMouseDown), window.addEventListener("mouseup", this.handleMouseUp), window.addEventListener("keydown", this.handleKeyDown), this.isIntersecting = !0, this.addIsLoadedClass(), this.play()
                 }) */);
   }
-
   disconnect() {
     this.scrollObserver && (window.removeEventListener('scroll', this.handleScroll), window.removeEventListener('mousedown', this.handleMouseDown), window.removeEventListener('mouseup', this.handleMouseUp), window.removeEventListener('keydown', this.handleKeyDown), this.scrollObserver.disconnect()), window.removeEventListener('resize', this.resize);
   }

package/dist/cjs/a/AppContext/ContextProvider.js

@@ -17,7 +17,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 // Package-level Imports
 
 // Component-level imports
+
 // Helper Definitions
+
 const reducer = (state, action) => {
   switch (action.type) {
     case 'UPDATE_STATE':

package/dist/cjs/{c/ContentSlides/common/Slide/Slide.js → a/LexicalPreview/LexicalPreview.js}

@@ -5,49 +5,64 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
+var _LexicalComposer = require("@lexical/react/LexicalComposer");
+var _LexicalRichTextPlugin = require("@lexical/react/LexicalRichTextPlugin");
+var _LexicalContentEditable = require("@lexical/react/LexicalContentEditable");
+var _link = require("@lexical/link");
+var _list = require("@lexical/list");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
-var _useContentSlides = _interopRequireDefault(require("../../useContentSlides"));
+require("./styles.scss");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /* @pareto-engineering/generator-front 1.0.12 */
+/* eslint-disable import/no-extraneous-dependencies -- required here */
 
 // Local Definitions
 
-// const baseClassName = styleNames.base
-
-const componentClassName = 'slide';
+const baseClassName = _exports.default.base;
+const componentClassName = 'lexical-preview';
 
 /**
  * This is the component description.
  */
-const Slide = _ref => {
+const LexicalPreview = _ref => {
   let {
     id,
     className: userClassName,
     style,
-    children,
-    index
+    nodes,
+    color
     // ...otherProps
   } = _ref;
-  const {
-    currentStepIndex
-  } = (0, _useContentSlides.default)();
-  const isActive = currentStepIndex === index;
-  return /*#__PURE__*/React.createElement("div", {
+  const initialConfig = {
+    nameSpace: id,
+    editable: false,
+    editorState: nodes,
+    theme: {
+      text: {
+        italic: 'italic',
+        strikethrough: 'strikethrough',
+        underline: 'underlined'
+      }
+    },
+    nodes: [_link.AutoLinkNode, _link.LinkNode, _list.ListNode, _list.ListItemNode]
+  };
+  return /*#__PURE__*/React.createElement(_LexicalComposer.LexicalComposer, {
+    initialConfig: initialConfig
+  }, /*#__PURE__*/React.createElement("div", {
     id: id,
-    className: [
-    // baseClassName,
-    isActive && _exports.default.modifierActive, componentClassName, userClassName].filter(e => e).join(' '),
+    className: [baseClassName, componentClassName, userClassName, `y-${color}`].filter(e => e).join(' '),
     style: style
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "wrapper"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "content"
-  }, children)));
+  }, /*#__PURE__*/React.createElement(_LexicalRichTextPlugin.RichTextPlugin, {
+    contentEditable: /*#__PURE__*/React.createElement(_LexicalContentEditable.ContentEditable, {
+      id: id,
+      className: "content-editable"
+    })
+  })));
 };
-Slide.propTypes = {
+LexicalPreview.propTypes = {
   /**
    * The HTML id for this element
    */
@@ -61,15 +76,15 @@ Slide.propTypes = {
    */
   style: _propTypes.default.objectOf(_propTypes.default.string),
   /**
-   *  The children JSX
+   * Color of the text
    */
-  children: _propTypes.default.node,
+  color: _propTypes.default.string,
   /**
-   * The index of this slide
+   * The nodes to render in the form of a json string
    */
-  index: _propTypes.default.number
+  nodes: _propTypes.default.string
 };
-Slide.defaultProps = {
-  // someProp:false
+LexicalPreview.defaultProps = {
+  color: 'paragraph'
 };
-var _default = exports.default = Slide;
+var _default = exports.default = LexicalPreview;

package/dist/cjs/{c/ContentSlides/common/HorizontalMenu → a/LexicalPreview}/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "HorizontalMenu", {
+Object.defineProperty(exports, "LexicalPreview", {
   enumerable: true,
   get: function () {
-    return _HorizontalMenu.default;
+    return _LexicalPreview.default;
   }
 });
-var _HorizontalMenu = _interopRequireDefault(require("./HorizontalMenu"));
+var _LexicalPreview = _interopRequireDefault(require("./LexicalPreview"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/a/LexicalPreview/styles.scss

@@ -0,0 +1,46 @@
+/* @pareto-engineering/generator-front 1.0.12 */
+
+@use "@pareto-engineering/bem";
+@use "@pareto-engineering/styles/src/mixins";
+@use "@pareto-engineering/styles/src/globals" as *;
+
+.#{bem.$base}.lexical-preview {
+  > .content-editable {
+    color: var(--y);
+    overflow: auto;
+
+    li:has(ol, ul) {
+      list-style-type: none;
+    }
+
+    p,
+    span,
+    strong,
+    em,
+    li {
+      &.underlined {
+        text-decoration: underline;
+
+        &.strikethrough {
+          text-decoration: underline line-through;
+        }
+      }
+
+      &.strikethrough {
+        text-decoration: line-through;
+      }
+
+      &.italic {
+        font-style: italic;
+      }
+    }
+
+    :first-child {
+      margin-top: 0;
+    }
+
+    &::placeholder {
+      color: var(--metadata);
+    }
+  }
+}

package/dist/cjs/a/People/common/Person/Person.js

@@ -31,14 +31,19 @@ const Person = _ref => {
     color
     // ...otherProps
   } = _ref;
+  const handleImageSrcError = e => {
+    e.target.onerror = null;
+    e.target.src = '/default-avatar.svg';
+  };
   return /*#__PURE__*/React.createElement("div", {
     id: id,
     className: [baseClassName, componentClassName, userClassName, `y-${color}`].filter(e => e).join(' '),
     style: style
   }, /*#__PURE__*/React.createElement("img", {
     className: "image v50 mr-v",
-    src: image,
-    alt: `${name}, ${role}`
+    src: image || '/default-avatar.svg',
+    alt: `${name}, ${role}`,
+    onError: handleImageSrcError
   }), /*#__PURE__*/React.createElement("div", {
     className: "details"
   }, name && /*#__PURE__*/React.createElement("p", {

package/dist/cjs/a/ProgressBar/ProgressBar.js

@@ -29,12 +29,13 @@ const ProgressBar = _ref => {
     attached,
     color,
     progress,
-    height
+    height,
+    rounded
     // ...otherProps
   } = _ref;
   return /*#__PURE__*/React.createElement("div", {
     id: id,
-    className: [baseClassName, componentClassName, attached && _exports.default.modifierAttached, color && `x-${color}`, userClassName].filter(e => e).join(' '),
+    className: [baseClassName, componentClassName, attached && _exports.default.modifierAttached, color && `x-${color}`, userClassName, rounded && 'rounded'].filter(e => e).join(' '),
     style: {
       '--progress': progress,
       '--height': height,
@@ -44,7 +45,6 @@ const ProgressBar = _ref => {
     // {...otherProps}
   });
 };
-
 ProgressBar.propTypes = {
   /**
    * The HTML id for this element

package/dist/cjs/a/ProgressBar/styles.scss

@@ -5,9 +5,11 @@
 $default-height:var(--height, 1em);
 $default-border:none;//2px solid var(--grid);
 $default-transition-duration:.5s;
-$default-color:var(--x, var(--main1));
+$default-color:var(--x, var(--main));
+$default-border-radius:var(--theme-border-radius, 1.875rem);
 
 .#{bem.$base}.progress-bar {
+  background-color: var(--progress-bar-background-color);
   border: $default-border;
   height: $default-height;
   position: relative;
@@ -28,6 +30,14 @@ $default-color:var(--x, var(--main1));
     z-index: 1;
   }
 
+  &.rounded {
+    border-radius: $default-border-radius;
+
+    &::after {
+      border-radius: $default-border-radius;
+    }
+  }
+
   &.#{bem.$modifier-attached} {
     border: unset;
     border-bottom: $default-border;

package/dist/cjs/a/XMLEditor/XMLEditor.js

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _state = require("@codemirror/state");
+var _view = require("@codemirror/view");
+var _commands = require("@codemirror/commands");
+var _language = require("@codemirror/language");
+var _langXml = require("@codemirror/lang-xml");
+var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
+var _common = require("./common");
+require("./styles.scss");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/* eslint-disable import/no-extraneous-dependencies */
+
+const baseClassName = _exports.default.base;
+const componentClassName = 'code-editor';
+
+/**
+ * codemirror documentation:
+ * https://codemirror.net/
+ */
+
+const XMLEditor = _ref => {
+  let {
+    id,
+    className: userClassName,
+    style,
+    readOnly,
+    height,
+    gutterWidth,
+    config,
+    onChange,
+    stopPropagationKeys
+  } = _ref;
+  const editorRef = (0, _react.useRef)();
+  (0, _react.useEffect)(() => {
+    const startState = _state.EditorState.create({
+      doc: config,
+      extensions: [_view.keymap.of(_commands.defaultKeymap), (0, _language.indentOnInput)(), (0, _view.lineNumbers)(), (0, _language.bracketMatching)(), (0, _language.foldGutter)(), (0, _view.drawSelection)(), (0, _view.highlightActiveLine)(), (0, _view.highlightActiveLineGutter)(), (0, _view.highlightSpecialChars)(), (0, _view.dropCursor)(), (0, _view.rectangularSelection)(), (0, _view.crosshairCursor)(), (0, _langXml.xml)(), _common.theme, _state.EditorState.readOnly.of(readOnly), _view.EditorView.updateListener.of(view => {
+        onChange(view);
+        // view.state.doc.toString() to receive the current content in the editor.
+      }), _view.EditorView.domEventHandlers({
+        keydown(e) {
+          if (stopPropagationKeys?.includes(e.key)) {
+            e.stopPropagation();
+          }
+        }
+      })]
+    });
+    const view = new _view.EditorView({
+      state: startState,
+      parent: editorRef.current
+    });
+    return () => {
+      view.destroy();
+    };
+  }, [editorRef]);
+  return /*#__PURE__*/React.createElement("div", {
+    id: id,
+    ref: editorRef,
+    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
+    style: {
+      '--height': height,
+      '--gutter-width': gutterWidth,
+      ...style
+    }
+  });
+};
+XMLEditor.propTypes = {
+  /**
+     * The HTML id for this element
+     */
+  id: _propTypes.default.string,
+  /**
+     * The HTML class names for this element
+     */
+  className: _propTypes.default.string,
+  /**
+     * The React-written, css properties for this element.
+     */
+  style: _propTypes.default.objectOf(_propTypes.default.string),
+  /**
+     *  Whether or not the content is read only.
+     */
+  readOnly: _propTypes.default.bool,
+  /**
+   * The initial labeling configuration.
+   */
+  config: _propTypes.default.string,
+  /**
+   * The height of the editor.
+   */
+  height: _propTypes.default.string,
+  /**
+   * The callback for when the labeling configuration changes.
+   */
+  onChange: _propTypes.default.func,
+  /**
+   * The width of the gutter.
+   */
+  gutterWidth: _propTypes.default.string,
+  /**
+   * The keys to stop propagation on.
+   */
+  stopPropagationKeys: _propTypes.default.arrayOf(_propTypes.default.string)
+};
+XMLEditor.defaultProps = {
+  config: `<View>
+  <!--Edit this config to customize the labeling interface.-->
+</View>
+  `,
+  height: '20em',
+  gutterWidth: '3em'
+};
+var _default = exports.default = XMLEditor;

package/dist/cjs/{c/ContentSlides/common/Slide → a/XMLEditor/common}/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Slide", {
+Object.defineProperty(exports, "theme", {
   enumerable: true,
   get: function () {
-    return _Slide.default;
+    return _theme.default;
   }
 });
-var _Slide = _interopRequireDefault(require("./Slide"));
+var _theme = _interopRequireDefault(require("./theme"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/a/XMLEditor/common/theme.js

@@ -0,0 +1,186 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _view = require("@codemirror/view");
+var _language = require("@codemirror/language");
+var _highlight = require("@lezer/highlight");
+/* eslint-disable import/no-extraneous-dependencies */
+
+// Using https://github.com/one-dark/vscode-one-dark-theme/ as reference for the colors
+const chalky = '#e5c07b';
+const coral = '#e06c75';
+const cyan = '#56b6c2';
+const invalid = '#ffffff';
+const ivory = '#abb2bf';
+const stone = '#7d8799'; // Brightened compared to original to increase contrast
+const malibu = '#61afef';
+const sage = '#98c379';
+const whiskey = '#d19a66';
+const violet = '#c678dd';
+const darkBackground = '#21252b';
+const highlightBackground = '#2c313a';
+const background = '#282c34';
+const tooltipBackground = '#353a42';
+const selection = '#3E4451';
+const cursor = '#528bff';
+/**
+The colors used in the theme, as CSS color strings.
+*/
+// const color = {
+//     chalky,
+//     coral,
+//     cyan,
+//     invalid,
+//     ivory,
+//     stone,
+//     malibu,
+//     sage,
+//     whiskey,
+//     violet,
+//     darkBackground,
+//     highlightBackground,
+//     background,
+//     tooltipBackground,
+//     selection,
+//     cursor
+// };
+/**
+The editor theme styles for One Dark.
+*/
+const oneDarkTheme = /* @__PURE__ */_view.EditorView.theme({
+  '&': {
+    color: ivory,
+    backgroundColor: background
+  },
+  '.cm-content': {
+    caretColor: cursor
+  },
+  '.cm-cursor, .cm-dropCursor': {
+    borderLeftColor: cursor
+  },
+  '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
+    backgroundColor: selection
+  },
+  '.cm-panels': {
+    backgroundColor: darkBackground,
+    color: ivory
+  },
+  '.cm-panels.cm-panels-top': {
+    borderBottom: '2px solid black'
+  },
+  '.cm-panels.cm-panels-bottom': {
+    borderTop: '2px solid black'
+  },
+  '.cm-searchMatch': {
+    backgroundColor: '#72a1ff59',
+    outline: '1px solid #457dff'
+  },
+  '.cm-searchMatch.cm-searchMatch-selected': {
+    backgroundColor: '#6199ff2f'
+  },
+  '.cm-activeLine': {
+    backgroundColor: '#6699ff0b'
+  },
+  '.cm-selectionMatch': {
+    backgroundColor: '#aafe661a'
+  },
+  '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {
+    backgroundColor: '#bad0f847'
+  },
+  '.cm-gutters': {
+    backgroundColor: background,
+    color: stone,
+    border: 'none'
+  },
+  '.cm-activeLineGutter': {
+    backgroundColor: highlightBackground
+  },
+  '.cm-foldPlaceholder': {
+    backgroundColor: 'transparent',
+    border: 'none',
+    color: '#ddd'
+  },
+  '.cm-tooltip': {
+    border: 'none',
+    backgroundColor: tooltipBackground
+  },
+  '.cm-tooltip .cm-tooltip-arrow:before': {
+    borderTopColor: 'transparent',
+    borderBottomColor: 'transparent'
+  },
+  '.cm-tooltip .cm-tooltip-arrow:after': {
+    borderTopColor: tooltipBackground,
+    borderBottomColor: tooltipBackground
+  },
+  '.cm-tooltip-autocomplete': {
+    '& > ul > li[aria-selected]': {
+      backgroundColor: highlightBackground,
+      color: ivory
+    }
+  }
+}, {
+  dark: true
+});
+/**
+The highlighting style for code in the One Dark theme.
+*/
+const oneDarkHighlightStyle = /* @__PURE__ */_language.HighlightStyle.define([{
+  tag: _highlight.tags.keyword,
+  color: violet
+}, {
+  tag: [_highlight.tags.name, _highlight.tags.deleted, _highlight.tags.character, _highlight.tags.propertyName, _highlight.tags.macroName],
+  color: coral
+}, {
+  tag: [/* @__PURE__ */_highlight.tags.function(_highlight.tags.variableName), _highlight.tags.labelName],
+  color: malibu
+}, {
+  tag: [_highlight.tags.color, /* @__PURE__ */_highlight.tags.constant(_highlight.tags.name), /* @__PURE__ */_highlight.tags.standard(_highlight.tags.name)],
+  color: whiskey
+}, {
+  tag: [/* @__PURE__ */_highlight.tags.definition(_highlight.tags.name), _highlight.tags.separator],
+  color: ivory
+}, {
+  tag: [_highlight.tags.typeName, _highlight.tags.className, _highlight.tags.number, _highlight.tags.changed, _highlight.tags.annotation, _highlight.tags.modifier, _highlight.tags.self, _highlight.tags.namespace],
+  color: chalky
+}, {
+  tag: [_highlight.tags.operator, _highlight.tags.operatorKeyword, _highlight.tags.url, _highlight.tags.escape, _highlight.tags.regexp, _highlight.tags.link, /* @__PURE__ */_highlight.tags.special(_highlight.tags.string)],
+  color: cyan
+}, {
+  tag: [_highlight.tags.meta, _highlight.tags.comment],
+  color: stone
+}, {
+  tag: _highlight.tags.strong,
+  fontWeight: 'bold'
+}, {
+  tag: _highlight.tags.emphasis,
+  fontStyle: 'italic'
+}, {
+  tag: _highlight.tags.strikethrough,
+  textDecoration: 'line-through'
+}, {
+  tag: _highlight.tags.link,
+  color: stone,
+  textDecoration: 'underline'
+}, {
+  tag: _highlight.tags.heading,
+  fontWeight: 'bold',
+  color: coral
+}, {
+  tag: [_highlight.tags.atom, _highlight.tags.bool, /* @__PURE__ */_highlight.tags.special(_highlight.tags.variableName)],
+  color: whiskey
+}, {
+  tag: [_highlight.tags.processingInstruction, _highlight.tags.string, _highlight.tags.inserted],
+  color: sage
+}, {
+  tag: _highlight.tags.invalid,
+  color: invalid
+}]);
+/**
+Extension to enable the One Dark theme (both the editor theme and
+the highlight style).
+*/
+const oneDark = [oneDarkTheme, /* @__PURE__ */(0, _language.syntaxHighlighting)(oneDarkHighlightStyle)];
+var _default = exports.default = oneDark;

package/dist/cjs/{c/ContentSlides/common/Navigator → a/XMLEditor}/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Navigator", {
+Object.defineProperty(exports, "XMLEditor", {
   enumerable: true,
   get: function () {
-    return _Navigator.default;
+    return _XMLEditor.default;
   }
 });
-var _Navigator = _interopRequireDefault(require("./Navigator"));
+var _XMLEditor = _interopRequireDefault(require("./XMLEditor"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }