@atlaskit/editor-plugin-insert-block 4.1.7 → 4.2.0

package/dist/esm/ui/toolbar-components/TaskListButton.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { useIntl } from 'react-intl-next';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
+import { ToolbarButton, ToolbarTooltip, TaskIcon } from '@atlaskit/editor-toolbar';
+export var TaskListButton = function TaskListButton(_ref) {
+  var api = _ref.api;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var _useEditorToolbar = useEditorToolbar(),
+    editorView = _useEditorToolbar.editorView;
+  if (!(editorView !== null && editorView !== void 0 && editorView.state.schema.nodes.taskItem)) {
+    return null;
+  }
+  var onClick = function onClick() {
+    if (editorView) {
+      var _api$taskDecision;
+      var state = editorView.state,
+        dispatch = editorView.dispatch;
+      api === null || api === void 0 || (_api$taskDecision = api.taskDecision) === null || _api$taskDecision === void 0 || _api$taskDecision.actions.insertTaskDecision('taskList', INPUT_METHOD.TOOLBAR)(state, dispatch);
+    }
+  };
+  return /*#__PURE__*/React.createElement(ToolbarTooltip, {
+    content: formatMessage(messages.action)
+  }, /*#__PURE__*/React.createElement(ToolbarButton, {
+    iconBefore: /*#__PURE__*/React.createElement(TaskIcon, {
+      label: formatMessage(messages.action)
+    }),
+    onClick: onClick,
+    ariaKeyshortcuts: "[ ] Space"
+  }));
+};

package/dist/esm/ui/toolbar-components/utils/utils.js

@@ -0,0 +1,6 @@
+/**
+ * Checks if an element is detached (i.e. not in the current document)
+ */
+export var isDetachedElement = function isDetachedElement(el) {
+  return !document.body.contains(el);
+};

package/dist/esm/ui/toolbar-components.js

