@atlaskit/editor-common 75.3.0 → 75.4.0

package/dist/types/ui-menu/Dropdown/index.d.ts

@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react';
-import { OpenChangedEvent } from '../../ui/DropList';
-import { ArrowKeyNavigationProviderOptions } from '../ArrowKeyNavigationProvider/types';
+import type { OpenChangedEvent } from '../../ui/DropList';
+import type { ArrowKeyNavigationProviderOptions } from '../ArrowKeyNavigationProvider/types';
 export interface Props {
     mountTo?: HTMLElement;
     boundariesElement?: HTMLElement;
@@ -13,6 +13,7 @@ export interface Props {
     zIndex?: number;
     arrowKeyNavigationProviderOptions: ArrowKeyNavigationProviderOptions;
     dropdownListId?: string;
+    alignDropdownWithParentElement?: boolean;
 }
 export interface State {
     target?: HTMLElement;

package/dist/types/ui-menu/DropdownMenu/index.d.ts

@@ -1,7 +1,6 @@
-/** @jsx jsx */
 import React, { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
-import { Props, State } from './types';
+import type { Props, State } from './types';
 export type { MenuItem } from './types';
 /**
  * Wrapper around @atlaskit/droplist which uses Popup and Portal to render

package/dist/types/ui-menu/ToolbarButton/index.d.ts

@@ -1,9 +1,9 @@
 /** @jsx jsx */
 import React from 'react';
-import { ButtonProps } from '@atlaskit/button/types';
-import { PositionType } from '@atlaskit/tooltip';
+import type { ButtonProps } from '@atlaskit/button/types';
+import type { PositionType } from '@atlaskit/tooltip';
 import { TOOLBAR_ACTION_SUBJECT_ID } from '../../analytics';
-import { MenuItem } from '../DropdownMenu';
+import type { MenuItem } from '../DropdownMenu';
 export declare const TOOLBAR_BUTTON: typeof TOOLBAR_ACTION_SUBJECT_ID;
 export type Props = {
     buttonId?: TOOLBAR_ACTION_SUBJECT_ID;

package/dist/types-ts4.5/analytics/types/inline-comment-events.d.ts

@@ -1,5 +1,5 @@
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD } from './enums';
-import { TrackAEP } from './utils';
+import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD } from './enums';
+import type { TrackAEP } from './utils';
 export type AnnotationActionType = ACTION.INSERTED | ACTION.CLOSED | ACTION.EDITED | ACTION.DELETED | ACTION.OPENED | ACTION.RESOLVED | ACTION.VIEWED;
 export type AnnotationAEP = TrackAEP<AnnotationActionType, ACTION_SUBJECT.ANNOTATION, ACTION_SUBJECT_ID.INLINE_COMMENT, AnnotationAEPAttributes, undefined>;
 export type AnnotationAEPAttributes = undefined | {} | AnnotationDraftAEPAttributes | AnnotationResolvedAEPAttributes;

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

@@ -4,6 +4,35 @@ type NamedPluginStatesFromInjectionAPI<API extends PublicPluginAPI<any> | undefi
 }>;
 type ExtractPluginNames<API extends PublicPluginAPI<any>> = API extends PublicPluginAPI<any> ? keyof API : never;
 /**
+ *
+ * ⚠️⚠️⚠️ This is a debounced hook ⚠️⚠️⚠️
+ * If the plugins you are listening to generate multiple shared states while the user is typing,
+ * your React Component will get only the last one.
+ *
+ * Usually, for UI updates, you may need only the last state. But, if you have a specific scenario requiring you to access all states,
+ * do not use this hook. Instead, you can subscribe directly to the plugin sharedState API:
+ *
+ * ```typescript
+ *
+ * function ExampleSpecialCase({ api }: Props) {
+ *   const [dogState, setDogState] = React.useState(null);
+ *   useEffect(() => {
+ *     const unsub = api.dog.sharedState.onChange(({ nextSharedState, prevSharedState }) => {
+ *        setDogState(nextSharedState);
+ *     });
+ *
+ *     return unsub;
+ *   }, [api]);
+ *
+ *   useEffect(() => {
+ *    someCriticalAndWeirdUseCase(dogState);
+ *
+ *   }, [dogState]);
+ *
+ *   return null;
+ * }
+ *
+ * ```
  *
  * Used to return the current plugin state of
  * input dependencies

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

@@ -1,8 +1,8 @@
 import type React from 'react';
-import { IntlShape } from 'react-intl-next';
-import { Node, NodeType } from '@atlaskit/editor-prosemirror/model';
+import type { IntlShape } from 'react-intl-next';
+import type { Node, NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { EmojiId } from '@atlaskit/emoji/types';
 import type { DispatchAnalyticsEvent } from '../analytics/types/dispatch-analytics-event';
 import type { ProviderFactory } from '../provider-factory';
@@ -191,6 +191,7 @@ export type FloatingToolbarDropdown<T extends {}> = {
     tooltip?: string;
     dropdownWidth?: number;
     showSelected?: boolean;
+    alignDropdownWithToolbar?: boolean;
 };
 type FloatingToolbarExtensionsPlaceholder = {
     type: 'extensions-placeholder';

package/dist/types-ts4.5/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MenuArrowKeyNavigationProviderProps } from '../types';
+import type { MenuArrowKeyNavigationProviderProps } from '../types';
 /**
  * This component is a wrapper of vertical menus which listens to keydown events of children
  * and handles up/down arrow key navigation

package/dist/types-ts4.5/ui-menu/Dropdown/index.d.ts

@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react';
-import { OpenChangedEvent } from '../../ui/DropList';
-import { ArrowKeyNavigationProviderOptions } from '../ArrowKeyNavigationProvider/types';
+import type { OpenChangedEvent } from '../../ui/DropList';
+import type { ArrowKeyNavigationProviderOptions } from '../ArrowKeyNavigationProvider/types';
 export interface Props {
     mountTo?: HTMLElement;
     boundariesElement?: HTMLElement;
@@ -13,6 +13,7 @@ export interface Props {
     zIndex?: number;
     arrowKeyNavigationProviderOptions: ArrowKeyNavigationProviderOptions;
     dropdownListId?: string;
+    alignDropdownWithParentElement?: boolean;
 }
 export interface State {
     target?: HTMLElement;

package/dist/types-ts4.5/ui-menu/DropdownMenu/index.d.ts

@@ -1,7 +1,6 @@
-/** @jsx jsx */
 import React, { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
-import { Props, State } from './types';
+import type { Props, State } from './types';
 export type { MenuItem } from './types';
 /**
  * Wrapper around @atlaskit/droplist which uses Popup and Portal to render

package/dist/types-ts4.5/ui-menu/ToolbarButton/index.d.ts

@@ -1,9 +1,9 @@
 /** @jsx jsx */
 import React from 'react';
-import { ButtonProps } from '@atlaskit/button/types';
-import { PositionType } from '@atlaskit/tooltip';
+import type { ButtonProps } from '@atlaskit/button/types';
+import type { PositionType } from '@atlaskit/tooltip';
 import { TOOLBAR_ACTION_SUBJECT_ID } from '../../analytics';
-import { MenuItem } from '../DropdownMenu';
+import type { MenuItem } from '../DropdownMenu';
 export declare const TOOLBAR_BUTTON: typeof TOOLBAR_ACTION_SUBJECT_ID;
 export type Props = {
     buttonId?: TOOLBAR_ACTION_SUBJECT_ID;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "75.3.0",
+  "version": "75.4.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"