@atlaskit/editor-common 76.1.11 → 76.3.0

package/dist/cjs/ui/LinkSearch/const.js

@@ -4,11 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX = exports.RECENT_SEARCH_WIDTH_IN_PX = exports.RECENT_SEARCH_HEIGHT_IN_PX = exports.LINKPICKER_HEIGHT_IN_PX = void 0;
-var RECENT_SEARCH_WIDTH_IN_PX = 420;
-exports.RECENT_SEARCH_WIDTH_IN_PX = RECENT_SEARCH_WIDTH_IN_PX;
-var RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX = 360;
-exports.RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX = RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX;
-var RECENT_SEARCH_HEIGHT_IN_PX = 360;
-exports.RECENT_SEARCH_HEIGHT_IN_PX = RECENT_SEARCH_HEIGHT_IN_PX;
-var LINKPICKER_HEIGHT_IN_PX = 570;
-exports.LINKPICKER_HEIGHT_IN_PX = LINKPICKER_HEIGHT_IN_PX;
+var RECENT_SEARCH_WIDTH_IN_PX = exports.RECENT_SEARCH_WIDTH_IN_PX = 420;
+var RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX = exports.RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX = 360;
+var RECENT_SEARCH_HEIGHT_IN_PX = exports.RECENT_SEARCH_HEIGHT_IN_PX = 360;
+var LINKPICKER_HEIGHT_IN_PX = exports.LINKPICKER_HEIGHT_IN_PX = 570;

package/dist/cjs/ui/MediaSingle/grid.js

@@ -13,10 +13,9 @@ exports.wrappedLayouts = exports.snapToGrid = exports.layoutSupportsWidth = void
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _constants = require("../../media-single/constants");
 var validWidthModes = ['center', 'wrap-left', 'wrap-right', 'align-start', 'align-end'];