@@ -0,0 +1,165 @@
+import React from 'react';
+import { INSERT_BLOCK_SECTION, TASK_LIST_GROUP, MEDIA_GROUP, TOOLBAR_RANK, TOOLBARS, INSERT_BLOCK_SECTION_RANK, TASK_LIST_BUTTON, TASK_LIST_GROUP_RANK, MEDIA_BUTTON, MENTION_GROUP, MEDIA_GROUP_RANK, MENTION_BUTTON, MENTION_GROUP_RANK, EMOJI_GROUP, EMOJI_BUTTON, EMOJI_GROUP_RANK, LAYOUT_GROUP, LAYOUT_BUTTON, LAYOUT_GROUP_RANK, TABLE_GROUP_RANK, TABLE_BUTTON, TABLE_GROUP, TABLE_SIZE_PICKER } from "@atlaskit/editor-common/toolbar";
+import { EmojiButton } from './toolbar-components/EmojiButton';
+import { ImageButton } from './toolbar-components/ImageButton';
+import { LayoutButton } from './toolbar-components/LayoutButton';
+import { MediaButton } from './toolbar-components/MediaButton';
+import { MentionButton } from './toolbar-components/MentionButton';
+import { TableButton } from './toolbar-components/TableButton';
+import { TableSizePicker } from './toolbar-components/TableSizePicker';
+import { TaskListButton } from "./toolbar-components/TaskListButton";
+export var getToolbarComponents = function getToolbarComponents(_ref) {
+  var api = _ref.api,
+    tableSelectorSupported = _ref.tableSelectorSupported;
+  return [{
+    type: INSERT_BLOCK_SECTION.type,
+    key: INSERT_BLOCK_SECTION.key,
+    parents: [{
+      type: 'toolbar',
+      key: TOOLBARS.PRIMARY_TOOLBAR,
+      rank: TOOLBAR_RANK[INSERT_BLOCK_SECTION.key]
+    }]
+  }, {
+    type: TASK_LIST_GROUP.type,
+    key: TASK_LIST_GROUP.key,
+    parents: [{
+      type: INSERT_BLOCK_SECTION.type,
+      key: INSERT_BLOCK_SECTION.key,
+      rank: INSERT_BLOCK_SECTION_RANK[TASK_LIST_GROUP.key]
+    }]
+  }, {
+    type: TASK_LIST_BUTTON.type,
+    key: TASK_LIST_BUTTON.key,
+    parents: [{
+      type: TASK_LIST_GROUP.type,
+      key: TASK_LIST_GROUP.key,
+      rank: TASK_LIST_GROUP_RANK[TASK_LIST_BUTTON.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(TaskListButton, {
+        api: api
+      });
+    }
+  }, {
+    type: MEDIA_GROUP.type,
+    key: MEDIA_GROUP.key,
+    parents: [{
+      type: INSERT_BLOCK_SECTION.type,
+      key: INSERT_BLOCK_SECTION.key,
+      rank: INSERT_BLOCK_SECTION_RANK[MEDIA_GROUP.key]
+    }]
+  }, {
+    type: MEDIA_BUTTON.type,
+    key: MEDIA_BUTTON.key,
+    parents: [{
+      type: MEDIA_GROUP.type,
+      key: MEDIA_GROUP.key,
+      rank: MEDIA_GROUP_RANK[MEDIA_BUTTON.key]
+    }],
+    component: function component() {
+      return !!(api !== null && api !== void 0 && api.imageUpload) ? /*#__PURE__*/React.createElement(ImageButton, {
+        api: api
+      }) : /*#__PURE__*/React.createElement(MediaButton, {
+        api: api
+      });
+    }
+  }, {
+    type: MENTION_GROUP.type,
+    key: MENTION_GROUP.key,
+    parents: [{
+      type: INSERT_BLOCK_SECTION.type,
+      key: INSERT_BLOCK_SECTION.key,
+      rank: INSERT_BLOCK_SECTION_RANK[MENTION_GROUP.key]
+    }]
+  }, {
+    type: MENTION_BUTTON.type,
+    key: MENTION_BUTTON.key,
+    parents: [{
+      type: MENTION_GROUP.type,
+      key: MENTION_GROUP.key,
+      rank: MENTION_GROUP_RANK[MENTION_BUTTON.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(MentionButton, {
+        api: api
+      });
+    }
+  }, {
+    type: EMOJI_GROUP.type,
+    key: EMOJI_GROUP.key,
+    parents: [{
+      type: INSERT_BLOCK_SECTION.type,
+      key: INSERT_BLOCK_SECTION.key,
+      rank: INSERT_BLOCK_SECTION_RANK[EMOJI_GROUP.key]
+    }]
+  }, {
+    type: EMOJI_BUTTON.type,
+    key: EMOJI_BUTTON.key,
+    parents: [{
+      type: EMOJI_GROUP.type,
+      key: EMOJI_GROUP.key,
+      rank: EMOJI_GROUP_RANK[EMOJI_BUTTON.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(EmojiButton, {
+        api: api
+      });
+    }
+  }, {
+    type: LAYOUT_GROUP.type,
+    key: LAYOUT_GROUP.key,
+    parents: [{
+      type: INSERT_BLOCK_SECTION.type,
+      key: INSERT_BLOCK_SECTION.key,
+      rank: INSERT_BLOCK_SECTION_RANK[LAYOUT_GROUP.key]
+    }]
+  }, {
+    type: LAYOUT_BUTTON.type,
+    key: LAYOUT_BUTTON.key,
+    parents: [{
+      type: LAYOUT_GROUP.type,
+      key: LAYOUT_GROUP.key,
+      rank: LAYOUT_GROUP_RANK[LAYOUT_BUTTON.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(LayoutButton, {
+        api: api
+      });
+    }
+  }, {
+    type: TABLE_GROUP.type,
+    key: TABLE_GROUP.key,
+    parents: [{
+      type: INSERT_BLOCK_SECTION.type,
+      key: INSERT_BLOCK_SECTION.key,
+      rank: INSERT_BLOCK_SECTION_RANK[TABLE_GROUP.key]
+    }]
+  }, {
+    type: TABLE_BUTTON.type,
+    key: TABLE_BUTTON.key,
+    parents: [{
+      type: TABLE_GROUP.type,
+      key: TABLE_GROUP.key,
+      rank: TABLE_GROUP_RANK[TABLE_BUTTON.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(TableButton, {
+        api: api
+      });
+    }
+  }, {
+    type: TABLE_SIZE_PICKER.type,
+    key: TABLE_SIZE_PICKER.key,
+    parents: [{
+      type: TABLE_GROUP.type,
+      key: TABLE_GROUP.key,
+      rank: TABLE_GROUP_RANK[TABLE_SIZE_PICKER.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(TableSizePicker, {
+        api: api,
+        tableSelectorSupported: tableSelectorSupported
+      });
+    }
+  }];
+};

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

@@ -24,6 +24,7 @@ import type { RulePlugin } from '@atlaskit/editor-plugin-rule';
 import type { StatusPlugin } from '@atlaskit/editor-plugin-status';
 import type { TablePlugin } from '@atlaskit/editor-plugin-table';
 import type { TasksAndDecisionsPlugin } from '@atlaskit/editor-plugin-tasks-and-decisions';
+import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
 export type InsertBlockPluginDependencies = [
     TypeAheadPlugin,
@@ -51,7 +52,8 @@ export type InsertBlockPluginDependencies = [
     OptionalPlugin<PrimaryToolbarPlugin>,
     OptionalPlugin<FeatureFlagsPlugin>,
     OptionalPlugin<ContextPanelPlugin>,
-    OptionalPlugin<ConnectivityPlugin>
+    OptionalPlugin<ConnectivityPlugin>,
+    OptionalPlugin<ToolbarPlugin>
 ];
 export interface InsertBlockPluginOptions {
     allowTables?: boolean;

package/dist/types/ui/toolbar-components/EmojiButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { InsertBlockPlugin } from '../../insertBlockPluginType';
+type EmojiButtonProps = {
+    api?: ExtractInjectionAPI<InsertBlockPlugin>;
+};
+export declare const EmojiButton: ({ api }: EmojiButtonProps) => React.JSX.Element | null;
+export {};

package/dist/types/ui/toolbar-components/ImageButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { InsertBlockPlugin } from '../../insertBlockPluginType';
+type ImageButtonProps = {
+    api?: ExtractInjectionAPI<InsertBlockPlugin>;
+};
+export declare const ImageButton: ({ api }: ImageButtonProps) => React.JSX.Element;
+export {};

package/dist/types/ui/toolbar-components/LayoutButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { InsertBlockPlugin } from '../../insertBlockPluginType';
+type LayoutButtonProps = {
+    api?: ExtractInjectionAPI<InsertBlockPlugin>;
+};
+export declare const LayoutButton: ({ api }: LayoutButtonProps) => React.JSX.Element | null;
+export {};

package/dist/types/ui/toolbar-components/MediaButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { InsertBlockPlugin } from '../../insertBlockPluginType';
+type MediaButtonProps = {
+    api?: ExtractInjectionAPI<InsertBlockPlugin>;
+};
+export declare const MediaButton: ({ api }: MediaButtonProps) => React.JSX.Element | null;
+export {};

package/dist/types/ui/toolbar-components/MentionButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { InsertBlockPlugin } from '../../insertBlockPluginType';
+type MentionButtonProps = {
+    api?: ExtractInjectionAPI<InsertBlockPlugin>;
+};
+export declare const MentionButton: ({ api }: MentionButtonProps) => React.JSX.Element | null;
+export {};

package/dist/types/ui/toolbar-components/TableButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { InsertBlockPlugin } from '../../insertBlockPluginType';
+type TableButtonProps = {
+    api?: ExtractInjectionAPI<InsertBlockPlugin>;
+};
+export declare const TableButton: ({ api }: TableButtonProps) => React.JSX.Element | null;
+export {};

package/dist/types/ui/toolbar-components/TableSizePicker.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { InsertBlockPlugin } from '../../insertBlockPluginType';
+type TableSizePickerProps = {
+    api?: ExtractInjectionAPI<InsertBlockPlugin>;
+    tableSelectorSupported?: boolean;
+};
+export declare const TableSizePicker: ({ api, tableSelectorSupported }: TableSizePickerProps) => React.JSX.Element | null;
+export {};

package/dist/types/ui/toolbar-components/TaskListButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { InsertBlockPlugin } from '../../insertBlockPluginType';
+type TaskListButtonProps = {
+    api?: ExtractInjectionAPI<InsertBlockPlugin>;
+};
+export declare const TaskListButton: ({ api }: TaskListButtonProps) => React.JSX.Element | null;
+export {};

package/dist/types/ui/toolbar-components/utils/utils.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Checks if an element is detached (i.e. not in the current document)
+ */
+export declare const isDetachedElement: (el: HTMLElement) => boolean;

package/dist/types/ui/toolbar-components.d.ts

@@ -0,0 +1,9 @@
+import type { ExtractInjectionAPI } from "@atlaskit/editor-common/types";
+import type { RegisterComponent } from "@atlaskit/editor-toolbar-model";
+import type { InsertBlockPlugin } from "../insertBlockPluginType";
+type GetToolbarComponentsProps = {
+    api?: ExtractInjectionAPI<InsertBlockPlugin>;
+    tableSelectorSupported?: boolean;
+};
+export declare const getToolbarComponents: ({ api, tableSelectorSupported }: GetToolbarComponentsProps) => RegisterComponent[];
+export {};

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

@@ -24,6 +24,7 @@ import type { RulePlugin } from '@atlaskit/editor-plugin-rule';
 import type { StatusPlugin } from '@atlaskit/editor-plugin-status';
 import type { TablePlugin } from '@atlaskit/editor-plugin-table';
 import type { TasksAndDecisionsPlugin } from '@atlaskit/editor-plugin-tasks-and-decisions';
+import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
 export type InsertBlockPluginDependencies = [
     TypeAheadPlugin,
@@ -51,7 +52,8 @@ export type InsertBlockPluginDependencies = [
     OptionalPlugin<PrimaryToolbarPlugin>,
     OptionalPlugin<FeatureFlagsPlugin>,
     OptionalPlugin<ContextPanelPlugin>,
-    OptionalPlugin<ConnectivityPlugin>
+    OptionalPlugin<ConnectivityPlugin>,
+    OptionalPlugin<ToolbarPlugin>
 ];
 export interface InsertBlockPluginOptions {
     allowTables?: boolean;

package/dist/types-ts4.5/ui/toolbar-components/EmojiButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { InsertBlockPlugin } from '../../insertBlockPluginType';
+type EmojiButtonProps = {
+    api?: ExtractInjectionAPI<InsertBlockPlugin>;
+};
+export declare const EmojiButton: ({ api }: EmojiButtonProps) => React.JSX.Element | null;
+export {};

package/dist/types-ts4.5/ui/toolbar-components/ImageButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { InsertBlockPlugin } from '../../insertBlockPluginType';
+type ImageButtonProps = {
+    api?: ExtractInjectionAPI<InsertBlockPlugin>;
+};
+export declare const ImageButton: ({ api }: ImageButtonProps) => React.JSX.Element;
+export {};

package/dist/types-ts4.5/ui/toolbar-components/LayoutButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { InsertBlockPlugin } from '../../insertBlockPluginType';
+type LayoutButtonProps = {
+    api?: ExtractInjectionAPI<InsertBlockPlugin>;
+};
+export declare const LayoutButton: ({ api }: LayoutButtonProps) => React.JSX.Element | null;
+export {};

package/dist/types-ts4.5/ui/toolbar-components/MediaButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { InsertBlockPlugin } from '../../insertBlockPluginType';
+type MediaButtonProps = {
+    api?: ExtractInjectionAPI<InsertBlockPlugin>;
+};
+export declare const MediaButton: ({ api }: MediaButtonProps) => React.JSX.Element | null;
+export {};

package/dist/types-ts4.5/ui/toolbar-components/MentionButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { InsertBlockPlugin } from '../../insertBlockPluginType';
+type MentionButtonProps = {
+    api?: ExtractInjectionAPI<InsertBlockPlugin>;
+};
+export declare const MentionButton: ({ api }: MentionButtonProps) => React.JSX.Element | null;
+export {};

package/dist/types-ts4.5/ui/toolbar-components/TableButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { InsertBlockPlugin } from '../../insertBlockPluginType';
+type TableButtonProps = {
+    api?: ExtractInjectionAPI<InsertBlockPlugin>;
+};
+export declare const TableButton: ({ api }: TableButtonProps) => React.JSX.Element | null;
+export {};

package/dist/types-ts4.5/ui/toolbar-components/TableSizePicker.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { InsertBlockPlugin } from '../../insertBlockPluginType';
+type TableSizePickerProps = {
+    api?: ExtractInjectionAPI<InsertBlockPlugin>;
+    tableSelectorSupported?: boolean;
+};
+export declare const TableSizePicker: ({ api, tableSelectorSupported }: TableSizePickerProps) => React.JSX.Element | null;
+export {};

package/dist/types-ts4.5/ui/toolbar-components/TaskListButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { InsertBlockPlugin } from '../../insertBlockPluginType';
+type TaskListButtonProps = {
+    api?: ExtractInjectionAPI<InsertBlockPlugin>;
+};
+export declare const TaskListButton: ({ api }: TaskListButtonProps) => React.JSX.Element | null;
+export {};

package/dist/types-ts4.5/ui/toolbar-components/utils/utils.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Checks if an element is detached (i.e. not in the current document)
+ */
+export declare const isDetachedElement: (el: HTMLElement) => boolean;

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

@@ -0,0 +1,9 @@
+import type { ExtractInjectionAPI } from "@atlaskit/editor-common/types";
+import type { RegisterComponent } from "@atlaskit/editor-toolbar-model";
+import type { InsertBlockPlugin } from "../insertBlockPluginType";
+type GetToolbarComponentsProps = {
+    api?: ExtractInjectionAPI<InsertBlockPlugin>;
+    tableSelectorSupported?: boolean;
+};
+export declare const getToolbarComponents: ({ api, tableSelectorSupported }: GetToolbarComponentsProps) => RegisterComponent[];
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-insert-block",
-	"version": "4.1.7",
+	"version": "4.2.0",
 	"description": "Insert block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -57,17 +57,20 @@
 		"@atlaskit/editor-plugin-status": "^4.1.0",
 		"@atlaskit/editor-plugin-table": "^12.2.0",
 		"@atlaskit/editor-plugin-tasks-and-decisions": "^6.3.0",
+		"@atlaskit/editor-plugin-toolbar": "^0.2.0",
 		"@atlaskit/editor-plugin-type-ahead": "^3.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
-		"@atlaskit/emoji": "^69.3.0",
+		"@atlaskit/editor-toolbar": "^0.3.0",
+		"@atlaskit/editor-toolbar-model": "^0.1.0",
+		"@atlaskit/emoji": "^69.4.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^27.12.0",
 		"@atlaskit/icon-lab": "^5.6.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.11.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^10.0.0",
+		"@atlaskit/tmp-editor-statsig": "^11.0.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@babel/runtime": "^7.0.0",