@atlaskit/editor-core 185.5.2 → 185.5.5

package/dist/types/plugins/card/ui/LayoutButton/index.d.ts

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import React from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
+import { LayoutButtonProps, LayoutButtonWrapperProps } from './types';
+export declare const LayoutButton: React.FC<LayoutButtonProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<LayoutButtonWrapperProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<LayoutButtonWrapperProps & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types/plugins/card/ui/LayoutButton/styled.d.ts

@@ -0,0 +1 @@
+export declare const toolbarButtonWrapper: import("@emotion/react").SerializedStyles;

package/dist/types/plugins/card/ui/LayoutButton/types.d.ts

@@ -0,0 +1,19 @@
+import { EditorView } from 'prosemirror-view';
+import { IntlShape } from 'react-intl-next';
+import type cardPlugin from '../../index';
+import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+export type DatasourceTableLayout = 'full-width' | 'center' | 'wide';
+export type LayoutButtonProps = {
+    mountPoint?: HTMLElement;
+    boundariesElement?: HTMLElement;
+    scrollableElement?: HTMLElement;
+    targetElement?: HTMLElement;
+    layout: DatasourceTableLayout;
+    onLayoutChange?: (layout: DatasourceTableLayout) => void;
+    testId?: string;
+    intl: IntlShape;
+};
+export interface LayoutButtonWrapperProps extends Pick<LayoutButtonProps, 'mountPoint' | 'boundariesElement' | 'scrollableElement'> {
+    api: ExtractInjectionAPI<typeof cardPlugin> | undefined;
+    editorView: EditorView;
+}

package/dist/types/plugins/card/ui/LayoutButton/utils.d.ts

@@ -0,0 +1,5 @@
+import { EditorView } from 'prosemirror-view';
+export declare const getDatasource: (editorView: EditorView) => import("prosemirror-utils").ContentNodeWithPos | {
+    node: undefined;
+    pos: undefined;
+};

package/dist/types-ts4.5/plugins/breakout/commands/set-breakout-mode.d.ts

@@ -1,3 +1,3 @@
+import { BreakoutMode } from '@atlaskit/editor-common/types';
 import { Command } from '../../../types';
-export type BreakoutMode = 'wide' | 'full-width' | 'center';
 export declare function setBreakoutMode(mode: BreakoutMode): Command;

package/dist/types-ts4.5/plugins/breakout/utils/get-breakout-mode.d.ts

@@ -1,5 +1,5 @@
 import { EditorState } from 'prosemirror-state';
