@atlaskit/editor-plugin-expand 4.2.8 → 4.3.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-expand
 
+## 4.3.0
+
+### Minor Changes
+
+- [`a0f51dcb9f31c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a0f51dcb9f31c) -
+  Debounced rendering of expand button
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.2.9
+
+### Patch Changes
+
+- [`265c1bf0cefa4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/265c1bf0cefa4) -
+  Sorted type and interface props to improve Atlaskit docs
+- Updated dependencies
+
 ## 4.2.8
 
 ### Patch Changes

package/dist/cjs/legacyExpand/nodeviews/index.js

@@ -509,9 +509,7 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
           allowInteractiveExpand: _this3.allowInteractiveExpand,
           expanded: _this3.__livePage ? !__expanded : __expanded
         });
-      }, this.icon, this.renderKey, undefined,
-      // @portal-render-immediately
-      true);
+      }, this.icon, this.renderKey);
     }
   }, {
     key: "stopEvent",

package/dist/cjs/singlePlayerExpand/node-views/index.js

@@ -389,9 +389,7 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
           allowInteractiveExpand: _this.allowInteractiveExpand,
           expanded: expanded
         });
-      }, icon, _this.renderKey, undefined,
-      // @portal-render-immediately
-      true);
+      }, icon, _this.renderKey);
     });
     this.selectNearNode = selectNearNode;
     this.__livePage = __livePage;

package/dist/es2019/legacyExpand/nodeviews/index.js

@@ -504,9 +504,7 @@ export class ExpandNodeView {
       intl: intl,
       allowInteractiveExpand: this.allowInteractiveExpand,
       expanded: this.__livePage ? !__expanded : __expanded
-    }), this.icon, this.renderKey, undefined,
-    // @portal-render-immediately
-    true);
+    }), this.icon, this.renderKey);
   }
   stopEvent(event) {
     // Ignored via go/ees005

package/dist/es2019/singlePlayerExpand/node-views/index.js

@@ -387,9 +387,7 @@ export class ExpandNodeView {
         intl: this.intl,
         allowInteractiveExpand: this.allowInteractiveExpand,
         expanded: expanded
-      }), icon, this.renderKey, undefined,
-      // @portal-render-immediately
-      true);
+      }), icon, this.renderKey);
     });
     this.selectNearNode = selectNearNode;
     this.__livePage = __livePage;

package/dist/esm/legacyExpand/nodeviews/index.js

@@ -501,9 +501,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
           allowInteractiveExpand: _this3.allowInteractiveExpand,
           expanded: _this3.__livePage ? !__expanded : __expanded
         });
-      }, this.icon, this.renderKey, undefined,
-      // @portal-render-immediately
-      true);
+      }, this.icon, this.renderKey);
     }
   }, {
     key: "stopEvent",

package/dist/esm/singlePlayerExpand/node-views/index.js

@@ -381,9 +381,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
           allowInteractiveExpand: _this.allowInteractiveExpand,
           expanded: expanded
         });
-      }, icon, _this.renderKey, undefined,
-      // @portal-render-immediately
-      true);
+      }, icon, _this.renderKey);
     });
     this.selectNearNode = selectNearNode;
     this.__livePage = __livePage;

package/dist/types/legacyExpand/commands.d.ts

@@ -8,16 +8,16 @@ export declare const setExpandRef: (ref?: HTMLDivElement | null) => Command;
 export declare const deleteExpandAtPos: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (expandNodePos: number, expandNode: PMNode) => Command;
 export declare const deleteExpand: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
 export declare const updateExpandTitle: ({ title, nodeType, pos, __livePage, }: {
-    title: string;
-    pos: number;
-    nodeType: NodeType;
     __livePage: boolean;
+    nodeType: NodeType;
+    pos: number;
+    title: string;
 }) => Command;
 export declare const toggleExpandExpanded: ({ editorAnalyticsAPI, pos, nodeType, __livePage, }: {
+    __livePage: boolean;
     editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
-    pos: number;
     nodeType: NodeType;
-    __livePage: boolean;
+    pos: number;
 }) => Command;
 export declare const createExpandNode: (state: EditorState) => PMNode | null;
 export declare const insertExpandWithInputMethod: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (inputMethod: InsertMethod) => Command;

package/dist/types/legacyExpand/nodeviews/index.d.ts

