@atlaskit/editor-plugin-insert-block 1.10.0 → 1.10.2

package/dist/esm/assets/discussion-notes.js

@@ -0,0 +1,75 @@
+import React from 'react';
+import { useIconThemed } from './use-icon-themed';
+export default function DiscussionNotesIcon() {
+  var _useIconThemed = useIconThemed(),
+    iconThemed = _useIconThemed.iconThemed;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "40",
+    height: "41",
+    viewBox: "0 0 40 41",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_138_1334)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    y: "0.259766",
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    y: "0.259766",
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "0.5",
+    y: "0.759766",
+    width: "39",
+    height: "39",
+    rx: "2.5",
+    stroke: "var(--ds-border, #091E4224)",
+    strokeOpacity: "0.14"
+  })), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.5 6.25977H13.5C13.8978 6.25977 14.2794 6.4178 14.5607 6.69911C14.842 6.98041 15 7.36194 15 7.75977V16.7598C15 17.1576 14.842 17.5391 14.5607 17.8204C14.2794 18.1017 13.8978 18.2598 13.5 18.2598H7.5C7.10218 18.2598 6.72064 18.1017 6.43934 17.8204C6.15804 17.5391 6 17.1576 6 16.7598V7.75977C6 7.36194 6.15804 6.98041 6.43934 6.69911C6.72064 6.4178 7.10218 6.25977 7.5 6.25977ZM8.625 9.25977C8.52554 9.25977 8.43016 9.29927 8.35983 9.3696C8.28951 9.43993 8.25 9.53531 8.25 9.63477V10.3848C8.25 10.4842 8.28951 10.5796 8.35983 10.6499C8.43016 10.7203 8.52554 10.7598 8.625 10.7598H12.375C12.4745 10.7598 12.5698 10.7203 12.6402 10.6499C12.7105 10.5796 12.75 10.4842 12.75 10.3848V9.63477C12.75 9.53531 12.7105 9.43993 12.6402 9.3696C12.5698 9.29927 12.4745 9.25977 12.375 9.25977H8.625ZM8.625 12.2598C8.52554 12.2598 8.43016 12.2993 8.35983 12.3696C8.28951 12.4399 8.25 12.5353 8.25 12.6348V13.3848C8.25 13.4842 8.28951 13.5796 8.35983 13.6499C8.43016 13.7203 8.52554 13.7598 8.625 13.7598H10.875C10.9745 13.7598 11.0698 13.7203 11.1402 13.6499C11.2105 13.5796 11.25 13.4842 11.25 13.3848V12.6348C11.25 12.5353 11.2105 12.4399 11.1402 12.3696C11.0698 12.2993 10.9745 12.2598 10.875 12.2598H8.625Z",
+    fill: "var(--ds-background-accent-purple-bolder, #6E5DC6)"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "22.2598",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: "var(--ds-text-disabled, #A5ADBA)"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "25.2598",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: "var(--ds-text-disabled, #A5ADBA)"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "28.2598",
+    width: "14",
+    height: "1",
+    rx: "0.5",
+    fill: "var(--ds-text-disabled, #A5ADBA)"
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_138_1334"
+  }, /*#__PURE__*/React.createElement("rect", {
+    y: "0.259766",
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: "var(--ds-surface, #FFFFFF)"
+  }))));
+}

package/dist/esm/assets/instructions-outline.js

