@atlaskit/editor-plugin-extension 5.5.5 → 5.5.6

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-extension
 
+## 5.5.6
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 5.5.5
 
 ### Patch Changes

package/dist/cjs/extensionPlugin.js

@@ -81,7 +81,7 @@ var extensionPlugin = exports.extensionPlugin = function extensionPlugin(_ref) {
           var extensionHandlers = options.extensionHandlers || {};
           return (0, _main.createPlugin)(dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, _api, options.useLongPressSelection, {
             appearance: options.appearance,
-            extensionViewportSizes: options.extensionViewportSizes
+            getExtensionHeight: options.getExtensionHeight
           }, featureFlags, options === null || options === void 0 ? void 0 : options.__rendererExtensionOptions);
         }
       }, {

package/dist/cjs/pm-plugins/main.js

@@ -178,7 +178,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, provid
   });
   var extensionNodeViewOptions = {
     appearance: options.appearance,
-    extensionViewportSizes: options.extensionViewportSizes
+    getExtensionHeight: options.getExtensionHeight
   };
   var macroInteractionDesignFeatureFlags = {
     showMacroInteractionDesignUpdates: (_featureFlags$macroIn = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.macroInteractionUpdates) !== null && _featureFlags$macroIn !== void 0 ? _featureFlags$macroIn : false

package/dist/cjs/ui/ConfigPanel/Fields/Expand.js

@@ -12,8 +12,8 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _new = require("@atlaskit/button/new");
 var _extensions = require("@atlaskit/editor-common/extensions");
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-down"));
-var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-right"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
+var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
 var _colors = require("@atlaskit/theme/colors");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /**
@@ -80,7 +80,15 @@ function Expand(_ref) {
     },
     label: intl.formatMessage(expanded ? _extensions.configPanelMessages.collapse : _extensions.configPanelMessages.expand),
     testId: "form-expand-toggle",
-    icon: expanded ? _chevronDown.default : _chevronRight.default
+    icon: function icon(iconProps) {
+      return expanded ? (0, _react2.jsx)(_chevronDown.default, {
+        label: iconProps.label,
+        size: "small"
+      }) : (0, _react2.jsx)(_chevronRight.default, {
+        label: iconProps.label,
+        size: "small"
+      });
+    }
   }))), (0, _react2.jsx)("div", {
     "data-testid": "expand-content-container",
     css: expanded ? expandContentContainerVisibleStyles : expandContentContainerHiddenStyles

package/dist/es2019/extensionPlugin.js

@@ -74,7 +74,7 @@ export const extensionPlugin = ({
           const extensionHandlers = options.extensionHandlers || {};
           return createPlugin(dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, api, options.useLongPressSelection, {
             appearance: options.appearance,
-            extensionViewportSizes: options.extensionViewportSizes
+            getExtensionHeight: options.getExtensionHeight
           }, featureFlags, options === null || options === void 0 ? void 0 : options.__rendererExtensionOptions);
         }
       }, {

package/dist/es2019/pm-plugins/main.js

@@ -122,7 +122,7 @@ export const createPlugin = (dispatch, providerFactory, extensionHandlers, porta
   });
   const extensionNodeViewOptions = {
     appearance: options.appearance,
-    extensionViewportSizes: options.extensionViewportSizes
+    getExtensionHeight: options.getExtensionHeight
   };
   const macroInteractionDesignFeatureFlags = {
     showMacroInteractionDesignUpdates: (_featureFlags$macroIn = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.macroInteractionUpdates) !== null && _featureFlags$macroIn !== void 0 ? _featureFlags$macroIn : false

package/dist/es2019/ui/ConfigPanel/Fields/Expand.js

@@ -9,8 +9,8 @@ import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { IconButton } from '@atlaskit/button/new';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
-import ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
-import ChevronRightIcon from '@atlaskit/icon/utility/chevron-right';
+import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
+import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
 import { N40 } from '@atlaskit/theme/colors';
 const expandContainerStyles = css({
   borderBottom: `1px solid ${`var(--ds-border, ${N40})`}`
@@ -66,7 +66,13 @@ function Expand({
     },
     label: intl.formatMessage(expanded ? messages.collapse : messages.expand),
     testId: "form-expand-toggle",
-    icon: expanded ? ChevronDownIcon : ChevronRightIcon
+    icon: iconProps => expanded ? jsx(ChevronDownIcon, {
+      label: iconProps.label,
+      size: "small"
+    }) : jsx(ChevronRightIcon, {
+      label: iconProps.label,
+      size: "small"
+    })
   }))), jsx("div", {
     "data-testid": "expand-content-container",
     css: expanded ? expandContentContainerVisibleStyles : expandContentContainerHiddenStyles

package/dist/esm/extensionPlugin.js

@@ -73,7 +73,7 @@ export var extensionPlugin = function extensionPlugin(_ref) {
           var extensionHandlers = options.extensionHandlers || {};
           return createPlugin(dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, _api, options.useLongPressSelection, {
             appearance: options.appearance,
-            extensionViewportSizes: options.extensionViewportSizes
+            getExtensionHeight: options.getExtensionHeight
           }, featureFlags, options === null || options === void 0 ? void 0 : options.__rendererExtensionOptions);
         }
       }, {

package/dist/esm/pm-plugins/main.js

@@ -171,7 +171,7 @@ export var createPlugin = function createPlugin(dispatch, providerFactory, exten
   });
   var extensionNodeViewOptions = {
     appearance: options.appearance,
-    extensionViewportSizes: options.extensionViewportSizes
+    getExtensionHeight: options.getExtensionHeight
   };
   var macroInteractionDesignFeatureFlags = {
     showMacroInteractionDesignUpdates: (_featureFlags$macroIn = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.macroInteractionUpdates) !== null && _featureFlags$macroIn !== void 0 ? _featureFlags$macroIn : false

package/dist/esm/ui/ConfigPanel/Fields/Expand.js

@@ -10,8 +10,8 @@ import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { IconButton } from '@atlaskit/button/new';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
-import ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
-import ChevronRightIcon from '@atlaskit/icon/utility/chevron-right';
+import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
+import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
 import { N40 } from '@atlaskit/theme/colors';
 var expandContainerStyles = css({
   borderBottom: "1px solid ".concat("var(--ds-border, ".concat(N40, ")"))
@@ -70,7 +70,15 @@ function Expand(_ref) {
     },
     label: intl.formatMessage(expanded ? messages.collapse : messages.expand),
     testId: "form-expand-toggle",
-    icon: expanded ? ChevronDownIcon : ChevronRightIcon
+    icon: function icon(iconProps) {
+      return expanded ? jsx(ChevronDownIcon, {
+        label: iconProps.label,
+        size: "small"
+      }) : jsx(ChevronRightIcon, {
+        label: iconProps.label,
+        size: "small"
+      });
+    }
   }))), jsx("div", {
     "data-testid": "expand-content-container",
     css: expanded ? expandContentContainerVisibleStyles : expandContentContainerHiddenStyles

package/dist/types/extensionPluginType.d.ts

@@ -1,8 +1,9 @@
 import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { GetPMNodeHeight } from '@atlaskit/editor-common/extensibility';
 import type { ExtensionAPI, ExtensionHandlers, ExtensionProvider, Parameters, TransformAfter, TransformBefore, UpdateExtension } from '@atlaskit/editor-common/extensions';
 import type { MacroProvider } from '@atlaskit/editor-common/provider-factory';
-import type { EditorAppearance, ExtensionViewportSize, LongPressSelectionPluginOptions, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { EditorAppearance, LongPressSelectionPluginOptions, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { ContextIdentifierPlugin } from '@atlaskit/editor-plugin-context-identifier';
@@ -49,11 +50,9 @@ export interface ExtensionPluginOptions extends LongPressSelectionPluginOptions
         showUpdated1PBodiedExtensionUI: (node: ADFEntity) => boolean;
     };
     /**
-     * Configuration for extension viewport sizes, used to preload specific heights for Forge extensions.
-     * Each item contains an extensionId and corresponding viewportSize (e.g., 'small', 'large', or custom pixel values like '300px').
-     * This helps optimize rendering by setting minimum heights before the extension content loads.
+     * Helps optimize layout shift while rendering by setting minimum heights before the extension content loads.
      */
-    extensionViewportSizes?: ExtensionViewportSize[];
+    getExtensionHeight?: GetPMNodeHeight;
 }
 type InsertMacroFromMacroBrowser = (macroProvider: MacroProvider, macroNode?: PmNode, isEditing?: boolean) => (view: EditorView) => Promise<boolean>;
 export type RunMacroAutoConvert = (state: EditorState, text: string) => PmNode | null;

