@atlaskit/editor-common 102.13.5 → 102.13.6

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/editor-common
 
+## 102.13.6
+
+### Patch Changes
+
+- [#131280](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/131280)
+  [`9ff92ea2432f2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9ff92ea2432f2) -
+  [ED-27082] Fix media overflow toolbar to show correct options + update separators between button
+  groups
+- Updated dependencies
+
 ## 102.13.5
 
 ### Patch Changes

package/dist/cjs/media/messages/pixelEntry.js

@@ -60,5 +60,10 @@ var pixelEntryMessages = exports.pixelEntryMessages = (0, _reactIntlNext.defineM
     id: 'fabric.editor.media.pixelEntry.closePixelEntry',
     defaultMessage: 'Close',
     description: 'The text give to the close button used to close the pixel inputs and go back to main toolbar'
+  },
+  resizeOption: {
+    id: 'fabric.editor.media.pixelEntry.ResizeOption',
+    defaultMessage: 'Resize',
+    description: 'The text give to the resize option in the overflow dropdown for images'
   }
 });

package/dist/cjs/media-inline/media-inline-image-card.js

@@ -16,6 +16,7 @@ var _mediaCard = require("@atlaskit/media-card");
 var _mediaClient = require("@atlaskit/media-client");
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _mediaViewer = require("@atlaskit/media-viewer");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _mediaInlineCard = require("../messages/media-inline-card");
 var _constants = require("./constants");
 var _inlineImageCard = require("./inline-image-card");
@@ -39,7 +40,8 @@ var MediaInlineImageCardInternal = exports.MediaInlineImageCardInternal = functi
     border = _ref.border,
     ssr = _ref.ssr,
     serializeDataAttrs = _ref.serializeDataAttrs,
-    shouldOpenMediaViewer = _ref.shouldOpenMediaViewer;
+    shouldOpenMediaViewer = _ref.shouldOpenMediaViewer,
+    isViewOnly = _ref.isViewOnly;
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     fileState = _useState2[0],
@@ -194,11 +196,18 @@ var MediaInlineImageCardInternal = exports.MediaInlineImageCardInternal = functi
     }
     return {};
   }, [alt, fileState, height, identifier, width, serializeDataAttrs]);
-  var onMediaInlineImageClick = (0, _react.useCallback)(function () {
+  var onMediaInlineImageClick = (0, _react.useCallback)(function (e) {
     if (shouldOpenMediaViewer) {
       setMediaViewerVisible(true);
     }
-  }, [shouldOpenMediaViewer]);
+
+    // In edit mode (node content wrapper has contenteditable set to true), link redirection is disabled by default
+    // We need to call "stopPropagation" here in order to prevent in editor view mode, the browser from navigating to
+    // another URL if the media node is wrapped in a link mark.
+    if (isViewOnly && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
+      e.preventDefault();
+    }
+  }, [shouldOpenMediaViewer, isViewOnly]);
   var onMediaInlinePreviewClose = (0, _react.useCallback)(function () {
     setMediaViewerVisible(false);
   }, []);

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "102.13.5";
+var packageVersion = "102.13.6";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "102.13.5";
+var packageVersion = "102.13.6";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/es2019/media/messages/pixelEntry.js

@@ -54,5 +54,10 @@ export const pixelEntryMessages = defineMessages({
     id: 'fabric.editor.media.pixelEntry.closePixelEntry',
     defaultMessage: 'Close',
     description: 'The text give to the close button used to close the pixel inputs and go back to main toolbar'
+  },
+  resizeOption: {
+    id: 'fabric.editor.media.pixelEntry.ResizeOption',
+    defaultMessage: 'Resize',
+    description: 'The text give to the resize option in the overflow dropdown for images'
   }
 });

package/dist/es2019/media-inline/media-inline-image-card.js

@@ -13,6 +13,7 @@ import { fireFailedMediaInlineEvent, fireSucceededMediaInlineEvent, MediaCardErr
 import { FileFetcherError } from '@atlaskit/media-client';
 import { MediaClientContext } from '@atlaskit/media-client-react';
 import { MediaViewer } from '@atlaskit/media-viewer';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { messages } from '../messages/media-inline-card';
 import { referenceHeights } from './constants';
 import { InlineImageCard } from './inline-image-card';
@@ -31,7 +32,8 @@ export const MediaInlineImageCardInternal = ({
   border,
   ssr,
   serializeDataAttrs,
-  shouldOpenMediaViewer
+  shouldOpenMediaViewer,
+  isViewOnly
 }) => {
   const [fileState, setFileState] = useState();
   const [subscribeError, setSubscribeError] = useState();
@@ -169,11 +171,18 @@ export const MediaInlineImageCardInternal = ({
     }
     return {};
   }, [alt, fileState, height, identifier, width, serializeDataAttrs]);
-  const onMediaInlineImageClick = useCallback(() => {
+  const onMediaInlineImageClick = useCallback(e => {
     if (shouldOpenMediaViewer) {
       setMediaViewerVisible(true);
     }
-  }, [shouldOpenMediaViewer]);
+
+    // In edit mode (node content wrapper has contenteditable set to true), link redirection is disabled by default
+    // We need to call "stopPropagation" here in order to prevent in editor view mode, the browser from navigating to
+    // another URL if the media node is wrapped in a link mark.
+    if (isViewOnly && editorExperiment('platform_editor_controls', 'variant1')) {
+      e.preventDefault();
+    }
+  }, [shouldOpenMediaViewer, isViewOnly]);
   const onMediaInlinePreviewClose = useCallback(() => {
     setMediaViewerVisible(false);
   }, []);

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "102.13.5";
+const packageVersion = "102.13.6";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "102.13.5";
+const packageVersion = "102.13.6";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/esm/media/messages/pixelEntry.js

@@ -54,5 +54,10 @@ export var pixelEntryMessages = defineMessages({
     id: 'fabric.editor.media.pixelEntry.closePixelEntry',
     defaultMessage: 'Close',
     description: 'The text give to the close button used to close the pixel inputs and go back to main toolbar'
+  },
+  resizeOption: {
+    id: 'fabric.editor.media.pixelEntry.ResizeOption',
+    defaultMessage: 'Resize',
+    description: 'The text give to the resize option in the overflow dropdown for images'
   }
 });

package/dist/esm/media-inline/media-inline-image-card.js

@@ -17,6 +17,7 @@ import { fireFailedMediaInlineEvent, fireSucceededMediaInlineEvent, MediaCardErr
 import { FileFetcherError } from '@atlaskit/media-client';
 import { MediaClientContext } from '@atlaskit/media-client-react';
 import { MediaViewer } from '@atlaskit/media-viewer';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { messages } from '../messages/media-inline-card';
 import { referenceHeights } from './constants';
 import { InlineImageCard } from './inline-image-card';
@@ -35,7 +36,8 @@ export var MediaInlineImageCardInternal = function MediaInlineImageCardInternal(
     border = _ref.border,
     ssr = _ref.ssr,
     serializeDataAttrs = _ref.serializeDataAttrs,
-    shouldOpenMediaViewer = _ref.shouldOpenMediaViewer;
+    shouldOpenMediaViewer = _ref.shouldOpenMediaViewer,
+    isViewOnly = _ref.isViewOnly;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     fileState = _useState2[0],
@@ -190,11 +192,18 @@ export var MediaInlineImageCardInternal = function MediaInlineImageCardInternal(
     }
     return {};
   }, [alt, fileState, height, identifier, width, serializeDataAttrs]);
-  var onMediaInlineImageClick = useCallback(function () {
+  var onMediaInlineImageClick = useCallback(function (e) {
     if (shouldOpenMediaViewer) {
       setMediaViewerVisible(true);
     }
-  }, [shouldOpenMediaViewer]);
+
+    // In edit mode (node content wrapper has contenteditable set to true), link redirection is disabled by default
+    // We need to call "stopPropagation" here in order to prevent in editor view mode, the browser from navigating to
+    // another URL if the media node is wrapped in a link mark.
+    if (isViewOnly && editorExperiment('platform_editor_controls', 'variant1')) {
+      e.preventDefault();
+    }
+  }, [shouldOpenMediaViewer, isViewOnly]);
   var onMediaInlinePreviewClose = useCallback(function () {
     setMediaViewerVisible(false);
   }, []);

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "102.13.5";
+var packageVersion = "102.13.6";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "102.13.5";
+var packageVersion = "102.13.6";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/types/media/messages/pixelEntry.d.ts

@@ -54,4 +54,9 @@ export declare const pixelEntryMessages: {
         defaultMessage: string;
         description: string;
     };
+    resizeOption: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types/media-inline/media-inline-image-card.d.ts

@@ -15,6 +15,7 @@ export interface MediaInlineImageCardProps {
     };
     ssr?: MediaSSR;
     shouldOpenMediaViewer?: boolean;
+    isViewOnly?: boolean;
 }
-export declare const MediaInlineImageCardInternal: ({ mediaClient, identifier, isSelected, intl, alt, isLazy, width, height, border, ssr, serializeDataAttrs, shouldOpenMediaViewer, }: MediaInlineImageCardProps & WrappedComponentProps & MediaInlineAttrs) => jsx.JSX.Element;
+export declare const MediaInlineImageCardInternal: ({ mediaClient, identifier, isSelected, intl, alt, isLazy, width, height, border, ssr, serializeDataAttrs, shouldOpenMediaViewer, isViewOnly, }: MediaInlineImageCardProps & WrappedComponentProps & MediaInlineAttrs) => jsx.JSX.Element;
 export declare const MediaInlineImageCard: React.ComponentType<React.PropsWithChildren<MediaInlineImageCardProps & MediaInlineAttrs>>;

package/dist/types-ts4.5/media/messages/pixelEntry.d.ts

@@ -54,4 +54,9 @@ export declare const pixelEntryMessages: {
         defaultMessage: string;
         description: string;
     };
+    resizeOption: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types-ts4.5/media-inline/media-inline-image-card.d.ts

@@ -15,6 +15,7 @@ export interface MediaInlineImageCardProps {
     };
     ssr?: MediaSSR;
     shouldOpenMediaViewer?: boolean;
+    isViewOnly?: boolean;
 }
-export declare const MediaInlineImageCardInternal: ({ mediaClient, identifier, isSelected, intl, alt, isLazy, width, height, border, ssr, serializeDataAttrs, shouldOpenMediaViewer, }: MediaInlineImageCardProps & WrappedComponentProps & MediaInlineAttrs) => jsx.JSX.Element;
+export declare const MediaInlineImageCardInternal: ({ mediaClient, identifier, isSelected, intl, alt, isLazy, width, height, border, ssr, serializeDataAttrs, shouldOpenMediaViewer, isViewOnly, }: MediaInlineImageCardProps & WrappedComponentProps & MediaInlineAttrs) => jsx.JSX.Element;
 export declare const MediaInlineImageCard: React.ComponentType<React.PropsWithChildren<MediaInlineImageCardProps & MediaInlineAttrs>>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "102.13.5",
+	"version": "102.13.6",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"