@atlaskit/native-embeds-common 2.6.5 → 2.7.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/native-embeds-common
 
+## 2.7.0
+
+### Minor Changes
+
+- [`446290e38a4af`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/446290e38a4af) -
+  Fix unsized inline MAUI embeds shrinking to the iframe's intrinsic width in renderer and editor.
+  Add optional manifest identity to the shared initial-layout contract so MAUI loading placeholders
+  receive the same placement styles when their sizing manifest is available. Gate inline placement
+  behind `cc_maui_inline_embed_width_fix`, evaluating only unsized inline MAUI embeds and keeping
+  Control and Test styling isolated through per-embed metadata.
+
+  Export a shared effective-width resolver from the existing initial-layout entry point so loading
+  exposure eligibility and placeholder dimensions use the same stored/default width precedence.
+
 ## 2.6.5
 
 ### Patch Changes

package/dist/cjs/entry-points/initial-layout.js

@@ -3,26 +3,36 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resolveNativeEmbedInitialLayout = exports.NATIVE_EMBED_INITIAL_LAYOUT_FALLBACK_ASPECT_RATIO = void 0;
+exports.resolveNativeEmbedInitialLayout = exports.resolveNativeEmbedEffectiveWidth = exports.NATIVE_EMBED_INITIAL_LAYOUT_FALLBACK_ASPECT_RATIO = void 0;
 var _utils = require("../utils/utils");
 var NATIVE_EMBED_INITIAL_LAYOUT_FALLBACK_ASPECT_RATIO = exports.NATIVE_EMBED_INITIAL_LAYOUT_FALLBACK_ASPECT_RATIO = '760 / 600';
+var resolveNativeEmbedEffectiveWidth = exports.resolveNativeEmbedEffectiveWidth = function resolveNativeEmbedEffectiveWidth(_ref) {
+  var _manifest$parameterDe;
+  var manifest = _ref.manifest,
+    width = _ref.width;
+  return width !== null && width !== void 0 ? width : manifest === null || manifest === void 0 || (_manifest$parameterDe = manifest.parameterDefaults) === null || _manifest$parameterDe === void 0 ? void 0 : _manifest$parameterDe.width;
+};
+
 /**
  * Resolve the dimensions needed to reserve native embed layout before the full iframe UI is ready.
  *
  * This intentionally depends only on ADF parameters and optional manifest-like metadata so it can be
  * reused by React, DOMOutputSpec, SSR, and renderer placeholders without importing iframe UI code.
  */
