@atlaskit/editor-core 187.41.5 → 187.41.8

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-core
 
+## 187.41.8
+
+### Patch Changes
+
+- [`890ab8d6307`](https://bitbucket.org/atlassian/atlassian-frontend/commits/890ab8d6307) - NO-ISSUE Move doc builder types to editor-common to break circular dependencies
+- Updated dependencies
+
+## 187.41.7
+
+### Patch Changes
+
+- [`64c9a1be1b1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/64c9a1be1b1) - [ux] Show notification dot when image is sized using percentage or legacy
+
 ## 187.41.5
 
 ### Patch Changes

package/dist/cjs/plugins/media/nodeviews/mediaSingle.js

@@ -407,7 +407,9 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         ref: this.captionPlaceHolderRef,
         onClick: this.clickPlaceholder
       }));
-      return canResize ? (0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience') ? (0, _react.jsx)(_ResizableMediaSingleNext.default, resizableMediaSingleProps, MediaChildren) : (0, _react.jsx)(_ResizableMediaSingle.default, (0, _extends2.default)({}, resizableMediaSingleProps, {
+      return canResize ? (0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience') ? (0, _react.jsx)(_ResizableMediaSingleNext.default, (0, _extends2.default)({}, resizableMediaSingleProps, {
+        showLegacyNotification: widthType !== 'pixel'
+      }), MediaChildren) : (0, _react.jsx)(_ResizableMediaSingle.default, (0, _extends2.default)({}, resizableMediaSingleProps, {
         lineLength: contentWidthForLegacyExperience
       }), MediaChildren) : (0, _react.jsx)(_ui.MediaSingle, mediaSingleProps, MediaChildren);
     }

package/dist/cjs/plugins/media/ui/ResizableMediaSingle/ResizableMediaMigrationNotification.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResizableMediaMigrationNotification = void 0;
+var _react = require("@emotion/react");
+var _styles = require("./styles");
+/** @jsx jsx */
+
+var ResizableMediaMigrationNotification = function ResizableMediaMigrationNotification() {
+  return (0, _react.jsx)("div", {
+    "data-testid": "resizable-media-migration-notification",
+    css: [_styles.resizableMediaMigrationNotificationStyle]
+  });
+};
+exports.ResizableMediaMigrationNotification = ResizableMediaMigrationNotification;

package/dist/cjs/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -32,6 +32,7 @@ var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _analytics = require("../../utils/analytics");
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
 var _main = require("../../pm-plugins/main");
+var _ResizableMediaMigrationNotification = require("./ResizableMediaMigrationNotification");
 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 resizerNextTestId = 'mediaSingle.resizerNext.testid';
@@ -502,7 +503,8 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         fullWidthMode = _this$props8.fullWidthMode,
         selected = _this$props8.selected,
         children = _this$props8.children,
-        lineLength = _this$props8.lineLength;
+        lineLength = _this$props8.lineLength,
+        showLegacyNotification = _this$props8.showLegacyNotification;
       var _this$state = this.state,
         isResizing = _this$state.isResizing,
         size = _this$state.size,
@@ -554,7 +556,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         isHandleVisible: selected,
         handlePositioning: isNestedNode ? 'adjacent' : undefined,
         handleHighlight: "full-height"
-      }, children));
+      }, children, showLegacyNotification && (0, _react2.jsx)(_ResizableMediaMigrationNotification.ResizableMediaMigrationNotification, null)));
     }
   }]);
   return ResizableMediaSingleNext;

package/dist/cjs/plugins/media/ui/ResizableMediaSingle/styles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resizableMediaMigrationNotificationStyle = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
+var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
+var _templateObject;
+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 NOTIFICATION_SIZE = 8;
+var SPACE_FROM_EDGE = "var(--ds-space-100, 8px)";
+var resizableMediaMigrationNotificationStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: ", ";\n  right: calc(", " + ", ");\n  background-color: ", ";\n  border-radius: ", ";\n  width: ", "px;\n  height: ", "px;\n  pointer-events: none;\n"])), SPACE_FROM_EDGE, "var(--ds-space-150, 12px)", SPACE_FROM_EDGE, "var(--ds-background-warning-bold, ".concat(colors.Y300, ")"), "var(--ds-border-radius-circle, 50%)", NOTIFICATION_SIZE, NOTIFICATION_SIZE);
+exports.resizableMediaMigrationNotificationStyle = resizableMediaMigrationNotificationStyle;

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "187.41.5";
+var version = "187.41.8";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/es2019/plugins/media/nodeviews/mediaSingle.js

@@ -317,7 +317,9 @@ export default class MediaSingleNode extends Component {
       ref: this.captionPlaceHolderRef,
       onClick: this.clickPlaceholder
     }));
-    return canResize ? getBooleanFF('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext, resizableMediaSingleProps, MediaChildren) : jsx(ResizableMediaSingle, _extends({}, resizableMediaSingleProps, {
+    return canResize ? getBooleanFF('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext, _extends({}, resizableMediaSingleProps, {
+      showLegacyNotification: widthType !== 'pixel'
+    }), MediaChildren) : jsx(ResizableMediaSingle, _extends({}, resizableMediaSingleProps, {
       lineLength: contentWidthForLegacyExperience
     }), MediaChildren) : jsx(MediaSingle, mediaSingleProps, MediaChildren);
   }

package/dist/es2019/plugins/media/ui/ResizableMediaSingle/ResizableMediaMigrationNotification.js

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { resizableMediaMigrationNotificationStyle } from './styles';
+export const ResizableMediaMigrationNotification = () => {
+  return jsx("div", {
+    "data-testid": "resizable-media-migration-notification",
+    css: [resizableMediaMigrationNotificationStyle]
+  });
+};

package/dist/es2019/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -17,6 +17,7 @@ import memoizeOne from 'memoize-one';
 import { getMediaResizeAnalyticsEvent } from '../../utils/analytics';
 import throttle from 'lodash/throttle';
 import { MEDIA_PLUGIN_IS_RESIZING_KEY, MEDIA_PLUGIN_RESIZING_WIDTH_KEY } from '../../pm-plugins/main';
+import { ResizableMediaMigrationNotification } from './ResizableMediaMigrationNotification';
 export const resizerNextTestId = 'mediaSingle.resizerNext.testid';
 class ResizableMediaSingleNext extends React.Component {
   constructor(props) {
@@ -418,7 +419,8 @@ class ResizableMediaSingleNext extends React.Component {
       fullWidthMode,
       selected,
       children,
-      lineLength
+      lineLength,
+      showLegacyNotification
     } = this.props;
     const {
       isResizing,
@@ -472,7 +474,7 @@ class ResizableMediaSingleNext extends React.Component {
       isHandleVisible: selected,
       handlePositioning: isNestedNode ? 'adjacent' : undefined,
       handleHighlight: "full-height"
-    }, children));
+    }, children, showLegacyNotification && jsx(ResizableMediaMigrationNotification, null)));
   }
 }
 export default ResizableMediaSingleNext;

package/dist/es2019/plugins/media/ui/ResizableMediaSingle/styles.js

@@ -0,0 +1,14 @@
+import { css } from '@emotion/react';
+import * as colors from '@atlaskit/theme/colors';
+const NOTIFICATION_SIZE = 8;
+const SPACE_FROM_EDGE = "var(--ds-space-100, 8px)";
+export const resizableMediaMigrationNotificationStyle = css`
+  position: absolute;
+  top: ${SPACE_FROM_EDGE};
+  right: calc(${"var(--ds-space-150, 12px)"} + ${SPACE_FROM_EDGE});
+  background-color: ${`var(--ds-background-warning-bold, ${colors.Y300})`};
+  border-radius: ${"var(--ds-border-radius-circle, 50%)"};
+  width: ${NOTIFICATION_SIZE}px;
+  height: ${NOTIFICATION_SIZE}px;
+  pointer-events: none;
+`;

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "187.41.5";
+export const version = "187.41.8";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/plugins/media/nodeviews/mediaSingle.js

@@ -398,7 +398,9 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         ref: this.captionPlaceHolderRef,
         onClick: this.clickPlaceholder
       }));
-      return canResize ? getBooleanFF('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext, resizableMediaSingleProps, MediaChildren) : jsx(ResizableMediaSingle, _extends({}, resizableMediaSingleProps, {
+      return canResize ? getBooleanFF('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext, _extends({}, resizableMediaSingleProps, {
+        showLegacyNotification: widthType !== 'pixel'
+      }), MediaChildren) : jsx(ResizableMediaSingle, _extends({}, resizableMediaSingleProps, {
         lineLength: contentWidthForLegacyExperience
       }), MediaChildren) : jsx(MediaSingle, mediaSingleProps, MediaChildren);
     }

package/dist/esm/plugins/media/ui/ResizableMediaSingle/ResizableMediaMigrationNotification.js

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { resizableMediaMigrationNotificationStyle } from './styles';
+export var ResizableMediaMigrationNotification = function ResizableMediaMigrationNotification() {
+  return jsx("div", {
+    "data-testid": "resizable-media-migration-notification",
+    css: [resizableMediaMigrationNotificationStyle]
+  });
+};

package/dist/esm/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -28,6 +28,7 @@ import memoizeOne from 'memoize-one';
 import { getMediaResizeAnalyticsEvent } from '../../utils/analytics';
 import throttle from 'lodash/throttle';
 import { MEDIA_PLUGIN_IS_RESIZING_KEY, MEDIA_PLUGIN_RESIZING_WIDTH_KEY } from '../../pm-plugins/main';
+import { ResizableMediaMigrationNotification } from './ResizableMediaMigrationNotification';
 export var resizerNextTestId = 'mediaSingle.resizerNext.testid';
 var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
   _inherits(ResizableMediaSingleNext, _React$Component);
@@ -495,7 +496,8 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         fullWidthMode = _this$props8.fullWidthMode,
         selected = _this$props8.selected,
         children = _this$props8.children,
-        lineLength = _this$props8.lineLength;
+        lineLength = _this$props8.lineLength,
+        showLegacyNotification = _this$props8.showLegacyNotification;
       var _this$state = this.state,
         isResizing = _this$state.isResizing,
         size = _this$state.size,
@@ -547,7 +549,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         isHandleVisible: selected,
         handlePositioning: isNestedNode ? 'adjacent' : undefined,
         handleHighlight: "full-height"
-      }, children));
+      }, children, showLegacyNotification && jsx(ResizableMediaMigrationNotification, null)));
     }
   }]);
   return ResizableMediaSingleNext;

package/dist/esm/plugins/media/ui/ResizableMediaSingle/styles.js

@@ -0,0 +1,7 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+import { css } from '@emotion/react';
+import * as colors from '@atlaskit/theme/colors';
+var NOTIFICATION_SIZE = 8;
+var SPACE_FROM_EDGE = "var(--ds-space-100, 8px)";
+export var resizableMediaMigrationNotificationStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  top: ", ";\n  right: calc(", " + ", ");\n  background-color: ", ";\n  border-radius: ", ";\n  width: ", "px;\n  height: ", "px;\n  pointer-events: none;\n"])), SPACE_FROM_EDGE, "var(--ds-space-150, 12px)", SPACE_FROM_EDGE, "var(--ds-background-warning-bold, ".concat(colors.Y300, ")"), "var(--ds-border-radius-circle, 50%)", NOTIFICATION_SIZE, NOTIFICATION_SIZE);

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "187.41.5";
+export var version = "187.41.8";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/types/plugins/media/ui/ResizableMediaSingle/ResizableMediaMigrationNotification.d.ts

@@ -0,0 +1,3 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export declare const ResizableMediaMigrationNotification: () => jsx.JSX.Element;

package/dist/types/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.d.ts

@@ -15,8 +15,10 @@ type State = {
     relativeGuides: RelativeGuides;
     guidelines: GuidelineConfig[];
 };
-type ResizableMediaSingleNextProps = Props;
 export declare const resizerNextTestId = "mediaSingle.resizerNext.testid";
+type ResizableMediaSingleNextProps = Props & {
+    showLegacyNotification?: boolean;
+};
 declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSingleNextProps, State> {
     private lastSnappedGuidelineKeys;
     constructor(props: ResizableMediaSingleNextProps);

package/dist/types/plugins/media/ui/ResizableMediaSingle/styles.d.ts

@@ -0,0 +1 @@
+export declare const resizableMediaMigrationNotificationStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/plugins/media/ui/ResizableMediaSingle/ResizableMediaMigrationNotification.d.ts

@@ -0,0 +1,3 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export declare const ResizableMediaMigrationNotification: () => jsx.JSX.Element;

package/dist/types-ts4.5/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.d.ts

@@ -15,8 +15,10 @@ type State = {
     relativeGuides: RelativeGuides;
     guidelines: GuidelineConfig[];
 };
-type ResizableMediaSingleNextProps = Props;
 export declare const resizerNextTestId = "mediaSingle.resizerNext.testid";
+type ResizableMediaSingleNextProps = Props & {
+    showLegacyNotification?: boolean;
+};
 declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSingleNextProps, State> {
     private lastSnappedGuidelineKeys;
     constructor(props: ResizableMediaSingleNextProps);

package/dist/types-ts4.5/plugins/media/ui/ResizableMediaSingle/styles.d.ts

@@ -0,0 +1 @@
+export declare const resizableMediaMigrationNotificationStyle: import("@emotion/react").SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "187.41.5",
+  "version": "187.41.8",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -108,7 +108,7 @@
     "@atlaskit/radio": "^5.6.0",
     "@atlaskit/section-message": "^6.4.0",
     "@atlaskit/select": "^16.5.0",
-    "@atlaskit/smart-card": "^26.23.0",
+    "@atlaskit/smart-card": "^26.24.0",
     "@atlaskit/smart-user-picker": "^6.3.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/status": "^1.3.0",
@@ -118,7 +118,7 @@
     "@atlaskit/textfield": "^5.6.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/toggle": "^12.6.0",
-    "@atlaskit/tokens": "^1.21.0",
+    "@atlaskit/tokens": "^1.22.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/width-detector": "^4.1.0",
     "@babel/runtime": "^7.0.0",
@@ -147,6 +147,7 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
+    "@af/editor-libra": "*",
     "@af/integration-testing": "*",
     "@atlaskit/code": "^14.6.0",
     "@atlaskit/collab-provider": "9.12.2",
@@ -158,7 +159,7 @@
     "@atlaskit/inline-dialog": "^13.6.0",
     "@atlaskit/link-analytics": "^8.2.0",
     "@atlaskit/link-provider": "^1.6.0",
-    "@atlaskit/link-test-helpers": "^6.0.0",
+    "@atlaskit/link-test-helpers": "^6.1.0",
     "@atlaskit/media-core": "^34.1.0",
     "@atlaskit/media-integration-test-helpers": "^3.0.0",
     "@atlaskit/media-test-helpers": "^33.0.0",