@@ -0,0 +1,66 @@
+import React from 'react';
+import { useIconThemed } from './use-icon-themed';
+export default function InstructionsOutlineIcon() {
+  var _useIconThemed = useIconThemed(),
+    iconThemed = _useIconThemed.iconThemed;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "40",
+    height: "41",
+    viewBox: "0 0 40 41",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_138_1254)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    y: "0.259766",
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "0.5",
+    y: "0.759766",
+    width: "39",
+    height: "39",
+    rx: "2.5",
+    stroke: "var(--ds-border, #091E42)",
+    strokeOpacity: "0.14"
+  })), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 18.2598C10.4087 18.2598 8.88258 17.6276 7.75736 16.5024C6.63214 15.3772 6 13.8511 6 12.2598C6 10.6685 6.63214 9.14234 7.75736 8.01713C8.88258 6.89191 10.4087 6.25977 12 6.25977C13.5913 6.25977 15.1174 6.89191 16.2426 8.01713C17.3679 9.14234 18 10.6685 18 12.2598C18 13.8511 17.3679 15.3772 16.2426 16.5024C15.1174 17.6276 13.5913 18.2598 12 18.2598ZM12 11.8848C11.8011 11.8848 11.6103 11.9638 11.4697 12.1044C11.329 12.2451 11.25 12.4359 11.25 12.6348V14.5098C11.25 14.7087 11.329 14.8994 11.4697 15.0401C11.6103 15.1807 11.8011 15.2598 12 15.2598C12.1989 15.2598 12.3897 15.1807 12.5303 15.0401C12.671 14.8994 12.75 14.7087 12.75 14.5098V12.6348C12.75 12.4359 12.671 12.2451 12.5303 12.1044C12.3897 11.9638 12.1989 11.8848 12 11.8848ZM12 11.041C12.2735 11.041 12.5358 10.9324 12.7292 10.739C12.9226 10.5456 13.0312 10.2833 13.0312 10.0098C13.0312 9.73626 12.9226 9.47396 12.7292 9.28056C12.5358 9.08716 12.2735 8.97852 12 8.97852C11.7265 8.97852 11.4642 9.08716 11.2708 9.28056C11.0774 9.47396 10.9688 9.73626 10.9688 10.0098C10.9688 10.2833 11.0774 10.5456 11.2708 10.739C11.4642 10.9324 11.7265 11.041 12 11.041Z",
+    fill: "#4D8CED"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "22.2598",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: "var(--ds-text-disabled, #A5ADBA)"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "25.2598",
+    width: "28",
+    height: "1",
+    rx: "0.5",
+    fill: "var(--ds-text-disabled, #A5ADBA)"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "28.2598",
+    width: "14",
+    height: "1",
+    rx: "0.5",
+    fill: "var(--ds-text-disabled, #A5ADBA)"
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_138_1254"
+  }, /*#__PURE__*/React.createElement("rect", {
+    y: "0.259766",
+    width: "40",
+    height: "40",
+    rx: "3",
+    fill: "var(--ds-surface, #FFFFFF)"
+  }))));
+}

package/dist/esm/assets/use-icon-themed.js

@@ -0,0 +1,14 @@
+import { useThemeObserver } from '@atlaskit/tokens';
+
+// Copy of platform/packages/editor/editor-common/src/quick-insert/use-icon-themed.tsx
+// As per warning in the original file, this hook may not be suitable to be exported
+// and we want to avoid making experiment-only icons public (i.e. move to @atlaskit/editor-common/quick-insert)
+export var useIconThemed = function useIconThemed() {
+  var _useThemeObserver = useThemeObserver(),
+    colorMode = _useThemeObserver.colorMode;
+  return {
+    iconThemed: function iconThemed(colors) {
+      return colorMode && colorMode === 'dark' ? colors['dark'] : colors['light'];
+    }
+  };
+};

package/dist/esm/plugin.js

@@ -9,6 +9,7 @@ import { getWrappingOptions } from '@atlaskit/editor-common/utils';
 import { BLOCK_QUOTE, CODE_BLOCK, PANEL } from '@atlaskit/editor-plugin-block-type/consts';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import SwitchIcon from './assets/switch';
+import { templateOptions } from './ui/templateOptions';
 import ToolbarInsertBlock from './ui/ToolbarInsertBlock';
 import { transformationOptions } from './ui/transformOptions';
 var toolbarSizeToButtons = function toolbarSizeToButtons(toolbarSize) {
@@ -167,6 +168,18 @@ export var insertBlockPlugin = function insertBlockPlugin(_ref) {
             rank: -9
           };
         }