-var layoutSupportsWidth = function layoutSupportsWidth(layout) {
+var layoutSupportsWidth = exports.layoutSupportsWidth = function layoutSupportsWidth(layout) {
   return validWidthModes.indexOf(layout) > -1;
 };
-exports.layoutSupportsWidth = layoutSupportsWidth;
 function calcPxFromColumns(columns, lineLength, gridSize) {
   var maxWidth = lineLength + _constants.MEDIA_SINGLE_GUTTER_SIZE;
   return maxWidth / gridSize * columns - _constants.MEDIA_SINGLE_GUTTER_SIZE;
@@ -33,13 +32,11 @@ function calcPctFromPx(width, lineLength) {
   var maxWidth = lineLength + _constants.MEDIA_SINGLE_GUTTER_SIZE;
   return (width + _constants.MEDIA_SINGLE_GUTTER_SIZE) / maxWidth;
 }
-var wrappedLayouts = ['wrap-left', 'wrap-right', 'align-end', 'align-start'];
-exports.wrappedLayouts = wrappedLayouts;
-var calcPctWidth = function calcPctWidth(containerWidth, pctWidth, origWidth, origHeight) {
+var wrappedLayouts = exports.wrappedLayouts = ['wrap-left', 'wrap-right', 'align-end', 'align-start'];
+var calcPctWidth = exports.calcPctWidth = function calcPctWidth(containerWidth, pctWidth, origWidth, origHeight) {
   return pctWidth && origWidth && origHeight && Math.ceil(calcPxFromPct(pctWidth / 100, containerWidth.lineLength || containerWidth.width));
 };
-exports.calcPctWidth = calcPctWidth;
-var calcMediaPxWidth = function calcMediaPxWidth(opts) {
+var calcMediaPxWidth = exports.calcMediaPxWidth = function calcMediaPxWidth(opts) {
   var origWidth = opts.origWidth,
     origHeight = opts.origHeight,
     layout = opts.layout,
@@ -82,8 +79,7 @@ var calcMediaPxWidth = function calcMediaPxWidth(opts) {
   }
   return origWidth;
 };
-exports.calcMediaPxWidth = calcMediaPxWidth;
-var snapToGrid = function snapToGrid(gridWidth, width, height, lineLength, gridSize) {
+var snapToGrid = exports.snapToGrid = function snapToGrid(gridWidth, width, height, lineLength, gridSize) {
   var pxWidth = calcPxFromPct(gridWidth / 100, lineLength);
   var columnSpan = Math.round(calcColumnsFromPx(pxWidth, lineLength, gridSize));
   var alignedWidth = calcPxFromColumns(columnSpan, lineLength, gridSize);
@@ -91,5 +87,4 @@ var snapToGrid = function snapToGrid(gridWidth, width, height, lineLength, gridS
     height: height / width * alignedWidth,
     width: alignedWidth
   };
-};
-exports.snapToGrid = snapToGrid;
+};

package/dist/cjs/ui/MediaSingle/link.js

@@ -8,5 +8,4 @@ exports.mediaLinkStyle = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _templateObject;
-var mediaLinkStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  background: transparent;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  cursor: pointer;\n  width: 100%;\n  height: 100%;\n"])));
-exports.mediaLinkStyle = mediaLinkStyle;
+var mediaLinkStyle = exports.mediaLinkStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  background: transparent;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  cursor: pointer;\n  width: 100%;\n  height: 100%;\n"])));

package/dist/cjs/ui/MediaSingle/styled.js

@@ -112,7 +112,7 @@ function isImageAligned(layout) {
  * Can't use `.attrs` to handle highly dynamic styles because we are still
  * supporting `styled-components` v1.
  */
-var MediaSingleDimensionHelper = function MediaSingleDimensionHelper(_ref) {
+var MediaSingleDimensionHelper = exports.MediaSingleDimensionHelper = function MediaSingleDimensionHelper(_ref) {
   var _ref$containerWidth = _ref.containerWidth,
     containerWidth = _ref$containerWidth === void 0 ? 0 : _ref$containerWidth,
     fullWidthMode = _ref.fullWidthMode,
@@ -129,25 +129,22 @@ var MediaSingleDimensionHelper = function MediaSingleDimensionHelper(_ref) {
    because full-width layout will remain, causing node to be edge-to-edge */
   !isExtendedResizeExperienceOn && (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    min-width: 100%;\n  "]))), isExtendedResizeExperienceOn ? "".concat(containerWidth, "px") : calcMaxWidth(layout, containerWidth), isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && _utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), isNestedNode ? /* Make nested node appear responsives when resizing table cell */"max-width: 100%;" : "".concat(_utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n          transform: translateX(-50%);"), float(layout), calcMargin(layout), isImageAligned(layout));
 };
-exports.MediaSingleDimensionHelper = MediaSingleDimensionHelper;
 var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {
   var hasFallbackContainer = _ref2.hasFallbackContainer,
     paddingBottom = _ref2.paddingBottom,
     height = _ref2.height;
   return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), hasFallbackContainer ? "\n  &::after {\n    content: '';\n    display: block;\n    ".concat(height ? "height: ".concat(height, "px;") : paddingBottom ? "padding-bottom: ".concat(paddingBottom, ";") : '', "\n\n    /* Fixes extra padding problem in Firefox */\n    font-size: 0;\n    line-height: 0;\n  }\n  ") : '');
 };
-var mediaWrapperStyle = function mediaWrapperStyle(props) {
+var mediaWrapperStyle = exports.mediaWrapperStyle = function mediaWrapperStyle(props) {
   return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n\n  ", "\n\n  /* Editor */\n  & > figure {\n    position: ", ";\n    height: 100%;\n    width: 100%;\n  }\n\n  & > div {\n    position: ", ";\n    height: 100%;\n    width: 100%;\n  }\n\n  &[data-node-type='embedCard'] > div {\n    width: 100%;\n  }\n\n  /* Renderer */\n  [data-node-type='media'] {\n    position: static !important;\n\n    > div {\n      position: absolute;\n      height: 100%;\n    }\n  }\n"])), RenderFallbackContainer(props), props.hasFallbackContainer ? 'absolute' : 'relative', props.hasFallbackContainer ? 'absolute' : 'relative');
 };
-exports.mediaWrapperStyle = mediaWrapperStyle;
-var MediaWrapper = function MediaWrapper(_ref3) {
+var MediaWrapper = exports.MediaWrapper = function MediaWrapper(_ref3) {
   var children = _ref3.children,
     rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
   return (0, _react2.jsx)("div", {
     css: mediaWrapperStyle(rest)
   }, children);
 };
-exports.MediaWrapper = MediaWrapper;
 MediaWrapper.displayName = 'WrapperMediaSingle';
 
 /*
@@ -157,7 +154,7 @@ MediaWrapper.displayName = 'WrapperMediaSingle';
   It suggests adding an absolute div on top which matches the width and height and setting the border on that div.
 */
 
-var MediaBorderGapFiller = function MediaBorderGapFiller(_ref4) {
+var MediaBorderGapFiller = exports.MediaBorderGapFiller = function MediaBorderGapFiller(_ref4) {
   var borderColor = _ref4.borderColor;
   return (0, _react2.jsx)("div", {
     style: {
@@ -167,5 +164,4 @@ var MediaBorderGapFiller = function MediaBorderGapFiller(_ref4) {
       borderRadius: '1px'
     }
   });
-};
-exports.MediaBorderGapFiller = MediaBorderGapFiller;
+};

package/dist/cjs/ui/Mention/index.js

@@ -20,7 +20,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-var Mention = /*#__PURE__*/function (_PureComponent) {
+var Mention = exports.default = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Mention, _PureComponent);
   var _super = _createSuper(Mention);
   function Mention(props) {
@@ -67,5 +67,4 @@ var Mention = /*#__PURE__*/function (_PureComponent) {
     }
   }]);
   return Mention;
-}(_react.PureComponent);
-exports.default = Mention;
+}(_react.PureComponent);

package/dist/cjs/ui/Mention/mention-with-providers.js

@@ -23,7 +23,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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; } }
 var GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
 var noop = function noop() {};
-var MentionWithProviders = /*#__PURE__*/function (_PureComponent) {
+var MentionWithProviders = exports.default = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(MentionWithProviders, _PureComponent);
   var _super = _createSuper(MentionWithProviders);
   function MentionWithProviders() {
@@ -99,5 +99,4 @@ var MentionWithProviders = /*#__PURE__*/function (_PureComponent) {
     }
   }]);
   return MentionWithProviders;
