@atlaskit/native-embeds-common 2.6.0 → 2.6.2

package/CHANGELOG.md

@@ -1,5 +1,41 @@
 # @atlaskit/native-embeds-common
 
+## 2.6.2
+
+### Patch Changes
+
+- [`ee7d8e25afa75`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ee7d8e25afa75) -
+  DXAI-1824: Refine AVPViz native embeds with a borderless raised frame, a loading skeleton matching
+  Viz Bifrost (announced as a "Loading chart" progress bar), and a single chart title. Enforce
+  native presentation parameters after Smart Link resolution, including fullscreen. Native URL
+  matching remains behind `platform_avp_viz_confluence_native_embed`.
+
+  Add a Static data / Dynamic data selector to the AVPViz native header. It is lazy-loaded and only
+  appears after the child negotiates `avpviz-data-fetch-v1`, so older children keep their own
+  selector. A local `useNativeEmbedChannel` hook validates state from the experience-scoped
+  child-command subscription and owns feature negotiation, connection sessions, and connection
+  timeouts. The data-fetch hook owns selection rules and pending state; the dropdown renders the
+  reported state and sends selections through it. Export the shared protocol from
+  `@atlassian/native-embeds-avpviz-experience/data-fetch-protocol`. Show the loading label, without
+  a mode icon, when no strategy is displayed. The selector's chunk is only downloaded once the child
+  agrees to the feature. Errors are the trigger's accessible description and appear on the option
+  they affect.
+
+  Core gains an opt-in `frameElevation: 'raised'` UI config and exposes the agreed-features promise
+  and experience-scoped child-command subscription on `ActionContext`. The additional context
+  capabilities and generic child-command events are enabled by
+  `platform_avp_viz_confluence_native_embed`; gate-off preserves the existing manifest dispatch and
+  action context.
+
+  Preserve the raised chart frame shadow in editor mode by allowing its host wrappers to overflow.
+  Keep content clipping inside the frame and preserve the editor selection ring.
+
+## 2.6.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.6.0
 
 ### Minor Changes

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

@@ -188,6 +188,14 @@ var nativeEmbedAlignmentStyles = exports.nativeEmbedAlignmentStyles = (0, _react
     float: 'right',
     margin: "".concat(wrapGap, " auto ").concat(wrapGap, " ").concat(wrapGap, " !important")
   },
+  // Raised frames own their shadow and content clipping. The editor overflow wrapper and
+  // left/right alignment containers must let that shadow paint outside the frame bounds.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Target host wrappers only when the experience opts into a raised frame
+  '.extension-overflow-wrapper:not(.with-body):has([data-native-embed-frame-elevation="raised"]), .extension-container:has([data-native-embed-frame-elevation="raised"]), .ak-renderer-extension:has([data-native-embed-frame-elevation="raised"])': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Override editor-owned overflow styles regardless of injection order
+    overflow: 'visible !important',
+    borderRadius: "var(--ds-radius-large, 8px)"
+  },
   // Suppress the hover box-shadow on the extension container for all native embeds.
   // Native embeds provide their own chrome so the generic extension hover ring is not appropriate.
   // The selection ring (from .ak-editor-selected-node) is also applied as a box-shadow,

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

@@ -181,6 +181,14 @@ export const nativeEmbedAlignmentStyles = css({
     float: 'right',
     margin: `${wrapGap} auto ${wrapGap} ${wrapGap} !important`
   },
+  // Raised frames own their shadow and content clipping. The editor overflow wrapper and
+  // left/right alignment containers must let that shadow paint outside the frame bounds.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Target host wrappers only when the experience opts into a raised frame
+  '.extension-overflow-wrapper:not(.with-body):has([data-native-embed-frame-elevation="raised"]), .extension-container:has([data-native-embed-frame-elevation="raised"]), .ak-renderer-extension:has([data-native-embed-frame-elevation="raised"])': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Override editor-owned overflow styles regardless of injection order
+    overflow: 'visible !important',
+    borderRadius: "var(--ds-radius-large, 8px)"
+  },
   // Suppress the hover box-shadow on the extension container for all native embeds.
   // Native embeds provide their own chrome so the generic extension hover ring is not appropriate.
   // The selection ring (from .ak-editor-selected-node) is also applied as a box-shadow,

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

@@ -181,6 +181,14 @@ export var nativeEmbedAlignmentStyles = css({
     float: 'right',
     margin: "".concat(wrapGap, " auto ").concat(wrapGap, " ").concat(wrapGap, " !important")
   },
+  // Raised frames own their shadow and content clipping. The editor overflow wrapper and
+  // left/right alignment containers must let that shadow paint outside the frame bounds.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Target host wrappers only when the experience opts into a raised frame
+  '.extension-overflow-wrapper:not(.with-body):has([data-native-embed-frame-elevation="raised"]), .extension-container:has([data-native-embed-frame-elevation="raised"]), .ak-renderer-extension:has([data-native-embed-frame-elevation="raised"])': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Override editor-owned overflow styles regardless of injection order
+    overflow: 'visible !important',
+    borderRadius: "var(--ds-radius-large, 8px)"
+  },
   // Suppress the hover box-shadow on the extension container for all native embeds.
   // Native embeds provide their own chrome so the generic extension hover ring is not appropriate.
   // The selection ring (from .ak-editor-selected-node) is also applied as a box-shadow,

package/package.json

@@ -17,8 +17,8 @@
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
 		"@atlaskit/button": "^25.4.0",
-		"@atlaskit/editor-common": "^126.2.0",
-		"@atlaskit/editor-plugin-local-id": "^20.0.0",
+		"@atlaskit/editor-common": "^127.1.0",
+		"@atlaskit/editor-plugin-local-id": "^21.0.0",
 		"@atlaskit/editor-prosemirror": "^9.0.0",
 		"@atlaskit/heading": "^8.0.0",
 		"@atlaskit/icon": "^38.0.0",
@@ -44,7 +44,7 @@
 		"react-intl": "^7.0.0"
 	},
 	"name": "@atlaskit/native-embeds-common",
-	"version": "2.6.0",
+	"version": "2.6.2",
 	"description": "A shared package for native embeds to be used across experiences and plugin",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",