@atlaskit/editor-common 72.2.0 → 72.2.2

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

@@ -1,64 +1,43 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CaptionComponent = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _messages = require("./messages");
-
 var _templateObject, _templateObject2;
-
 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 captionWrapperStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: 8px;\n  text-align: center;\n  position: relative;\n  color: ", ";\n"])), "var(--ds-text-subtle, ".concat(_colors.N400, ")"));
 var placeholderStyle = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  position: absolute;\n  top: 0;\n  width: 100%;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"));
-
 var CaptionComponent = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(CaptionComponent, _React$Component);
-
   var _super = _createSuper(CaptionComponent);
-
   function CaptionComponent() {
     (0, _classCallCheck2.default)(this, CaptionComponent);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(CaptionComponent, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          selected = _this$props.selected,
-          hasContent = _this$props.hasContent,
-          children = _this$props.children,
-          dataAttributes = _this$props.dataAttributes,
-          formatMessage = _this$props.intl.formatMessage;
+        selected = _this$props.selected,
+        hasContent = _this$props.hasContent,
+        children = _this$props.children,
+        dataAttributes = _this$props.dataAttributes,
+        formatMessage = _this$props.intl.formatMessage;
       var showPlaceholder = !selected && !hasContent;
       return (0, _react2.jsx)("div", (0, _extends2.default)({
         "data-media-caption": true,
@@ -72,9 +51,6 @@ var CaptionComponent = /*#__PURE__*/function (_React$Component) {
   }]);
   return CaptionComponent;
 }(_react.default.Component);
-
 exports.CaptionComponent = CaptionComponent;
-
 var _default = (0, _reactIntlNext.injectIntl)(CaptionComponent);
-
 exports.default = _default;

package/dist/cjs/ui/Caption/messages.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-
 var _reactIntlNext = require("react-intl-next");
-
 var messages = (0, _reactIntlNext.defineMessages)({
   placeholder: {
     id: 'fabric.editor.captionPlaceholder',

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

@@ -1,67 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _components = require("@atlaskit/theme/components");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _Layer = _interopRequireDefault(require("../Layer"));
-
 var _templateObject, _templateObject2, _templateObject3;
-
 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 packageName = "@atlaskit/editor-common";
-var packageVersion = "72.2.0";
+var packageVersion = "72.2.2";
 var halfFocusRing = 1;
 var dropOffset = "0, ".concat((0, _constants.gridSize)(), "px");
-
 var DropList = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(DropList, _Component);
-
   var _super = _createSuper(DropList);
-
   function DropList() {
     var _this;
-
     (0, _classCallCheck2.default)(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));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "wrapperStyles", (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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;'));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "triggerStyles", (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\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;'));
@@ -75,11 +49,10 @@ var DropList = /*#__PURE__*/function (_Component) {
       })(theme), (0, _constants.borderRadius)(), (0, _constants.gridSize)() / 2, (0, _constants.gridSize)(), (0, _constants.gridSize)() / 4, _colors.N50A, _colors.N60A, (0, _constants.gridSize)() / 2);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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);
     });
@@ -94,11 +67,11 @@ var DropList = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setContentWidth", function () {
       var _assertThisInitialize = (0, _assertThisInitialized2.default)(_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");
       }
@@ -115,9 +88,7 @@ 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);
           }
@@ -133,10 +104,11 @@ var DropList = /*#__PURE__*/function (_Component) {
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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();
       }