-var resolveNativeEmbedInitialLayout = exports.resolveNativeEmbedInitialLayout = function resolveNativeEmbedInitialLayout(_ref) {
-  var _manifest$parameterDe, _manifest$parameterDe2, _manifest$parameterDe3, _manifest$lockResizeA, _manifest$uiConfig$sh, _manifest$uiConfig;
-  var manifest = _ref.manifest,
-    parameters = _ref.parameters,
-    placeholderId = _ref.placeholderId;
+var resolveNativeEmbedInitialLayout = exports.resolveNativeEmbedInitialLayout = function resolveNativeEmbedInitialLayout(_ref2) {
+  var _manifest$parameterDe2, _manifest$parameterDe3, _manifest$lockResizeA, _manifest$uiConfig$sh, _manifest$uiConfig;
+  var manifest = _ref2.manifest,
+    parameters = _ref2.parameters,
+    placeholderId = _ref2.placeholderId;
   var _getParameters = (0, _utils.getParameters)(parameters),
     alignment = _getParameters.alignment,
     aspectRatio = _getParameters.aspectRatio,
     height = _getParameters.height,
     width = _getParameters.width;
-  var effectiveWidth = width !== null && width !== void 0 ? width : manifest === null || manifest === void 0 || (_manifest$parameterDe = manifest.parameterDefaults) === null || _manifest$parameterDe === void 0 ? void 0 : _manifest$parameterDe.width;
+  var effectiveWidth = resolveNativeEmbedEffectiveWidth({
+    manifest: manifest,
+    width: width
+  });
 
   // `getParameters` always supplies default values, so inspect raw macroParams to distinguish
   // stored dimensions from package defaults. This prevents the default aspectRatio from affecting

package/dist/cjs/entry-points/initial-placeholder.js

@@ -58,6 +58,8 @@ var NativeEmbedInitialPlaceholder = exports.NativeEmbedInitialPlaceholder = func
     manifest = _ref2.manifest,
     parameters = _ref2.parameters,
     placeholderId = _ref2.placeholderId,
+    _ref2$shouldFillInlin = _ref2.shouldFillInlineWidth,
+    shouldFillInlineWidth = _ref2$shouldFillInlin === void 0 ? false : _ref2$shouldFillInlin,
     testId = _ref2.testId;
   var _resolveNativeEmbedIn = (0, _initialLayout.resolveNativeEmbedInitialLayout)({
       manifest: manifest,
@@ -70,14 +72,21 @@ var NativeEmbedInitialPlaceholder = exports.NativeEmbedInitialPlaceholder = func
     hasEmbedBorder = _resolveNativeEmbedIn.hasEmbedBorder,
     lockAspectRatio = _resolveNativeEmbedIn.lockAspectRatio,
     resolvedPlaceholderId = _resolveNativeEmbedIn.placeholderId;
+  var fillInlineWidth = shouldFillInlineWidth && (manifest === null || manifest === void 0 ? void 0 : manifest.id) === 'maui' && effectiveWidth === undefined;
   return /*#__PURE__*/_react.default.createElement("div", {
-    "data-native-embed-alignment": alignment,
+    "data-native-embed-alignment": alignment
+    // Only MAUI needs inline sizing; preserve other experiences' existing placeholder styles.
+    ,
+    "data-native-embed-experience": (manifest === null || manifest === void 0 ? void 0 : manifest.id) === 'maui' ? 'maui' : undefined,
+    "data-native-embed-inline-width": fillInlineWidth ? 'true' : undefined,
     "data-native-embed-first-paint-placeholder": firstPaint ? 'true' : undefined,
     "data-native-embed-initial-placeholder": "true",
     "data-native-embed-width": effectiveWidth,
     "data-native-embed-show-border": hasEmbedBorder ? 'true' : 'false'
   }, /*#__PURE__*/_react.default.createElement(_react2.Global, {
     styles: _nativeEmbedStyles.nativeEmbedAlignmentStyles
+  }), fillInlineWidth && /*#__PURE__*/_react.default.createElement(_react2.Global, {
+    styles: _nativeEmbedStyles.nativeEmbedInlineMauiWidthStyles
   }), /*#__PURE__*/_react.default.createElement(NativeEmbedInitialPlaceholderFrame, {
     effectiveHeight: effectiveHeight,
     effectiveWidth: effectiveWidth,

package/dist/cjs/entry-points/native-embed-styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.nativeEmbedAlignmentStyles = void 0;
+exports.nativeEmbedInlineMauiWidthStyles = exports.nativeEmbedAlignmentStyles = void 0;
 var _react = require("@emotion/react");
 /**
  * Injected by the extension UI via Global; also exported for consumers who inject styles elsewhere.
@@ -223,4 +223,27 @@ var nativeEmbedAlignmentStyles = exports.nativeEmbedAlignmentStyles = (0, _react
   }
 });
 
+// Kept separate so baseline and unidentified placeholders never install treatment-only CSS.
+var nativeEmbedInlineMauiWidthStyles = exports.nativeEmbedInlineMauiWidthStyles = (0, _react.css)({
+  // Inline MAUI embeds otherwise shrink-wrap the iframe's intrinsic 300px width. Match only the
+  // owning wrapper, and leave persisted or manifest-derived widths and other experiences alone.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Target the immediate inline renderer wrapper through its own unsized MAUI child
+  '.inline-extension-renderer:has(> [data-native-embed-experience="maui"][data-native-embed-inline-width="true"]:not([data-native-embed-width]))': {
+    width: '100%',
+    marginLeft: 0,
+    marginRight: 0
+  },
+  // The editor has an extra inline-flex container. Both its outer span and native flex child
+  // must fill the paragraph; expanding only the span leaves the iframe at its intrinsic width.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Target only the editor wrapper that directly owns an eligible unsized MAUI embed
+  '.inline-extension:has(> .extension-container.inline > [data-native-embed-experience="maui"][data-native-embed-inline-width="true"]:not([data-native-embed-width]))': {
+    width: '100%'
+  },
+  // SSR HTML parsing can separate the outer span from this container, so match its own child.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Size only the inline editor container's eligible unsized MAUI flex child
+  '.extension-container.inline > [data-native-embed-experience="maui"][data-native-embed-inline-width="true"]:not([data-native-embed-width])': {
+    width: '100%'
+  }
+});
+
 /* eslint-enable @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-important-styles */

package/dist/es2019/entry-points/initial-layout.js

@@ -1,5 +1,13 @@
 import { getParameters } from '../utils/utils';
 export const NATIVE_EMBED_INITIAL_LAYOUT_FALLBACK_ASPECT_RATIO = '760 / 600';
+export const resolveNativeEmbedEffectiveWidth = ({
+  manifest,
+  width
+}) => {
+  var _manifest$parameterDe;
+  return width !== null && width !== void 0 ? width : manifest === null || manifest === void 0 ? void 0 : (_manifest$parameterDe = manifest.parameterDefaults) === null || _manifest$parameterDe === void 0 ? void 0 : _manifest$parameterDe.width;
+};
+
 /**
  * Resolve the dimensions needed to reserve native embed layout before the full iframe UI is ready.
  *
@@ -11,14 +19,17 @@ export const resolveNativeEmbedInitialLayout = ({
   parameters,
   placeholderId
 }) => {
-  var _manifest$parameterDe, _manifest$parameterDe2, _manifest$parameterDe3, _manifest$lockResizeA, _manifest$uiConfig$sh, _manifest$uiConfig;
+  var _manifest$parameterDe2, _manifest$parameterDe3, _manifest$lockResizeA, _manifest$uiConfig$sh, _manifest$uiConfig;
   const {
     alignment,
     aspectRatio,
     height,
     width
   } = getParameters(parameters);
-  const effectiveWidth = width !== null && width !== void 0 ? width : manifest === null || manifest === void 0 ? void 0 : (_manifest$parameterDe = manifest.parameterDefaults) === null || _manifest$parameterDe === void 0 ? void 0 : _manifest$parameterDe.width;
+  const effectiveWidth = resolveNativeEmbedEffectiveWidth({
+    manifest,
+    width
+  });
 
   // `getParameters` always supplies default values, so inspect raw macroParams to distinguish
   // stored dimensions from package defaults. This prevents the default aspectRatio from affecting

package/dist/es2019/entry-points/initial-placeholder.js

@@ -6,7 +6,7 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Native embed placement must style renderer/editor ancestor wrappers that this component does not own.
 import { Global } from '@emotion/react';
 import { NATIVE_EMBED_INITIAL_LAYOUT_FALLBACK_ASPECT_RATIO, resolveNativeEmbedInitialLayout } from './initial-layout';
-import { nativeEmbedAlignmentStyles } from './native-embed-styles';
+import { nativeEmbedAlignmentStyles, nativeEmbedInlineMauiWidthStyles } from './native-embed-styles';
 export { resolveNativeEmbedInitialLayout };
 const placeholderFrameStyles = null;
 const borderedPlaceholderFrameStyles = null;
@@ -44,6 +44,7 @@ export const NativeEmbedInitialPlaceholder = ({
   manifest,
   parameters,
   placeholderId,
+  shouldFillInlineWidth = false,
   testId
 }) => {
   const {
@@ -58,14 +59,21 @@ export const NativeEmbedInitialPlaceholder = ({
     parameters,
     placeholderId
   });
+  const fillInlineWidth = shouldFillInlineWidth && (manifest === null || manifest === void 0 ? void 0 : manifest.id) === 'maui' && effectiveWidth === undefined;
   return /*#__PURE__*/React.createElement("div", {
-    "data-native-embed-alignment": alignment,
+    "data-native-embed-alignment": alignment
+    // Only MAUI needs inline sizing; preserve other experiences' existing placeholder styles.
+    ,
+    "data-native-embed-experience": (manifest === null || manifest === void 0 ? void 0 : manifest.id) === 'maui' ? 'maui' : undefined,
+    "data-native-embed-inline-width": fillInlineWidth ? 'true' : undefined,
     "data-native-embed-first-paint-placeholder": firstPaint ? 'true' : undefined,
     "data-native-embed-initial-placeholder": "true",
     "data-native-embed-width": effectiveWidth,
     "data-native-embed-show-border": hasEmbedBorder ? 'true' : 'false'
   }, /*#__PURE__*/React.createElement(Global, {
     styles: nativeEmbedAlignmentStyles
+  }), fillInlineWidth && /*#__PURE__*/React.createElement(Global, {
+    styles: nativeEmbedInlineMauiWidthStyles
   }), /*#__PURE__*/React.createElement(NativeEmbedInitialPlaceholderFrame, {
     effectiveHeight: effectiveHeight,
     effectiveWidth: effectiveWidth,

package/dist/es2019/entry-points/native-embed-styles.js

@@ -216,4 +216,27 @@ export const nativeEmbedAlignmentStyles = css({
   }
 });
 
+// Kept separate so baseline and unidentified placeholders never install treatment-only CSS.
+export const nativeEmbedInlineMauiWidthStyles = css({
+  // Inline MAUI embeds otherwise shrink-wrap the iframe's intrinsic 300px width. Match only the
+  // owning wrapper, and leave persisted or manifest-derived widths and other experiences alone.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Target the immediate inline renderer wrapper through its own unsized MAUI child
+  '.inline-extension-renderer:has(> [data-native-embed-experience="maui"][data-native-embed-inline-width="true"]:not([data-native-embed-width]))': {
+    width: '100%',
+    marginLeft: 0,
+    marginRight: 0
+  },
+  // The editor has an extra inline-flex container. Both its outer span and native flex child
+  // must fill the paragraph; expanding only the span leaves the iframe at its intrinsic width.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Target only the editor wrapper that directly owns an eligible unsized MAUI embed
+  '.inline-extension:has(> .extension-container.inline > [data-native-embed-experience="maui"][data-native-embed-inline-width="true"]:not([data-native-embed-width]))': {
+    width: '100%'
+  },
+  // SSR HTML parsing can separate the outer span from this container, so match its own child.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Size only the inline editor container's eligible unsized MAUI flex child
+  '.extension-container.inline > [data-native-embed-experience="maui"][data-native-embed-inline-width="true"]:not([data-native-embed-width])': {
+    width: '100%'
+  }
+});
+
 /* eslint-enable @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-important-styles */

package/dist/esm/entry-points/initial-layout.js

@@ -1,22 +1,32 @@
 import { getParameters } from '../utils/utils';
 export var NATIVE_EMBED_INITIAL_LAYOUT_FALLBACK_ASPECT_RATIO = '760 / 600';
+export var resolveNativeEmbedEffectiveWidth = function resolveNativeEmbedEffectiveWidth(_ref) {
+  var _manifest$parameterDe;
+  var manifest = _ref.manifest,
+    width = _ref.width;
+  return width !== null && width !== void 0 ? width : manifest === null || manifest === void 0 || (_manifest$parameterDe = manifest.parameterDefaults) === null || _manifest$parameterDe === void 0 ? void 0 : _manifest$parameterDe.width;
+};
+
 /**
  * Resolve the dimensions needed to reserve native embed layout before the full iframe UI is ready.
  *
  * This intentionally depends only on ADF parameters and optional manifest-like metadata so it can be
  * reused by React, DOMOutputSpec, SSR, and renderer placeholders without importing iframe UI code.
  */
-export var resolveNativeEmbedInitialLayout = function resolveNativeEmbedInitialLayout(_ref) {
-  var _manifest$parameterDe, _manifest$parameterDe2, _manifest$parameterDe3, _manifest$lockResizeA, _manifest$uiConfig$sh, _manifest$uiConfig;
-  var manifest = _ref.manifest,
-    parameters = _ref.parameters,
-    placeholderId = _ref.placeholderId;
+export var resolveNativeEmbedInitialLayout = function resolveNativeEmbedInitialLayout(_ref2) {
+  var _manifest$parameterDe2, _manifest$parameterDe3, _manifest$lockResizeA, _manifest$uiConfig$sh, _manifest$uiConfig;
+  var manifest = _ref2.manifest,
+    parameters = _ref2.parameters,
+    placeholderId = _ref2.placeholderId;
   var _getParameters = getParameters(parameters),
     alignment = _getParameters.alignment,
     aspectRatio = _getParameters.aspectRatio,
     height = _getParameters.height,
     width = _getParameters.width;
-  var effectiveWidth = width !== null && width !== void 0 ? width : manifest === null || manifest === void 0 || (_manifest$parameterDe = manifest.parameterDefaults) === null || _manifest$parameterDe === void 0 ? void 0 : _manifest$parameterDe.width;
+  var effectiveWidth = resolveNativeEmbedEffectiveWidth({
+    manifest: manifest,
+    width: width
+  });
 
   // `getParameters` always supplies default values, so inspect raw macroParams to distinguish
   // stored dimensions from package defaults. This prevents the default aspectRatio from affecting

package/dist/esm/entry-points/initial-placeholder.js

@@ -6,7 +6,7 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Native embed placement must style renderer/editor ancestor wrappers that this component does not own.
 import { Global } from '@emotion/react';
 import { NATIVE_EMBED_INITIAL_LAYOUT_FALLBACK_ASPECT_RATIO, resolveNativeEmbedInitialLayout } from './initial-layout';
-import { nativeEmbedAlignmentStyles } from './native-embed-styles';
+import { nativeEmbedAlignmentStyles, nativeEmbedInlineMauiWidthStyles } from './native-embed-styles';
 export { resolveNativeEmbedInitialLayout };
 var placeholderFrameStyles = null;
 var borderedPlaceholderFrameStyles = null;
@@ -46,6 +46,8 @@ export var NativeEmbedInitialPlaceholder = function NativeEmbedInitialPlaceholde
     manifest = _ref2.manifest,
     parameters = _ref2.parameters,
     placeholderId = _ref2.placeholderId,
+    _ref2$shouldFillInlin = _ref2.shouldFillInlineWidth,
+    shouldFillInlineWidth = _ref2$shouldFillInlin === void 0 ? false : _ref2$shouldFillInlin,
     testId = _ref2.testId;
   var _resolveNativeEmbedIn = resolveNativeEmbedInitialLayout({
       manifest: manifest,
@@ -58,14 +60,21 @@ export var NativeEmbedInitialPlaceholder = function NativeEmbedInitialPlaceholde
     hasEmbedBorder = _resolveNativeEmbedIn.hasEmbedBorder,
     lockAspectRatio = _resolveNativeEmbedIn.lockAspectRatio,
     resolvedPlaceholderId = _resolveNativeEmbedIn.placeholderId;
+  var fillInlineWidth = shouldFillInlineWidth && (manifest === null || manifest === void 0 ? void 0 : manifest.id) === 'maui' && effectiveWidth === undefined;
   return /*#__PURE__*/React.createElement("div", {
-    "data-native-embed-alignment": alignment,
+    "data-native-embed-alignment": alignment
+    // Only MAUI needs inline sizing; preserve other experiences' existing placeholder styles.
+    ,
+    "data-native-embed-experience": (manifest === null || manifest === void 0 ? void 0 : manifest.id) === 'maui' ? 'maui' : undefined,
+    "data-native-embed-inline-width": fillInlineWidth ? 'true' : undefined,
     "data-native-embed-first-paint-placeholder": firstPaint ? 'true' : undefined,
     "data-native-embed-initial-placeholder": "true",
     "data-native-embed-width": effectiveWidth,
     "data-native-embed-show-border": hasEmbedBorder ? 'true' : 'false'
   }, /*#__PURE__*/React.createElement(Global, {
     styles: nativeEmbedAlignmentStyles
+  }), fillInlineWidth && /*#__PURE__*/React.createElement(Global, {
+    styles: nativeEmbedInlineMauiWidthStyles
   }), /*#__PURE__*/React.createElement(NativeEmbedInitialPlaceholderFrame, {
     effectiveHeight: effectiveHeight,
     effectiveWidth: effectiveWidth,

package/dist/esm/entry-points/native-embed-styles.js

@@ -216,4 +216,27 @@ export var nativeEmbedAlignmentStyles = css({
   }
 });
 
+// Kept separate so baseline and unidentified placeholders never install treatment-only CSS.
+export var nativeEmbedInlineMauiWidthStyles = css({
+  // Inline MAUI embeds otherwise shrink-wrap the iframe's intrinsic 300px width. Match only the
+  // owning wrapper, and leave persisted or manifest-derived widths and other experiences alone.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Target the immediate inline renderer wrapper through its own unsized MAUI child
+  '.inline-extension-renderer:has(> [data-native-embed-experience="maui"][data-native-embed-inline-width="true"]:not([data-native-embed-width]))': {
+    width: '100%',
+    marginLeft: 0,
+    marginRight: 0
+  },
+  // The editor has an extra inline-flex container. Both its outer span and native flex child
+  // must fill the paragraph; expanding only the span leaves the iframe at its intrinsic width.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Target only the editor wrapper that directly owns an eligible unsized MAUI embed
+  '.inline-extension:has(> .extension-container.inline > [data-native-embed-experience="maui"][data-native-embed-inline-width="true"]:not([data-native-embed-width]))': {
+    width: '100%'
+  },
+  // SSR HTML parsing can separate the outer span from this container, so match its own child.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Size only the inline editor container's eligible unsized MAUI flex child
+  '.extension-container.inline > [data-native-embed-experience="maui"][data-native-embed-inline-width="true"]:not([data-native-embed-width])': {
+    width: '100%'
+  }
+});
+
 /* eslint-enable @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-important-styles */

package/dist/types/entry-points/initial-layout.d.ts

@@ -1,6 +1,7 @@
 import type { AlignmentValue, NativeEmbedParameters } from '../utils/types';
 export declare const NATIVE_EMBED_INITIAL_LAYOUT_FALLBACK_ASPECT_RATIO = "760 / 600";
 export type NativeEmbedInitialLayoutManifest = {
+    id?: string;
     lockResizeAspectRatio?: boolean | (() => boolean);
     parameterDefaults?: {
         height?: number;
@@ -23,6 +24,10 @@ export type ResolveNativeEmbedInitialLayoutInput = {
     parameters?: NativeEmbedParameters;
     placeholderId?: string;
 };
+export declare const resolveNativeEmbedEffectiveWidth: ({ manifest, width, }: {
+    manifest?: NativeEmbedInitialLayoutManifest;
+    width?: number;
+}) => number | undefined;
 /**
  * Resolve the dimensions needed to reserve native embed layout before the full iframe UI is ready.
  *

package/dist/types/entry-points/initial-placeholder.d.ts

@@ -13,6 +13,7 @@ export type NativeEmbedInitialPlaceholderFrameProps = Pick<NativeEmbedInitialLay
 export declare const NativeEmbedInitialPlaceholderFrame: ({ effectiveHeight, effectiveWidth, hasEmbedBorder, lockAspectRatio, placeholderId, testId, }: NativeEmbedInitialPlaceholderFrameProps) => React.JSX.Element;
 export type NativeEmbedInitialPlaceholderProps = ResolveNativeEmbedInitialLayoutInput & {
     firstPaint?: boolean;
+    shouldFillInlineWidth?: boolean;
     testId?: string;
 };
 /**
@@ -20,4 +21,4 @@ export type NativeEmbedInitialPlaceholderProps = ResolveNativeEmbedInitialLayout
  * and Confluence SSR paths. The data attributes let the same ancestor placement styles apply before
  * the full native embed UI is available.
  */
-export declare const NativeEmbedInitialPlaceholder: ({ firstPaint, manifest, parameters, placeholderId, testId, }: NativeEmbedInitialPlaceholderProps) => React.JSX.Element;
+export declare const NativeEmbedInitialPlaceholder: ({ firstPaint, manifest, parameters, placeholderId, shouldFillInlineWidth, testId, }: NativeEmbedInitialPlaceholderProps) => React.JSX.Element;

package/dist/types/entry-points/native-embed-styles.d.ts

@@ -3,3 +3,4 @@
  */
 import { type SerializedStyles } from '@emotion/react';
 export declare const nativeEmbedAlignmentStyles: SerializedStyles;
+export declare const nativeEmbedInlineMauiWidthStyles: SerializedStyles;

package/package.json

@@ -17,7 +17,7 @@
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
 		"@atlaskit/button": "^25.4.0",
-		"@atlaskit/editor-common": "^130.0.0",
+		"@atlaskit/editor-common": "^130.2.0",
 		"@atlaskit/editor-plugin-local-id": "^24.0.0",
 		"@atlaskit/editor-prosemirror": "^9.0.0",
 		"@atlaskit/heading": "^8.0.0",
@@ -44,7 +44,7 @@
 		"react-intl": "^7.0.0"
 	},
 	"name": "@atlaskit/native-embeds-common",
-	"version": "2.6.5",
+	"version": "2.7.0",
 	"description": "A shared package for native embeds to be used across experiences and plugin",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",