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

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/a/ProgressBar/ProgressBar.js

@@ -44,7 +44,6 @@ const ProgressBar = _ref => {
     // {...otherProps}
   });
 };
-
 ProgressBar.propTypes = {
   /**
    * The HTML id for this element

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

@@ -0,0 +1,115 @@
+"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
+  } = _ref;
+  const editorRef = (0, _react.useRef)();
+  (0, _react.useEffect)(() => {
+    const startState = _state.EditorState.create({
+      doc: config,
+      extensions: [_view.keymap.of([_commands.defaultKeymap, _commands.indentWithTab]),
+      // TOFIX: Indent with tab prevents indentOnInout from working.
+      // 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.
+      })]
+    });
+    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
+};
+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/a/XMLEditor/common/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "theme", {
+  enumerable: true,
+  get: function () {
+    return _theme.default;
+  }
+});
+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/a/XMLEditor/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "XMLEditor", {
+  enumerable: true,
+  get: function () {
+    return _XMLEditor.default;
+  }
+});
+var _XMLEditor = _interopRequireDefault(require("./XMLEditor"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -0,0 +1,17 @@
+@use "@pareto-engineering/bem";
+
+.#{bem.$base}.code-editor {
+  border-radius: 1em;
+  height: var(--height);
+  overflow: auto;
+
+  > .cm-editor {
+    height: 100%;
+
+    .cm-gutters {
+      display: flex;
+      justify-content: flex-end;
+      width: var(--gutter-width);
+    }
+  }
+}

package/dist/cjs/a/index.js

@@ -159,6 +159,12 @@ Object.defineProperty(exports, "ToggleSwitch", {
     return _ToggleSwitch.ToggleSwitch;
   }
 });
+Object.defineProperty(exports, "XMLEditor", {
+  enumerable: true,
+  get: function () {
+    return _XMLEditor.XMLEditor;
+  }
+});
 Object.defineProperty(exports, "useApp", {
   enumerable: true,
   get: function () {
@@ -195,4 +201,5 @@ var _Tip = require("./Tip");
 var _AnimatedGradient = require("./AnimatedGradient");
 var _TextSteps = require("./TextSteps");
 var _Removable = require("./Removable");
-var _ToggleSwitch = require("./ToggleSwitch");
+var _ToggleSwitch = require("./ToggleSwitch");
+var _XMLEditor = require("./XMLEditor");

package/dist/cjs/b/Logo/Logo.js

@@ -75,7 +75,6 @@ const Logo = _ref => {
     // {...otherProps}
   });
 };
-
 Logo.propTypes = {
   /**
    * The HTML id for this element

package/dist/cjs/b/Title/Title.js

@@ -103,7 +103,6 @@ Title.propTypes = {
   subtitleProps: _propTypes.default.object
   /* eslint-enable react/forbid-prop-types */
 };
