@atlaskit/editor-common 78.11.5 → 78.11.6

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

@@ -1,10 +1,9 @@
 /** @jsx jsx */
 import type { ReactNode } from 'react';
-import { Component } from 'react';
 import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 interface Props extends WithAnalyticsEventsProps {
     isOpen?: boolean;
-    trigger?: typeof Component;
+    trigger?: React.ReactNode;
     position: string;
     onOpenChange?: (event: OpenChangedEvent) => void;
     onPositioned?: () => void;

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

@@ -9,6 +9,7 @@ interface ErrorBoundaryProps {
     componentId?: ErrorCrashPayload['actionSubjectId'];
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     fallbackComponent?: React.ReactNode;
+    children?: React.ReactNode;
 }
 interface ErrorBoundaryState {
     errorCaptured: boolean;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 interface ErrorBoundaryProps {
+    children?: React.ReactNode;
 }
 interface ErrorBoundaryState {
     missingIntlProviderInAncestry: boolean;

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

@@ -1,10 +1,11 @@
-import { Component, ReactNode } from 'react';
+import React, { Component, ReactNode } from 'react';
 import { Data } from 'popper.js';
 export type Props = {
     content: ReactNode | null;
     offset: string;
     position: string;
     onPositioned: () => void;
+    children?: React.ReactNode;
 };
 export type State = {
     hasExtractedStyles: boolean;

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

@@ -62,5 +62,5 @@ export declare const MediaWrapper: {
 type MediaBorderGapFillerProps = {
     borderColor: string;
 };
-export declare const MediaBorderGapFiller: React.FC<MediaBorderGapFillerProps>;
+export declare const MediaBorderGapFiller: ({ borderColor, }: MediaBorderGapFillerProps) => jsx.JSX.Element;
 export {};

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

@@ -16,7 +16,7 @@ export interface OverflowShadowOptions {
     overflowSelector: string;
     useShadowObserver?: boolean;
 }
-export default function overflowShadow<P>(Component: React.ComponentType<P & OverflowShadowProps> | React.FunctionComponent<P & OverflowShadowProps>, options: OverflowShadowOptions): {
+export default function overflowShadow<P>(Component: React.ComponentType<React.PropsWithChildren<P & OverflowShadowProps>>, options: OverflowShadowOptions): {
     new (props: P | Readonly<P>): {
         overflowContainer?: HTMLElement | null | undefined;
         container?: HTMLElement | undefined;

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

@@ -29,6 +29,7 @@ export interface Props {
     focusTrap?: boolean;
     preventOverflow?: boolean;
     absoluteOffset?: Position;
+    children?: React.ReactNode;
 }
 export interface State {
     popup?: HTMLElement;

package/dist/types-ts4.5/ui/with-outer-listeners.d.ts

@@ -1,8 +1,9 @@
-import type { ComponentClass, FunctionComponent } from 'react';
+import type { ComponentClass } from 'react';
+import React from 'react';
 type SimpleEventHandler<T> = (event: T) => void;
 export interface WithOutsideClickProps {
     handleClickOutside?: SimpleEventHandler<MouseEvent>;
     handleEscapeKeydown?: SimpleEventHandler<KeyboardEvent>;
 }
-export default function withOuterListeners<P>(Component: ComponentClass<P> | FunctionComponent<P>): ComponentClass<P & WithOutsideClickProps>;
+export default function withOuterListeners<P>(Component: React.ComponentType<React.PropsWithChildren<P>>): ComponentClass<P & WithOutsideClickProps>;
 export {};

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

@@ -4,4 +4,4 @@ import { ColorPaletteArrowKeyNavigationProps } from '../types';
  * This component is a wrapper for color picker which listens to keydown events of children
  * and handles arrow key navigation
  */
-export declare const ColorPaletteArrowKeyNavigationProvider: React.FC<Omit<ColorPaletteArrowKeyNavigationProps, 'type'>>;
+export declare const ColorPaletteArrowKeyNavigationProvider: ({ children, selectedRowIndex, selectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, handleClose, closeOnTab, editorRef, }: React.PropsWithChildren<Omit<ColorPaletteArrowKeyNavigationProps, 'type'>>) => JSX.Element;

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

@@ -4,4 +4,4 @@ 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
  */
-export declare const MenuArrowKeyNavigationProvider: React.FC<Omit<MenuArrowKeyNavigationProviderProps, 'type'>>;
+export declare const MenuArrowKeyNavigationProvider: ({ children, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, editorRef, }: React.PropsWithChildren<Omit<MenuArrowKeyNavigationProviderProps, 'type'>>) => JSX.Element;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { ArrowKeyNavigationProviderProps } from './types';
-export declare const ArrowKeyNavigationProvider: React.FC<ArrowKeyNavigationProviderProps>;
+export declare const ArrowKeyNavigationProvider: (props: React.PropsWithChildren<ArrowKeyNavigationProviderProps>) => JSX.Element;

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

@@ -27,5 +27,5 @@ type Props = WithAnalyticsEventsProps & {
     skipFocusButtonAfterPick?: boolean;
     absoluteOffset?: PopupPosition;
 };
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "size" | "currentColor" | "onChange" | "title" | "key" | "placement" | "alignX" | "absoluteOffset" | "analyticsContext" | "cols" | "isAriaExpanded" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "colorPalette" | "mountPoint" | "setDisableParentScroll" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "onChange" | "title" | "key" | "size" | "placement" | "alignX" | "absoluteOffset" | "currentColor" | "analyticsContext" | "cols" | "isAriaExpanded" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "colorPalette" | "mountPoint" | "setDisableParentScroll" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
 export default _default;

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

@@ -40,5 +40,5 @@ export declare class Dropdown extends PureComponent<Props, State> {
     render(): JSX.Element;
 }
 export type DropdownPropsWithOutsideClickProps = Props & WithOutsideClickProps;
-declare const DropdownWithOuterListeners: React.ComponentType<DropdownPropsWithOutsideClickProps>;
+declare const DropdownWithOuterListeners: React.ComponentType<React.PropsWithChildren<DropdownPropsWithOutsideClickProps>>;
 export default DropdownWithOuterListeners;

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

@@ -22,4 +22,4 @@ export default class DropdownMenuWrapper extends PureComponent<Props, State> {
 export declare function DropdownMenuItem({ item, onItemActivated, shouldUseDefaultRole, onMouseEnter, onMouseLeave, }: {
     item: MenuItem;
 } & Pick<Props, 'onItemActivated' | 'shouldUseDefaultRole' | 'onMouseEnter' | 'onMouseLeave'>): jsx.JSX.Element;
-export declare const DropdownMenuWithKeyboardNavigation: React.FC<any>;
+export declare const DropdownMenuWithKeyboardNavigation: React.MemoExoticComponent<({ ...props }: React.PropsWithChildren<any>) => jsx.JSX.Element>;

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

@@ -29,6 +29,7 @@ export interface Props {
     shouldFocusFirstItem?: () => boolean;
     arrowKeyNavigationProviderOptions: ArrowKeyNavigationProviderOptions;
     section?: SectionOptions;
+    children?: React.ReactNode;
 }
 export interface MenuItem {
     key?: string;

package/dist/types-ts4.5/ui-react/with-react-editor-view-outer-listeners.d.ts

@@ -1,4 +1,3 @@
-import type { ComponentClass, FunctionComponent } from 'react';
 import React from 'react';
 type SimpleEventHandler<T> = (event: T) => void;
 export interface WithOutsideClickProps {
@@ -8,5 +7,5 @@ export interface WithOutsideClickProps {
     targetRef?: any;
     closeOnTab?: boolean;
 }
-export default function withReactEditorViewOuterListeners<P extends {}>(Component: ComponentClass<P> | FunctionComponent<P>): React.FC<P & WithOutsideClickProps>;
+export default function withReactEditorViewOuterListeners<P extends {}>(Component: React.ComponentType<React.PropsWithChildren<P>>): React.ComponentType<React.PropsWithChildren<P & WithOutsideClickProps>>;
 export {};

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

@@ -11,4 +11,4 @@ export interface ImageLoaderState {
     imageStatus: ImageStatus;
 }
 export type ImageStatus = 'complete' | 'loading' | 'error';
-export declare const withImageLoader: <P extends {}>(Wrapped: React.ComponentType<P & ImageLoaderProps>) => React.ComponentClass<P & ImageLoaderProps, any>;
+export declare const withImageLoader: <P extends {}>(Wrapped: React.ComponentType<React.PropsWithChildren<P & ImageLoaderProps>>) => React.ComponentClass<P & ImageLoaderProps, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "78.11.5",
+  "version": "78.11.6",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,7 +27,7 @@
     "inPublicMirror": true,
     "singleton": true,
     "releaseModel": "continuous",
-    "runReact18": false
+    "runReact18": true
   },
   "af:exports": {
     "./event-dispatcher": "./src/event-dispatcher/index.ts",
@@ -129,7 +129,7 @@
     "@atlaskit/primitives": "^4.0.0",
     "@atlaskit/profilecard": "^19.11.0",
     "@atlaskit/section-message": "^6.4.0",
-    "@atlaskit/smart-card": "^26.48.0",
+    "@atlaskit/smart-card": "^26.49.0",
     "@atlaskit/smart-user-picker": "^6.9.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/tag": "^12.0.0",