@atlaskit/editor-common 74.5.2 → 74.6.0

package/dist/cjs/react-node-view/index.js

@@ -5,6 +5,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+Object.defineProperty(exports, "getInlineNodeViewProducer", {
+  enumerable: true,
+  get: function get() {
+    return _getInlineNodeViewProducer.getInlineNodeViewProducer;
+  }
+});
+Object.defineProperty(exports, "inlineNodeViewClassname", {
+  enumerable: true,
+  get: function get() {
+    return _getInlineNodeViewProducer.inlineNodeViewClassname;
+  }
+});
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -15,6 +27,7 @@ var _eventDispatcher = require("../event-dispatcher");
 var _ErrorBoundary = require("../ui/ErrorBoundary");
 var _utils = require("../utils");
 var _analytics2 = require("../utils/analytics");
+var _getInlineNodeViewProducer = require("./getInlineNodeViewProducer");
 var ReactNodeView = /*#__PURE__*/function () {
   function ReactNodeView(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent) {
     var _this = this;

package/dist/cjs/{ui/Resizer/index.js → resizer/Resizer.js}

@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _classnames3 = _interopRequireDefault(require("classnames"));
 var _reResizable = require("re-resizable");
-var _resizer = require("../../styles/shared/resizer");
+var _resizer = require("../styles/shared/resizer");
 function ResizerNext(props) {
   var _classnames, _classnames2;
   var resizable = _react.default.useRef(null);

package/dist/cjs/{resizer.js → resizer/index.js}

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "ResizerNext", {
     return _Resizer.default;
   }
 });
-var _Resizer = _interopRequireDefault(require("./ui/Resizer"));
+var _Resizer = _interopRequireDefault(require("./Resizer"));

package/dist/cjs/resizer/utils.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.snapTo = exports.imageAlignmentMap = exports.handleSides = void 0;
+var 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 = {
+  left: 'start',
+  right: 'end'
+};
+exports.imageAlignmentMap = imageAlignmentMap;

package/dist/cjs/types/hyperlink.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/types/resizable-media-single.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -24,7 +24,7 @@ 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; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.5.2";
+var packageVersion = "74.6.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -0,0 +1,14 @@
+"use strict";
+
+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;

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

@@ -0,0 +1,210 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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 = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reResizable = require("re-resizable");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _analytics = require("../../analytics");
+var _styles = require("../../styles");
+var _utils = require("../../utils");
+var _utils2 = require("./utils");
+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 getResizeAnalyticsEvent = function getResizeAnalyticsEvent(type, size, layout) {
+  var actionSubject = type === 'embed' ? _analytics.ACTION_SUBJECT.EMBEDS : _analytics.ACTION_SUBJECT.MEDIA_SINGLE;
+  return {
+    action: _analytics.ACTION.EDITED,
+    actionSubject: actionSubject,
+    actionSubjectId: _analytics.ACTION_SUBJECT_ID.RESIZED,
+    attributes: {
+      size: size,
+      layout: layout
+    },
+    eventType: _analytics.EVENT_TYPE.UI
+  };
+};
+var getWidthFromSnapPoints = function getWidthFromSnapPoints(width, snapPoints) {
+  if (snapPoints.length) {
+    return Math.min(Math.max(width, snapPoints[0]), snapPoints[snapPoints.length - 1]);
+  }
+  return width;
+};
+var Resizer = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(Resizer, _React$Component);
+  var _super = _createSuper(Resizer);
+  function Resizer() {
+    var _this;
+    (0, _classCallCheck2.default)(this, Resizer);
+    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), "resizable", /*#__PURE__*/_react.default.createRef());
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+      isResizing: false
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResizeStart", function (event) {
+      var _this$props = _this.props,
+        _this$props$innerPadd = _this$props.innerPadding,
+        innerPadding = _this$props$innerPadd === void 0 ? 0 : _this$props$innerPadd,
+        highlights = _this$props.highlights,
+        displayGrid = _this$props.displayGrid,
+        layout = _this$props.layout,
+        width = _this$props.width,
+        snapPoints = _this$props.snapPoints;
+
+      // prevent creating a drag event on Firefox
+      event.preventDefault();
+      _this.setState({
+        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);
+      });
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResize", function (_event, _direction, _elementRef, delta) {
+      var _this$props2 = _this.props,
+        highlights = _this$props2.highlights,
+        calcNewSize = _this$props2.calcNewSize,
+        scaleFactor = _this$props2.scaleFactor,
+        snapPoints = _this$props2.snapPoints,
+        displayGrid = _this$props2.displayGrid,
+        layout = _this$props2.layout,
+        updateSize = _this$props2.updateSize,
+        _this$props2$innerPad = _this$props2.innerPadding,
+        innerPadding = _this$props2$innerPad === void 0 ? 0 : _this$props2$innerPad;
+      var resizable = _this.resizable.current;
+      var isResizing = _this.state.isResizing;
+      if (!resizable || !resizable.state.original || !isResizing) {
+        return;
+      }
+      var newWidth = getWidthFromSnapPoints(resizable.state.original.width + delta.width * (scaleFactor || 1), snapPoints);
+      var newSize = calcNewSize(newWidth + innerPadding, false);
+      if (newSize.layout !== layout) {
+        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);
+      resizable.updateSize({
+        width: newWidth,
+        height: 'auto'
+      });
+      resizable.setState({
+        isResizing: true
+      });
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResizeStop", function (_event, _direction, _elementRef, delta) {
+      var _this$props3 = _this.props,
+        highlights = _this$props3.highlights,
+        calcNewSize = _this$props3.calcNewSize,
+        snapPoints = _this$props3.snapPoints,
+        displayGrid = _this$props3.displayGrid,
+        layout = _this$props3.layout,
+        updateSize = _this$props3.updateSize,
+        dispatchAnalyticsEvent = _this$props3.dispatchAnalyticsEvent,
+        nodeType = _this$props3.nodeType;
+      var resizable = _this.resizable.current;
+      var isResizing = _this.state.isResizing;
+      if (!resizable || !resizable.state.original || !isResizing) {
+        return;
+      }
+      var newWidth = getWidthFromSnapPoints(resizable.state.original.width + delta.width, snapPoints);
+      var snapWidth = (0, _utils2.snapTo)(newWidth, snapPoints);
+      var newSize = calcNewSize(snapWidth, true);
+      var newHighlights = highlights(newWidth, snapPoints);
+      if (dispatchAnalyticsEvent) {
+        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);
+      _this.setState({
+        isResizing: false
+      }, function () {
+        updateSize(newSize.width, newSize.layout);
+        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(false, (0, _utils.gridTypeForLayout)(layout), []);
+      });
+    });
+    return _this;
+  }
+  (0, _createClass2.default)(Resizer, [{
+    key: "render",
+    value: function render() {
+      var handleStyles = {};
+      var handles = {};
+      var handleComponent = {};
+      var _this$props4 = this.props,
+        _this$props4$innerPad = _this$props4.innerPadding,
+        innerPadding = _this$props4$innerPad === void 0 ? 0 : _this$props4$innerPad,
+        width = _this$props4.width,
+        pctWidth = _this$props4.pctWidth,
+        selected = _this$props4.selected,
+        layout = _this$props4.layout,
+        enable = _this$props4.enable,
+        children = _this$props4.children,
+        ratio = _this$props4.ratio,
+        handleComponentFunc = _this$props4.handleComponentFunc;
+      var isResizing = this.state.isResizing;
+      _utils2.handleSides.forEach(function (side) {
+        var _handleStyles$side;
+        handles[side] = "richMedia-resize-handle-".concat(side);
+        handleStyles[side] = (_handleStyles$side = {
+          width: '24px'
+        }, (0, _defineProperty2.default)(_handleStyles$side, side, "".concat(-13 - innerPadding, "px")), (0, _defineProperty2.default)(_handleStyles$side, "zIndex", _editorSharedStyles.akRichMediaResizeZIndex), (0, _defineProperty2.default)(_handleStyles$side, "pointerEvents", 'auto'), _handleStyles$side);
+        var sideHandleComponent = handleComponentFunc && handleComponentFunc(side);
+        if (sideHandleComponent) {
+          handleComponent[side] = sideHandleComponent;
+        }
+      });
+      var className = (0, _classnames.default)(_styles.richMediaClassName, "image-".concat(layout), this.props.className, {
+        'is-resizing': isResizing,
+        'not-resized': !pctWidth,
+        'richMedia-selected': selected,
+        'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
+      });
+      var handleWrapperStyle;
+      if (ratio) {
+        handleWrapperStyle = {
+          position: 'absolute',
+          width: '100%',
+          paddingBottom: "".concat(ratio, "%"),
+          top: 0,
+          pointerEvents: 'none'
+        };
+      }
+
+      // Ideally, Resizable would let you pass in the component rather than
+      // the div. For now, we just apply the same styles using CSS
+      return /*#__PURE__*/_react.default.createElement(_reResizable.Resizable, {
+        ref: this.resizable,
+        size: {
+          width: width,
+          // just content itself (no paddings)
+          height: 'auto'
+        },
+        className: className,
+        handleClasses: handles,
+        handleStyles: handleStyles,
+        handleWrapperStyle: handleWrapperStyle,
+        handleComponent: handleComponent,
+        enable: enable,
+        onResize: this.handleResize,
+        onResizeStop: this.handleResizeStop,
+        onResizeStart: this.handleResizeStart
+      }, children);
+    }
+  }]);
+  return Resizer;
+}(_react.default.Component);
+exports.default = Resizer;

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

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.wrapperStyle = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
+var _styled = require("../MediaSingle/styled");
+var _templateObject;
+var 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/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.snapTo = exports.imageAlignmentMap = exports.handleSides = void 0;
+var 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 = {
+  left: 'start',
+  right: 'end'
+};
+exports.imageAlignmentMap = imageAlignmentMap;