@@ -146,11 +118,10 @@ var DropList = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(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
@@ -160,14 +131,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 ? (0, _react2.jsx)("div", {
         css: function css(theme) {
           return _this2.menuWrapper({
@@ -193,9 +163,7 @@ var DropList = /*#__PURE__*/function (_Component) {
   }]);
   return DropList;
 }(_react.Component);
-
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
-
 var _default = (0, _analyticsNext.withAnalyticsContext)({
   componentName: 'droplist',
   packageName: packageName,
@@ -211,5 +179,4 @@ var _default = (0, _analyticsNext.withAnalyticsContext)({
     }
   })
 })(DropList));
-
 exports.default = _default;

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

@@ -1,64 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _element = require("@atlaskit/emoji/element");
-
 var _providerFactory = require("../../provider-factory");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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 EmojiNode = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(EmojiNode, _PureComponent);
-
   var _super = _createSuper(EmojiNode);
-
   function EmojiNode(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, EmojiNode);
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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.default.createElement("span", {
           "data-emoji-id": id,
@@ -66,11 +44,9 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
           "data-emoji-text": fallback || shortName
         }, fallback || shortName);
       }
-
       if (!providers.emojiProvider) {
         return null;
       }
-
       return /*#__PURE__*/_react.default.createElement(_element.ResourcedEmoji, {
         emojiId: {
           id: id,
@@ -91,7 +67,6 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
     _this.providerFactory = props.providers || new _providerFactory.ProviderFactory();
     return _this;
   }
-
   (0, _createClass2.default)(EmojiNode, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -113,7 +88,6 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
   }]);
   return EmojiNode;
 }(_react.PureComponent);
-
 exports.default = EmojiNode;
 (0, _defineProperty2.default)(EmojiNode, "displayName", 'EmojiNode');
 (0, _defineProperty2.default)(EmojiNode, "defaultProps", {

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

@@ -1,55 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ErrorBoundary = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _analytics = require("../../analytics");
-
 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 ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ErrorBoundary, _React$Component);
-
   var _super = _createSuper(ErrorBoundary);
-
   function ErrorBoundary() {
     var _this;
-
     (0, _classCallCheck2.default)(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));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       errorCaptured: false
     });
     return _this;
   }
-
   (0, _createClass2.default)(ErrorBoundary, [{
     key: "hasFallback",
     value: function hasFallback() {
@@ -77,7 +58,6 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
           }
         });
       }
-
       if (this.hasFallback()) {
         this.setState({
           errorCaptured: true
@@ -90,11 +70,9 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
       if (this.shouldRecover()) {
         return this.props.fallbackComponent;
       }
-
       return this.props.children;
     }
   }]);
   return ErrorBoundary;
 }(_react.default.Component);
-
 exports.ErrorBoundary = ErrorBoundary;

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

@@ -1,42 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.sharedExpandStyles = exports.messages = exports.expandLayoutWrapperStyle = exports.ExpandLayoutWrapperWithRef = exports.ExpandIconWrapper = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-
 var _components = require("@atlaskit/theme/components");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _excluded = ["children"];
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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; }
-
 var messages = (0, _reactIntlNext.defineMessages)({
   collapseNode: {
     id: 'fabric.editor.collapseNode',
@@ -72,32 +55,28 @@ var EXPAND_EXPANDED_BORDER_COLOR = (0, _components.themed)({
   light: "var(--ds-border, ".concat(colors.N40A, ")"),
   dark: "var(--ds-border, ".concat(colors.DN50, ")")
 });
-
 var ExpandIconWrapper = function ExpandIconWrapper(_ref) {
   var children = _ref.children,
-      expanded = _ref.expanded;
+    expanded = _ref.expanded;
   return (0, _react2.jsx)("div", {
     css: function css(props) {
       return expanded ? [expandIconWrapperStyle(props), expandIconWrapperExpandedStyle] : expandIconWrapperStyle(props);
     }
   }, children);
 };
-
 exports.ExpandIconWrapper = ExpandIconWrapper;
-
 var expandIconWrapperStyle = function expandIconWrapperStyle(props) {
   return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])), (0, _components.themed)({
     light: "var(--ds-icon, ".concat(colors.N90, ")"),
     dark: "var(--ds-icon, #d9dde3)"
   })(props), (0, _constants.gridSize)() / 2, "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N30A, ")"), _editorSharedStyles.akEditorSwoopCubicBezier);
 };
