@atlaskit/editor-plugin-card 5.4.15 → 5.4.17

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-card
 
+## 5.4.17
+
+### Patch Changes
+
+- [#144829](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/144829)
+  [`14b488c2295de`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/14b488c2295de) -
+  [ux] ED27537 Update alignment dropdown in media and embed card floating toolbar
+- Updated dependencies
+
+## 5.4.16
+
+### Patch Changes
+
+- [#142352](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/142352)
+  [`05903fde6d94d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/05903fde6d94d) -
+  Internal change to use Compiled variant of `@atlaskit/primitives`.
+- Updated dependencies
+
 ## 5.4.15
 
 ### Patch Changes

package/dist/cjs/ui/DatasourceAppearanceButton.js

@@ -12,7 +12,7 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _linkDatasource = require("@atlaskit/link-datasource");
 var _linkProvider = require("@atlaskit/link-provider");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _doc = require("../pm-plugins/doc");
 var _pluginKey = require("../pm-plugins/plugin-key");
 var _DatasourceIcon = require("./DatasourceIcon");
@@ -93,7 +93,7 @@ var DatasourceAppearanceButtonWithCardContext = function DatasourceAppearanceBut
     }
   }
   var buttonLabel = intl.formatMessage(_messages.cardMessages.datasourceAppearanceTitle);
-  return (0, _react2.jsx)(_primitives.Flex, null, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+  return (0, _react2.jsx)(_compiled.Flex, null, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
     css: buttonStyles,
     title: buttonLabel,
     icon: (0, _react2.jsx)(_DatasourceIcon.DatasourceIcon, {

package/dist/cjs/ui/EditToolbarButton/EditToolbarButtonPresentation.js

@@ -17,7 +17,7 @@ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-
 var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
 var _menu = require("@atlaskit/menu");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _utils = require("../../pm-plugins/utils");
 var _editDatasourceAction = require("../editDatasourceAction");
@@ -71,7 +71,7 @@ var EditToolbarButtonPresentation = function EditToolbarButtonPresentation(_ref)
   switch (editVariant) {
     case 'edit-link':
       {
-        return (0, _react2.jsx)(_primitives.Flex, {
+        return (0, _react2.jsx)(_compiled.Flex, {
           gap: "space.050"
         }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
           testId: "edit-link",
@@ -84,7 +84,7 @@ var EditToolbarButtonPresentation = function EditToolbarButtonPresentation(_ref)
       }
     case 'edit-datasource':
       {
-        return (0, _react2.jsx)(_primitives.Flex, {
+        return (0, _react2.jsx)(_compiled.Flex, {
           gap: "space.050"
         }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
           testId: "edit-datasource",
@@ -97,7 +97,7 @@ var EditToolbarButtonPresentation = function EditToolbarButtonPresentation(_ref)
       }
     case 'edit-dropdown':
       {
-        var trigger = (0, _react2.jsx)(_primitives.Flex, {
+        var trigger = (0, _react2.jsx)(_compiled.Flex, {
           gap: "space.050"
         }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
           testId: "edit-dropdown-trigger",
@@ -116,7 +116,7 @@ var EditToolbarButtonPresentation = function EditToolbarButtonPresentation(_ref)
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
         , _messages.cardMessages.editDropdownTriggerTitle)), (0, _react2.jsx)(_ui.FloatingToolbarSeparator, null));
-        return (0, _react2.jsx)(_primitives.Flex, {
+        return (0, _react2.jsx)(_compiled.Flex, {
           ref: containerRef
         }, (0, _react2.jsx)(_uiMenu.DropdownContainer, {
           mountTo: containerRef.current,

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

@@ -18,7 +18,7 @@ var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/utility/migra
 var _linkProvider = require("@atlaskit/link-provider");
 var _menu = require("@atlaskit/menu");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _utils = require("../../pm-plugins/utils");
 var _editDatasourceAction = require("../editDatasourceAction");
 var _useFetchDatasourceDataInfo = require("../useFetchDatasourceDataInfo");
@@ -97,7 +97,7 @@ var EditToolbarButtonWithCardContext = function EditToolbarButtonWithCardContext
   switch (editVariant) {
     case 'edit-link':
       {
-        return (0, _react2.jsx)(_primitives.Flex, {
+        return (0, _react2.jsx)(_compiled.Flex, {
           gap: "space.050"
         }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
           testId: "edit-link",
@@ -109,7 +109,7 @@ var EditToolbarButtonWithCardContext = function EditToolbarButtonWithCardContext
       }
     case 'edit-datasource':
       {
-        return (0, _react2.jsx)(_primitives.Flex, {
+        return (0, _react2.jsx)(_compiled.Flex, {
           gap: "space.050"
         }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
           testId: "edit-datasource",
@@ -122,7 +122,7 @@ var EditToolbarButtonWithCardContext = function EditToolbarButtonWithCardContext
       }
     case 'edit-dropdown':
       {
-        var trigger = (0, _react2.jsx)(_primitives.Flex, {
+        var trigger = (0, _react2.jsx)(_compiled.Flex, {
           gap: "space.050"
         }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
           testId: "edit-dropdown-trigger",
@@ -141,7 +141,7 @@ var EditToolbarButtonWithCardContext = function EditToolbarButtonWithCardContext
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
         , _messages.cardMessages.editDropdownTriggerTitle)), (0, _react2.jsx)(_ui.FloatingToolbarSeparator, null));
-        return (0, _react2.jsx)(_primitives.Flex, {
+        return (0, _react2.jsx)(_compiled.Flex, {
           ref: containerRef
         }, (0, _react2.jsx)(_uiMenu.DropdownContainer, {
           mountTo: containerRef.current,

package/dist/cjs/ui/HyperlinkToolbarAppearance.js

@@ -12,7 +12,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _ui = require("@atlaskit/editor-common/ui");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _DatasourceAppearanceButton = require("./DatasourceAppearanceButton");
 var _LinkToolbarAppearance = require("./LinkToolbarAppearance");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -137,7 +137,7 @@ function HyperlinkToolbarAppearance(props) {
   if (!supportedUrlsMap.get(url)) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_primitives.Flex, null, /*#__PURE__*/_react.default.createElement(_LinkToolbarAppearance.LinkToolbarAppearance, {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Flex, null, /*#__PURE__*/_react.default.createElement(_LinkToolbarAppearance.LinkToolbarAppearance, {
     key: "link-appearance",
     url: url,
     intl: intl,

package/dist/cjs/ui/HyperlinkToolbarAppearanceDropdown.js

@@ -14,7 +14,7 @@ var _card = require("@atlaskit/editor-common/card");
 var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _LinkToolbarAppearanceDropdown = require("./LinkToolbarAppearanceDropdown");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 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; }
@@ -179,7 +179,7 @@ var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
       spacing: "compact"
     })
   }, title);
-  return /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
     ref: containerRef,
     gap: "space.075"
   }, /*#__PURE__*/_react.default.createElement(_uiMenu.DropdownContainer, {

package/dist/cjs/ui/toolbar.js

@@ -31,6 +31,7 @@ var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove
 var _settings2 = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/settings"));
 var _unlink = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/unlink"));
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _doc = require("../pm-plugins/doc");
 var _pluginKey = require("../pm-plugins/plugin-key");
@@ -174,6 +175,9 @@ var unlinkCard = function unlinkCard(node, state, editorAnalyticsApi) {
   };
 };
 var buildAlignmentOptions = function buildAlignmentOptions(state, intl, widthPluginDependencyApi, analyticsApi, cardOptions) {
+  if ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_6')) {
+    return (0, _card.buildLayoutDropdown)(state, intl, state.schema.nodes.embedCard, widthPluginDependencyApi, analyticsApi, true, true, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowWrapping, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowAlignment);
+  }
   return (0, _card.buildLayoutButtons)(state, intl, state.schema.nodes.embedCard, widthPluginDependencyApi, analyticsApi, true, true, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowWrapping, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowAlignment);
 };
 var withToolbarMetadata = function withToolbarMetadata(command) {

package/dist/es2019/ui/DatasourceAppearanceButton.js

@@ -12,7 +12,7 @@ import { canRenderDatasource } from '@atlaskit/editor-common/utils';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { buildDatasourceAdf } from '@atlaskit/link-datasource';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { Flex } from '@atlaskit/primitives';
+import { Flex } from '@atlaskit/primitives/compiled';
 import { updateCardViaDatasource } from '../pm-plugins/doc';
 import { pluginKey } from '../pm-plugins/plugin-key';
 import { DatasourceIcon } from './DatasourceIcon';

package/dist/es2019/ui/EditToolbarButton/EditToolbarButtonPresentation.js

@@ -15,7 +15,7 @@ import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
 import { ButtonItem } from '@atlaskit/menu';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Flex } from '@atlaskit/primitives';
+import { Flex } from '@atlaskit/primitives/compiled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { focusEditorView } from '../../pm-plugins/utils';
 import { editDatasource } from '../editDatasourceAction';

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

@@ -15,7 +15,7 @@ import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { ButtonItem } from '@atlaskit/menu';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Flex } from '@atlaskit/primitives';
+import { Flex } from '@atlaskit/primitives/compiled';
 import { focusEditorView, isDatasourceConfigEditable } from '../../pm-plugins/utils';
 import { editDatasource } from '../editDatasourceAction';
 import { useFetchDatasourceDataInfo } from '../useFetchDatasourceDataInfo';

package/dist/es2019/ui/HyperlinkToolbarAppearance.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useRef, useState } from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { FloatingToolbarSeparator as Separator } from '@atlaskit/editor-common/ui';
-import { Flex } from '@atlaskit/primitives';
+import { Flex } from '@atlaskit/primitives/compiled';
 import { DatasourceAppearanceButton } from './DatasourceAppearanceButton';
 import { LinkToolbarAppearance } from './LinkToolbarAppearance';
 export function HyperlinkToolbarAppearance(props) {

package/dist/es2019/ui/HyperlinkToolbarAppearanceDropdown.js

@@ -3,7 +3,7 @@ import { appearancePropsMap } from '@atlaskit/editor-common/card';
 import { FloatingToolbarButton as Button, FloatingToolbarSeparator as Separator } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationType, DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu';
 import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
-import { Flex } from '@atlaskit/primitives';
+import { Flex } from '@atlaskit/primitives/compiled';
 import { LinkAppearanceMenu } from './LinkToolbarAppearanceDropdown';
 const CustomHyperlinkDropdown = props => {
   var _props$cardOptions3;

package/dist/es2019/ui/toolbar.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID as ACTION_SUBJECTID, buildOpenedSettingsPayload, buildVisitedLinkPayload, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { buildLayoutButtons, commandWithMetadata } from '@atlaskit/editor-common/card';
+import { buildLayoutButtons, buildLayoutDropdown, commandWithMetadata } from '@atlaskit/editor-common/card';
 import { getLinkPreferencesURLFromENV } from '@atlaskit/editor-common/link';
 import commonMessages, { annotationMessages, linkMessages, linkToolbarMessages, cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, richMediaClassName } from '@atlaskit/editor-common/styles';
@@ -21,6 +21,7 @@ import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import CogIcon from '@atlaskit/icon/glyph/editor/settings';
 import UnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
 import OpenIcon from '@atlaskit/icon/glyph/shortcut';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { changeSelectedCardToText } from '../pm-plugins/doc';
 import { pluginKey } from '../pm-plugins/plugin-key';
@@ -167,6 +168,9 @@ const unlinkCard = (node, state, editorAnalyticsApi) => {
   return () => false;
 };
 const buildAlignmentOptions = (state, intl, widthPluginDependencyApi, analyticsApi, cardOptions) => {
+  if (editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_controls_patch_6')) {
+    return buildLayoutDropdown(state, intl, state.schema.nodes.embedCard, widthPluginDependencyApi, analyticsApi, true, true, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowWrapping, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowAlignment);
+  }
   return buildLayoutButtons(state, intl, state.schema.nodes.embedCard, widthPluginDependencyApi, analyticsApi, true, true, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowWrapping, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowAlignment);
 };
 const withToolbarMetadata = command => commandWithMetadata(command, {

package/dist/esm/ui/DatasourceAppearanceButton.js

@@ -12,7 +12,7 @@ import { canRenderDatasource } from '@atlaskit/editor-common/utils';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { buildDatasourceAdf } from '@atlaskit/link-datasource';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { Flex } from '@atlaskit/primitives';
+import { Flex } from '@atlaskit/primitives/compiled';
 import { updateCardViaDatasource } from '../pm-plugins/doc';
 import { pluginKey } from '../pm-plugins/plugin-key';
 import { DatasourceIcon } from './DatasourceIcon';

package/dist/esm/ui/EditToolbarButton/EditToolbarButtonPresentation.js

@@ -16,7 +16,7 @@ import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
 import { ButtonItem } from '@atlaskit/menu';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Flex } from '@atlaskit/primitives';
+import { Flex } from '@atlaskit/primitives/compiled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { focusEditorView } from '../../pm-plugins/utils';
 import { editDatasource } from '../editDatasourceAction';

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

@@ -18,7 +18,7 @@ import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { ButtonItem } from '@atlaskit/menu';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Flex } from '@atlaskit/primitives';
+import { Flex } from '@atlaskit/primitives/compiled';
 import { focusEditorView, isDatasourceConfigEditable } from '../../pm-plugins/utils';
 import { editDatasource } from '../editDatasourceAction';
 import { useFetchDatasourceDataInfo } from '../useFetchDatasourceDataInfo';

package/dist/esm/ui/HyperlinkToolbarAppearance.js

@@ -4,7 +4,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect, useRef, useState } from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { FloatingToolbarSeparator as Separator } from '@atlaskit/editor-common/ui';
-import { Flex } from '@atlaskit/primitives';
+import { Flex } from '@atlaskit/primitives/compiled';
 import { DatasourceAppearanceButton } from './DatasourceAppearanceButton';
 import { LinkToolbarAppearance } from './LinkToolbarAppearance';
 export function HyperlinkToolbarAppearance(props) {

package/dist/esm/ui/HyperlinkToolbarAppearanceDropdown.js

@@ -6,7 +6,7 @@ import { appearancePropsMap } from '@atlaskit/editor-common/card';
 import { FloatingToolbarButton as Button, FloatingToolbarSeparator as Separator } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationType, DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu';
 import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
-import { Flex } from '@atlaskit/primitives';
+import { Flex } from '@atlaskit/primitives/compiled';
 import { LinkAppearanceMenu } from './LinkToolbarAppearanceDropdown';
 var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
   var _props$cardOptions3;

package/dist/esm/ui/toolbar.js

@@ -5,7 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React from 'react';
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID as ACTION_SUBJECTID, buildOpenedSettingsPayload, buildVisitedLinkPayload, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { buildLayoutButtons, commandWithMetadata } from '@atlaskit/editor-common/card';
+import { buildLayoutButtons, buildLayoutDropdown, commandWithMetadata } from '@atlaskit/editor-common/card';
 import { getLinkPreferencesURLFromENV } from '@atlaskit/editor-common/link';
 import commonMessages, { annotationMessages, linkMessages, linkToolbarMessages, cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, richMediaClassName } from '@atlaskit/editor-common/styles';
@@ -25,6 +25,7 @@ import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import CogIcon from '@atlaskit/icon/glyph/editor/settings';
 import UnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
 import OpenIcon from '@atlaskit/icon/glyph/shortcut';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { changeSelectedCardToText } from '../pm-plugins/doc';
 import { pluginKey } from '../pm-plugins/plugin-key';
@@ -164,6 +165,9 @@ var unlinkCard = function unlinkCard(node, state, editorAnalyticsApi) {
   };
 };
 var buildAlignmentOptions = function buildAlignmentOptions(state, intl, widthPluginDependencyApi, analyticsApi, cardOptions) {
+  if (editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_controls_patch_6')) {
+    return buildLayoutDropdown(state, intl, state.schema.nodes.embedCard, widthPluginDependencyApi, analyticsApi, true, true, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowWrapping, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowAlignment);
+  }
   return buildLayoutButtons(state, intl, state.schema.nodes.embedCard, widthPluginDependencyApi, analyticsApi, true, true, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowWrapping, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowAlignment);
 };
 var withToolbarMetadata = function withToolbarMetadata(command) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "5.4.15",
+	"version": "5.4.17",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -37,7 +37,7 @@
 		"@atlaskit/analytics-next": "^11.0.0",
 		"@atlaskit/button": "^23.0.0",
 		"@atlaskit/custom-steps": "^0.11.0",
-		"@atlaskit/editor-common": "^103.11.0",
+		"@atlaskit/editor-common": "^103.13.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
 		"@atlaskit/editor-plugin-base": "^2.3.0",
 		"@atlaskit/editor-plugin-connectivity": "^2.0.0",
@@ -54,7 +54,7 @@
 		"@atlaskit/icon": "^25.6.0",
 		"@atlaskit/link-analytics": "^9.1.0",
 		"@atlaskit/link-client-extension": "^4.0.0",
-		"@atlaskit/link-datasource": "^4.4.0",
+		"@atlaskit/link-datasource": "^4.5.0",
 		"@atlaskit/linking-common": "^8.0.0",
 		"@atlaskit/linking-types": "^9.9.0",
 		"@atlaskit/menu": "^3.2.0",
@@ -62,7 +62,7 @@
 		"@atlaskit/primitives": "^14.4.0",
 		"@atlaskit/smart-card": "^36.8.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.12.0",
+		"@atlaskit/tmp-editor-statsig": "^4.13.0",
 		"@atlaskit/tokens": "^4.8.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",