@atlaskit/editor-common 103.7.0 → 103.9.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/editor-common
 
+## 103.9.0
+
+### Minor Changes
+
+- [#138850](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/138850)
+  [`6fe99d638a4ca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6fe99d638a4ca) -
+  Prevent media image resizing issue in confluence SSR
+
+### Patch Changes
+
+- Updated dependencies
+
+## 103.8.0
+
+### Minor Changes
+
+- [#141267](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/141267)
+  [`105e8bc4d7bd5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/105e8bc4d7bd5) -
+  ED-27501 apply user preference across tabs without a refresh
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 103.7.0
 
 ### Minor Changes

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 = "103.7.0";
+var packageVersion = "103.9.0";
 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 = "103.7.0";
+var packageVersion = "103.9.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -11,6 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../media-single/constants");
 var _utils = require("../../media-single/utils");
 var _richMediaUtils = require("../../utils/rich-media-utils");
@@ -106,8 +107,11 @@ function MediaSingle(_ref) {
       fullWidthMode: fullWidthMode,
       isExtendedResizeExperienceOn: isPixelWidth,
       isInsideOfInlineExtension: isInsideOfInlineExtension
-    }),
-    "data-layout": layout,
+    })
+    // eslint-disable-next-line react/jsx-props-no-spreading
+  }, (0, _platformFeatureFlags.fg)('platform_fix_media_image_resizing') ? {} : {
+    'data-layout': layout
+  }, {
     "data-width": mediaSingleWidth,
     "data-width-type": (size === null || size === void 0 ? void 0 : size.widthType) || 'percentage',
     "data-node-type": nodeType

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

@@ -15,6 +15,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils = require("../../utils");
 var _breakout = require("../../utils/breakout");
 var _excluded = ["children"];
@@ -189,13 +190,18 @@ var MediaSingleDimensionHelper = exports.MediaSingleDimensionHelper = function M
   var calculatedMaxWidth = roundToClosestEvenPxValue(isExtendedResizeExperienceOn ? "".concat(containerWidth, "px") : calcMaxWidth(layout, containerWidth));
 
   // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
-  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t/* For nested rich media items, set max-width to 100% */\n\t\ttr &,\n\t\t[data-layout-column] &,\n\t\t[data-node-type='expand'] &,\n\t\t[data-panel-type] &,\n\t\tli & {\n\t\t\tmax-width: 100%;\n\t\t}\n\n\t\twidth: ", ";\n\t\t", "\n\t\tmax-width: ", ";\n\n\t\t", "\n\n\t\t&:not(.is-resizing) {\n\t\t\ttransition: width 100ms ease-in;\n\t\t}\n\n\t\tfloat: ", ";\n\t\tmargin: ", ";\n\n\t\t&[class*='not-resizing'] {\n\t\t\t", "\n\t\t}\n\n\t\t", ";\n\t"])), calculatedWidth, layout === 'full-width' &&
+  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t/* For nested rich media items, set max-width to 100% */\n\t\ttr &,\n\t\t[data-layout-column] &,\n\t\t[data-node-type='expand'] &,\n\t\t[data-panel-type] &,\n\t\tli & {\n\t\t\tmax-width: 100%;\n\t\t}\n\n\t\twidth: ", ";\n\t\t", "\n\t\t", "\n\t\t/* If container doesn't exists, it will fallback to this */\n\t\tmax-width: ", ";\n\t\t", "\n\n\t\t&:not(.is-resizing) {\n\t\t\ttransition: width 100ms ease-in;\n\t\t}\n\n\t\tfloat: ", ";\n\t\tmargin: ", ";\n\n\t\t&[class*='not-resizing'] {\n\t\t\t", "\n\t\t}\n\n\t\t", ";\n\t"])), calculatedWidth, layout === 'full-width' &&
   /* This causes issues for new experience where we don't strip layout attributes
    when copying top-level node and pasting into a table/layout,
    because full-width layout will remain, causing node to be edge-to-edge */
   !isExtendedResizeExperienceOn && (0, _react2.css)({
     minWidth: '100%'
-  }), calculatedMaxWidth, isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && _utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), float(layout), calcMargin(layout), isNestedNode ? /* Make nested node appear responsive when resizing table cell */"max-width: 100%;" : _utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n        transform: translateX(-50%);", isImageAligned(layout));
+  }), isExtendedResizeExperienceOn && (0, _platformFeatureFlags.fg)('platform_fix_media_image_resizing') ? (0, _react2.css)({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries
+    '@container view-page-content (min-width: 1px)': {
+      maxWidth: '100cqw'
+    }
+  }) : '', calculatedMaxWidth, isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && _utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), float(layout), calcMargin(layout), isNestedNode ? /* Make nested node appear responsive when resizing table cell */"max-width: 100%;" : _utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n        transform: translateX(-50%);", isImageAligned(layout));
 };
 var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {
   var hasFallbackContainer = _ref2.hasFallbackContainer,

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 = "103.7.0";
+const packageVersion = "103.9.0";
 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 = "103.7.0";
+const packageVersion = "103.9.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -9,6 +9,7 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import classnames from 'classnames';
 import { akEditorMediaResizeHandlerPaddingWide, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { MEDIA_SINGLE_GUTTER_SIZE } from '../../media-single/constants';
 import { getMediaSinglePixelWidth } from '../../media-single/utils';
 import { shouldAddDefaultWrappedWidth } from '../../utils/rich-media-utils';
@@ -91,8 +92,11 @@ export default function MediaSingle({
       fullWidthMode,
       isExtendedResizeExperienceOn: isPixelWidth,
       isInsideOfInlineExtension
-    }),
-    "data-layout": layout,
+    })
+    // eslint-disable-next-line react/jsx-props-no-spreading
+  }, fg('platform_fix_media_image_resizing') ? {} : {
+    'data-layout': layout
+  }, {
     "data-width": mediaSingleWidth,
     "data-width-type": (size === null || size === void 0 ? void 0 : size.widthType) || 'percentage',
     "data-node-type": nodeType

package/dist/es2019/ui/MediaSingle/styled.js

@@ -8,6 +8,7 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { akEditorDefaultLayoutWidth, akEditorFullPageMaxWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { nonWrappedLayouts } from '../../utils';
 import { calcBreakoutWidth, calcWideWidth } from '../../utils/breakout';
 function float(layout) {
@@ -184,8 +185,14 @@ export const MediaSingleDimensionHelper = ({
   !isExtendedResizeExperienceOn && css({
     minWidth: '100%'
   })}
+		${isExtendedResizeExperienceOn && fg('platform_fix_media_image_resizing') ? css({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries
+    '@container view-page-content (min-width: 1px)': {
+      maxWidth: '100cqw'
+    }
+  }) : ''}
+		/* If container doesn't exists, it will fallback to this */
 		max-width: ${calculatedMaxWidth};
-
 		${isExtendedResizeExperienceOn && `&[class*='is-resizing'] {
     .new-file-experience-wrapper {
       box-shadow: none !important;

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 = "103.7.0";
+var packageVersion = "103.9.0";
 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 = "103.7.0";
+var packageVersion = "103.9.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -10,6 +10,7 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import classnames from 'classnames';
 import { akEditorMediaResizeHandlerPaddingWide, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { MEDIA_SINGLE_GUTTER_SIZE } from '../../media-single/constants';
 import { getMediaSinglePixelWidth } from '../../media-single/utils';
 import { shouldAddDefaultWrappedWidth } from '../../utils/rich-media-utils';
@@ -98,8 +99,11 @@ export default function MediaSingle(_ref) {
       fullWidthMode: fullWidthMode,
       isExtendedResizeExperienceOn: isPixelWidth,
       isInsideOfInlineExtension: isInsideOfInlineExtension
-    }),
-    "data-layout": layout,
+    })
+    // eslint-disable-next-line react/jsx-props-no-spreading
+  }, fg('platform_fix_media_image_resizing') ? {} : {
+    'data-layout': layout
+  }, {
     "data-width": mediaSingleWidth,
     "data-width-type": (size === null || size === void 0 ? void 0 : size.widthType) || 'percentage',
     "data-node-type": nodeType

package/dist/esm/ui/MediaSingle/styled.js

@@ -12,6 +12,7 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { akEditorDefaultLayoutWidth, akEditorFullPageMaxWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { nonWrappedLayouts } from '../../utils';
 import { calcBreakoutWidth, calcWideWidth } from '../../utils/breakout';
 function float(layout) {
@@ -179,13 +180,18 @@ export var MediaSingleDimensionHelper = function MediaSingleDimensionHelper(_ref
   var calculatedMaxWidth = roundToClosestEvenPxValue(isExtendedResizeExperienceOn ? "".concat(containerWidth, "px") : calcMaxWidth(layout, containerWidth));
 
   // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t/* For nested rich media items, set max-width to 100% */\n\t\ttr &,\n\t\t[data-layout-column] &,\n\t\t[data-node-type='expand'] &,\n\t\t[data-panel-type] &,\n\t\tli & {\n\t\t\tmax-width: 100%;\n\t\t}\n\n\t\twidth: ", ";\n\t\t", "\n\t\tmax-width: ", ";\n\n\t\t", "\n\n\t\t&:not(.is-resizing) {\n\t\t\ttransition: width 100ms ease-in;\n\t\t}\n\n\t\tfloat: ", ";\n\t\tmargin: ", ";\n\n\t\t&[class*='not-resizing'] {\n\t\t\t", "\n\t\t}\n\n\t\t", ";\n\t"])), calculatedWidth, layout === 'full-width' &&
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t/* For nested rich media items, set max-width to 100% */\n\t\ttr &,\n\t\t[data-layout-column] &,\n\t\t[data-node-type='expand'] &,\n\t\t[data-panel-type] &,\n\t\tli & {\n\t\t\tmax-width: 100%;\n\t\t}\n\n\t\twidth: ", ";\n\t\t", "\n\t\t", "\n\t\t/* If container doesn't exists, it will fallback to this */\n\t\tmax-width: ", ";\n\t\t", "\n\n\t\t&:not(.is-resizing) {\n\t\t\ttransition: width 100ms ease-in;\n\t\t}\n\n\t\tfloat: ", ";\n\t\tmargin: ", ";\n\n\t\t&[class*='not-resizing'] {\n\t\t\t", "\n\t\t}\n\n\t\t", ";\n\t"])), calculatedWidth, layout === 'full-width' &&
   /* This causes issues for new experience where we don't strip layout attributes
    when copying top-level node and pasting into a table/layout,
    because full-width layout will remain, causing node to be edge-to-edge */
   !isExtendedResizeExperienceOn && css({
     minWidth: '100%'
-  }), calculatedMaxWidth, isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), float(layout), calcMargin(layout), isNestedNode ? /* Make nested node appear responsive when resizing table cell */"max-width: 100%;" : nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n        transform: translateX(-50%);", isImageAligned(layout));
+  }), isExtendedResizeExperienceOn && fg('platform_fix_media_image_resizing') ? css({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries
+    '@container view-page-content (min-width: 1px)': {
+      maxWidth: '100cqw'
+    }
+  }) : '', calculatedMaxWidth, isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), float(layout), calcMargin(layout), isNestedNode ? /* Make nested node appear responsive when resizing table cell */"max-width: 100%;" : nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n        transform: translateX(-50%);", isImageAligned(layout));
 };
 var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {
   var hasFallbackContainer = _ref2.hasFallbackContainer,

package/dist/types/types/user-preferences.d.ts

@@ -2,6 +2,11 @@ export type UserPreferences = {
     toolbarDockingInitialPosition?: 'top' | 'none' | null;
 };
 export interface UserPreferencesProvider {
+    /**
+     * This method fetches the latest user preferences
+     * @returns a promise that resolves with the user preferences, or rejects if error occurs
+     */
+    loadPreferences(): Promise<UserPreferences>;
     /**
      * This method updates a user preference
      * @param key

package/dist/types-ts4.5/types/user-preferences.d.ts

@@ -2,6 +2,11 @@ export type UserPreferences = {
     toolbarDockingInitialPosition?: 'top' | 'none' | null;
 };
 export interface UserPreferencesProvider {
+    /**
+     * This method fetches the latest user preferences
+     * @returns a promise that resolves with the user preferences, or rejects if error occurs
+     */
+    loadPreferences(): Promise<UserPreferences>;
     /**
      * This method updates a user preference
      * @param key

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "103.7.0",
+	"version": "103.9.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -137,10 +137,10 @@
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/emoji": "^69.0.0",
 		"@atlaskit/icon": "^25.6.0",
-		"@atlaskit/icon-object": "^7.0.0",
+		"@atlaskit/icon-object": "^7.1.0",
 		"@atlaskit/link-datasource": "^4.3.0",
 		"@atlaskit/link-picker": "^3.2.0",
-		"@atlaskit/media-card": "^79.0.0",
+		"@atlaskit/media-card": "^79.2.0",
 		"@atlaskit/media-client": "^32.0.0",
 		"@atlaskit/media-client-react": "^4.0.0",
 		"@atlaskit/media-common": "^12.0.0",
@@ -156,13 +156,13 @@
 		"@atlaskit/primitives": "^14.4.0",
 		"@atlaskit/profilecard": "^23.7.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/smart-card": "^36.6.0",
+		"@atlaskit/smart-card": "^36.8.0",
 		"@atlaskit/smart-user-picker": "^8.0.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/task-decision": "^19.1.0",
 		"@atlaskit/textfield": "^8.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.8.0",
-		"@atlaskit/tokens": "^4.7.0",
+		"@atlaskit/tmp-editor-statsig": "^4.11.0",
+		"@atlaskit/tokens": "^4.8.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -334,6 +334,9 @@
 		},
 		"platform_editor_lcm_nested_panel_icon_fix": {
 			"type": "boolean"
+		},
+		"platform_fix_media_image_resizing": {
+			"type": "boolean"
 		}
 	}
 }