-}(_react.PureComponent);
-exports.default = MentionWithProviders;
+}(_react.PureComponent);

package/dist/cjs/ui/Messages/index.js

@@ -19,14 +19,13 @@ var messageStyle = function messageStyle(props) {
   return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", " font-weight: normal;\n  color: ", ";\n  margin-top: ", ";\n  display: flex;\n  justify-content: baseline;\n"])), (0, _typography.h200)(props), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-space-050, 4px)");
 };
 var iconWrapperStyle = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin-right: ", ";\n"])), "var(--ds-space-050, 4px)");
-var HelperMessage = function HelperMessage(_ref) {
+var HelperMessage = exports.HelperMessage = function HelperMessage(_ref) {
   var children = _ref.children;
   return (0, _react.jsx)("div", {
     css: messageStyle
   }, children);
 };
-exports.HelperMessage = HelperMessage;
-var ErrorMessage = function ErrorMessage(_ref2) {
+var ErrorMessage = exports.ErrorMessage = function ErrorMessage(_ref2) {
   var children = _ref2.children;
   return (0, _react.jsx)("div", {
     css: function css(theme) {
@@ -40,8 +39,7 @@ var ErrorMessage = function ErrorMessage(_ref2) {
     "aria-label": "error"
   })), children);
 };
-exports.ErrorMessage = ErrorMessage;
-var ValidMessage = function ValidMessage(_ref3) {
+var ValidMessage = exports.ValidMessage = function ValidMessage(_ref3) {
   var children = _ref3.children;
   return (0, _react.jsx)("div", {
     css: function css(theme) {
@@ -53,5 +51,4 @@ var ValidMessage = function ValidMessage(_ref3) {
     size: "small",
     label: "success"
   })), children);
-};
-exports.ValidMessage = ValidMessage;
+};

package/dist/cjs/ui/OverflowShadow/index.js

@@ -18,11 +18,10 @@ var _react = _interopRequireDefault(require("react"));
 var _shadowObserver = require("./shadowObserver");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-var shadowClassNames = {
+var shadowClassNames = exports.shadowClassNames = {
   RIGHT_SHADOW: 'right-shadow',
   LEFT_SHADOW: 'left-shadow'
 };
-exports.shadowClassNames = shadowClassNames;
 function overflowShadow(Component, options) {
   return /*#__PURE__*/function (_React$Component) {
     (0, _inherits2.default)(OverflowShadow, _React$Component);

package/dist/cjs/ui/OverflowShadow/shadowObserver.js

@@ -8,25 +8,23 @@ exports.shadowObserverClassNames = exports.ShadowObserver = exports.ShadowKeys =
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty3 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var ShadowKeys = /*#__PURE__*/function (ShadowKeys) {
+var ShadowKeys = exports.ShadowKeys = /*#__PURE__*/function (ShadowKeys) {
   ShadowKeys["SHOW_LEFT_SHADOW"] = "showLeftShadow";
   ShadowKeys["SHOW_RIGHT_SHADOW"] = "showRightShadow";
   return ShadowKeys;
 }({});
-exports.ShadowKeys = ShadowKeys;
-var shadowObserverClassNames = {
+var shadowObserverClassNames = exports.shadowObserverClassNames = {
   SENTINEL_LEFT: 'sentinel-left',
   SENTINEL_RIGHT: 'sentinel-right',
   SHADOW_CONTAINER: 'with-shadow-observer'
 };
-exports.shadowObserverClassNames = shadowObserverClassNames;
 var requestIdleCallback = function requestIdleCallback(fn) {
   return window.requestIdleCallback ? window.requestIdleCallback(fn) : window.requestAnimationFrame(fn);
 };
 var cancelIdleCallback = function cancelIdleCallback(id) {
   return window.cancelIdleCallback ? window.cancelIdleCallback(id) : window.cancelAnimationFrame(id);
 };
-var ShadowObserver = /*#__PURE__*/function () {
+var ShadowObserver = exports.ShadowObserver = /*#__PURE__*/function () {
   function ShadowObserver(_ref) {
     var _defineProperty2,
       _this = this;
@@ -79,5 +77,4 @@ var ShadowObserver = /*#__PURE__*/function () {
     }
   }]);
   return ShadowObserver;
-}();
-exports.ShadowObserver = ShadowObserver;
+}();

package/dist/cjs/ui/PanelTextInput/index.js

@@ -21,7 +21,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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 */
 var KeyZCode = 90;
 var KeyYCode = 89;
-var PanelTextInput = /*#__PURE__*/function (_PureComponent) {
+var PanelTextInput = exports.default = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(PanelTextInput, _PureComponent);
   var _super = _createSuper(PanelTextInput);
   function PanelTextInput(props) {
@@ -170,5 +170,4 @@ var PanelTextInput = /*#__PURE__*/function (_PureComponent) {
     }
   }]);
   return PanelTextInput;
-}(_react.PureComponent);
-exports.default = PanelTextInput;
+}(_react.PureComponent);

package/dist/cjs/ui/PanelTextInput/styles.js

@@ -11,9 +11,7 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _colors = require("@atlaskit/theme/colors");
 var _templateObject, _templateObject2;
 // Normal .className gets overridden by input[type=text] hence this hack to produce input.className
-var panelTextInput = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  input& {\n    background: transparent;\n    border: 0;\n    border-radius: 0;\n    box-sizing: content-box;\n    color: ", ";\n    flex-grow: 1;\n    font-size: ", ";\n    line-height: 20px;\n    padding: 0;\n    min-width: 145px;\n\n    /* Hides IE10+ built-in [x] clear input button */\n    &::-ms-clear {\n      display: none;\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n"])), "var(--ds-text-subtle, ".concat(_colors.N400, ")"), (0, _editorSharedStyles.relativeFontSizeToBase16)(13), "var(--ds-text-subtlest, ".concat(_colors.N100, ")"));
-exports.panelTextInput = panelTextInput;
-var panelTextInputWithCustomWidth = function panelTextInputWithCustomWidth(width) {
+var panelTextInput = exports.panelTextInput = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  input& {\n    background: transparent;\n    border: 0;\n    border-radius: 0;\n    box-sizing: content-box;\n    color: ", ";\n    flex-grow: 1;\n    font-size: ", ";\n    line-height: 20px;\n    padding: 0;\n    min-width: 145px;\n\n    /* Hides IE10+ built-in [x] clear input button */\n    &::-ms-clear {\n      display: none;\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n"])), "var(--ds-text-subtle, ".concat(_colors.N400, ")"), (0, _editorSharedStyles.relativeFontSizeToBase16)(13), "var(--ds-text-subtlest, ".concat(_colors.N100, ")"));
+var panelTextInputWithCustomWidth = exports.panelTextInputWithCustomWidth = function panelTextInputWithCustomWidth(width) {
   return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  input& {\n    width: ", "px;\n  }\n"])), width);
-};
-exports.panelTextInputWithCustomWidth = panelTextInputWithCustomWidth;
+};

package/dist/cjs/ui/Popup/index.js

@@ -28,7 +28,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { (0, _defineProperty2.default)(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; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-var Popup = /*#__PURE__*/function (_React$Component) {
+var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(Popup, _React$Component);
   var _super = _createSuper(Popup);
   function Popup() {
@@ -216,7 +216,7 @@ var Popup = /*#__PURE__*/function (_React$Component) {
     function destroyFocusTrap() {
       var _this$focusTrap;
       this.initFocusTrap.cancel();
-      (_this$focusTrap = this.focusTrap) === null || _this$focusTrap === void 0 ? void 0 : _this$focusTrap.deactivate();
+      (_this$focusTrap = this.focusTrap) === null || _this$focusTrap === void 0 || _this$focusTrap.deactivate();
     }
 
     /**
@@ -322,7 +322,6 @@ var Popup = /*#__PURE__*/function (_React$Component) {
   }]);
   return Popup;
 }(_react.default.Component);
-exports.default = Popup;
 (0, _defineProperty2.default)(Popup, "defaultProps", {
   offset: [0, 0],
   allowOutOfBound: false

package/dist/cjs/ui/PortalProvider/index.js

@@ -23,10 +23,10 @@ var _analytics = require("../../analytics");
 var _eventDispatcher = require("../../event-dispatcher");
 var _IntlProviderIfMissingWrapper = _interopRequireDefault(require("../IntlProviderIfMissingWrapper"));
 var _PortalProviderThemesProvider = require("./PortalProviderThemesProvider");
-var _class;
+var _class4;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
+var PortalProviderAPI = exports.PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
   (0, _inherits2.default)(PortalProviderAPI, _EventDispatcher);
   var _super = _createSuper(PortalProviderAPI);
   function PortalProviderAPI(intl, onAnalyticsEvent, analyticsContext, themeMode) {
@@ -131,7 +131,6 @@ var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
   }]);
   return PortalProviderAPI;
 }(_eventDispatcher.EventDispatcher);
-exports.PortalProviderAPI = PortalProviderAPI;
 var BasePortalProvider = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(BasePortalProvider, _React$Component);
   var _super2 = _createSuper(BasePortalProvider);
@@ -159,9 +158,8 @@ var BasePortalProvider = /*#__PURE__*/function (_React$Component) {
   return BasePortalProvider;
 }(_react.default.Component);
 (0, _defineProperty2.default)(BasePortalProvider, "displayName", 'PortalProvider');
-var PortalProvider = (0, _reactIntlNext.injectIntl)(BasePortalProvider);
-exports.PortalProvider = PortalProvider;
-var PortalProviderWithThemeProviders = function PortalProviderWithThemeProviders(_ref2) {
+var PortalProvider = exports.PortalProvider = (0, _reactIntlNext.injectIntl)(BasePortalProvider);
+var PortalProviderWithThemeProviders = exports.PortalProviderWithThemeProviders = function PortalProviderWithThemeProviders(_ref2) {
   var onAnalyticsEvent = _ref2.onAnalyticsEvent,
     useAnalyticsContext = _ref2.useAnalyticsContext,
     render = _ref2.render;
@@ -171,7 +169,6 @@ var PortalProviderWithThemeProviders = function PortalProviderWithThemeProviders
     render: render
   }));
 };
-exports.PortalProviderWithThemeProviders = PortalProviderWithThemeProviders;
 var PortalProviderWithThemeAndIntlProviders = function PortalProviderWithThemeAndIntlProviders(_ref3) {
   var onAnalyticsEvent = _ref3.onAnalyticsEvent,
     useAnalyticsContext = _ref3.useAnalyticsContext,
@@ -186,7 +183,7 @@ var PortalProviderWithThemeAndIntlProviders = function PortalProviderWithThemeAn
     render: render
   });
 };
-var PortalRenderer = /*#__PURE__*/function (_React$Component2) {
+var PortalRenderer = exports.PortalRenderer = /*#__PURE__*/function (_React$Component2) {
   (0, _inherits2.default)(PortalRenderer, _React$Component2);
   var _super3 = _createSuper(PortalRenderer);
   function PortalRenderer(props) {
@@ -222,12 +219,11 @@ var PortalRenderer = /*#__PURE__*/function (_React$Component2) {
 /**
  * Wrapper to re-provide modern analytics context to ReactNodeViews.
  */
-exports.PortalRenderer = PortalRenderer;
 var dummyAnalyticsContext = {
   getAtlaskitAnalyticsContext: function getAtlaskitAnalyticsContext() {},
   getAtlaskitAnalyticsEventHandlers: function getAtlaskitAnalyticsEventHandlers() {}
 };
-var AnalyticsContextWrapper = (_class = /*#__PURE__*/function (_React$Component3) {
+var AnalyticsContextWrapper = (_class4 = /*#__PURE__*/function (_React$Component3) {
   (0, _inherits2.default)(AnalyticsContextWrapper, _React$Component3);
   var _super4 = _createSuper(AnalyticsContextWrapper);
   function AnalyticsContextWrapper() {
@@ -247,6 +243,6 @@ var AnalyticsContextWrapper = (_class = /*#__PURE__*/function (_React$Component3
     }
   }]);
   return AnalyticsContextWrapper;
-}(_react.default.Component), (0, _defineProperty2.default)(_class, "contextTypes", {
+}(_react.default.Component), (0, _defineProperty2.default)(_class4, "contextTypes", {
   contextAdapter: _propTypes.default.object
-}), _class);
+}), _class4);

package/dist/cjs/ui/ResizerLegacy/index.js

@@ -43,7 +43,7 @@ var getWidthFromSnapPoints = function getWidthFromSnapPoints(width, snapPoints)
   }
   return width;
 };
-var Resizer = /*#__PURE__*/function (_React$Component) {
+var Resizer = exports.default = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(Resizer, _React$Component);
   var _super = _createSuper(Resizer);
   function Resizer() {
@@ -72,7 +72,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         isResizing: true
       }, function () {
         var newHighlights = highlights(width + innerPadding, snapPoints);
-        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, (0, _utils.gridTypeForLayout)(layout), newHighlights);
+        displayGrid === null || displayGrid === void 0 || displayGrid(newHighlights.length > 0, (0, _utils.gridTypeForLayout)(layout), newHighlights);
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResize", function (_event, _direction, _elementRef, delta) {
@@ -97,7 +97,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         updateSize(newSize.width, newSize.layout);
       }
       var newHighlights = highlights(newWidth, snapPoints);
-      displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, (0, _utils.gridTypeForLayout)(newSize.layout), newHighlights);
+      displayGrid === null || displayGrid === void 0 || displayGrid(newHighlights.length > 0, (0, _utils.gridTypeForLayout)(newSize.layout), newHighlights);
       resizable.updateSize({
         width: newWidth,
         height: 'auto'
@@ -129,12 +129,12 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         dispatchAnalyticsEvent(getResizeAnalyticsEvent(nodeType, newSize.width, newSize.layout));
       }
       // show committed grid size
-      displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, (0, _utils.gridTypeForLayout)(newSize.layout), newHighlights);
+      displayGrid === null || displayGrid === void 0 || displayGrid(newHighlights.length > 0, (0, _utils.gridTypeForLayout)(newSize.layout), newHighlights);
       _this.setState({
         isResizing: false
       }, function () {
         updateSize(newSize.width, newSize.layout);
-        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(false, (0, _utils.gridTypeForLayout)(layout), []);
+        displayGrid === null || displayGrid === void 0 || displayGrid(false, (0, _utils.gridTypeForLayout)(layout), []);
       });
     });
     return _this;
@@ -212,5 +212,4 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
     }
   }]);
   return Resizer;
