@atlaskit/editor-common 72.2.0 → 72.2.2

package/dist/esm/ui/DropList/index.js

@@ -6,13 +6,9 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 /** @jsx jsx */
 import { Component } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -22,30 +18,21 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius, gridSize } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "72.2.0";
+var packageVersion = "72.2.2";
 var halfFocusRing = 1;
 var dropOffset = "0, ".concat(gridSize(), "px");
-
 var DropList = /*#__PURE__*/function (_Component) {
   _inherits(DropList, _Component);
-
   var _super = _createSuper(DropList);
-
   function DropList() {
     var _this;
-
     _classCallCheck(this, DropList);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "wrapperStyles", css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n    transition-duration: 0.2s;\n    transition: box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38);\n  "])), _this.props.shouldFitContainer ? 'display: block; flex: 1 1 auto;' : 'display: inline-flex;'));
-
     _defineProperty(_assertThisInitialized(_this), "triggerStyles", css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    transition-duration: 0.2s;\n    transition: box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38);\n    ", "\n  "])), _this.props.shouldFitContainer ? 'display: block; box-sizing: border-box;' : 'display: inline-flex;'));
-
     _defineProperty(_assertThisInitialized(_this), "menuWrapper", function (theme) {
       return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      color: ", ";\n      background-color: ", ";\n      border-radius: ", "px;\n      box-shadow: 0 ", "px ", "px -", "px ", ",\n        0 0 1px ", ";\n      box-sizing: border-box;\n      overflow: auto;\n      padding: ", "px 0;\n      max-height: 90vh;\n    "])), themed({
         light: "var(--ds-text, ".concat(N900, ")"),
@@ -55,46 +42,39 @@ var DropList = /*#__PURE__*/function (_Component) {
         dark: "var(--ds-surface-overlay, ".concat(DN50, ")")
       })(theme), borderRadius(), gridSize() / 2, gridSize(), gridSize() / 4, N50A, N60A, gridSize() / 2);
     });
-
     _defineProperty(_assertThisInitialized(_this), "componentDidMount", function () {
-      _this.setContentWidth(); // We use a captured event here to avoid a radio or checkbox dropdown item firing its
+      _this.setContentWidth();
+      // We use a captured event here to avoid a radio or checkbox dropdown item firing its
       // click event first, which would cause a re-render of the element and prevent DropList
       // from detecting the actual source of this original click event.
-
-
       document.addEventListener('click', _this.handleClickOutside, true);
       document.addEventListener('keydown', _this.handleEsc);
     });