@@ -49,17 +49,17 @@ export declare class ExpandNodeView implements NodeView {
     private getContentEditable;
     stopEvent(event: Event): boolean;
     ignoreMutation(mutationRecord: MutationRecord | {
-        type: 'selection';
         target: Node;
+        type: 'selection';
     }): boolean;
     update(node: PmNode, _decorations: readonly Decoration[]): boolean;
     destroy(): void;
 }
 export default function ({ getIntl, isMobile, api, nodeViewPortalProviderAPI, allowInteractiveExpand, __livePage, }: {
+    __livePage: boolean;
+    allowInteractiveExpand: boolean;
+    api: ExtractInjectionAPI<ExpandPlugin> | undefined;
     getIntl: () => IntlShape;
     isMobile: boolean;
-    api: ExtractInjectionAPI<ExpandPlugin> | undefined;
     nodeViewPortalProviderAPI: PortalProviderAPI;
-    allowInteractiveExpand: boolean;
-    __livePage: boolean;
 }): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;

package/dist/types/singlePlayerExpand/commands.d.ts

@@ -12,13 +12,13 @@ export declare const deleteExpandAtPos: (editorAnalyticsAPI: EditorAnalyticsAPI
 export declare const setSelectionInsideExpand: (expandPos: number) => Command;
 export declare const toggleExpandExpanded: ({ editorAnalyticsAPI, pos, node, }: {
     editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
-    pos: number;
     node: PMNode;
+    pos: number;
 }) => Command;
 export declare const updateExpandTitle: ({ title, nodeType, pos }: {
-    title: string;
-    pos: number;
     nodeType: NodeType;
+    pos: number;
+    title: string;
 }) => Command;
 export declare const focusTitle: (pos: number) => Command;
 export declare const focusIcon: (expand: Node) => Command;

package/dist/types/singlePlayerExpand/node-views/index.d.ts

@@ -48,8 +48,8 @@ export declare class ExpandNodeView implements NodeView {
     private getContentEditable;
     stopEvent(event: Event): boolean;
     ignoreMutation(mutationRecord: MutationRecord | {
-        type: 'selection';
         target: Node;
+        type: 'selection';
     }): boolean;
     update(node: PmNode, _decorations: readonly Decoration[]): boolean;
     updateExpandToggleIcon(node: PmNode): void;
@@ -58,10 +58,10 @@ export declare class ExpandNodeView implements NodeView {
     destroy(): void;
 }
 export default function ({ getIntl, isMobile, api, nodeViewPortalProviderAPI, allowInteractiveExpand, __livePage, }: {
+    __livePage: boolean;
+    allowInteractiveExpand: boolean;
+    api: ExtractInjectionAPI<ExpandPlugin> | undefined;
     getIntl: () => IntlShape;
     isMobile: boolean;
-    api: ExtractInjectionAPI<ExpandPlugin> | undefined;
     nodeViewPortalProviderAPI: PortalProviderAPI;
-    allowInteractiveExpand: boolean;
-    __livePage: boolean;
 }): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;

package/dist/types/types.d.ts

@@ -13,21 +13,13 @@ export interface ExpandPluginState {
     expandRef?: HTMLDivElement | null;
 }
 export type ExpandPluginAction = {
-    type: 'SET_EXPAND_REF';
     data: {
         ref?: HTMLDivElement | null;
     };
+    type: 'SET_EXPAND_REF';
 };
 export type InsertMethod = INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.INSERT_MENU;
 export interface ExpandPluginOptions extends LongPressSelectionPluginOptions {
-    allowInsertion?: boolean;
-    /**
-     * Allows the expand button to toggle. Previously this was set via the editor prop featureFlag (`interactiveExpand`)
-     *
-     * Defaults to true
-     */
-    allowInteractiveExpand?: boolean;
-    appearance?: EditorAppearance;
     /**
      * There is expected to be temporary divergence between Live Page editor expand behaviour and the standard expand behaviour.
      *
@@ -38,6 +30,14 @@ export interface ExpandPluginOptions extends LongPressSelectionPluginOptions {
      * @default false
      */
     __livePage?: boolean;
+    allowInsertion?: boolean;
+    /**
+     * Allows the expand button to toggle. Previously this was set via the editor prop featureFlag (`interactiveExpand`)
+     *
+     * Defaults to true
+     */
+    allowInteractiveExpand?: boolean;
+    appearance?: EditorAppearance;
 }
 export type ExpandPluginDependencies = [
     DecorationsPlugin,
@@ -49,8 +49,6 @@ export type ExpandPluginDependencies = [
     OptionalPlugin<EditorViewModePlugin>
 ];
 export type ExpandPlugin = NextEditorPlugin<'expand', {
-    pluginConfiguration: ExpandPluginOptions | undefined;
-    dependencies: ExpandPluginDependencies;
     actions: {
         /**
          * Insert an expand node and dispatch event with `insertMenu` inputMethod
@@ -67,4 +65,6 @@ export type ExpandPlugin = NextEditorPlugin<'expand', {
          */
         toggleExpandWithMatch: (selection: Selection) => EditorCommand;
     };
+    dependencies: ExpandPluginDependencies;
+    pluginConfiguration: ExpandPluginOptions | undefined;
 }>;

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

@@ -8,16 +8,16 @@ export declare const setExpandRef: (ref?: HTMLDivElement | null) => Command;
 export declare const deleteExpandAtPos: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (expandNodePos: number, expandNode: PMNode) => Command;
 export declare const deleteExpand: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
 export declare const updateExpandTitle: ({ title, nodeType, pos, __livePage, }: {
-    title: string;
-    pos: number;
-    nodeType: NodeType;
     __livePage: boolean;
+    nodeType: NodeType;
+    pos: number;
+    title: string;
 }) => Command;
 export declare const toggleExpandExpanded: ({ editorAnalyticsAPI, pos, nodeType, __livePage, }: {
+    __livePage: boolean;
     editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
-    pos: number;
     nodeType: NodeType;
-    __livePage: boolean;
+    pos: number;
 }) => Command;
 export declare const createExpandNode: (state: EditorState) => PMNode | null;
 export declare const insertExpandWithInputMethod: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (inputMethod: InsertMethod) => Command;

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

@@ -49,17 +49,17 @@ export declare class ExpandNodeView implements NodeView {
     private getContentEditable;
     stopEvent(event: Event): boolean;
     ignoreMutation(mutationRecord: MutationRecord | {
-        type: 'selection';
         target: Node;
+        type: 'selection';
     }): boolean;
     update(node: PmNode, _decorations: readonly Decoration[]): boolean;
     destroy(): void;
 }
 export default function ({ getIntl, isMobile, api, nodeViewPortalProviderAPI, allowInteractiveExpand, __livePage, }: {
+    __livePage: boolean;
+    allowInteractiveExpand: boolean;
+    api: ExtractInjectionAPI<ExpandPlugin> | undefined;
     getIntl: () => IntlShape;
     isMobile: boolean;
-    api: ExtractInjectionAPI<ExpandPlugin> | undefined;
     nodeViewPortalProviderAPI: PortalProviderAPI;
-    allowInteractiveExpand: boolean;
-    __livePage: boolean;
 }): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;

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

@@ -12,13 +12,13 @@ export declare const deleteExpandAtPos: (editorAnalyticsAPI: EditorAnalyticsAPI
 export declare const setSelectionInsideExpand: (expandPos: number) => Command;
 export declare const toggleExpandExpanded: ({ editorAnalyticsAPI, pos, node, }: {
     editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
-    pos: number;
     node: PMNode;
+    pos: number;
 }) => Command;
 export declare const updateExpandTitle: ({ title, nodeType, pos }: {
-    title: string;
-    pos: number;
     nodeType: NodeType;
+    pos: number;
+    title: string;
 }) => Command;
 export declare const focusTitle: (pos: number) => Command;
 export declare const focusIcon: (expand: Node) => Command;

package/dist/types-ts4.5/singlePlayerExpand/node-views/index.d.ts

@@ -48,8 +48,8 @@ export declare class ExpandNodeView implements NodeView {
     private getContentEditable;
     stopEvent(event: Event): boolean;
     ignoreMutation(mutationRecord: MutationRecord | {
-        type: 'selection';
         target: Node;
+        type: 'selection';
     }): boolean;
     update(node: PmNode, _decorations: readonly Decoration[]): boolean;
     updateExpandToggleIcon(node: PmNode): void;
@@ -58,10 +58,10 @@ export declare class ExpandNodeView implements NodeView {
     destroy(): void;
 }
 export default function ({ getIntl, isMobile, api, nodeViewPortalProviderAPI, allowInteractiveExpand, __livePage, }: {
+    __livePage: boolean;
+    allowInteractiveExpand: boolean;
+    api: ExtractInjectionAPI<ExpandPlugin> | undefined;
     getIntl: () => IntlShape;
     isMobile: boolean;
-    api: ExtractInjectionAPI<ExpandPlugin> | undefined;
     nodeViewPortalProviderAPI: PortalProviderAPI;
-    allowInteractiveExpand: boolean;
-    __livePage: boolean;
 }): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;

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

@@ -13,21 +13,13 @@ export interface ExpandPluginState {
     expandRef?: HTMLDivElement | null;
 }
 export type ExpandPluginAction = {
-    type: 'SET_EXPAND_REF';
     data: {
         ref?: HTMLDivElement | null;
     };
+    type: 'SET_EXPAND_REF';
 };
 export type InsertMethod = INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.INSERT_MENU;
 export interface ExpandPluginOptions extends LongPressSelectionPluginOptions {
-    allowInsertion?: boolean;
-    /**
-     * Allows the expand button to toggle. Previously this was set via the editor prop featureFlag (`interactiveExpand`)
-     *
-     * Defaults to true
-     */
-    allowInteractiveExpand?: boolean;
-    appearance?: EditorAppearance;
     /**
      * There is expected to be temporary divergence between Live Page editor expand behaviour and the standard expand behaviour.
      *
@@ -38,6 +30,14 @@ export interface ExpandPluginOptions extends LongPressSelectionPluginOptions {
      * @default false
      */
     __livePage?: boolean;
+    allowInsertion?: boolean;
+    /**
+     * Allows the expand button to toggle. Previously this was set via the editor prop featureFlag (`interactiveExpand`)
+     *
+     * Defaults to true
+     */
+    allowInteractiveExpand?: boolean;
+    appearance?: EditorAppearance;
 }
 export type ExpandPluginDependencies = [
     DecorationsPlugin,
@@ -49,8 +49,6 @@ export type ExpandPluginDependencies = [
     OptionalPlugin<EditorViewModePlugin>
 ];
 export type ExpandPlugin = NextEditorPlugin<'expand', {
-    pluginConfiguration: ExpandPluginOptions | undefined;
-    dependencies: ExpandPluginDependencies;
     actions: {
         /**
          * Insert an expand node and dispatch event with `insertMenu` inputMethod
@@ -67,4 +65,6 @@ export type ExpandPlugin = NextEditorPlugin<'expand', {
          */
         toggleExpandWithMatch: (selection: Selection) => EditorCommand;
     };
+    dependencies: ExpandPluginDependencies;
+    pluginConfiguration: ExpandPluginOptions | undefined;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-expand",
-	"version": "4.2.8",
+	"version": "4.3.0",
 	"description": "Expand plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -35,17 +35,17 @@
 		"@atlaskit/adf-schema": "^50.2.1",
 		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/editor-plugin-analytics": "^3.0.0",
-		"@atlaskit/editor-plugin-decorations": "^3.0.0",
+		"@atlaskit/editor-plugin-decorations": "^3.1.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^3.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^5.0.0",
-		"@atlaskit/editor-plugin-selection": "^3.1.0",
+		"@atlaskit/editor-plugin-selection": "^3.2.0",
 		"@atlaskit/editor-plugin-selection-marker": "^3.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/icon": "^28.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^11.3.0",
+		"@atlaskit/tmp-editor-statsig": "^11.6.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -54,7 +54,7 @@
 		"w3c-keyname": "^2.1.8"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.26.0",
+		"@atlaskit/editor-common": "^107.29.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -64,7 +64,7 @@
 		"@atlaskit/editor-plugin-content-insertion": "^3.1.0",
 		"@atlaskit/editor-plugin-guideline": "^3.0.0",
 		"@atlaskit/editor-plugin-quick-insert": "^3.0.0",
-		"@atlaskit/editor-plugin-table": "^12.2.0",
+		"@atlaskit/editor-plugin-table": "^12.3.0",
 		"@atlaskit/editor-plugin-type-ahead": "^3.1.0",
 		"@atlaskit/editor-plugin-width": "^4.0.0",
 		"@testing-library/react": "^13.4.0",