-}(_react.default.Component);
-exports.default = Resizer;
+}(_react.default.Component);

package/dist/cjs/ui/ResizerLegacy/styled.js

@@ -9,7 +9,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _styled = require("../MediaSingle/styled");
 var _templateObject;
-var wrapperStyle = function wrapperStyle(props) {
+var wrapperStyle = exports.wrapperStyle = function wrapperStyle(props) {
   return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & > div {\n    ", ";\n    position: relative;\n    clear: both;\n\n    > div {\n      position: absolute;\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), (0, _styled.MediaSingleDimensionHelper)(props));
-};
-exports.wrapperStyle = wrapperStyle;
+};

package/dist/cjs/ui/ResizerLegacy/utils.js

@@ -4,18 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.snapTo = exports.imageAlignmentMap = exports.handleSides = void 0;
-var snapTo = function snapTo(target, points) {
+var snapTo = exports.snapTo = function snapTo(target, points) {
   return points.length === 0 ?
   // extreme last case if there are no points somehow
   target : points.reduce(function (point, closest) {
     return Math.abs(closest - target) < Math.abs(point - target) ? closest : point;
   });
 };
-exports.snapTo = snapTo;
-var handleSides = ['left', 'right'];
-exports.handleSides = handleSides;
-var imageAlignmentMap = {
+var handleSides = exports.handleSides = ['left', 'right'];
+var imageAlignmentMap = exports.imageAlignmentMap = {
   left: 'start',
   right: 'end'
-};
-exports.imageAlignmentMap = imageAlignmentMap;
+};

package/dist/cjs/ui/Toolbar/index.js

@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EDIT_AREA_ID = void 0;
-var EDIT_AREA_ID = 'ak-editor-textarea';
-exports.EDIT_AREA_ID = EDIT_AREA_ID;
+var EDIT_AREA_ID = exports.EDIT_AREA_ID = 'ak-editor-textarea';

package/dist/cjs/ui/UnsupportedBlock/index.js

@@ -54,5 +54,4 @@ var UnsupportedBlockNode = function UnsupportedBlockNode(_ref) {
     size: "small"
   }))));
 };