-
     _defineProperty(_assertThisInitialized(_this), "componentDidUpdate", function () {
       if (_this.props.isOpen) {
         _this.setContentWidth();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "componentWillUnmount", function () {
       document.removeEventListener('click', _this.handleClickOutside, true);
       document.removeEventListener('keydown', _this.handleEsc);
     });
-
     _defineProperty(_assertThisInitialized(_this), "setContentWidth", function () {
       var _assertThisInitialize = _assertThisInitialized(_this),
-          dropContentRef = _assertThisInitialize.dropContentRef,
-          triggerRef = _assertThisInitialize.triggerRef;
-
-      var shouldFitContainer = _this.props.shouldFitContainer; // We need to manually set the content width to match the trigger width
+        dropContentRef = _assertThisInitialize.dropContentRef,
+        triggerRef = _assertThisInitialize.triggerRef;
+      var shouldFitContainer = _this.props.shouldFitContainer;
 
+      // We need to manually set the content width to match the trigger width
       if (shouldFitContainer && dropContentRef && triggerRef) {
         dropContentRef.style.width = "".concat(triggerRef.offsetWidth - halfFocusRing * 2, "px");
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleEsc", function (event) {
       if ((event.key === 'Escape' || event.key === 'Esc') && _this.props.isOpen) {
         _this.close(event);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleClickOutside", function (event) {
       if (_this.props.isOpen) {
         if (event.target instanceof Node) {
@@ -102,16 +82,13 @@ var DropList = /*#__PURE__*/function (_Component) {
           // This aids with future effort in scroll-locking DropList when isMenuFixed is enabled; the scroll
           // blanket which stretches to the viewport should not stop 'close' from being triggered.
           var withinTrigger = _this.triggerRef && _this.triggerRef.contains(event.target);
-
           var withinContent = _this.dropContentRef && _this.dropContentRef.contains(event.target);
-
           if (!withinTrigger && !withinContent) {
             _this.close(event);
           }
         }
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "close", function (event) {
       if (_this.props.onOpenChange) {
         _this.props.onOpenChange({
@@ -120,28 +97,25 @@ var DropList = /*#__PURE__*/function (_Component) {
         });
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleContentRef", function (ref) {
-      _this.dropContentRef = ref; // If the dropdown has just been opened, we focus on the containing element so the
+      _this.dropContentRef = ref;
+
+      // If the dropdown has just been opened, we focus on the containing element so the
       // user can tab to the first dropdown item. We will only receive this ref if isOpen
       // is true or null, so no need to check for truthiness here.
-
       if (ref) {
         ref.focus();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleTriggerRef", function (ref) {
       _this.triggerRef = ref;
     });
-
     return _this;
   }
-
   _createClass(DropList, [{
     key: "getChildContext",
-    value:
-    /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
+    value: /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
+
     function getChildContext() {
       return {
         shouldAllowMultilineItems: false
@@ -151,14 +125,13 @@ var DropList = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          children = _this$props.children,
-          isOpen = _this$props.isOpen,
-          position = _this$props.position,
-          trigger = _this$props.trigger,
-          onPositioned = _this$props.onPositioned,
-          testId = _this$props.testId;
+        children = _this$props.children,
+        isOpen = _this$props.isOpen,
+        position = _this$props.position,
+        trigger = _this$props.trigger,
+        onPositioned = _this$props.onPositioned,
+        testId = _this$props.testId;
       var layerContent = isOpen ? jsx("div", {
         css: function css(theme) {
           return _this2.menuWrapper({
@@ -182,10 +155,8 @@ var DropList = /*#__PURE__*/function (_Component) {
       }, trigger)));
     }
   }]);
-
   return DropList;
 }(Component);
-
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({
   componentName: 'droplist',

package/dist/esm/ui/Emoji/index.js

@@ -5,39 +5,28 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React, { PureComponent } from 'react';
 import { ResourcedEmoji } from '@atlaskit/emoji/element';
 import { ProviderFactory, WithProviders } from '../../provider-factory';
-
 var EmojiNode = /*#__PURE__*/function (_PureComponent) {
   _inherits(EmojiNode, _PureComponent);
-
   var _super = _createSuper(EmojiNode);
-
   function EmojiNode(props) {
     var _this;
-
     _classCallCheck(this, EmojiNode);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "renderWithProvider", function (providers) {
       var _resourceConfig$optim;
-
       var _this$props = _this.props,
-          allowTextFallback = _this$props.allowTextFallback,
-          shortName = _this$props.shortName,
-          id = _this$props.id,
-          fallback = _this$props.fallback,
-          fitToHeight = _this$props.fitToHeight,
-          showTooltip = _this$props.showTooltip,
-          resourceConfig = _this$props.resourceConfig;
-
+        allowTextFallback = _this$props.allowTextFallback,
+        shortName = _this$props.shortName,
+        id = _this$props.id,
+        fallback = _this$props.fallback,
+        fitToHeight = _this$props.fitToHeight,
+        showTooltip = _this$props.showTooltip,
+        resourceConfig = _this$props.resourceConfig;
       if (allowTextFallback && !providers.emojiProvider) {
         return /*#__PURE__*/React.createElement("span", {
           "data-emoji-id": id,
@@ -45,11 +34,9 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
           "data-emoji-text": fallback || shortName
         }, fallback || shortName);
       }
-
       if (!providers.emojiProvider) {
         return null;
       }
-
       return /*#__PURE__*/React.createElement(ResourcedEmoji, {
         emojiId: {
           id: id,
@@ -67,11 +54,9 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
         })
       });
     });
-
     _this.providerFactory = props.providers || new ProviderFactory();
     return _this;
   }
-
   _createClass(EmojiNode, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -91,14 +76,10 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
       });
     }
   }]);
-
   return EmojiNode;
 }(PureComponent);
-
 _defineProperty(EmojiNode, "displayName", 'EmojiNode');
-
 _defineProperty(EmojiNode, "defaultProps", {
   showTooltip: true
 });
-
 export { EmojiNode as default };

package/dist/esm/ui/ErrorBoundary/index.js

@@ -5,36 +5,25 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import { ACTION, EVENT_TYPE } from '../../analytics';
 export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inherits(ErrorBoundary, _React$Component);
-
   var _super = _createSuper(ErrorBoundary);
-
   function ErrorBoundary() {
     var _this;
-
     _classCallCheck(this, ErrorBoundary);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       errorCaptured: false
     });
-
     return _this;
   }
-
   _createClass(ErrorBoundary, [{
     key: "hasFallback",
     value: function hasFallback() {
@@ -62,7 +51,6 @@ export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
           }
         });
       }
-
       if (this.hasFallback()) {
         this.setState({
           errorCaptured: true
@@ -75,10 +63,8 @@ export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
       if (this.shouldRecover()) {
         return this.props.fallbackComponent;
       }
-
       return this.props.children;
     }
   }]);
-
   return ErrorBoundary;
 }(React.Component);

package/dist/esm/ui/Expand/index.js

@@ -2,9 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["children"];
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-
 /** @jsx jsx */
 import React, { forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -49,41 +47,37 @@ var EXPAND_EXPANDED_BORDER_COLOR = themed({
 });
 export var ExpandIconWrapper = function ExpandIconWrapper(_ref) {
   var children = _ref.children,
-      expanded = _ref.expanded;
+    expanded = _ref.expanded;
   return jsx("div", {
     css: function css(props) {
       return expanded ? [expandIconWrapperStyle(props), expandIconWrapperExpandedStyle] : expandIconWrapperStyle(props);
     }
   }, children);
 };
-
 var expandIconWrapperStyle = function expandIconWrapperStyle(props) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  cursor: pointer;\n  display: flex;\n  color: ", ";\n  border-radius: ", "px;\n  width: 24px;\n  height: 24px;\n\n  &:hover {\n    background: ", ";\n  }\n\n  svg {\n    transition: transform 0.2s ", ";\n  }\n"])), themed({
     light: "var(--ds-icon, ".concat(colors.N90, ")"),
     dark: "var(--ds-icon, #d9dde3)"
   })(props), gridSize() / 2, "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N30A, ")"), akEditorSwoopCubicBezier);
 };