package/dist/types/pm-plugins/main.d.ts

@@ -1,9 +1,10 @@
 import type { Dispatch, EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { GetPMNodeHeight } from '@atlaskit/editor-common/extensibility';
 import type { ExtensionHandlers, ExtensionProvider } from '@atlaskit/editor-common/extensions';
 import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { EditorAppearance, ExtensionViewportSize, ExtractInjectionAPI, FeatureFlags } from '@atlaskit/editor-common/types';
+import type { EditorAppearance, ExtractInjectionAPI, FeatureFlags } from '@atlaskit/editor-common/types';
 import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -18,5 +19,5 @@ export declare const handleUpdate: ({ view, prevState, domAtPos, extensionHandle
 }) => true | undefined;
 export declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginInjectionApi: ExtractInjectionAPI<ExtensionPlugin> | undefined, useLongPressSelection?: boolean, options?: {
     appearance?: EditorAppearance;
-    extensionViewportSizes?: ExtensionViewportSize[];
+    getExtensionHeight?: GetPMNodeHeight;
 }, featureFlags?: FeatureFlags, __rendererExtensionOptions?: ExtensionPluginOptions['__rendererExtensionOptions']) => SafePlugin<import("../extensionPluginType").ExtensionState>;

package/dist/types-ts4.5/extensionPluginType.d.ts