-var _default = (0, _reactIntlNext.injectIntl)(UnsupportedBlockNode);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(UnsupportedBlockNode);

package/dist/cjs/ui/UnsupportedInline/index.js

@@ -53,5 +53,4 @@ var UnsupportedInlineNode = function UnsupportedInlineNode(_ref) {
     size: "small"
   }))));
 };
-var _default = (0, _reactIntlNext.injectIntl)(UnsupportedInlineNode);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(UnsupportedInlineNode);

package/dist/cjs/ui/WidthProvider/index.js

@@ -41,12 +41,10 @@ function createWidthContext() {
     breakpoint: getBreakpoint(width)
   };
 }
-var WidthContext = /*#__PURE__*/_react.default.createContext(createWidthContext());
-exports.WidthContext = WidthContext;
+var WidthContext = exports.WidthContext = /*#__PURE__*/_react.default.createContext(createWidthContext());
 var Provider = WidthContext.Provider,
-  Consumer = WidthContext.Consumer;
-exports.WidthConsumer = Consumer;
-var WidthProvider = /*#__PURE__*/function (_React$Component) {
+  Consumer = exports.WidthConsumer = WidthContext.Consumer;
+var WidthProvider = exports.WidthProvider = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(WidthProvider, _React$Component);
   var _super = _createSuper(WidthProvider);
   function WidthProvider(props) {
@@ -85,5 +83,4 @@ var WidthProvider = /*#__PURE__*/function (_React$Component) {
     }
   }]);
   return WidthProvider;
