@atlaskit/editor-plugin-expand 0.1.0

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

@@ -0,0 +1,3 @@
+export type { ExpandPlugin } from './plugin';
+export type { ExpandPluginState, ExpandPluginOptions } from './types';
+export { expandPlugin } from './plugin';

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

@@ -0,0 +1,55 @@
+import type { IntlShape } from 'react-intl-next';
+import type { SetSelectionRelativeToNode } from '@atlaskit/editor-common/selection';
+import type { ExtractInjectionAPI, FeatureFlags } from '@atlaskit/editor-common/types';
+import type { getPosHandler, getPosHandlerNode } from '@atlaskit/editor-common/types';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+import type { ExpandPlugin } from '../types';
+export declare class ExpandNodeView implements NodeView {
+    private selectNearNode;
+    node: PmNode;
+    view: EditorView;
+    dom: HTMLElement;
+    contentDOM?: HTMLElement;
+    icon?: HTMLElement | null;
+    input?: HTMLInputElement | null;
+    titleContainer?: HTMLElement | null;
+    content?: HTMLElement | null;
+    getPos: getPosHandlerNode;
+    intl: IntlShape;
+    allowInteractiveExpand: boolean;
+    isMobile: boolean;
+    featureFlags: FeatureFlags;
+    api: ExtractInjectionAPI<ExpandPlugin> | undefined;
+    constructor(node: PmNode, view: EditorView, getPos: getPosHandlerNode, getIntl: () => IntlShape, isMobile: boolean, featureFlags: FeatureFlags, selectNearNode: SetSelectionRelativeToNode | undefined, api: ExtractInjectionAPI<ExpandPlugin> | undefined);
+    private initHandlers;
+    private focusTitle;
+    private handleIconKeyDown;
+    private renderIcon;
+    private isAllowInteractiveExpandEnabled;
+    private handleClick;
+    private handleInput;
+    private handleFocus;
+    private handleTitleKeydown;
+    private deleteExpand;
+    private toggleExpand;
+    private moveToOutsideOfTitle;
+    private isCollapsed;
+    private setRightGapCursor;
+    private setLeftGapCursor;
+    private handleArrowRightFromTitle;
+    private handleArrowLeftFromTitle;
+    stopEvent(event: Event): boolean;
+    ignoreMutation(mutationRecord: MutationRecord | {
+        type: 'selection';
+        target: Element;
+    }): boolean;
+    update(node: PmNode, _decorations: readonly Decoration[]): boolean;
+    destroy(): void;
+}
+export default function ({ getIntl, isMobile, featureFlags, api, }: {
+    getIntl: () => IntlShape;
+    isMobile: boolean;
+    featureFlags: FeatureFlags;
+    api: ExtractInjectionAPI<ExpandPlugin> | undefined;
+}): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;

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

@@ -0,0 +1,24 @@
+import type { EditorAppearance, LongPressSelectionPluginOptions, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
+import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
+import { insertExpand } from './commands';
+interface ExpandPluginOptions extends LongPressSelectionPluginOptions {
+    allowInsertion?: boolean;
+    appearance?: EditorAppearance;
+}
+export type ExpandPlugin = NextEditorPlugin<'expand', {
+    pluginConfiguration: ExpandPluginOptions | undefined;
+    dependencies: [
+        FeatureFlagsPlugin,
+        DecorationsPlugin,
+        SelectionPlugin,
+        OptionalPlugin<AnalyticsPlugin>
+    ];
+    actions: {
+        insertExpand: ReturnType<typeof insertExpand>;
+    };
+}>;
+export declare const expandPlugin: ExpandPlugin;
+export { pluginKey } from './pm-plugins/plugin-factory';

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

@@ -0,0 +1,4 @@
+import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { ExpandPlugin } from '../types';
+export declare function expandKeymap(api: ExtractInjectionAPI<ExpandPlugin> | undefined): SafePlugin;

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

@@ -0,0 +1,7 @@
+import type { IntlShape } from 'react-intl-next';
+import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { EditorAppearance, ExtractInjectionAPI, FeatureFlags } from '@atlaskit/editor-common/types';
+import type { ExpandPlugin } from '../types';
+export declare function containsClass(element: Element | null, className: string): boolean;
+export declare const createPlugin: (dispatch: Dispatch, getIntl: () => IntlShape, appearance: EditorAppearance | undefined, useLongPressSelection: boolean | undefined, featureFlags: FeatureFlags, api: ExtractInjectionAPI<ExpandPlugin> | undefined) => SafePlugin<import("../types").ExpandPluginState>;

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

@@ -0,0 +1,3 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export declare const pluginKey: PluginKey<any>;
+export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch<any>, initialState: import("..").ExpandPluginState | ((state: import("prosemirror-state").EditorState) => import("..").ExpandPluginState)) => import("prosemirror-state").SafeStateField<import("..").ExpandPluginState>, createCommand: <A = import("../types").ExpandPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => import("..").ExpandPluginState;

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