-
 var expandIconWrapperExpandedStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  svg {\n    transform: rotate(90deg);\n  }\n"])));
 export var expandLayoutWrapperStyle = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: ", "px;\n"])), gridSize() * 3, gridSize() * 3);
 export var ExpandLayoutWrapperWithRef = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
-
+    rest = _objectWithoutProperties(props, _excluded);
   return jsx("div", _extends({
     css: expandLayoutWrapperStyle
   }, rest, {
     ref: ref
   }), children);
 });
-
 var containerStyles = function containerStyles(styleProps) {
   var expanded = styleProps.expanded,
-      focused = styleProps.focused;
+    focused = styleProps.focused;
   var marginTop = "".concat(gridSize() / 2 / fontSize(), "rem");
-  var marginBottom = 0; // Only only these margins if the expand isn't editable
+  var marginBottom = 0;
+  // Only only these margins if the expand isn't editable
   // and is the root level expand.
-
   var marginHorizontal = styleProps['data-node-type'] === 'expand' ? "-".concat(akLayoutGutterOffset, "px") : 0;
   var margin = "".concat(marginTop, " ").concat(marginHorizontal, " ").concat(marginBottom);
   return function (themeProps) {
@@ -93,13 +87,11 @@ var containerStyles = function containerStyles(styleProps) {
     })(themeProps), EXPAND_SELECTED_BACKGROUND(themeProps));
   };
 };
-
 var contentStyles = function contentStyles(styleProps) {
   return function (themeProps) {
     return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    padding-top: ", "px;\n    padding-right: ", "px;\n    padding-left: ", "px;\n    display: flow-root;\n\n    // The follow rules inside @supports block are added as a part of ED-8893\n    // The fix is targeting mobile bridge on iOS 12 or below,\n    // We should consider remove this fix when we no longer support iOS 12\n    @supports not (display: flow-root) {\n      width: 100%;\n      box-sizing: border-box;\n    }\n\n    ", "\n  "])), styleProps.expanded ? gridSize() : 0, gridSize(), gridSize() * 4 - gridSize() / 2, !styleProps.expanded ? "\n        .expand-content-wrapper, .nestedExpand-content-wrapper {\n          /* We visually hide the content here to preserve the content during copy+paste */\n          width: 100%;\n          display: block;\n          height: 0;\n          overflow: hidden;\n          clip: rect(1px, 1px, 1px, 1px);\n          white-space: nowrap;\n          user-select: none;\n        }\n      " : '');
   };
 };
-
 var titleInputStyles = function titleInputStyles(props) {
   return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  outline: none;\n  border: none;\n  font-size: ", ";\n  line-height: ", ";\n  font-weight: normal;\n  color: ", ";\n  background: transparent;\n  display: flex;\n  flex: 1;\n  padding: 0 0 0 ", "px;\n  width: 100%;\n\n  &::placeholder {\n    opacity: 0.6;\n    color: ", ";\n  }\n"])), relativeFontSizeToBase16(fontSize()), akEditorLineHeight, themed({
     light: "var(--ds-text-subtlest, ".concat(colors.N200A, ")"),
@@ -109,14 +101,12 @@ var titleInputStyles = function titleInputStyles(props) {
     dark: "var(--ds-text-subtlest, ".concat(colors.DN600, ")")
   })(props));
 };