+      },
+      // This is temporarily added for element level templates experiment.
+      // This is not the most ideal plugin to add this to, but it is suitable for experiment purpose
+      // If we decide to ship the feature, we will consider a separate plugin if needed.
+      // Experiment one-pager: https://hello.atlassian.net/wiki/spaces/ETM/pages/3983684902/Experiment+Drive+element+usage+via+element+templates
+      quickInsert: function quickInsert() {
+        if (editorExperiment('element-level-templates', true, {
+          exposure: true
+        })) {
+          return templateOptions;
+        }
+        return [];
       }
     },
     usePluginHook: function usePluginHook() {

package/dist/esm/ui/ToolbarInsertBlock/item.js

@@ -17,12 +17,12 @@ import EmojiIcon from '@atlaskit/icon/core/migration/emoji--editor-emoji';
 import GridIcon from '@atlaskit/icon/core/migration/grid--editor-table';
 import ImageIcon from '@atlaskit/icon/core/migration/image--editor-image';
 import InformationIcon from '@atlaskit/icon/core/migration/information--editor-info';
+import LayoutTwoColumnsIcon from '@atlaskit/icon/core/migration/layout-two-columns--editor-layout-two-equal';
 import LinkIcon from '@atlaskit/icon/core/migration/link--editor-link';
 import MentionIcon from '@atlaskit/icon/core/migration/mention--editor-mention';
+import HorizontalRuleIcon from '@atlaskit/icon/core/migration/minus--editor-horizontal-rule';
 import QuotationMarkIcon from '@atlaskit/icon/core/migration/quotation-mark--quote';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/migration/show-more-horizontal--editor-more';
-import HorizontalRuleIcon from '@atlaskit/icon/glyph/editor/horizontal-rule';
-import LayoutTwoEqualIcon from '@atlaskit/icon/glyph/editor/layout-two-equal';
 import PlaceholderTextIcon from '@atlaskit/icon/glyph/media-services/text';
 import StatusIcon from '@atlaskit/icon/glyph/status';
 import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
@@ -151,7 +151,7 @@ export var layout = mem(function (init) {
     tooltipDescription: init.tooltipDescription,
     disabled: init.disabled,
     name: 'layout',
-    Icon: LayoutTwoEqualIcon
+    Icon: LayoutTwoColumnsIcon
   });
 });
 export var codeblock = mem(function (init) {

package/dist/esm/ui/templateOptions.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import ActionListIcon from '../assets/action-list';
+import ApprovalsTrackerIcon from '../assets/approvals-tracker';
+import DecisionMatrixIcon from '../assets/decision-matrix';
+import DiscussionNotesIcon from '../assets/discussion-notes';
+import InstructionsOutlineIcon from '../assets/instructions-outline';
+export var templateOptions = [{
+  title: 'Discussion notes',
+  description: 'Record discussion points and action items',
+  keywords: ['decisions', 'summary', 'meeting', 'chat', 'debrief', 'track', 'keep track', 'tasks', 'outstanding items', 'owners'],
+  // Place templates right after AI item
+  priority: 99,
+  icon: function icon() {
+    return /*#__PURE__*/React.createElement(DiscussionNotesIcon, null);
+  },
+  action: function action() {
+    return false;
+  }
+}, {
+  title: 'Approvals tracker',
+  description: 'Track reviewer approvals and dates',
+  keywords: ['reviews', 'requests', 'rejected requests', 'review dates', 'timeline', 'checklist', 'sme timeline', 'sme requests', 'sme check', 'table'],
+  priority: 99,
+  icon: function icon() {
+    return /*#__PURE__*/React.createElement(ApprovalsTrackerIcon, null);
+  },
+  action: function action() {
+    return false;
+  }
+}, {
+  title: 'Decision matrix',
+  description: 'Compare options and make recommendations',
+  keywords: ['pros', 'cons', 'recommended', 'rationale', 'evaluation', 'options', 'choice', 'table'],
+  priority: 99,
+  icon: function icon() {
+    return /*#__PURE__*/React.createElement(DecisionMatrixIcon, null);
+  },
+  action: function action() {
+    return false;
+  }
+}, {
+  title: 'List of actions',
+  description: 'Track tasks, assignees and deadlines',
+  keywords: ['checklist', 'check', 'items', 'shopping list', 'jtbd', 'jobs to be done', 'due date', 'progress', 'task', 'tasks', 'prioritization', 'timeline', 'approvals', 'reviewers', 'review date'],
+  priority: 99,
+  icon: function icon() {
+    return /*#__PURE__*/React.createElement(ActionListIcon, null);
+  },
+  action: function action() {
+    return false;
+  }
+}, {
+  title: 'Instructions outline',
+  description: 'Detailed steps for any process',
+  keywords: ['steps', 'manual', 'tasks', 'jobs to be done', 'jtbd', 'how-to', 'guide', 'journey', 'checklist', 'tutorial', 'map', 'brochure', 'columns', 'layout', 'help'],
+  priority: 99,
+  icon: function icon() {
+    return /*#__PURE__*/React.createElement(InstructionsOutlineIcon, null);
+  },
+  action: function action() {
+    return false;
+  }
+}];

package/dist/types/assets/action-list.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function ActionListIcon(): JSX.Element;

package/dist/types/assets/approvals-tracker.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function ApprovalsTrackerIcon(): JSX.Element;

package/dist/types/assets/decision-matrix.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function DecisionMatrixIcon(): JSX.Element;

package/dist/types/assets/discussion-notes.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function DiscussionNotesIcon(): JSX.Element;

package/dist/types/assets/instructions-outline.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function InstructionsOutlineIcon(): JSX.Element;

package/dist/types/assets/use-icon-themed.d.ts

@@ -0,0 +1,6 @@
+export declare const useIconThemed: () => {
+    iconThemed: (colors: {
+        light: string;
+        dark: string;
+    }) => string;
+};

package/dist/types/ui/templateOptions.d.ts

@@ -0,0 +1,2 @@
+import type { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
+export declare const templateOptions: QuickInsertItem[];

package/dist/types-ts4.5/assets/action-list.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function ActionListIcon(): JSX.Element;

package/dist/types-ts4.5/assets/approvals-tracker.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function ApprovalsTrackerIcon(): JSX.Element;

package/dist/types-ts4.5/assets/decision-matrix.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function DecisionMatrixIcon(): JSX.Element;

package/dist/types-ts4.5/assets/discussion-notes.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function DiscussionNotesIcon(): JSX.Element;

package/dist/types-ts4.5/assets/instructions-outline.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function InstructionsOutlineIcon(): JSX.Element;

package/dist/types-ts4.5/assets/use-icon-themed.d.ts

@@ -0,0 +1,6 @@
+export declare const useIconThemed: () => {
+    iconThemed: (colors: {
+        light: string;
+        dark: string;
+    }) => string;
+};

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

@@ -0,0 +1,2 @@
+import type { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
+export declare const templateOptions: QuickInsertItem[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-insert-block",
-	"version": "1.10.0",
+	"version": "1.10.2",
 	"description": "Insert block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -33,20 +33,20 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@atlaskit/editor-common": "^88.1.0",
+		"@atlaskit/editor-common": "^88.5.0",
 		"@atlaskit/editor-plugin-analytics": "^1.8.0",
 		"@atlaskit/editor-plugin-block-type": "^3.14.0",
 		"@atlaskit/editor-plugin-code-block": "^3.3.0",
 		"@atlaskit/editor-plugin-date": "^2.3.0",
-		"@atlaskit/editor-plugin-emoji": "^2.3.0",
-		"@atlaskit/editor-plugin-expand": "^2.5.0",
+		"@atlaskit/editor-plugin-emoji": "^2.4.0",
+		"@atlaskit/editor-plugin-expand": "^2.6.0",
 		"@atlaskit/editor-plugin-extension": "^1.14.0",
 		"@atlaskit/editor-plugin-feature-flags": "^1.2.0",
 		"@atlaskit/editor-plugin-hyperlink": "^2.9.0",
 		"@atlaskit/editor-plugin-image-upload": "^1.2.0",
 		"@atlaskit/editor-plugin-layout": "^1.7.0",
 		"@atlaskit/editor-plugin-media": "^1.29.0",
-		"@atlaskit/editor-plugin-mentions": "^2.4.0",
+		"@atlaskit/editor-plugin-mentions": "^2.5.0",
 		"@atlaskit/editor-plugin-panel": "^2.3.0",
 		"@atlaskit/editor-plugin-placeholder-text": "^1.7.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^2.0.0",
@@ -59,10 +59,10 @@
 		"@atlaskit/editor-prosemirror": "5.0.1",
 		"@atlaskit/editor-shared-styles": "^2.13.0",
 		"@atlaskit/emoji": "^67.7.0",
-		"@atlaskit/icon": "^22.14.0",
+		"@atlaskit/icon": "^22.15.0",
 		"@atlaskit/primitives": "^12.0.0",
 		"@atlaskit/theme": "^13.0.0",
-		"@atlaskit/tmp-editor-statsig": "^1.2.0",
+		"@atlaskit/tmp-editor-statsig": "^1.4.0",
 		"@atlaskit/tokens": "^1.59.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",