@atlaskit/editor-plugin-panel 2.3.7 → 2.5.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-plugin-panel
 
+## 2.5.0
+
+### Minor Changes
+
+- [#141652](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/141652)
+  [`1cbce9d217a8e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1cbce9d217a8e) -
+  [ux] EDF-1549 AI button added in floating toolbar of panel, table, layout and expand behind
+  experiment.
+
+## 2.4.0
+
+### Minor Changes
+
+- [#140949](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/140949)
+  [`f0496e4dd21b2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f0496e4dd21b2) -
+  Make Panel Plugin use Emoji component from editor-plugin-emoji
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.3.7
 
 ### Patch Changes

package/dist/cjs/nodeviews/panel.js

@@ -11,6 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _emoji = require("@atlaskit/editor-common/emoji");
+var _hooks = require("@atlaskit/editor-common/hooks");
 var _icons = require("@atlaskit/editor-common/icons");
 var _panel = require("@atlaskit/editor-common/panel");
 var _model = require("@atlaskit/editor-prosemirror/model");
@@ -26,16 +27,24 @@ var panelIcons = exports.panelIcons = {
   error: _icons.PanelErrorIcon,
   custom: _icons.PanelInfoIcon
 };
+var useEmojiProvider = function useEmojiProvider(pluginInjectionApi) {
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['emoji']),
+    emojiState = _useSharedPluginState.emojiState;
+  return emojiState === null || emojiState === void 0 ? void 0 : emojiState.emojiProvider;
+};
 var PanelIcon = exports.PanelIcon = function PanelIcon(props) {
   var allowCustomPanel = props.allowCustomPanel,
     providerFactory = props.providerFactory,
+    pluginInjectionApi = props.pluginInjectionApi,
     _props$panelAttribute = props.panelAttributes,
     panelType = _props$panelAttribute.panelType,
     panelIcon = _props$panelAttribute.panelIcon,
     panelIconId = _props$panelAttribute.panelIconId,
     panelIconText = _props$panelAttribute.panelIconText;
+  var emojiProvider = useEmojiProvider(pluginInjectionApi);
   if (allowCustomPanel && panelIcon && panelType === _adfSchema.PanelType.CUSTOM) {
     return /*#__PURE__*/_react.default.createElement(_emoji.Emoji, {
+      emojiProvider: emojiProvider,
       providers: providerFactory,
       shortName: panelIcon,
       id: panelIconId,
@@ -51,7 +60,7 @@ var PanelIcon = exports.PanelIcon = function PanelIcon(props) {
   });
 };
 var PanelNodeView = /*#__PURE__*/function () {
-  function PanelNodeView(node, view, getPos, pluginOptions, providerFactory) {
+  function PanelNodeView(node, view, getPos, pluginOptions, api, providerFactory) {
     (0, _classCallCheck2.default)(this, PanelNodeView);
     this.providerFactory = providerFactory;
     this.pluginOptions = pluginOptions;
@@ -70,6 +79,7 @@ var PanelNodeView = /*#__PURE__*/function () {
     // set contentEditable as false to be able to select the custom panels with keyboard
     this.icon.contentEditable = 'false';
     _reactDom.default.render( /*#__PURE__*/_react.default.createElement(PanelIcon, {
+      pluginInjectionApi: api,
       allowCustomPanel: pluginOptions.allowCustomPanel,
       panelAttributes: node.attrs,
       providerFactory: this.providerFactory
@@ -90,8 +100,8 @@ var PanelNodeView = /*#__PURE__*/function () {
   }]);
   return PanelNodeView;
 }();
-var getPanelNodeView = exports.getPanelNodeView = function getPanelNodeView(pluginOptions, providerFactory) {
+var getPanelNodeView = exports.getPanelNodeView = function getPanelNodeView(pluginOptions, api, providerFactory) {
   return function (node, view, getPos) {
-    return new PanelNodeView(node, view, getPos, pluginOptions, providerFactory);
+    return new PanelNodeView(node, view, getPos, pluginOptions, api, providerFactory);
   };
 };

package/dist/cjs/plugin.js

@@ -34,7 +34,7 @@ var panelPlugin = function panelPlugin(_ref) {
         plugin: function plugin(_ref2) {
           var providerFactory = _ref2.providerFactory,
             dispatch = _ref2.dispatch;
-          return (0, _main.createPlugin)(dispatch, providerFactory, options);
+          return (0, _main.createPlugin)(dispatch, providerFactory, options, api);
         }
       }, {
         name: 'panelKeyMap',

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

@@ -10,7 +10,7 @@ var _selection = require("@atlaskit/editor-common/selection");
 var _panel2 = require("../nodeviews/panel");
 var _types = require("../types");
 var _utils = require("../utils");
-var createPlugin = exports.createPlugin = function createPlugin(dispatch, providerFactory, pluginOptions) {
+var createPlugin = exports.createPlugin = function createPlugin(dispatch, providerFactory, pluginOptions, api) {
   var _pluginOptions$useLon = pluginOptions.useLongPressSelection,
     useLongPressSelection = _pluginOptions$useLon === void 0 ? false : _pluginOptions$useLon;
   return new _safePlugin.SafePlugin({
@@ -25,7 +25,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, provid
     },
     props: {
       nodeViews: {
-        panel: (0, _panel2.getPanelNodeView)(pluginOptions, providerFactory)
+        panel: (0, _panel2.getPanelNodeView)(pluginOptions, api, providerFactory)
       },
       handleClickOn: (0, _selection.createSelectionClickHandler)(['panel'], function (target) {
         return !!target.closest(".".concat(_panel.PanelSharedCssClassName.prefix));

package/dist/es2019/nodeviews/panel.js

@@ -2,6 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { PanelType } from '@atlaskit/adf-schema';
 import { Emoji } from '@atlaskit/editor-common/emoji';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { PanelErrorIcon, PanelInfoIcon, PanelNoteIcon, PanelSuccessIcon, PanelWarningIcon } from '@atlaskit/editor-common/icons';
 import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
@@ -17,10 +18,17 @@ export const panelIcons = {
   error: PanelErrorIcon,
   custom: PanelInfoIcon
 };
+const useEmojiProvider = pluginInjectionApi => {
+  const {
+    emojiState
+  } = useSharedPluginState(pluginInjectionApi, ['emoji']);
+  return emojiState === null || emojiState === void 0 ? void 0 : emojiState.emojiProvider;
+};
 export const PanelIcon = props => {
   const {
     allowCustomPanel,
     providerFactory,
+    pluginInjectionApi,
     panelAttributes: {
       panelType,
       panelIcon,
@@ -28,8 +36,10 @@ export const PanelIcon = props => {
       panelIconText
     }
   } = props;
+  const emojiProvider = useEmojiProvider(pluginInjectionApi);
   if (allowCustomPanel && panelIcon && panelType === PanelType.CUSTOM) {
     return /*#__PURE__*/React.createElement(Emoji, {
+      emojiProvider: emojiProvider,
       providers: providerFactory,
       shortName: panelIcon,
       id: panelIconId,
@@ -45,7 +55,7 @@ export const PanelIcon = props => {
   });
 };
 class PanelNodeView {
-  constructor(node, view, getPos, pluginOptions, providerFactory) {
+  constructor(node, view, getPos, pluginOptions, api, providerFactory) {
     this.providerFactory = providerFactory;
     this.pluginOptions = pluginOptions;
     this.view = view;
@@ -64,6 +74,7 @@ class PanelNodeView {
     // set contentEditable as false to be able to select the custom panels with keyboard
     this.icon.contentEditable = 'false';
     ReactDOM.render( /*#__PURE__*/React.createElement(PanelIcon, {
+      pluginInjectionApi: api,
       allowCustomPanel: pluginOptions.allowCustomPanel,
       panelAttributes: node.attrs,
       providerFactory: this.providerFactory
@@ -80,6 +91,6 @@ class PanelNodeView {
     return isIcon || isInsideIcon;
   }
 }
-export const getPanelNodeView = (pluginOptions, providerFactory) => (node, view, getPos) => {
-  return new PanelNodeView(node, view, getPos, pluginOptions, providerFactory);
+export const getPanelNodeView = (pluginOptions, api, providerFactory) => (node, view, getPos) => {
+  return new PanelNodeView(node, view, getPos, pluginOptions, api, providerFactory);
 };

package/dist/es2019/plugin.js

@@ -26,7 +26,7 @@ const panelPlugin = ({
       plugin: ({
         providerFactory,
         dispatch
-      }) => createPlugin(dispatch, providerFactory, options)
+      }) => createPlugin(dispatch, providerFactory, options, api)
     }, {
       name: 'panelKeyMap',
       plugin: () => keymap()

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

@@ -4,7 +4,7 @@ import { createSelectionClickHandler } from '@atlaskit/editor-common/selection';
 import { getPanelNodeView } from '../nodeviews/panel';
 import { pluginKey } from '../types';
 import { handleCut } from '../utils';
-export const createPlugin = (dispatch, providerFactory, pluginOptions) => {
+export const createPlugin = (dispatch, providerFactory, pluginOptions, api) => {
   const {
     useLongPressSelection = false
   } = pluginOptions;
@@ -18,7 +18,7 @@ export const createPlugin = (dispatch, providerFactory, pluginOptions) => {
     },
     props: {
       nodeViews: {
-        panel: getPanelNodeView(pluginOptions, providerFactory)
+        panel: getPanelNodeView(pluginOptions, api, providerFactory)
       },
       handleClickOn: createSelectionClickHandler(['panel'], target => !!target.closest(`.${PanelSharedCssClassName.prefix}`), {
         useLongPressSelection

package/dist/esm/nodeviews/panel.js

@@ -4,6 +4,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { PanelType } from '@atlaskit/adf-schema';
 import { Emoji } from '@atlaskit/editor-common/emoji';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { PanelErrorIcon, PanelInfoIcon, PanelNoteIcon, PanelSuccessIcon, PanelWarningIcon } from '@atlaskit/editor-common/icons';
 import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
@@ -19,16 +20,24 @@ export var panelIcons = {
   error: PanelErrorIcon,
   custom: PanelInfoIcon
 };
+var useEmojiProvider = function useEmojiProvider(pluginInjectionApi) {
+  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['emoji']),
+    emojiState = _useSharedPluginState.emojiState;
+  return emojiState === null || emojiState === void 0 ? void 0 : emojiState.emojiProvider;
+};
 export var PanelIcon = function PanelIcon(props) {
   var allowCustomPanel = props.allowCustomPanel,
     providerFactory = props.providerFactory,
+    pluginInjectionApi = props.pluginInjectionApi,
     _props$panelAttribute = props.panelAttributes,
     panelType = _props$panelAttribute.panelType,
     panelIcon = _props$panelAttribute.panelIcon,
     panelIconId = _props$panelAttribute.panelIconId,
     panelIconText = _props$panelAttribute.panelIconText;
+  var emojiProvider = useEmojiProvider(pluginInjectionApi);
   if (allowCustomPanel && panelIcon && panelType === PanelType.CUSTOM) {
     return /*#__PURE__*/React.createElement(Emoji, {
+      emojiProvider: emojiProvider,
       providers: providerFactory,
       shortName: panelIcon,
       id: panelIconId,
@@ -44,7 +53,7 @@ export var PanelIcon = function PanelIcon(props) {
   });
 };
 var PanelNodeView = /*#__PURE__*/function () {
-  function PanelNodeView(node, view, getPos, pluginOptions, providerFactory) {
+  function PanelNodeView(node, view, getPos, pluginOptions, api, providerFactory) {
     _classCallCheck(this, PanelNodeView);
     this.providerFactory = providerFactory;
     this.pluginOptions = pluginOptions;
@@ -63,6 +72,7 @@ var PanelNodeView = /*#__PURE__*/function () {
     // set contentEditable as false to be able to select the custom panels with keyboard
     this.icon.contentEditable = 'false';
     ReactDOM.render( /*#__PURE__*/React.createElement(PanelIcon, {
+      pluginInjectionApi: api,
       allowCustomPanel: pluginOptions.allowCustomPanel,
       panelAttributes: node.attrs,
       providerFactory: this.providerFactory
@@ -83,8 +93,8 @@ var PanelNodeView = /*#__PURE__*/function () {
   }]);
   return PanelNodeView;
 }();
-export var getPanelNodeView = function getPanelNodeView(pluginOptions, providerFactory) {
+export var getPanelNodeView = function getPanelNodeView(pluginOptions, api, providerFactory) {
   return function (node, view, getPos) {
-    return new PanelNodeView(node, view, getPos, pluginOptions, providerFactory);
+    return new PanelNodeView(node, view, getPos, pluginOptions, api, providerFactory);
   };
 };

package/dist/esm/plugin.js

@@ -27,7 +27,7 @@ var panelPlugin = function panelPlugin(_ref) {
         plugin: function plugin(_ref2) {
           var providerFactory = _ref2.providerFactory,
             dispatch = _ref2.dispatch;
-          return createPlugin(dispatch, providerFactory, options);
+          return createPlugin(dispatch, providerFactory, options, api);
         }
       }, {
         name: 'panelKeyMap',

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

@@ -4,7 +4,7 @@ import { createSelectionClickHandler } from '@atlaskit/editor-common/selection';
 import { getPanelNodeView } from '../nodeviews/panel';
 import { pluginKey } from '../types';
 import { handleCut } from '../utils';
-export var createPlugin = function createPlugin(dispatch, providerFactory, pluginOptions) {
+export var createPlugin = function createPlugin(dispatch, providerFactory, pluginOptions, api) {
   var _pluginOptions$useLon = pluginOptions.useLongPressSelection,
     useLongPressSelection = _pluginOptions$useLon === void 0 ? false : _pluginOptions$useLon;
   return new SafePlugin({
@@ -19,7 +19,7 @@ export var createPlugin = function createPlugin(dispatch, providerFactory, plugi
     },
     props: {
       nodeViews: {
-        panel: getPanelNodeView(pluginOptions, providerFactory)
+        panel: getPanelNodeView(pluginOptions, api, providerFactory)
       },
       handleClickOn: createSelectionClickHandler(['panel'], function (target) {
         return !!target.closest(".".concat(PanelSharedCssClassName.prefix));

package/dist/types/index.d.ts

@@ -1,3 +1,2 @@
 export { default as panelPlugin } from './plugin';
-export type { PanelPlugin } from './plugin';
-export type { PanelPluginConfig, PanelPluginOptions } from './types';
+export type { PanelPlugin, PanelPluginConfig, PanelPluginOptions } from './types';

package/dist/types/nodeviews/panel.d.ts

@@ -2,10 +2,10 @@ import React from 'react';
 import type { PanelAttributes } from '@atlaskit/adf-schema';
 import { PanelType } from '@atlaskit/adf-schema';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import type { getPosHandler, getPosHandlerNode } from '@atlaskit/editor-common/types';
+import type { ExtractInjectionAPI, getPosHandler, getPosHandlerNode } from '@atlaskit/editor-common/types';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { PanelPluginOptions } from '../types';
+import type { PanelPlugin, PanelPluginOptions } from '../types';
 export declare const panelIcons: {
     [key in PanelType]: React.ComponentType<{
         label: string;
@@ -15,6 +15,7 @@ interface PanelIconAttributes {
     panelAttributes: PanelAttributes;
     providerFactory?: ProviderFactory;
     allowCustomPanel?: boolean;
+    pluginInjectionApi: ExtractInjectionAPI<PanelPlugin> | undefined;
 }
 export declare const PanelIcon: (props: PanelIconAttributes) => JSX.Element;
 declare class PanelNodeView {
@@ -26,11 +27,11 @@ declare class PanelNodeView {
     view: EditorView;
     providerFactory?: ProviderFactory;
     pluginOptions: PanelPluginOptions;
-    constructor(node: Node, view: EditorView, getPos: getPosHandlerNode, pluginOptions: PanelPluginOptions, providerFactory?: ProviderFactory);
+    constructor(node: Node, view: EditorView, getPos: getPosHandlerNode, pluginOptions: PanelPluginOptions, api: ExtractInjectionAPI<PanelPlugin> | undefined, providerFactory?: ProviderFactory);
     ignoreMutation(mutation: MutationRecord | {
         type: 'selection';
         target: Element;
     }): boolean;
 }
-export declare const getPanelNodeView: (pluginOptions: PanelPluginOptions, providerFactory?: ProviderFactory) => (node: Node, view: EditorView, getPos: getPosHandler) => PanelNodeView;
+export declare const getPanelNodeView: (pluginOptions: PanelPluginOptions, api: ExtractInjectionAPI<PanelPlugin> | undefined, providerFactory?: ProviderFactory) => (node: Node, view: EditorView, getPos: getPosHandler) => PanelNodeView;
 export {};

package/dist/types/plugin.d.ts

@@ -1,14 +1,3 @@
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import type { Command, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
-import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
-import type { PanelPluginOptions } from './types';
-export type PanelPlugin = NextEditorPlugin<'panel', {
-    pluginConfiguration: PanelPluginOptions | undefined;
-    dependencies: [typeof decorationsPlugin, OptionalPlugin<typeof analyticsPlugin>];
-    actions: {
-        insertPanel: (inputMethod: INPUT_METHOD) => Command;
-    };
-}>;
+import { type PanelPlugin } from './types';
 declare const panelPlugin: PanelPlugin;
 export default panelPlugin;

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

@@ -1,11 +1,12 @@
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { PanelPluginOptions } from '../types';
+import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { type PanelPlugin, type PanelPluginOptions } from '../types';
 export type PanelOptions = {
     color?: string;
     emoji?: string;
     emojiId?: string;
     emojiText?: string;
 };
-export declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, pluginOptions: PanelPluginOptions) => SafePlugin<any>;
+export declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, pluginOptions: PanelPluginOptions, api: ExtractInjectionAPI<PanelPlugin> | undefined) => SafePlugin<any>;

package/dist/types/types.d.ts

@@ -1,4 +1,8 @@
-import type { LongPressSelectionPluginOptions } from '@atlaskit/editor-common/types';
+import { type INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { Command, LongPressSelectionPluginOptions, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import { type EmojiPlugin } from '@atlaskit/editor-plugin-emoji';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 export declare const pluginKey: PluginKey<any>;
 export interface PanelPluginOptions extends LongPressSelectionPluginOptions, PanelPluginConfig {
@@ -20,3 +24,10 @@ export type EmojiInfo = {
     shortName: string;
     id: string;
 };
+export type PanelPlugin = NextEditorPlugin<'panel', {
+    pluginConfiguration: PanelPluginOptions | undefined;
+    dependencies: [typeof decorationsPlugin, OptionalPlugin<typeof analyticsPlugin>, EmojiPlugin];
+    actions: {
+        insertPanel: (inputMethod: INPUT_METHOD) => Command;
+    };
+}>;

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

@@ -1,3 +1,2 @@
 export { default as panelPlugin } from './plugin';
-export type { PanelPlugin } from './plugin';
-export type { PanelPluginConfig, PanelPluginOptions } from './types';
+export type { PanelPlugin, PanelPluginConfig, PanelPluginOptions } from './types';

package/dist/types-ts4.5/nodeviews/panel.d.ts

@@ -2,10 +2,10 @@ import React from 'react';
 import type { PanelAttributes } from '@atlaskit/adf-schema';
 import { PanelType } from '@atlaskit/adf-schema';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import type { getPosHandler, getPosHandlerNode } from '@atlaskit/editor-common/types';
+import type { ExtractInjectionAPI, getPosHandler, getPosHandlerNode } from '@atlaskit/editor-common/types';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { PanelPluginOptions } from '../types';
+import type { PanelPlugin, PanelPluginOptions } from '../types';
 export declare const panelIcons: {
     [key in PanelType]: React.ComponentType<{
         label: string;
@@ -15,6 +15,7 @@ interface PanelIconAttributes {
     panelAttributes: PanelAttributes;
     providerFactory?: ProviderFactory;
     allowCustomPanel?: boolean;
+    pluginInjectionApi: ExtractInjectionAPI<PanelPlugin> | undefined;
 }
 export declare const PanelIcon: (props: PanelIconAttributes) => JSX.Element;
 declare class PanelNodeView {
@@ -26,11 +27,11 @@ declare class PanelNodeView {
     view: EditorView;
     providerFactory?: ProviderFactory;
     pluginOptions: PanelPluginOptions;
-    constructor(node: Node, view: EditorView, getPos: getPosHandlerNode, pluginOptions: PanelPluginOptions, providerFactory?: ProviderFactory);
+    constructor(node: Node, view: EditorView, getPos: getPosHandlerNode, pluginOptions: PanelPluginOptions, api: ExtractInjectionAPI<PanelPlugin> | undefined, providerFactory?: ProviderFactory);
     ignoreMutation(mutation: MutationRecord | {
         type: 'selection';
         target: Element;
     }): boolean;
 }
-export declare const getPanelNodeView: (pluginOptions: PanelPluginOptions, providerFactory?: ProviderFactory) => (node: Node, view: EditorView, getPos: getPosHandler) => PanelNodeView;
+export declare const getPanelNodeView: (pluginOptions: PanelPluginOptions, api: ExtractInjectionAPI<PanelPlugin> | undefined, providerFactory?: ProviderFactory) => (node: Node, view: EditorView, getPos: getPosHandler) => PanelNodeView;
 export {};

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

@@ -1,17 +1,3 @@
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import type { Command, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
-import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
-import type { PanelPluginOptions } from './types';
-export type PanelPlugin = NextEditorPlugin<'panel', {
-    pluginConfiguration: PanelPluginOptions | undefined;
-    dependencies: [
-        typeof decorationsPlugin,
-        OptionalPlugin<typeof analyticsPlugin>
-    ];
-    actions: {
-        insertPanel: (inputMethod: INPUT_METHOD) => Command;
-    };
-}>;
+import { type PanelPlugin } from './types';
 declare const panelPlugin: PanelPlugin;
 export default panelPlugin;

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

@@ -1,11 +1,12 @@
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { PanelPluginOptions } from '../types';
+import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { type PanelPlugin, type PanelPluginOptions } from '../types';
 export type PanelOptions = {
     color?: string;
     emoji?: string;
     emojiId?: string;
     emojiText?: string;
 };
-export declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, pluginOptions: PanelPluginOptions) => SafePlugin<any>;
+export declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, pluginOptions: PanelPluginOptions, api: ExtractInjectionAPI<PanelPlugin> | undefined) => SafePlugin<any>;

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

@@ -1,4 +1,8 @@
-import type { LongPressSelectionPluginOptions } from '@atlaskit/editor-common/types';
+import { type INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { Command, LongPressSelectionPluginOptions, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import { type EmojiPlugin } from '@atlaskit/editor-plugin-emoji';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 export declare const pluginKey: PluginKey<any>;
 export interface PanelPluginOptions extends LongPressSelectionPluginOptions, PanelPluginConfig {
@@ -20,3 +24,14 @@ export type EmojiInfo = {
     shortName: string;
     id: string;
 };
+export type PanelPlugin = NextEditorPlugin<'panel', {
+    pluginConfiguration: PanelPluginOptions | undefined;
+    dependencies: [
+        typeof decorationsPlugin,
+        OptionalPlugin<typeof analyticsPlugin>,
+        EmojiPlugin
+    ];
+    actions: {
+        insertPanel: (inputMethod: INPUT_METHOD) => Command;
+    };
+}>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-panel",
-	"version": "2.3.7",
+	"version": "2.5.0",
 	"description": "Panel plugin for @atlaskit/editor-core.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,14 +32,15 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^40.9.0",
-		"@atlaskit/editor-common": "^89.0.0",
+		"@atlaskit/editor-common": "^89.3.0",
 		"@atlaskit/editor-palette": "1.6.0",
 		"@atlaskit/editor-plugin-analytics": "^1.8.0",
 		"@atlaskit/editor-plugin-decorations": "^1.3.0",
+		"@atlaskit/editor-plugin-emoji": "^2.6.0",
 		"@atlaskit/editor-prosemirror": "6.0.0",
 		"@atlaskit/editor-shared-styles": "^2.13.0",
 		"@atlaskit/emoji": "^67.7.0",
-		"@atlaskit/icon": "^22.16.0",
+		"@atlaskit/icon": "^22.18.0",
 		"@atlaskit/theme": "^13.0.0",
 		"@babel/runtime": "^7.0.0"
 	},
@@ -49,8 +50,6 @@
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"devDependencies": {
-		"@atlaskit/editor-plugin-feature-flags": "^1.2.0",
-		"@atlaskit/util-data-test": "^17.9.0",
 		"react-dom": "^16.8.0",
 		"typescript": "~5.4.2"
 	},