-
 var titleContainerStyles = function titleContainerStyles(props) {
   return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  padding: 0;\n  display: flex;\n  align-items: flex-start;\n  background: none;\n  border: none;\n  font-size: ", ";\n  width: 100%;\n  color: ", ";\n  overflow: hidden;\n  cursor: pointer;\n  // Prevent browser selection being inside the title container\n  user-select: none;\n\n  &:focus {\n    outline: 0;\n  }\n"])), relativeFontSizeToBase16(fontSize()), themed({
     light: "var(--ds-text-subtle, ".concat(colors.N300A, ")"),
     dark: "var(--ds-text-subtle, ".concat(colors.DN600, ")")
   })(props));
 };
-
 export var sharedExpandStyles = {
   titleInputStyles: titleInputStyles,
   titleContainerStyles: titleContainerStyles,

package/dist/esm/ui/IntlErrorBoundary/index.js

@@ -5,44 +5,30 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import { IntlProvider } from 'react-intl-next';
 export var REACT_INTL_ERROR_MESSAGE = '<IntlProvider> needs to exist in the component ancestry';
-
 var isMissingIntlProviderInAncestryError = function isMissingIntlProviderInAncestryError(err) {
   var _err$toString;
-
   return err === null || err === void 0 ? void 0 : (_err$toString = err.toString()) === null || _err$toString === void 0 ? void 0 : _err$toString.includes('<IntlProvider> needs to exist in the component ancestry');
 };
-
 export var IntlErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inherits(IntlErrorBoundary, _React$Component);
-
   var _super = _createSuper(IntlErrorBoundary);
-
   function IntlErrorBoundary() {
     var _this;
-
     _classCallCheck(this, IntlErrorBoundary);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       missingIntlProviderInAncestry: false
     });
-
     return _this;
   }
-
   _createClass(IntlErrorBoundary, [{
     key: "componentDidCatch",
     value: function componentDidCatch(error, errorInfo) {
@@ -64,10 +50,8 @@ export var IntlErrorBoundary = /*#__PURE__*/function (_React$Component) {
           locale: "en"
         }, this.props.children);
       }
-
       return this.props.children;
     }
   }]);
-
   return IntlErrorBoundary;
 }(React.Component);

package/dist/esm/ui/IntlProviderIfMissingWrapper/index.js

@@ -1,19 +1,15 @@
 import React, { useContext } from 'react';
 import { IntlContext, IntlProvider } from 'react-intl-next';
-
 var useCheckIntlContext = function useCheckIntlContext() {
   return useContext(IntlContext) === null;
 };
-
 export default function IntlProviderIfMissingWrapper(_ref) {
   var children = _ref.children;
   var missingIntlContext = useCheckIntlContext();
-
   if (missingIntlContext) {
     return /*#__PURE__*/React.createElement(IntlProvider, {
       locale: "en"
     }, children);
   }
-
   return children;
 }

package/dist/esm/ui/Layer/index.js

@@ -5,18 +5,12 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React, { Component } from 'react';
 import Popper from 'popper.js'; // eslint-disable-line import/extensions
