@atlaskit/editor-plugin-panel 13.0.17 → 14.0.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @atlaskit/editor-plugin-panel
 
+## 14.0.0
+
+### Major Changes
+
+- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
+  Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
+
+  Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
+
+  Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
+
+  ```diff
+  - "typesVersions": {
+  -    ">=4.5 <4.9": {
+  -        "*": [
+  -            "dist/types-ts4.5/*",
+  -            "dist/types-ts4.5/index.d.ts"
+  -        ]
+  -    }
+  - },
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
+## 13.0.18
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.0.17
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-panel",
-	"version": "13.0.17",
+	"version": "14.0.0",
 	"description": "Panel plugin for @atlaskit/editor-core.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -16,38 +16,30 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"sideEffects": false,
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^54.0.0",
-		"@atlaskit/editor-palette": "^2.2.0",
-		"@atlaskit/editor-plugin-analytics": "^11.0.0",
-		"@atlaskit/editor-plugin-block-menu": "^10.1.0",
-		"@atlaskit/editor-plugin-decorations": "^11.0.0",
-		"@atlaskit/editor-plugin-emoji": "^12.0.0",
-		"@atlaskit/editor-plugin-selection": "^11.0.0",
-		"@atlaskit/editor-plugin-toolbar": "^8.0.0",
-		"@atlaskit/editor-prosemirror": "^7.3.0",
-		"@atlaskit/editor-shared-styles": "^3.11.0",
-		"@atlaskit/editor-toolbar": "^1.10.0",
-		"@atlaskit/emoji": "^70.17.0",
-		"@atlaskit/icon": "^35.4.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^102.0.0",
-		"@atlaskit/tokens": "^13.4.0",
+		"@atlaskit/adf-schema": "^55.0.0",
+		"@atlaskit/editor-palette": "^3.0.0",
+		"@atlaskit/editor-plugin-analytics": "^12.0.0",
+		"@atlaskit/editor-plugin-block-menu": "^11.0.0",
+		"@atlaskit/editor-plugin-decorations": "^12.0.0",
+		"@atlaskit/editor-plugin-emoji": "^13.0.0",
+		"@atlaskit/editor-plugin-selection": "^12.0.0",
+		"@atlaskit/editor-plugin-toolbar": "^9.0.0",
+		"@atlaskit/editor-prosemirror": "^8.0.0",
+		"@atlaskit/editor-shared-styles": "^4.0.0",
+		"@atlaskit/editor-toolbar": "^2.0.0",
+		"@atlaskit/emoji": "^71.0.0",
+		"@atlaskit/icon": "^36.0.0",
+		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/tmp-editor-statsig": "^104.0.0",
+		"@atlaskit/tokens": "^14.0.0",
 		"@babel/runtime": "^7.0.0",
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^115.15.0",
+		"@atlaskit/editor-common": "^116.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"

package/panel-plugin/package.json

@@ -4,12 +4,5 @@
   "module": "../dist/esm/entry-points/panel-plugin.js",
   "module:es2019": "../dist/es2019/entry-points/panel-plugin.js",
   "sideEffects": false,
-  "types": "../dist/types/entry-points/panel-plugin.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/panel-plugin.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/panel-plugin.d.ts"
 }

package/panel-plugin-type/package.json

@@ -4,12 +4,5 @@
   "module": "../dist/esm/entry-points/panel-plugin-type.js",
   "module:es2019": "../dist/es2019/entry-points/panel-plugin-type.js",
   "sideEffects": false,
-  "types": "../dist/types/entry-points/panel-plugin-type.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/panel-plugin-type.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/panel-plugin-type.d.ts"
 }

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

@@ -1,10 +0,0 @@
-import type { PanelType } from '@atlaskit/adf-schema';
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { Command } from '@atlaskit/editor-common/types';
-import type { PanelOptions } from '../pm-plugins/main';
-export type DomAtPos = (pos: number) => {
-    node: HTMLElement;
-    offset: number;
-};
-export declare const removePanel: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
-export declare const changePanelType: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (panelType: PanelType, panelOptions?: PanelOptions, allowCustomPanel?: boolean) => Command;

package/dist/types-ts4.5/entry-points/panel-plugin-type.d.ts

@@ -1 +0,0 @@
-export type { PanelPlugin, PanelPluginConfig, PanelPluginOptions, PanelPluginDependencies, } from '../panelPluginType';

package/dist/types-ts4.5/entry-points/panel-plugin.d.ts

@@ -1 +0,0 @@
-export { default as panelPlugin } from '../panelPlugin';

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

@@ -1,2 +0,0 @@
-export { default as panelPlugin } from './panelPlugin';
-export type { PanelPlugin, PanelPluginConfig, PanelPluginOptions, PanelPluginDependencies, } from './panelPluginType';

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

@@ -1,41 +0,0 @@
-import React from 'react';
-import type { PanelAttributes } from '@atlaskit/adf-schema';
-import { PanelType } from '@atlaskit/adf-schema';
-import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
-import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import type { ExtractInjectionAPI, getPosHandler, getPosHandlerNode } from '@atlaskit/editor-common/types';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { PanelPlugin, PanelPluginOptions } from '../panelPluginType';
-export declare const panelIcons: {
-    [key in PanelType]: React.ComponentType<{
-        label: string;
-    }>;
-};
-interface PanelIconAttributes {
-    allowCustomPanel?: boolean;
-    panelAttributes: PanelAttributes;
-    pluginInjectionApi: ExtractInjectionAPI<PanelPlugin> | undefined;
-    providerFactory?: ProviderFactory;
-}
-export declare const PanelIcon: (props: PanelIconAttributes) => React.JSX.Element | null;
-declare class PanelNodeView {
-    node: PMNode;
-    dom: HTMLElement;
-    contentDOM: HTMLElement;
-    icon: HTMLElement;
-    getPos: getPosHandlerNode;
-    view: EditorView;
-    providerFactory?: ProviderFactory;
-    nodeViewPortalProviderAPI: PortalProviderAPI;
-    pluginOptions: PanelPluginOptions;
-    key: string;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandlerNode, pluginOptions: PanelPluginOptions, api: ExtractInjectionAPI<PanelPlugin> | undefined, nodeViewPortalProviderAPI: PortalProviderAPI, providerFactory?: ProviderFactory);
-    ignoreMutation(mutation: MutationRecord | {
-        target: Node;
-        type: 'selection';
-    }): boolean;
-    destroy(): void;
-}
-export declare const getPanelNodeView: (pluginOptions: PanelPluginOptions, api: ExtractInjectionAPI<PanelPlugin> | undefined, nodeViewPortalProviderAPI: PortalProviderAPI, providerFactory?: ProviderFactory) => (node: PMNode, view: EditorView, getPos: getPosHandler) => PanelNodeView;
-export {};

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

@@ -1,3 +0,0 @@
-import type { PanelPlugin } from './panelPluginType';
-declare const panelPlugin: PanelPlugin;
-export default panelPlugin;

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

@@ -1,46 +0,0 @@
-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 { BlockMenuPlugin } from '@atlaskit/editor-plugin-block-menu';
-import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
-import type { EmojiPlugin } from '@atlaskit/editor-plugin-emoji';
-import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
-import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export declare const pluginKey: PluginKey;
-export interface PanelPluginOptions extends LongPressSelectionPluginOptions, PanelPluginConfig {
-}
-export interface PanelPluginConfig {
-    allowCustomPanel?: boolean;
-    allowCustomPanelEdit?: boolean;
-}
-export type DomPanelAtrrs = {
-    class: string;
-    'data-local-id'?: string;
-    'data-panel-color'?: string;
-    'data-panel-icon'?: string;
-    'data-panel-icon-id'?: string;
-    'data-panel-icon-text'?: string;
-    'data-panel-type': string;
-    'data-testid'?: string;
-    style: string;
-};
-export type EmojiInfo = {
-    id: string;
-    shortName: string;
-};
-export type PanelPluginDependencies = [
-    typeof decorationsPlugin,
-    OptionalPlugin<typeof analyticsPlugin>,
-    OptionalPlugin<ToolbarPlugin>,
-    EmojiPlugin,
-    OptionalPlugin<BlockMenuPlugin>,
-    OptionalPlugin<SelectionPlugin>
-];
-export type PanelPlugin = NextEditorPlugin<'panel', {
-    actions: {
-        insertPanel: (inputMethod: INPUT_METHOD.INSERT_MENU | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR) => Command;
-    };
-    dependencies: PanelPluginDependencies;
-    pluginConfiguration: PanelPluginOptions | undefined;
-}>;

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

@@ -1,3 +0,0 @@
-import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-export declare function keymapPlugin(): SafePlugin | undefined;
-export default keymapPlugin;

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

@@ -1,13 +0,0 @@
-import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
-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 { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { PanelPlugin, PanelPluginOptions } from '../panelPluginType';
-export type PanelOptions = {
-    color?: string;
-    emoji?: string;
-    emojiId?: string;
-    emojiText?: string;
-};
-export declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, pluginOptions: PanelPluginOptions, api: ExtractInjectionAPI<PanelPlugin> | undefined, nodeViewPortalProviderAPI: PortalProviderAPI) => SafePlugin;

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

@@ -1,12 +0,0 @@
-import type { PanelAttributes } from '@atlaskit/adf-schema';
-import type { DOMOutputSpec, NodeType } from '@atlaskit/editor-prosemirror/model';
-import type { EditorState, Selection, Transaction } from '@atlaskit/editor-prosemirror/state';
-import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-export declare const isPanel: (nodeName: string) => boolean;
-export declare const panelTypes: (nodes: {
-    [key: string]: NodeType;
-}) => NodeType[];
-export declare const findPanel: (state: EditorState, selection?: Selection | null) => ReturnType<ReturnType<typeof findSelectedNodeOfType>> | ReturnType<ReturnType<typeof findParentNodeOfType>>;
-export declare const panelAttrsToDom: (attrs: PanelAttributes, allowCustomPanel: boolean) => DOMOutputSpec;
-export declare const handleCut: (newState: EditorState, oldState: EditorState) => Transaction | undefined;
-export declare const panelContentCheck: (newState: EditorState, oldState: EditorState) => boolean;

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { PanelPlugin } from '../panelPluginType';
-export declare const createPanelBlockMenuItem: (api: ExtractInjectionAPI<PanelPlugin> | undefined) => () => React.JSX.Element;

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

@@ -1,10 +0,0 @@
-import type { IntlShape } from 'react-intl';
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { Command, FloatingToolbarDropdown } from '@atlaskit/editor-common/types';
-type Props = {
-    activePanelType?: string;
-    editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
-    formatMessage: IntlShape['formatMessage'];
-};
-export declare const panelTypeDropdown: ({ activePanelType, editorAnalyticsAPI, formatMessage, }: Props) => FloatingToolbarDropdown<Command>;
-export {};

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

@@ -1,10 +0,0 @@
-import { PanelType } from '@atlaskit/adf-schema';
-/**
- * Creates a native DOM SVG element for a panel icon.
- * This avoids React Portal rendering delays that cause flickering on SSR and page transitions.
- *
- * @param panelType - The type of panel (info, note, success, warning, error)
- * @param container - The container element to render into
- * @returns The created SVG element, or null if panelType doesn't have a standard icon
- */
-export declare function renderPanelIcon(panelType: PanelType | undefined, container: HTMLElement): SVGElement | null;

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

@@ -1,15 +0,0 @@
-import type { IntlShape } from 'react-intl';
-import { PanelType } from '@atlaskit/adf-schema';
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import type { Command, ExtractInjectionAPI, FloatingToolbarConfig, FloatingToolbarItem } from '@atlaskit/editor-common/types';
-import type { HoverDecorationHandler } from '@atlaskit/editor-plugin-decorations';
-import type { NodeType } from '@atlaskit/editor-prosemirror/model';
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { PanelPlugin } from '../index';
-import type { EmojiInfo, PanelPluginOptions } from '../panelPluginType';
-export declare const panelIconMap: {
-    [key in Exclude<PanelType, PanelType.CUSTOM>]: EmojiInfo;
-};
-export declare const getToolbarItems: (formatMessage: IntlShape["formatMessage"], panelNodeType: NodeType, isCustomPanelEnabled: boolean, isCustomPanelEditable: boolean, providerFactory: ProviderFactory, hoverDecoration: HoverDecorationHandler | undefined, editorAnalyticsAPI: EditorAnalyticsAPI | undefined, activePanelType?: string, activePanelColor?: string, activePanelIcon?: string, state?: EditorState, api?: ExtractInjectionAPI<PanelPlugin>) => FloatingToolbarItem<Command>[];
-export declare const getToolbarConfig: (state: EditorState, intl: IntlShape, options: PanelPluginOptions | undefined, providerFactory: ProviderFactory, api: ExtractInjectionAPI<PanelPlugin> | undefined) => FloatingToolbarConfig | undefined;