package/dist/cjs/ui/index.js

@@ -95,6 +95,12 @@ Object.defineProperty(exports, "IntlProviderIfMissingWrapper", {
     return _IntlProviderIfMissingWrapper.default;
   }
 });
+Object.defineProperty(exports, "LINKPICKER_HEIGHT_IN_PX", {
+  enumerable: true,
+  get: function get() {
+    return _const.LINKPICKER_HEIGHT_IN_PX;
+  }
+});
 Object.defineProperty(exports, "MediaSingle", {
   enumerable: true,
   get: function get() {
@@ -119,6 +125,30 @@ Object.defineProperty(exports, "REACT_INTL_ERROR_MESSAGE", {
     return _IntlErrorBoundary.REACT_INTL_ERROR_MESSAGE;
   }
 });
+Object.defineProperty(exports, "RECENT_SEARCH_HEIGHT_IN_PX", {
+  enumerable: true,
+  get: function get() {
+    return _const.RECENT_SEARCH_HEIGHT_IN_PX;
+  }
+});
+Object.defineProperty(exports, "RECENT_SEARCH_WIDTH_IN_PX", {
+  enumerable: true,
+  get: function get() {
+    return _const.RECENT_SEARCH_WIDTH_IN_PX;
+  }
+});
+Object.defineProperty(exports, "RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX", {
+  enumerable: true,
+  get: function get() {
+    return _const.RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX;
+  }
+});
+Object.defineProperty(exports, "Resizer", {
+  enumerable: true,
+  get: function get() {
+    return _ResizerLegacy.default;
+  }
+});
 Object.defineProperty(exports, "ShadowObserver", {
   enumerable: true,
   get: function get() {
@@ -233,6 +263,18 @@ Object.defineProperty(exports, "getBreakpoint", {
     return _WidthProvider.getBreakpoint;
   }
 });
+Object.defineProperty(exports, "handleSides", {
+  enumerable: true,
+  get: function get() {
+    return _utils.handleSides;
+  }
+});
+Object.defineProperty(exports, "imageAlignmentMap", {
+  enumerable: true,
+  get: function get() {
+    return _utils.imageAlignmentMap;
+  }
+});
 Object.defineProperty(exports, "layoutSupportsWidth", {
   enumerable: true,
   get: function get() {
@@ -281,6 +323,12 @@ Object.defineProperty(exports, "shouldAddDefaultWrappedWidth", {
     return _MediaSingle.shouldAddDefaultWrappedWidth;
   }
 });
+Object.defineProperty(exports, "snapTo", {
+  enumerable: true,
+  get: function get() {
+    return _utils.snapTo;
+  }
+});
 Object.defineProperty(exports, "snapToGrid", {
   enumerable: true,
   get: function get() {
@@ -299,6 +347,12 @@ Object.defineProperty(exports, "wrappedLayouts", {
     return _grid.wrappedLayouts;
   }
 });
+Object.defineProperty(exports, "wrapperStyle", {
+  enumerable: true,
+  get: function get() {
+    return _styled2.wrapperStyle;
+  }
+});
 var _Caption = _interopRequireDefault(require("./Caption"));
 var _MediaSingle = _interopRequireWildcard(require("./MediaSingle"));
 var _styled = require("./MediaSingle/styled");
@@ -319,6 +373,10 @@ var _clearNextSiblingMarginTop = require("./clear-next-sibling-margin-top");
 var _IntlErrorBoundary = require("./IntlErrorBoundary");
 var _IntlProviderIfMissingWrapper = _interopRequireDefault(require("./IntlProviderIfMissingWrapper"));
 var _Button = _interopRequireDefault(require("./FloatingToolbar/Button"));
+var _const = require("./LinkSearch/const");
 var _context = require("./ContextPanel/context");
+var _ResizerLegacy = _interopRequireDefault(require("./ResizerLegacy"));
+var _utils = require("./ResizerLegacy/utils");
+var _styled2 = require("./ResizerLegacy/styled");
 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; }