@atlaskit/editor-plugin-media-insert 24.0.16 → 24.0.18

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-media-insert
 
+## 24.0.18
+
+### Patch Changes
+
+- [`fd3ef8de291ba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fd3ef8de291ba) -
+  Cleanup feature gate `platform_editor_nov_a11y_fixes`
+- Updated dependencies
+
+## 24.0.17
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 24.0.16
 
 ### Patch Changes

package/dist/cjs/ui/MediaFromURL.js

@@ -23,7 +23,6 @@ var _messages = require("@atlaskit/editor-common/messages");
 var _form = _interopRequireWildcard(require("@atlaskit/form"));
 var _growDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/grow-diagonal"));
 var _mediaClientReact = require("@atlaskit/media-client-react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _sectionMessage = _interopRequireDefault(require("@atlaskit/section-message"));
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
@@ -337,7 +336,7 @@ function MediaFromURL(_ref) {
         // eslint-disable-next-line react/jsx-props-no-spreading
         , (0, _extends2.default)({}, rest, {
           value: value,
-          "aria-label": (0, _platformFeatureFlags.fg)('platform_editor_nov_a11y_fixes') ? strings.pasteLinkToUpload : undefined,
+          "aria-label": strings.pasteLinkToUpload,
           placeholder: strings.pasteLinkToUpload,
           maxLength: MAX_URL_LENGTH,
           onKeyPress: onInputKeyPress

package/dist/es2019/ui/MediaFromURL.js

@@ -9,7 +9,6 @@ import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
 import Form, { ErrorMessage, Field, FormFooter, HelperMessage, MessageWrapper } from '@atlaskit/form';
 import ExpandIcon from '@atlaskit/icon/core/grow-diagonal';
 import { getMediaClient } from '@atlaskit/media-client-react';
-import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, Flex, Inline, Stack, xcss } from '@atlaskit/primitives';
 import SectionMessage from '@atlaskit/section-message';
@@ -301,7 +300,7 @@ export function MediaFromURL({
   // eslint-disable-next-line react/jsx-props-no-spreading
   , _extends({}, rest, {
     value: value,
-    "aria-label": fg('platform_editor_nov_a11y_fixes') ? strings.pasteLinkToUpload : undefined,
+    "aria-label": strings.pasteLinkToUpload,
     placeholder: strings.pasteLinkToUpload,
     maxLength: MAX_URL_LENGTH,
     onKeyPress: onInputKeyPress

package/dist/esm/ui/MediaFromURL.js

@@ -17,7 +17,6 @@ import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
 import Form, { ErrorMessage, Field, FormFooter, HelperMessage, MessageWrapper } from '@atlaskit/form';
 import ExpandIcon from '@atlaskit/icon/core/grow-diagonal';
 import { getMediaClient } from '@atlaskit/media-client-react';
-import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, Flex, Inline, Stack, xcss } from '@atlaskit/primitives';
 import SectionMessage from '@atlaskit/section-message';
@@ -328,7 +327,7 @@ export function MediaFromURL(_ref) {
         // eslint-disable-next-line react/jsx-props-no-spreading
         , _extends({}, rest, {
           value: value,
-          "aria-label": fg('platform_editor_nov_a11y_fixes') ? strings.pasteLinkToUpload : undefined,
+          "aria-label": strings.pasteLinkToUpload,
           placeholder: strings.pasteLinkToUpload,
           maxLength: MAX_URL_LENGTH,
           onKeyPress: onInputKeyPress

package/media-insert-plugin/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/media-insert-plugin.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/media-insert-plugin.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/media-insert-plugin.d.ts"
 }

package/media-insert-plugin-type/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/media-insert-plugin-type.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/media-insert-plugin-type.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/media-insert-plugin-type.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media-insert",
-	"version": "24.0.16",
+	"version": "24.0.18",
 	"description": "Media Insert plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -33,16 +33,15 @@
 		"@atlaskit/media-client": "^36.3.0",
 		"@atlaskit/media-client-react": "^5.2.0",
 		"@atlaskit/media-picker": "^71.4.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/section-message": "^8.13.0",
 		"@atlaskit/tabs": "^19.1.0",
 		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/tmp-editor-statsig": "^102.0.0",
+		"@atlaskit/tmp-editor-statsig": "^103.0.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^115.15.0",
+		"@atlaskit/editor-common": "^115.16.0",
 		"@atlaskit/tokens": "^13.4.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
@@ -89,11 +88,6 @@
 			"checkDevDependencies": true
 		}
 	},
-	"platform-feature-flags": {
-		"platform_editor_nov_a11y_fixes": {
-			"type": "boolean"
-		}
-	},
 	"devDependencies": {
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",

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

@@ -1 +0,0 @@
-export type { MediaInsertPlugin, MediaInsertPluginState, MediaInsertPluginDependencies, MediaInsertPluginCommands, MediaInsertPluginConfig, MediaInsertPluginActions, MediaInsertTabProps, RegisterInsertTab, } from '../mediaInsertPluginType';

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

@@ -1 +0,0 @@
-export { mediaInsertPlugin } from '../mediaInsertPlugin';

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

@@ -1,2 +0,0 @@
-export { mediaInsertPlugin } from './mediaInsertPlugin';
-export type { MediaInsertPlugin, MediaInsertPluginState, MediaInsertPluginDependencies, MediaInsertPluginCommands, MediaInsertPluginConfig, MediaInsertPluginActions, MediaInsertTabProps, RegisterInsertTab, } from './mediaInsertPluginType';

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

@@ -1,2 +0,0 @@
-import type { MediaInsertPlugin } from './mediaInsertPluginType';
-export declare const mediaInsertPlugin: MediaInsertPlugin;

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

@@ -1,127 +0,0 @@
-import type { ComponentType, ReactNode } from 'react';
-import type { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
-import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
-import type { EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
-import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
-import type { MediaPlugin } from '@atlaskit/editor-plugin-media';
-import type { CustomizedHelperMessage, InsertMediaSingle } from './types';
-/**
- * Props provided to a registered insert tab inside the media insert picker.
- *
- * The picker owns the popup chrome and provides the editor-side context
- * needed to insert media; the registering plugin provides the actual UI.
- */
-export type MediaInsertTabProps = {
-    closeMediaInsertPicker: () => void;
-    dispatchAnalyticsEvent?: (payload: AnalyticsEventPayload) => void;
-    insertMediaSingle: InsertMediaSingle;
-    mediaProvider: MediaProvider;
-};
-/**
- * Descriptor for an insert tab registered onto the media insert picker via
- * `api.mediaInsert.actions.registerInsertTab(...)`.
- *
- * Other plugins (typically private `@atlassian/*` plugins like
- * `editor-plugin-ai-image-generation`) call `registerInsertTab` from inside
- * their own setup so the public `editor-plugin-media-insert` package never
- * needs to import them directly.
- */
-export type RegisterInsertTab = {
-    /**
-     * Stable identifier for this tab. Used to de-duplicate registrations so
-     * calling `registerInsertTab` with the same key twice replaces the prior
-     * registration rather than appending a duplicate tab.
-     */
-    key: string;
-    /**
-     * Label rendered inside the tab. Typically a `<FormattedMessage />` so the
-     * registering plugin owns its own i18n.
-     */
-    label: ReactNode;
-    /**
-     * Component rendered inside the picker when this tab is active.
-     */
-    component: ComponentType<MediaInsertTabProps>;
-};
-export type MediaInsertPluginState = {
-    isOpen?: boolean;
-    mountInfo?: {
-        mountPoint: HTMLElement;
-        ref: HTMLElement;
-    };
-};
-export type MediaInsertPluginDependencies = [
-    OptionalPlugin<AnalyticsPlugin>,
-    MediaPlugin,
-    OptionalPlugin<FeatureFlagsPlugin>
-];
-export type MediaInsertPluginCommands = {
-    showMediaInsertPopup: (mountInfo?: {
-        mountPoint: HTMLElement;
-        ref: HTMLElement;
-    }) => EditorCommand;
-};
-export type MediaInsertPluginActions = {
-    /**
-     * Returns the list of insert tabs that have been registered with the
-     * picker. Order matches registration order.
-     */
-    getInsertTabs: () => RegisterInsertTab[];
-    /**
-     * Register an additional tab inside the media insert picker. Idempotent
-     * by `key`: re-registering with the same key replaces the prior entry.
-     *
-     * Intended to be called from another plugin's setup, e.g.:
-     *
-     * ```tsx
-     * // inside aiImageGenerationPlugin
-     * api?.mediaInsert?.actions.registerInsertTab({
-     *   key: 'ai-image-generation',
-     *   label: <FormattedMessage {...messages.generateTabTitle} />,
-     *   component: MediaInsertImageGenerationTab,
-     * });
-     * ```
-     */
-    registerInsertTab: (tab: RegisterInsertTab) => void;
-};
-export type MediaInsertPluginConfig = {
-    customizedHelperMessage?: CustomizedHelperMessage;
-    customizedUrlValidation?: (input: string) => boolean;
-    /**
-     * This will only allow users to insert media using URLs, they cannot insert media using files from their computer.
-     * Files that are inserted with a URL will attempt to be uploaded using `editor-plugin-media`
-     *
-     * @example
-     * ```typescript
-     *  createDefaultPreset({ featureFlags: {}, paste: {} })
-     *      .add(listPlugin)
-     *      .add(gridPlugin)
-     *      .add([mediaPlugin, { provider, allowMediaSingle: true, }])
-     *      .add(insertBlockPlugin)
-     *      .add(contentInsertionPlugin)
-     *      .add([mediaInsertPlugin, { isOnlyExternalLinks: true }])
-     * ```
-     *
-     * To disable trying to upload media from the external URLs we also need to disable this auto upload, in the media plugin:
-     *
-     * @example
-     * ```typescript
-     *  createDefaultPreset({ featureFlags: {}, paste: {} })
-     *      .add(listPlugin)
-     *      .add(gridPlugin)
-     *      .add([mediaPlugin, { provider, allowMediaSingle: true, isExternalMediaUploadDisabled: true }])
-     *      .add(insertBlockPlugin)
-     *      .add(contentInsertionPlugin)
-     *      .add([mediaInsertPlugin, { isOnlyExternalLinks: true }])
-     * ```
-     */
-    isOnlyExternalLinks?: boolean;
-};
-export type MediaInsertPlugin = NextEditorPlugin<'mediaInsert', {
-    actions: MediaInsertPluginActions;
-    commands: MediaInsertPluginCommands;
-    dependencies: MediaInsertPluginDependencies;
-    pluginConfiguration: MediaInsertPluginConfig | undefined;
-    sharedState: MediaInsertPluginState;
-}>;

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

@@ -1,9 +0,0 @@
-import type { Transaction } from '@atlaskit/editor-prosemirror/state';
-export type MediaInsertPluginAction = typeof ACTION_OPEN_POPUP | typeof ACTION_CLOSE_POPUP;
-export declare const ACTION_OPEN_POPUP = "OPEN_POPUP";
-export declare const ACTION_CLOSE_POPUP = "CLOSE_POPUP";
-export declare const showMediaInsertPopup: (tr: Transaction, mountInfo?: {
-    mountPoint: HTMLElement;
-    ref: HTMLElement;
-}) => Transaction;
-export declare const closeMediaInsertPicker: (tr: Transaction) => Transaction;

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

@@ -1,3 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { MediaInsertPluginState } from '../mediaInsertPluginType';
-export declare const createPlugin: () => SafePlugin<MediaInsertPluginState>;

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

@@ -1,3 +0,0 @@
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import type { MediaInsertPluginState } from '../mediaInsertPluginType';
-export declare const pluginKey: PluginKey<MediaInsertPluginState>;

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

@@ -1,34 +0,0 @@
-import type { InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
-import type { Providers } from '@atlaskit/editor-common/provider-factory';
-import type { UiComponentFactoryParams, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { MediaState, MediaStateEventSubscriber } from '@atlaskit/editor-plugin-media/types';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { MediaInsertPlugin, MediaInsertPluginConfig } from '../mediaInsertPluginType';
-export type InsertMediaSingle = (props: {
-    inputMethod: InputMethodInsertMedia;
-    mediaState: MediaState;
-}) => boolean;
-export type CustomizedHelperMessage = string;
-export type InsertExternalMediaSingle = (props: {
-    alt: string;
-    inputMethod: InputMethodInsertMedia;
-    url: string;
-}) => boolean;
-export type InsertFile = (props: {
-    inputMethod: InputMethodInsertMedia;
-    mediaState: MediaState;
-    onMediaStateChanged: MediaStateEventSubscriber;
-}) => boolean;
-export type MediaInsertPickerProps = Pick<UiComponentFactoryParams, 'editorView' | 'dispatchAnalyticsEvent' | 'popupsMountPoint' | 'popupsBoundariesElement' | 'popupsScrollableElement'> & {
-    api?: ExtractInjectionAPI<MediaInsertPlugin>;
-    closeMediaInsertPicker: () => void;
-    customizedHelperMessage?: MediaInsertPluginConfig['customizedHelperMessage'];
-    customizedUrlValidation?: MediaInsertPluginConfig['customizedUrlValidation'];
-    insertExternalMediaSingle: InsertExternalMediaSingle;
-    insertFile: InsertFile;
-    insertMediaSingle: InsertMediaSingle;
-    isOnlyExternalLinks: MediaInsertPluginConfig['isOnlyExternalLinks'];
-    mediaProvider?: Providers['mediaProvider'];
-} & {
-    editorView: EditorView;
-};

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
-import type { InsertFile } from '../types';
-type Props = {
-    closeMediaInsertPicker: () => void;
-    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
-    insertFile: InsertFile;
-    mediaProvider: MediaProvider;
-};
-export declare const LocalMedia: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
-export {};

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
-import type { OnInsertAttrs } from './types';
-type Props = {
-    attrs: Required<OnInsertAttrs>;
-    mediaProvider: MediaProvider;
-};
-export declare const MediaCard: ({ attrs, mediaProvider }: Props) => React.JSX.Element;
-export {};

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
-import type { CustomizedHelperMessage, InsertExternalMediaSingle, InsertMediaSingle } from '../types';
-export declare const isValidUrl: (value: string) => boolean;
-type Props = {
-    closeMediaInsertPicker: () => void;
-    customizedHelperMessage?: CustomizedHelperMessage;
-    customizedUrlValidation?: (input: string) => boolean;
-    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
-    insertExternalMediaSingle: InsertExternalMediaSingle;
-    insertMediaSingle: InsertMediaSingle;
-    isOnlyExternalLinks: boolean;
-    mediaProvider: MediaProvider;
-};
-export declare function MediaFromURL({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, isOnlyExternalLinks, customizedUrlValidation, customizedHelperMessage, }: Props): React.JSX.Element;
-export {};

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { MediaInsertPickerProps } from '../types';
-export declare const MediaInsertPicker: ({ api, editorView, dispatchAnalyticsEvent, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, insertFile, isOnlyExternalLinks, customizedUrlValidation, customizedHelperMessage, }: MediaInsertPickerProps) => React.JSX.Element | null;

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

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const MediaInsertWrapper: React.ForwardRefExoticComponent<{
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLElement>>;

package/dist/types-ts4.5/ui/hooks/use-focus-editor.d.ts

@@ -1,4 +0,0 @@
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-export declare const useFocusEditor: ({ editorView }: {
-    editorView: EditorView;
-}) => (() => void);

package/dist/types-ts4.5/ui/hooks/use-unholy-autofocus.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import type { PopupPosition } from '@atlaskit/editor-common/ui';
-/**
- * Autofocuses the first interactive element in the first tab panel
- * when the media picker is opened.
- *
- * This is to mitigate the issue where the PopupWithListeners component
- * renders initially at the top of the editor and then repositioned.
- *
- * We want to autofocus after the repositioning to ensure we don't scroll
- * to the top of the editor when the media picker is opened.
- */
-export declare const useUnholyAutofocus: () => {
-    autofocusRef: React.RefObject<HTMLButtonElement>;
-    onPositionCalculated: (position: PopupPosition) => PopupPosition;
-};

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

@@ -1,10 +0,0 @@
-export type OnInsertAttrs = {
-    collection: string | undefined;
-    dimensions?: {
-        height: number;
-        width: number;
-    };
-    fileMimeType: string;
-    id: string;
-    occurrenceKey: string | undefined;
-};

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

@@ -1,9 +0,0 @@
-import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-type Source = 'local' | 'url';
-export declare function useAnalyticsEvents(dispatchAnalyticsEvent?: DispatchAnalyticsEvent): {
-    onUploadButtonClickedAnalytics: () => void;
-    onUploadCommencedAnalytics: (mediaUploadSource: Source) => void;
-    onUploadSuccessAnalytics: (mediaUploadSource: Source) => void;
-    onUploadFailureAnalytics: (reason: string, mediaUploadSource: Source) => void;
-};
-export {};