@@ -1,8 +1,9 @@
 import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { GetPMNodeHeight } from '@atlaskit/editor-common/extensibility';
 import type { ExtensionAPI, ExtensionHandlers, ExtensionProvider, Parameters, TransformAfter, TransformBefore, UpdateExtension } from '@atlaskit/editor-common/extensions';
 import type { MacroProvider } from '@atlaskit/editor-common/provider-factory';
-import type { EditorAppearance, ExtensionViewportSize, LongPressSelectionPluginOptions, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { EditorAppearance, LongPressSelectionPluginOptions, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { ContextIdentifierPlugin } from '@atlaskit/editor-plugin-context-identifier';
@@ -49,11 +50,9 @@ export interface ExtensionPluginOptions extends LongPressSelectionPluginOptions
         showUpdated1PBodiedExtensionUI: (node: ADFEntity) => boolean;
     };
     /**
-     * Configuration for extension viewport sizes, used to preload specific heights for Forge extensions.
-     * Each item contains an extensionId and corresponding viewportSize (e.g., 'small', 'large', or custom pixel values like '300px').
-     * This helps optimize rendering by setting minimum heights before the extension content loads.
+     * Helps optimize layout shift while rendering by setting minimum heights before the extension content loads.
      */
-    extensionViewportSizes?: ExtensionViewportSize[];
+    getExtensionHeight?: GetPMNodeHeight;
 }
 type InsertMacroFromMacroBrowser = (macroProvider: MacroProvider, macroNode?: PmNode, isEditing?: boolean) => (view: EditorView) => Promise<boolean>;
 export type RunMacroAutoConvert = (state: EditorState, text: string) => PmNode | null;

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -1,9 +1,10 @@
 import type { Dispatch, EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { GetPMNodeHeight } from '@atlaskit/editor-common/extensibility';
 import type { ExtensionHandlers, ExtensionProvider } from '@atlaskit/editor-common/extensions';
 import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { EditorAppearance, ExtensionViewportSize, ExtractInjectionAPI, FeatureFlags } from '@atlaskit/editor-common/types';
+import type { EditorAppearance, ExtractInjectionAPI, FeatureFlags } from '@atlaskit/editor-common/types';
 import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -18,5 +19,5 @@ export declare const handleUpdate: ({ view, prevState, domAtPos, extensionHandle
 }) => true | undefined;
 export declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginInjectionApi: ExtractInjectionAPI<ExtensionPlugin> | undefined, useLongPressSelection?: boolean, options?: {
     appearance?: EditorAppearance;
-    extensionViewportSizes?: ExtensionViewportSize[];
+    getExtensionHeight?: GetPMNodeHeight;
 }, featureFlags?: FeatureFlags, __rendererExtensionOptions?: ExtensionPluginOptions['__rendererExtensionOptions']) => SafePlugin<import("../extensionPluginType").ExtensionState>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-extension",
-	"version": "5.5.5",
+	"version": "5.5.6",
 	"description": "editor-plugin-extension plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,7 +32,7 @@
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/checkbox": "^17.1.0",
 		"@atlaskit/datetime-picker": "^17.0.0",
-		"@atlaskit/editor-common": "^106.5.0",
+		"@atlaskit/editor-common": "^106.6.0",
 		"@atlaskit/editor-json-transformer": "^8.24.0",
 		"@atlaskit/editor-plugin-analytics": "^2.3.0",
 		"@atlaskit/editor-plugin-connectivity": "^2.0.0",
@@ -60,7 +60,7 @@
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^6.0.0",
+		"@atlaskit/tmp-editor-statsig": "^7.0.0",
 		"@atlaskit/toggle": "^15.0.0",
 		"@atlaskit/tokens": "^5.1.0",
 		"@atlaskit/tooltip": "^20.3.0",