-
 var expandIconWrapperExpandedStyle = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  svg {\n    transform: rotate(90deg);\n  }\n"])));
 var expandLayoutWrapperStyle = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: ", "px;\n  height: ", "px;\n"])), (0, _constants.gridSize)() * 3, (0, _constants.gridSize)() * 3);
 exports.expandLayoutWrapperStyle = expandLayoutWrapperStyle;
 var ExpandLayoutWrapperWithRef = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var children = props.children,
-      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   return (0, _react2.jsx)("div", (0, _extends2.default)({
     css: expandLayoutWrapperStyle
   }, rest, {
@@ -105,14 +84,13 @@ var ExpandLayoutWrapperWithRef = /*#__PURE__*/(0, _react.forwardRef)(function (p
   }), children);
 });
 exports.ExpandLayoutWrapperWithRef = ExpandLayoutWrapperWithRef;
-
 var containerStyles = function containerStyles(styleProps) {
   var expanded = styleProps.expanded,
-      focused = styleProps.focused;
+    focused = styleProps.focused;
   var marginTop = "".concat((0, _constants.gridSize)() / 2 / (0, _constants.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(_editorSharedStyles.akLayoutGutterOffset, "px") : 0;
   var margin = "".concat(marginTop, " ").concat(marginHorizontal, " ").concat(marginBottom);
   return function (themeProps) {
@@ -122,13 +100,11 @@ var containerStyles = function containerStyles(styleProps) {
     })(themeProps), EXPAND_SELECTED_BACKGROUND(themeProps));
   };
 };
-
 var contentStyles = function contentStyles(styleProps) {
   return function (themeProps) {
     return (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\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 ? (0, _constants.gridSize)() : 0, (0, _constants.gridSize)(), (0, _constants.gridSize)() * 4 - (0, _constants.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 (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\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"])), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), _editorSharedStyles.akEditorLineHeight, (0, _components.themed)({
     light: "var(--ds-text-subtlest, ".concat(colors.N200A, ")"),
@@ -138,14 +114,12 @@ var titleInputStyles = function titleInputStyles(props) {
     dark: "var(--ds-text-subtlest, ".concat(colors.DN600, ")")
   })(props));
 };
-
 var titleContainerStyles = function titleContainerStyles(props) {
   return (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\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"])), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), (0, _components.themed)({
     light: "var(--ds-text-subtle, ".concat(colors.N300A, ")"),
     dark: "var(--ds-text-subtle, ".concat(colors.DN600, ")")
   })(props));
 };
-
 var sharedExpandStyles = {
   titleInputStyles: titleInputStyles,
   titleContainerStyles: titleContainerStyles,

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

@@ -1,64 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.REACT_INTL_ERROR_MESSAGE = exports.IntlErrorBoundary = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactIntlNext = require("react-intl-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 REACT_INTL_ERROR_MESSAGE = '<IntlProvider> needs to exist in the component ancestry';
 exports.REACT_INTL_ERROR_MESSAGE = REACT_INTL_ERROR_MESSAGE;
-
 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');
 };
-
 var IntlErrorBoundary = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(IntlErrorBoundary, _React$Component);
-
   var _super = _createSuper(IntlErrorBoundary);
-
   function IntlErrorBoundary() {
     var _this;
-
     (0, _classCallCheck2.default)(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));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       missingIntlProviderInAncestry: false
     });
     return _this;
   }
-
   (0, _createClass2.default)(IntlErrorBoundary, [{
     key: "componentDidCatch",
     value: function componentDidCatch(error, errorInfo) {
@@ -80,11 +58,9 @@ var IntlErrorBoundary = /*#__PURE__*/function (_React$Component) {
           locale: "en"
         }, this.props.children);
       }
-
       return this.props.children;
     }
   }]);
   return IntlErrorBoundary;
 }(_react.default.Component);
-
 exports.IntlErrorBoundary = IntlErrorBoundary;