@@ -0,0 +1,3 @@
+import type { ExpandPluginAction, ExpandPluginState } from './types';
+declare const _default: (pluginState: ExpandPluginState, action: ExpandPluginAction) => ExpandPluginState;
+export default _default;

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

@@ -0,0 +1,3 @@
+import type { ExtractInjectionAPI, FloatingToolbarHandler } from '@atlaskit/editor-common/types';
+import type { ExpandPlugin } from './index';
+export declare const getToolbarConfig: (api: ExtractInjectionAPI<ExpandPlugin> | undefined) => FloatingToolbarHandler;

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

@@ -0,0 +1,31 @@
+import type { EditorAppearance, LongPressSelectionPluginOptions, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
+import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
+import type { insertExpand } from './commands';
+export interface ExpandPluginState {
+    expandRef?: HTMLDivElement | null;
+}
+export type ExpandPluginAction = {
+    type: 'SET_EXPAND_REF';
+    data: {
+        ref?: HTMLDivElement | null;
+    };
+};
+export interface ExpandPluginOptions extends LongPressSelectionPluginOptions {
+    allowInsertion?: boolean;
+    appearance?: EditorAppearance;
+}
+export type ExpandPlugin = NextEditorPlugin<'expand', {
+    pluginConfiguration: ExpandPluginOptions | undefined;
+    dependencies: [
+        FeatureFlagsPlugin,
+        DecorationsPlugin,
+        SelectionPlugin,
+        OptionalPlugin<AnalyticsPlugin>
+    ];
+    actions: {
+        insertExpand: ReturnType<typeof insertExpand>;
+    };
+}>;

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

@@ -0,0 +1,43 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import type { IntlShape } from 'react-intl-next';
+interface ExpandIconButtonProps {
+    allowInteractiveExpand: boolean;
+    expanded: boolean;
+    intl?: IntlShape;
+}
+interface ExpandIconButtonWithLabelProps extends ExpandIconButtonProps {
+    label: string;
+}
+export declare const withTooltip: (WrapperComponent: React.ElementType) => {
+    new (props: ExpandIconButtonWithLabelProps): {
+        render(): jsx.JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ExpandIconButtonWithLabelProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<ExpandIconButtonWithLabelProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<ExpandIconButtonWithLabelProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<ExpandIconButtonWithLabelProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<ExpandIconButtonWithLabelProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<ExpandIconButtonWithLabelProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ExpandIconButtonWithLabelProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<ExpandIconButtonWithLabelProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<ExpandIconButtonWithLabelProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export declare const CustomButton: (props: ExpandIconButtonWithLabelProps) => jsx.JSX.Element;
+export declare const ExpandIconButton: (props: ExpandIconButtonProps) => jsx.JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export { findExpand, transformSliceToRemoveOpenExpand, transformSliceNestedExpandToExpand, } from '@atlaskit/editor-common/transforms';

package/package.json

@@ -0,0 +1,104 @@
+{
+  "name": "@atlaskit/editor-plugin-expand",
+  "version": "0.1.0",
+  "description": "Expand plugin for @atlaskit/editor-core",
+  "author": "Atlassian Pty Ltd",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "atlassian": {
+    "team": "Editor: Jenga",
+    "inPublicMirror": false,
+    "releaseModel": "continuous"
+  },
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "main": "dist/cjs/index.js",
+  "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",
+  "af:exports": {
+    ".": "./src/index.ts"
+  },
+  "dependencies": {
+    "@atlaskit/adf-schema": "^32.0.0",
+    "@atlaskit/button": "^16.13.0",
+    "@atlaskit/editor-common": "^76.18.0",
+    "@atlaskit/editor-plugin-analytics": "^0.3.0",
+    "@atlaskit/editor-plugin-decorations": "^0.2.0",
+    "@atlaskit/editor-plugin-feature-flags": "^1.0.1",
+    "@atlaskit/editor-plugin-selection": "^0.1.0",
+    "@atlaskit/editor-prosemirror": "1.1.0",
+    "@atlaskit/editor-shared-styles": "^2.8.0",
+    "@atlaskit/editor-tables": "^2.3.0",
+    "@atlaskit/icon": "^21.12.0",
+    "@atlaskit/tooltip": "^17.8.0",
+    "@babel/runtime": "^7.0.0",
+    "@emotion/react": "^11.7.1",
+    "w3c-keyname": "^2.1.0"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0",
+    "react-dom": "^16.8.0",
+    "react-intl-next": "npm:react-intl@^5.18.1"
+  },
+  "devDependencies": {
+    "@atlaskit/analytics-next": "^9.1.0",
+    "@atlaskit/editor-plugin-content-insertion": "^0.1.0",
+    "@atlaskit/editor-plugin-guideline": "^0.5.0",
+    "@atlaskit/editor-plugin-quick-insert": "^0.2.0",
+    "@atlaskit/editor-plugin-table": "^5.3.0",
+    "@atlaskit/editor-plugin-type-ahead": "^0.7.0",
+    "@atlaskit/editor-plugin-width": "^0.2.0",
+    "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
+    "@testing-library/react": "^12.1.5",
+    "react-test-renderer": "^16.8.0",
+    "typescript": "~4.9.5"
+  },
+  "techstack": {
+    "@atlassian/frontend": {
+      "import-structure": [
+        "atlassian-conventions"
+      ],
+      "circular-dependencies": [
+        "file-and-folder-level"
+      ]
+    },
+    "@repo/internal": {
+      "dom-events": "use-bind-event-listener",
+      "analytics": [
+        "analytics-next"
+      ],
+      "design-tokens": [
+        "color"
+      ],
+      "theming": [
+        "react-context"
+      ],
+      "ui-components": [
+        "lite-mode"
+      ],
+      "deprecation": [
+        "no-deprecated-imports"
+      ],
+      "styling": [
+        "static",
+        "emotion"
+      ],
+      "imports": [
+        "import-no-extraneous-disable-for-examples-and-docs"
+      ]
+    }
+  },
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
+}

package/report.api.md

@@ -0,0 +1,93 @@
+<!-- API Report Version: 2.3 -->
+
+## API Report File for "@atlaskit/editor-plugin-expand"
+
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
+### Table of contents
+
+- [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
+
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
+
+```ts
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { EditorAppearance } from '@atlaskit/editor-common/types';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
+import type { LongPressSelectionPluginOptions } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
+
+// @public (undocumented)
+export type ExpandPlugin = NextEditorPlugin<
+  'expand',
+  {
+    pluginConfiguration: ExpandPluginOptions_2 | undefined;
+    dependencies: [
+      FeatureFlagsPlugin,
+      DecorationsPlugin,
+      SelectionPlugin,
+      OptionalPlugin<AnalyticsPlugin>,
+    ];
+    actions: {
+      insertExpand: ReturnType<typeof insertExpand>;
+    };
+  }
+>;
+
+// @public (undocumented)
+export const expandPlugin: ExpandPlugin;
+
+// @public (undocumented)
+export interface ExpandPluginOptions extends LongPressSelectionPluginOptions {
+  // (undocumented)
+  allowInsertion?: boolean;
+  // (undocumented)
+  appearance?: EditorAppearance;
+}
+
+// @public (undocumented)
+interface ExpandPluginOptions_2 extends LongPressSelectionPluginOptions {
+  // (undocumented)
+  allowInsertion?: boolean;
+  // (undocumented)
+  appearance?: EditorAppearance;
+}
+
+// @public (undocumented)
+export interface ExpandPluginState {
+  // (undocumented)
+  expandRef?: HTMLDivElement | null;
+}
+
+// @public (undocumented)
+const insertExpand: (
+  editorAnalyticsAPI: EditorAnalyticsAPI | undefined,
+) => Command;
+
+// (No @packageDocumentation comment for this package)
+```
+
+<!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0",
+  "react-dom": "^16.8.0",
+  "react-intl-next": "npm:react-intl@^5.18.1"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,62 @@
+## API Report File for "@atlaskit/editor-plugin-expand"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { EditorAppearance } from '@atlaskit/editor-common/types';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
+import type { LongPressSelectionPluginOptions } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
+
+// @public (undocumented)
+export type ExpandPlugin = NextEditorPlugin<'expand', {
+    pluginConfiguration: ExpandPluginOptions_2 | undefined;
+    dependencies: [
+    FeatureFlagsPlugin,
+    DecorationsPlugin,
+    SelectionPlugin,
+    OptionalPlugin<AnalyticsPlugin>
+    ];
+    actions: {
+        insertExpand: ReturnType<typeof insertExpand>;
+    };
+}>;
+
+// @public (undocumented)
+export const expandPlugin: ExpandPlugin;
+
+// @public (undocumented)
+export interface ExpandPluginOptions extends LongPressSelectionPluginOptions {
+    // (undocumented)
+    allowInsertion?: boolean;
+    // (undocumented)
+    appearance?: EditorAppearance;
+}
+
+// @public (undocumented)
+interface ExpandPluginOptions_2 extends LongPressSelectionPluginOptions {
+    // (undocumented)
+    allowInsertion?: boolean;
+    // (undocumented)
+    appearance?: EditorAppearance;
+}
+
+// @public (undocumented)
+export interface ExpandPluginState {
+    // (undocumented)
+    expandRef?: HTMLDivElement | null;
+}
+
+// @public (undocumented)
+const insertExpand: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
+
+// (No @packageDocumentation comment for this package)
+
+```