-
 import rafSchedule from 'raf-schd';
 import { positionPropToPopperPosition } from './internal/helpers';
 var defaultState = {
@@ -35,24 +29,17 @@ var defaultState = {
   originalHeight: null,
   maxHeight: null
 };
-
 var Layer = /*#__PURE__*/function (_Component) {
   _inherits(Layer, _Component);
-
   var _super = _createSuper(Layer);
-
   // working with extract-react-types
+
   function Layer(props) {
     var _this;
-
     _classCallCheck(this, Layer);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "targetRef", /*#__PURE__*/React.createRef());
-
     _defineProperty(_assertThisInitialized(_this), "contentRef", /*#__PURE__*/React.createRef());
-
     _defineProperty(_assertThisInitialized(_this), "extractStyles", function (state) {
       if (state) {
         var popperHeight = state.offsets.popper.height;
@@ -60,9 +47,7 @@ var Layer = /*#__PURE__*/function (_Component) {
         var top = Math.round(state.offsets.popper.top);
         var cssPosition = 'absolute';
         var originalHeight = _this.state.originalHeight || popperHeight;
-
         var maxHeight = _this.calculateMaxHeight(originalHeight, popperHeight, top, cssPosition);
-
         _this.setState({
           // position: fixed or absolute
           cssPosition: cssPosition,
@@ -73,12 +58,10 @@ var Layer = /*#__PURE__*/function (_Component) {
         });
       }
     });
-
     _this.state = defaultState;
     _this.extractStyles = rafSchedule(_this.extractStyles.bind(_assertThisInitialized(_this)));
     return _this;
   }
-
   _createClass(Layer, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -93,8 +76,9 @@ var Layer = /*#__PURE__*/function (_Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
       var onPositioned = this.props.onPositioned;
-      var hasExtractedStyles = this.state.hasExtractedStyles; // This flag is set the first time the position is calculated from Popper and applied to the content
+      var hasExtractedStyles = this.state.hasExtractedStyles;
 
+      // This flag is set the first time the position is calculated from Popper and applied to the content
       if (!prevState.hasExtractedStyles && hasExtractedStyles && onPositioned) {
         onPositioned();
       }
@@ -107,26 +91,24 @@ var Layer = /*#__PURE__*/function (_Component) {
         this.popper.destroy();
       }
     }
+
     /* Calculate the max height of the popper if it's height is greater than the viewport to prevent
      * the bottom of the popper not being viewable.
      * Only works if the popper uses viewport as the boundary and has a fixed position ancestor.
      */
-
   }, {
     key: "calculateMaxHeight",
     value: function calculateMaxHeight(originalHeight, currentHeight, positionTop, cssPosition) {
       var DocumentElementClientHeight = 0;
-
       if (document.documentElement) {
         DocumentElementClientHeight = document.documentElement.clientHeight;
       }
-
       if (cssPosition !== 'fixed') {
         return null;
       }
-
       var viewportHeight = Math.max(DocumentElementClientHeight, window.innerHeight || 0);
-      return viewportHeight < originalHeight && currentHeight + positionTop >= viewportHeight - 50 ? // allow some spacing either side of viewport height
+      return viewportHeight < originalHeight && currentHeight + positionTop >= viewportHeight - 50 ?
+      // allow some spacing either side of viewport height
       viewportHeight - 12 : null;
     }
   }, {
@@ -135,20 +117,19 @@ var Layer = /*#__PURE__*/function (_Component) {
       if (!this.targetRef.current || !this.contentRef.current) {
         return;
       }
-
       if (this.popper) {
         this.popper.destroy();
-      } // "new Popper(...)" operation is very expensive when called on virtual DOM.
+      }
+
+      // "new Popper(...)" operation is very expensive when called on virtual DOM.
       // This condition reduces the number of calls so we can run our tests faster
       // (time was reduced from 100s to 13s).
-
-
       if (!props.content) {
         return;
-      } // we wrap our target in a div so that we can safely get a reference to it, but we pass the
-      // actual target to popper
-
+      }
 
+      // we wrap our target in a div so that we can safely get a reference to it, but we pass the
+      // actual target to popper
       var isAlwaysFixed = false;
       var actualTarget = this.targetRef.current.children[0];
       var popperOpts = {
@@ -171,8 +152,8 @@ var Layer = /*#__PURE__*/function (_Component) {
             flipVariations: true,
             boundariesElement: 'viewport',
             padding: 0 // leave 0 pixels between popper and the boundariesElement
-
           },
+
           preventOverflow: {
             enabled: false,
             escapeWithReference: true
@@ -180,7 +161,6 @@ var Layer = /*#__PURE__*/function (_Component) {
         },
         positionFixed: isAlwaysFixed
       };
-
       if (actualTarget) {
         this.popper = new Popper(actualTarget, this.contentRef.current, popperOpts);
       }
@@ -189,9 +169,9 @@ var Layer = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$state = this.state,
-          transform = _this$state.transform,
-          hasExtractedStyles = _this$state.hasExtractedStyles,
-          maxHeight = _this$state.maxHeight;
+        transform = _this$state.transform,
+        hasExtractedStyles = _this$state.hasExtractedStyles,
+        maxHeight = _this$state.maxHeight;
       var opacity = hasExtractedStyles ? {} : {
         opacity: 0
       };
@@ -209,10 +189,8 @@ var Layer = /*#__PURE__*/function (_Component) {
       }, this.props.content));
     }
   }]);
-
   return Layer;
 }(Component);
-
 _defineProperty(Layer, "defaultProps", {
   boundariesElement: 'viewport',
   children: null,
@@ -224,5 +202,4 @@ _defineProperty(Layer, "defaultProps", {
   isAlwaysFixed: false,
   onPositioned: function onPositioned() {}
 });
-
 export { Layer as default };