-}(_react.default.Component);
-exports.WidthProvider = WidthProvider;
+}(_react.default.Component);

package/dist/cjs/ui/WithCreateAnalyticsEvent/index.js

@@ -14,7 +14,7 @@ var _react = _interopRequireDefault(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-var WithCreateAnalyticsEvent = (0, _analyticsNext.withAnalyticsEvents)()( /*#__PURE__*/function (_React$Component) {
+var WithCreateAnalyticsEvent = exports.WithCreateAnalyticsEvent = (0, _analyticsNext.withAnalyticsEvents)()( /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(WithCreateAnalyticsEvent, _React$Component);
   var _super = _createSuper(WithCreateAnalyticsEvent);
   function WithCreateAnalyticsEvent() {
@@ -31,5 +31,4 @@ var WithCreateAnalyticsEvent = (0, _analyticsNext.withAnalyticsEvents)()( /*#__P
     }
   }]);
   return WithCreateAnalyticsEvent;
-}(_react.default.Component));
-exports.WithCreateAnalyticsEvent = WithCreateAnalyticsEvent;
+}(_react.default.Component));

package/dist/cjs/ui/clear-next-sibling-margin-top.js

@@ -10,11 +10,9 @@ var _react = require("@emotion/react");
 var _templateObject, _templateObject2;
 // We use !important to ensure next sibling gets the margin reset no matter what
 var marginTopReset = "margin-top: 0 !important;";
-var clearNextSiblingMarginTopStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & + * {\n    ", "\n  }\n"])), marginTopReset);
-exports.clearNextSiblingMarginTopStyle = clearNextSiblingMarginTopStyle;
+var clearNextSiblingMarginTopStyle = exports.clearNextSiblingMarginTopStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & + * {\n    ", "\n  }\n"])), marginTopReset);
 var textElements = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
 var nextSiblingBlockMarkContentSelectors = textElements.map(function (elem) {
   return "+ .fabric-editor-block-mark > ".concat(elem);
 }).join(',');
-var clearNextSiblingBlockMarkMarginTopStyle = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", " {\n    ", "\n  }\n"])), nextSiblingBlockMarkContentSelectors, marginTopReset);
-exports.clearNextSiblingBlockMarkMarginTopStyle = clearNextSiblingBlockMarkMarginTopStyle;
+var clearNextSiblingBlockMarkMarginTopStyle = exports.clearNextSiblingBlockMarkMarginTopStyle = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", " {\n    ", "\n  }\n"])), nextSiblingBlockMarkContentSelectors, marginTopReset);

package/dist/cjs/ui-color/ColorPalette/Color/index.js

@@ -86,5 +86,4 @@ var Color = /*#__PURE__*/function (_PureComponent) {
   }]);
   return Color;
 }(_react.PureComponent);
-var _default = Color;
-exports.default = _default;
+var _default = exports.default = Color;

package/dist/cjs/ui-color/ColorPalette/Color/styles.js

@@ -11,12 +11,10 @@ var _colors = require("@atlaskit/theme/colors");
 var _templateObject, _templateObject2;
 /** this is not new usage - old code extracted from editor-core */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-var buttonStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 26px;\n  width: 26px;\n  background: ", ";\n  padding: 0;\n  border-radius: 4px;\n  border: 1px solid ", ";\n  cursor: pointer;\n  display: block;\n"])), _colors.N900, _colors.N0);
+var buttonStyle = exports.buttonStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 26px;\n  width: 26px;\n  background: ", ";\n  padding: 0;\n  border-radius: 4px;\n  border: 1px solid ", ";\n  cursor: pointer;\n  display: block;\n"])), _colors.N900, _colors.N0);
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
 
 /** this is not new usage - old code extracted from editor-core */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-exports.buttonStyle = buttonStyle;
-var buttonWrapperStyle = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid transparent;\n  margin: 1px;\n  font-size: 0;\n  display: flex;\n  align-items: center;\n  padding: 1px;\n  border-radius: 6px;\n  &:focus-within,\n  &:focus,\n  &:hover {\n    border-color: ", " !important;\n  }\n"])), _colors.N50);
-/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
-exports.buttonWrapperStyle = buttonWrapperStyle;
+var buttonWrapperStyle = exports.buttonWrapperStyle = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid transparent;\n  margin: 1px;\n  font-size: 0;\n  display: flex;\n  align-items: center;\n  padding: 1px;\n  border-radius: 6px;\n  &:focus-within,\n  &:focus,\n  &:hover {\n    border-color: ", " !important;\n  }\n"])), _colors.N50);
+/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */

package/dist/cjs/ui-color/ColorPalette/Palettes/borderColorPalette.js

@@ -20,5 +20,4 @@ _adfSchema.borderColorPalette.forEach(function (label, color) {
     message: message
   });
 });
-var _default = borderColorPalette;
-exports.default = _default;
+var _default = exports.default = borderColorPalette;

package/dist/cjs/ui-color/ColorPalette/Palettes/cellBackgroundColorPalette.js

@@ -19,5 +19,4 @@ _adfSchema.tableBackgroundColorPalette.forEach(function (label, color) {
     message: message
   });
 });
-var _default = cellBackgroundColorPalette;
-exports.default = _default;
+var _default = exports.default = cellBackgroundColorPalette;

package/dist/cjs/ui-color/ColorPalette/Palettes/common.js

@@ -24,6 +24,5 @@ function setAlpha(color, alpha) {
 
 /** this is not new usage - old code extracted from editor-core */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-var DEFAULT_BORDER_COLOR = setAlpha(_colors.N800, 0.12);
-/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
-exports.DEFAULT_BORDER_COLOR = DEFAULT_BORDER_COLOR;
+var DEFAULT_BORDER_COLOR = exports.DEFAULT_BORDER_COLOR = setAlpha(_colors.N800, 0.12);
+/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */

package/dist/cjs/ui-color/ColorPalette/Palettes/paletteMessages.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _reactIntlNext = require("react-intl-next");
-var _default = (0, _reactIntlNext.defineMessages)({
+var _default = exports.default = (0, _reactIntlNext.defineMessages)({
   white: {
     id: 'fabric.theme.white',
     defaultMessage: 'White',
@@ -126,5 +126,4 @@ var _default = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Bold gray',
     description: 'Name of a color'
   }
-});
-exports.default = _default;
+});