-import { BreakoutMode } from '../commands/set-breakout-mode';
+import { BreakoutMode } from '@atlaskit/editor-common/types';
 /**
  * Get the current mode of the breakout at the selection
  * @param state Current EditorState

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

@@ -1,4 +1,4 @@
-import { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import { CardPluginOptions } from './types';
 import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
@@ -6,6 +6,7 @@ import type { widthPlugin } from '@atlaskit/editor-plugin-width';
 import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { gridPlugin } from '@atlaskit/editor-plugin-grid';
 import type { FloatingToolbarPlugin } from '@atlaskit/editor-plugin-floating-toolbar';
+import { CardPluginState } from './types';
 declare const cardPlugin: NextEditorPlugin<'card', {
     pluginConfiguration: CardPluginOptions;
     dependencies: [
@@ -16,5 +17,6 @@ declare const cardPlugin: NextEditorPlugin<'card', {
         typeof gridPlugin,
         FloatingToolbarPlugin
     ];
+    sharedState: CardPluginState | null;
 }>;
 export default cardPlugin;

package/dist/types-ts4.5/plugins/card/nodeviews/datasource.d.ts

@@ -5,10 +5,22 @@ import { jsx } from '@emotion/react';
 import { Node as PMNode } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
 import ReactNodeView, { getPosHandler, ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
-interface DatasourceComponentProps extends ReactComponentProps {
+import { DatasourceTableLayout } from '../ui/LayoutButton/types';
+import { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
+import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type cardPlugin from '../index';
+export declare const DATASOURCE_INNER_CONTAINER_CLASSNAME = "datasourceView-content-inner-wrap";
+interface DatasourceProps extends ReactComponentProps {
     node: PMNode;
     view: EditorView;
     getPos: getPosHandler;
+    portalProviderAPI: PortalProviderAPI;
+    eventDispatcher: EventDispatcher;
+    hasIntlContext: boolean;
+    pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined;
+}
+interface DatasourceComponentProps extends ReactComponentProps, Pick<DatasourceProps, 'node' | 'view' | 'getPos'> {
 }
 export declare class DatasourceComponent extends React.PureComponent<DatasourceComponentProps> {
     static contextTypes: {
@@ -21,7 +33,11 @@ export declare class DatasourceComponent extends React.PureComponent<DatasourceC
     handleColumnChange: (columnKeys: string[]) => void;
     render(): jsx.JSX.Element | null;
 }
-export declare class Datasource extends ReactNodeView<DatasourceComponentProps> {
+export declare class Datasource extends ReactNodeView<DatasourceProps> {
+    private tableWidth;
+    constructor(props: DatasourceProps);
+    createDomRef(): HTMLElement;
+    calcTableWidth: (layout: DatasourceTableLayout, containerWidth?: number) => number | 'inherit';
     render(): jsx.JSX.Element;
 }
 export {};

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

@@ -2,6 +2,7 @@ import { Transaction } from 'prosemirror-state';
 import { CardProvider } from '@atlaskit/editor-common/provider-factory';
 import { CardPluginAction, Request, CardInfo, SmartLinkEventsNext } from '../types';
 import { SmartLinkEvents } from '@atlaskit/smart-card';
+import { DatasourceTableLayout } from '../ui/LayoutButton/types';
 export declare const cardAction: (tr: Transaction, action: CardPluginAction) => Transaction;
 export declare const resolveCard: (url: string) => (tr: Transaction) => Transaction<any>;
 export declare const queueCards: (requests: Request[]) => (tr: Transaction) => Transaction<any>;
@@ -9,5 +10,11 @@ export declare const registerCard: (info: CardInfo) => (tr: Transaction) => Tran
 export declare const registerSmartCardEvents: (smartLinkEvents: SmartLinkEvents) => (tr: Transaction) => Transaction<any>;
 export declare const registerSmartCardEventsNext: (smartLinkEvents: SmartLinkEventsNext) => (tr: Transaction) => Transaction<any>;
 export declare const setProvider: (cardProvider: CardProvider | null) => (tr: Transaction) => Transaction<any>;
+export declare const setDatasourceTableRef: (datasourceTableRef?: HTMLElement) => (tr: Transaction) => Transaction<any>;
+export declare const setCardLayout: (layout: DatasourceTableLayout) => (tr: Transaction) => Transaction<any>;
+export declare const setCardLayoutAndDatasourceTableRef: ({ layout, datasourceTableRef, }: {
+    layout: DatasourceTableLayout;
+    datasourceTableRef?: HTMLElement | undefined;
+}) => (tr: Transaction) => Transaction<any>;
 export declare const showLinkToolbar: (tr: Transaction) => Transaction<any>;
 export declare const hideLinkToolbar: (tr: Transaction) => Transaction<any>;

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

@@ -1,2 +1,3 @@
 import { PluginKey } from 'prosemirror-state';
-export declare const pluginKey: PluginKey<any, any>;
+import { CardPluginState } from '../types';
+export declare const pluginKey: PluginKey<CardPluginState, any>;

package/dist/types-ts4.5/plugins/card/pm-plugins/util/state.d.ts

@@ -24,5 +24,7 @@ export declare const getPluginStateWithUpdatedPos: (pluginState: CardPluginState
     smartLinkEventsNext?: import("../../types").SmartLinkEventsNext | undefined;
     createAnalyticsEvent?: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | undefined;
     editorAppearance?: import("@atlaskit/editor-common/types").EditorAppearance | undefined;
+    datasourceTableRef?: HTMLElement | undefined;
+    layout?: import("../../ui/LayoutButton/types").DatasourceTableLayout | undefined;
 };
 export declare const getNewRequests: (oldState: CardPluginState | undefined, currentState: CardPluginState) => Request[];

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

@@ -5,6 +5,7 @@ import { CreateUIAnalyticsEvent, UIAnalyticsEvent } from '@atlaskit/analytics-ne
 import { CardOptions } from '@atlaskit/editor-common/card';
 import type { EditorAppearance } from '@atlaskit/editor-common/types';
 import { LinkPickerOptions } from '@atlaskit/editor-common/types';
+import { DatasourceTableLayout } from './ui/LayoutButton/types';
 export type CardInfo = {
     title?: string;
     url?: string;
@@ -100,6 +101,8 @@ export type CardPluginState = {
     smartLinkEventsNext?: SmartLinkEventsNext;
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
     editorAppearance?: EditorAppearance;
+    datasourceTableRef?: HTMLElement;
+    layout?: DatasourceTableLayout;
 };
 export type CardPluginOptions = CardOptions & {
     editorAppearance?: EditorAppearance;
@@ -138,6 +141,19 @@ export type RegisterSmartCardEventsNext = {
     type: 'REGISTER_EVENTS_NEXT';
     smartLinkEvents: SmartLinkEventsNext;
 };
-export type CardPluginAction = SetProvider | Queue | Resolve | Register | ShowLinkToolbar | HideLinkToolbar | RegisterSmartCardEvents | RegisterSmartCardEventsNext;
+export type SetDatasourceTableRef = {
+    type: 'SET_DATASOURCE_TABLE_REF';
+    datasourceTableRef?: HTMLElement;
+};
+export type SetCardLayout = {
+    type: 'SET_CARD_LAYOUT';
+    layout: DatasourceTableLayout;
+};
+export type SetCardLayoutAndDatasourceTableRef = {
+    type: 'SET_CARD_LAYOUT_AND_DATASOURCE_TABLE_REF';
+    layout: DatasourceTableLayout;
+    datasourceTableRef?: HTMLElement;
+};
+export type CardPluginAction = SetProvider | Queue | Resolve | Register | ShowLinkToolbar | HideLinkToolbar | RegisterSmartCardEvents | RegisterSmartCardEventsNext | SetDatasourceTableRef | SetCardLayout | SetCardLayoutAndDatasourceTableRef;
 export type CardReplacementInputMethod = INPUT_METHOD.CLIPBOARD | INPUT_METHOD.AUTO_DETECT | INPUT_METHOD.FORMATTING | INPUT_METHOD.MANUAL | INPUT_METHOD.TYPEAHEAD | INPUT_METHOD.FLOATING_TB;
 export {};

package/dist/types-ts4.5/plugins/card/ui/LayoutButton/index.d.ts

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import React from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
+import { LayoutButtonProps, LayoutButtonWrapperProps } from './types';
+export declare const LayoutButton: React.FC<LayoutButtonProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<LayoutButtonWrapperProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<LayoutButtonWrapperProps & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types-ts4.5/plugins/card/ui/LayoutButton/styled.d.ts

@@ -0,0 +1 @@
+export declare const toolbarButtonWrapper: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/plugins/card/ui/LayoutButton/types.d.ts

@@ -0,0 +1,19 @@
+import { EditorView } from 'prosemirror-view';
+import { IntlShape } from 'react-intl-next';
+import type cardPlugin from '../../index';
+import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+export type DatasourceTableLayout = 'full-width' | 'center' | 'wide';
+export type LayoutButtonProps = {
+    mountPoint?: HTMLElement;
+    boundariesElement?: HTMLElement;
+    scrollableElement?: HTMLElement;
+    targetElement?: HTMLElement;
+    layout: DatasourceTableLayout;
+    onLayoutChange?: (layout: DatasourceTableLayout) => void;
+    testId?: string;
+    intl: IntlShape;
+};
+export interface LayoutButtonWrapperProps extends Pick<LayoutButtonProps, 'mountPoint' | 'boundariesElement' | 'scrollableElement'> {
+    api: ExtractInjectionAPI<typeof cardPlugin> | undefined;
+    editorView: EditorView;
+}

package/dist/types-ts4.5/plugins/card/ui/LayoutButton/utils.d.ts

@@ -0,0 +1,5 @@
+import { EditorView } from 'prosemirror-view';
+export declare const getDatasource: (editorView: EditorView) => import("prosemirror-utils").ContentNodeWithPos | {
+    node: undefined;
+    pos: undefined;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "185.5.2",
+  "version": "185.5.5",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -152,7 +152,7 @@
     "@atlaskit/atlassian-navigation": "^2.6.0",
     "@atlaskit/breadcrumbs": "11.10.4",
     "@atlaskit/code": "^14.6.0",
-    "@atlaskit/collab-provider": "9.3.1",
+    "@atlaskit/collab-provider": "9.4.0",
     "@atlaskit/docs": "*",
     "@atlaskit/drawer": "^7.5.0",
     "@atlaskit/dropdown-menu": "^11.10.0",