@atlaskit/editor-common 76.23.1 → 76.23.3

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-common
 
+## 76.23.3
+
+### Patch Changes
+
+- [#42839](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42839) [`7324375d4fa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7324375d4fa) - [ux] Cleansup feature flag `prevent-popup-overflow` so that it is permanently enabled when `lp-link-picker` flag is enabled, improving the positioning of the link picker.
+- Updated dependencies
+
+## 76.23.2
+
+### Patch Changes
+
+- [#43825](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43825) [`b21c6c1caa8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b21c6c1caa8) - [ux] [ED-20885] Group layout buttons in mediaSingle floating toolbar into a dropdown
+
 ## 76.23.1
 
 ### Patch Changes

package/dist/cjs/card/MediaAndEmbedsToolbar/index.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.wrappingIcons = exports.layoutToMessages = exports.default = exports.alignmentIcons = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _state = require("@atlaskit/editor-prosemirror/state");
@@ -29,7 +29,8 @@ 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; }
 // Workaround as we don't want to import this package into `editor-common`
 // We'll get type errors if this gets out of sync with `editor-plugin-width`.
-var alignmentIcons = [{
+
+var alignmentIcons = exports.alignmentIcons = [{
   id: 'editor.media.alignLeft',
   value: 'align-start',
   icon: _alignImageLeft.default
@@ -42,7 +43,7 @@ var alignmentIcons = [{
   value: 'align-end',
   icon: _alignImageRight.default
 }];
-var wrappingIcons = [{
+var wrappingIcons = exports.wrappingIcons = [{
   id: 'editor.media.wrapLeft',
   value: 'wrap-left',
   icon: _mediaWrapLeft.default
@@ -58,7 +59,7 @@ var breakoutIcons = [{
   value: 'full-width',
   icon: _mediaFullWidth.default
 }];
-var layoutToMessages = {
+var layoutToMessages = exports.layoutToMessages = {
   'wrap-left': _messages.mediaAndEmbedToolbarMessages.wrapLeft,
   center: _messages.default.alignImageCenter,
   'wrap-right': _messages.mediaAndEmbedToolbarMessages.wrapRight,

package/dist/cjs/card/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,6 +17,12 @@ Object.defineProperty(exports, "addLinkMetadata", {
     return _utils.addLinkMetadata;
   }
 });
+Object.defineProperty(exports, "alignmentIcons", {
+  enumerable: true,
+  get: function get() {
+    return _MediaAndEmbedsToolbar.alignmentIcons;
+  }
+});
 Object.defineProperty(exports, "buildLayoutButtons", {
   enumerable: true,
   get: function get() {
@@ -41,8 +47,22 @@ Object.defineProperty(exports, "getLinkMetadataFromTransaction", {
     return _utils.getLinkMetadataFromTransaction;
   }
 });
+Object.defineProperty(exports, "layoutToMessages", {
+  enumerable: true,
+  get: function get() {
+    return _MediaAndEmbedsToolbar.layoutToMessages;
+  }
+});
+Object.defineProperty(exports, "wrappingIcons", {
+  enumerable: true,
+  get: function get() {
+    return _MediaAndEmbedsToolbar.wrappingIcons;
+  }
+});
 var _utils = require("./utils");
-var _MediaAndEmbedsToolbar = _interopRequireDefault(require("./MediaAndEmbedsToolbar"));
+var _MediaAndEmbedsToolbar = _interopRequireWildcard(require("./MediaAndEmbedsToolbar"));
 var _LinkToolbarButtonGroup = require("./LinkToolbarButtonGroup");
 var _linkToolbarButtonGroupOptions = require("./link-toolbar-button-group-options");
+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 DATASOURCE_INNER_CONTAINER_CLASSNAME = exports.DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,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; }
 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 = "76.23.1";
+var packageVersion = "76.23.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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 = "76.23.1";
+var packageVersion = "76.23.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/card/MediaAndEmbedsToolbar/index.js

@@ -16,7 +16,7 @@ import { alignAttributes, isInLayoutColumn, nonWrappedLayouts } from '../../util
 
 // Workaround as we don't want to import this package into `editor-common`
 // We'll get type errors if this gets out of sync with `editor-plugin-width`.
-const alignmentIcons = [{
+export const alignmentIcons = [{
   id: 'editor.media.alignLeft',
   value: 'align-start',
   icon: EditorAlignImageLeft
@@ -29,7 +29,7 @@ const alignmentIcons = [{
   value: 'align-end',
   icon: EditorAlignImageRight
 }];
-const wrappingIcons = [{
+export const wrappingIcons = [{
   id: 'editor.media.wrapLeft',
   value: 'wrap-left',
   icon: WrapLeftIcon
@@ -45,7 +45,7 @@ const breakoutIcons = [{
   value: 'full-width',
   icon: FullWidthIcon
 }];
-const layoutToMessages = {
+export const layoutToMessages = {
   'wrap-left': toolbarMessages.wrapLeft,
   center: commonMessages.alignImageCenter,
   'wrap-right': toolbarMessages.wrapRight,

package/dist/es2019/card/index.js

@@ -1,5 +1,5 @@
 export { addLinkMetadata, getLinkMetadataFromTransaction, commandWithMetadata } from './utils';
-export { default as buildLayoutButtons } from './MediaAndEmbedsToolbar';
+export { default as buildLayoutButtons, alignmentIcons, wrappingIcons, layoutToMessages } from './MediaAndEmbedsToolbar';
 export { LinkToolbarButtonGroup } from './LinkToolbarButtonGroup';
 export { getButtonGroupOption } from './link-toolbar-button-group-options';
 export const DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 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 = "76.23.1";
+const packageVersion = "76.23.3";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -9,7 +9,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "76.23.1";
+const packageVersion = "76.23.3";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/card/MediaAndEmbedsToolbar/index.js

@@ -20,7 +20,7 @@ import { alignAttributes, isInLayoutColumn, nonWrappedLayouts } from '../../util
 
 // Workaround as we don't want to import this package into `editor-common`
 // We'll get type errors if this gets out of sync with `editor-plugin-width`.
-var alignmentIcons = [{
+export var alignmentIcons = [{
   id: 'editor.media.alignLeft',
   value: 'align-start',
   icon: EditorAlignImageLeft
@@ -33,7 +33,7 @@ var alignmentIcons = [{
   value: 'align-end',
   icon: EditorAlignImageRight
 }];
-var wrappingIcons = [{
+export var wrappingIcons = [{
   id: 'editor.media.wrapLeft',
   value: 'wrap-left',
   icon: WrapLeftIcon
@@ -49,7 +49,7 @@ var breakoutIcons = [{
   value: 'full-width',
   icon: FullWidthIcon
 }];
-var layoutToMessages = {
+export var layoutToMessages = {
   'wrap-left': toolbarMessages.wrapLeft,
   center: commonMessages.alignImageCenter,
   'wrap-right': toolbarMessages.wrapRight,

package/dist/esm/card/index.js

@@ -1,5 +1,5 @@
 export { addLinkMetadata, getLinkMetadataFromTransaction, commandWithMetadata } from './utils';
-export { default as buildLayoutButtons } from './MediaAndEmbedsToolbar';
+export { default as buildLayoutButtons, alignmentIcons, wrappingIcons, layoutToMessages } from './MediaAndEmbedsToolbar';
 export { LinkToolbarButtonGroup } from './LinkToolbarButtonGroup';
 export { getButtonGroupOption } from './link-toolbar-button-group-options';
 export var DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';

package/dist/esm/monitoring/error.js

@@ -6,7 +6,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) { _defineProperty(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; }
 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 = "76.23.1";
+var packageVersion = "76.23.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -19,7 +19,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "76.23.1";
+var packageVersion = "76.23.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/types/card/MediaAndEmbedsToolbar/index.d.ts

@@ -1,11 +1,23 @@
-import { IntlShape } from 'react-intl-next';
-import { NodeType } from '@atlaskit/editor-prosemirror/model';
-import { EditorState } from '@atlaskit/editor-prosemirror/state';
-import { EditorAnalyticsAPI } from '../../analytics';
+/// <reference types="react" />
+import type { IntlShape } from 'react-intl-next';
+import type { NodeType } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { EditorAnalyticsAPI } from '../../analytics';
 import type { Command, EditorContainerWidth, FloatingToolbarItem, NextEditorPlugin, PluginDependenciesAPI } from '../../types';
 type WidthPluginType = NextEditorPlugin<'width', {
     sharedState: EditorContainerWidth | undefined;
 }>;
 type WidthPluginDependencyApi = PluginDependenciesAPI<WidthPluginType> | undefined;
+export type LayoutIcon = {
+    id?: string;
+    value: string;
+    icon: React.ComponentClass<any>;
+};
+export type IconMap = Array<LayoutIcon | {
+    value: 'separator';
+}>;
+export declare const alignmentIcons: LayoutIcon[];
+export declare const wrappingIcons: LayoutIcon[];
+export declare const layoutToMessages: Record<string, any>;
 declare const buildLayoutButtons: (state: EditorState, intl: IntlShape, nodeType: NodeType, widthPluginDependencyApi: WidthPluginDependencyApi, analyticsApi: EditorAnalyticsAPI | undefined, allowResizing?: boolean, allowResizingInTables?: boolean, allowWrapping?: boolean, allowAlignment?: boolean, isChangingLayoutDisabled?: boolean) => FloatingToolbarItem<Command>[];
 export default buildLayoutButtons;

package/dist/types/card/index.d.ts

@@ -1,6 +1,7 @@
 export type { CardOptions } from './cardOptions';
 export { addLinkMetadata, getLinkMetadataFromTransaction, commandWithMetadata, } from './utils';
-export { default as buildLayoutButtons } from './MediaAndEmbedsToolbar';
+export { default as buildLayoutButtons, alignmentIcons, wrappingIcons, layoutToMessages, } from './MediaAndEmbedsToolbar';
+export type { IconMap, LayoutIcon } from './MediaAndEmbedsToolbar';
 export type { OptionConfig, CardPluginActions, QueueCardsFromTransactionAction, HideLinkToolbarAction, ChangeSelectedCardToLink, SetSelectedCardAppearance, CardReplacementInputMethod, } from './types';
 export { LinkToolbarButtonGroup } from './LinkToolbarButtonGroup';
 export { getButtonGroupOption } from './link-toolbar-button-group-options';

package/dist/types/types/feature-flags.d.ts

@@ -229,15 +229,6 @@ export type FeatureFlags = {
      * @default false
      */
     restartNumberedLists?: boolean;
-    /**
-     * @description
-     * Force the Popup placement if the space does not accomodate the Popup fitHeight
-     *
-     * @see https://product-fabric.atlassian.net/wiki/spaces/EM/pages/3158246501/PP+Link+Picker+-+Standalone
-     * @see https://product-fabric.atlassian.net/browse/EDM-2577
-     * @default false
-     */
-    preventPopupOverflow?: boolean;
     /**
      * @description
      * Enable the new editor media resize experience.

package/dist/types-ts4.5/card/MediaAndEmbedsToolbar/index.d.ts

@@ -1,11 +1,23 @@
-import { IntlShape } from 'react-intl-next';
-import { NodeType } from '@atlaskit/editor-prosemirror/model';
-import { EditorState } from '@atlaskit/editor-prosemirror/state';
-import { EditorAnalyticsAPI } from '../../analytics';
+/// <reference types="react" />
+import type { IntlShape } from 'react-intl-next';
+import type { NodeType } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { EditorAnalyticsAPI } from '../../analytics';
 import type { Command, EditorContainerWidth, FloatingToolbarItem, NextEditorPlugin, PluginDependenciesAPI } from '../../types';
 type WidthPluginType = NextEditorPlugin<'width', {
     sharedState: EditorContainerWidth | undefined;
 }>;
 type WidthPluginDependencyApi = PluginDependenciesAPI<WidthPluginType> | undefined;
+export type LayoutIcon = {
+    id?: string;
+    value: string;
+    icon: React.ComponentClass<any>;
+};
+export type IconMap = Array<LayoutIcon | {
+    value: 'separator';
+}>;
+export declare const alignmentIcons: LayoutIcon[];
+export declare const wrappingIcons: LayoutIcon[];
+export declare const layoutToMessages: Record<string, any>;
 declare const buildLayoutButtons: (state: EditorState, intl: IntlShape, nodeType: NodeType, widthPluginDependencyApi: WidthPluginDependencyApi, analyticsApi: EditorAnalyticsAPI | undefined, allowResizing?: boolean, allowResizingInTables?: boolean, allowWrapping?: boolean, allowAlignment?: boolean, isChangingLayoutDisabled?: boolean) => FloatingToolbarItem<Command>[];
 export default buildLayoutButtons;

package/dist/types-ts4.5/card/index.d.ts

@@ -1,6 +1,7 @@
 export type { CardOptions } from './cardOptions';
 export { addLinkMetadata, getLinkMetadataFromTransaction, commandWithMetadata, } from './utils';
-export { default as buildLayoutButtons } from './MediaAndEmbedsToolbar';
+export { default as buildLayoutButtons, alignmentIcons, wrappingIcons, layoutToMessages, } from './MediaAndEmbedsToolbar';
+export type { IconMap, LayoutIcon } from './MediaAndEmbedsToolbar';
 export type { OptionConfig, CardPluginActions, QueueCardsFromTransactionAction, HideLinkToolbarAction, ChangeSelectedCardToLink, SetSelectedCardAppearance, CardReplacementInputMethod, } from './types';
 export { LinkToolbarButtonGroup } from './LinkToolbarButtonGroup';
 export { getButtonGroupOption } from './link-toolbar-button-group-options';

package/dist/types-ts4.5/types/feature-flags.d.ts

@@ -229,15 +229,6 @@ export type FeatureFlags = {
      * @default false
      */
     restartNumberedLists?: boolean;
-    /**
-     * @description
-     * Force the Popup placement if the space does not accomodate the Popup fitHeight
-     *
-     * @see https://product-fabric.atlassian.net/wiki/spaces/EM/pages/3158246501/PP+Link+Picker+-+Standalone
-     * @see https://product-fabric.atlassian.net/browse/EDM-2577
-     * @default false
-     */
-    preventPopupOverflow?: boolean;
     /**
      * @description
      * Enable the new editor media resize experience.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "76.23.1",
+  "version": "76.23.3",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -95,7 +95,7 @@
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/analytics-next-stable-react-context": "1.0.1",
     "@atlaskit/button": "^16.17.0",
-    "@atlaskit/code": "^15.0.0",
+    "@atlaskit/code": "^15.1.0",
     "@atlaskit/codemod-utils": "^4.2.0",
     "@atlaskit/custom-steps": "^0.0.4",
     "@atlaskit/editor-json-transformer": "^8.10.0",
@@ -110,7 +110,7 @@
     "@atlaskit/link-datasource": "^1.19.0",
     "@atlaskit/link-picker": "^1.30.0",
     "@atlaskit/media-card": "^77.4.0",
-    "@atlaskit/media-client": "^25.0.0",
+    "@atlaskit/media-client": "^25.1.0",
     "@atlaskit/media-picker": "^66.2.0",
     "@atlaskit/mention": "^22.1.0",
     "@atlaskit/menu": "^2.1.0",
@@ -122,7 +122,7 @@
     "@atlaskit/task-decision": "^17.9.0",
     "@atlaskit/textfield": "^6.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.28.0",
+    "@atlaskit/tokens": "^1.29.0",
     "@atlaskit/tooltip": "^18.0.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/width-detector": "^4.1.0",