-
 Title.defaultProps = {
   headingAs: 'h1',
   subtitleAs: 'p'

package/dist/cjs/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js

@@ -16,7 +16,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 /* @pareto-engineering/generator-front 1.0.12 */
 
 // Local Definitions
+
 // const baseClassName = styleNames.base
+
 const componentClassName = 'horizontal-menu';
 
 /**

package/dist/cjs/c/ContentSlides/common/Sidebar/Sidebar.js

@@ -16,7 +16,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 /* @pareto-engineering/generator-front 1.0.12 */
 
 // Local Definitions
+
 // const baseClassName = styleNames.base
+
 const componentClassName = 'sidebar';
 
 /**

package/dist/cjs/c/SocialMediaShareButton/SocialMediaShareButton.js

@@ -47,14 +47,12 @@ const SocialMediaShareButton = _ref => {
       link: `https://www.facebook.com/sharer/sharer.php?u=${link}`
       // link: `https://www.facebook.com/sharer/sharer.php?u=${link}&quote=${title}`,
     },
-
     twitter: {
       icon: 't',
       link: `https://twitter.com/intent/tweet?url=${link}`
       // link: `https://twitter.com/intent/tweet?text=${title}&url=${link}`,
     }
   };
-
   return /*#__PURE__*/React.createElement("a", {
     href: defaultsMap[type].link,
     target: "_blank",

package/dist/cjs/f/FormInput/FormInput.js

@@ -14,7 +14,9 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* @pareto-engineering/generator-front 1.0.12 */
 // Local Definitions
+
 // const baseClassName = styleNames.base
+
 const componentClassName = 'form-input';
 
 /**

package/dist/cjs/f/fields/QueryCombobox/QueryCombobox.js

@@ -31,6 +31,7 @@ const QueryCombobox = _ref => {
     name,
     label,
     labelColor,
+    getTagColor,
     color,
     optional,
     description,
@@ -110,6 +111,7 @@ const QueryCombobox = _ref => {
     name,
     label,
     labelColor,
+    getTagColor,
     optional,
     description,
     setValue,
@@ -213,7 +215,15 @@ QueryCombobox.propTypes = {
    * Whether to prompt the user to create a new option if the search input
    * does not match any of the options
    */
-  promptCreateNewOption: _propTypes.default.bool
+  promptCreateNewOption: _propTypes.default.bool,
+  /**
+   * The placeholder text for the input
+   * */
+  placeholder: _propTypes.default.string,
+  /**
+   * The function to get the color of the tag
+   * */
+  getTagColor: _propTypes.default.func
 };
 QueryCombobox.defaultProps = {
   optionsKeyMap: {

package/dist/cjs/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js

@@ -41,6 +41,7 @@ const MultipleCombobox = _ref => {
     labelColor,
     name,
     optional,
+    getTagColor,
     options: items,
     getOptions,
     setValue,
@@ -102,7 +103,6 @@ const MultipleCombobox = _ref => {
             ...changes,
             isOpen: true // keep the menu open after selection.
           };
-
         default:
           break;
       }
@@ -185,7 +185,7 @@ const MultipleCombobox = _ref => {
       removeSelectedItem(selectedItem);
     },
     isCompact: true,
-    color: color
+    color: getTagColor ? getTagColor(selectedItem) : color
   }, /*#__PURE__*/React.createElement("span", null, selectedItem.label), /*#__PURE__*/React.createElement("span", {
     className: "icon close"
   }, "Y"))))), /*#__PURE__*/React.createElement("div", {
@@ -294,7 +294,36 @@ MultipleCombobox.propTypes = {
   /**
    * The placeholder text for the input
    */
-  placeholder: _propTypes.default.string
+  placeholder: _propTypes.default.string,
+  /**
+   * The function to set the options of the custom select input
+   */
+  setOptions: _propTypes.default.func,
+  /**
+   * Whether to prompt the user to create a new option if the search input
+   * does not match any of the options
+   */
+  promptCreateNewOption: _propTypes.default.bool,
+  /**
+   * The function to get the color of the tag
+   */
+  getTagColor: _propTypes.default.func,
+  /**
+   * The color of the label
+   */
+  labelColor: _propTypes.default.string,
+  /**
+   * The function to validate the input
+   */
+  validate: _propTypes.default.func,
+  /**
+   * Whether to allow multiple items selection
+   */
+  multiple: _propTypes.default.bool,
+  /**
+   * The variable to be used to search the data
+   */
+  searchVariable: _propTypes.default.string
 };
 MultipleCombobox.defaultProps = {
   // someProp: false

package/dist/cjs/r/common/PrivateRoute/PrivateRoute.js

@@ -54,7 +54,6 @@ const PrivateRoute = _ref => {
     })
   }));
 };
-
 PrivateRoute.propTypes = {
   /**
    * A function that takes the user and returns a boolean.

package/dist/cjs/test/QueryLoader/__generated__/QueryLoaderHelloQuery.graphql.js

@@ -48,7 +48,6 @@ const node /*: ConcreteRequest*/ = function () {
       "name": "QueryLoaderHelloQuery",
       "selections": v0 /*: any*/
     },
-
     "params": {
       "cacheID": "463f9ee8a82dd6ec8dedeb28649cce74",
       "id": null,

package/dist/es/a/AnimatedGradient/AnimatedGradient.js

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

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

@@ -319,7 +319,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/es/a/BlurOverlay/BlurOverlay.js

@@ -42,5 +42,4 @@ BlurOverlay.defaultProps = {
   blur: true
   // someProp:false
 };
-
 export default BlurOverlay;

package/dist/es/a/DotInfo/DotInfo.js

@@ -71,5 +71,4 @@ DotInfo.defaultProps = {
   height: '2em'
   // someProp:false
 };
-
 export default DotInfo;