@atlaskit/editor-plugin-insert-block 1.9.2 → 1.10.1

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

@@ -0,0 +1,67 @@
+import React from 'react';
+import { useIconThemed } from './use-icon-themed';
+export default function InstructionsOutlineIcon() {
+  const {
+    iconThemed
+  } = useIconThemed();
+  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/es2019/assets/switch.js

@@ -1,23 +1,18 @@
-import React from 'react';
-import SVG from '@atlaskit/icon/svg';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+import { css, jsx } from '@emotion/react';
+import RefreshIcon from '@atlaskit/icon/glyph/refresh';
+const iconStyle = css({
+  transform: 'rotate(-90deg)'
+});
 export default function SwitchIcon() {
-  return /*#__PURE__*/React.createElement(SVG, {
+  return jsx("span", {
+    css: iconStyle
+  }, jsx(RefreshIcon, {
     label: ""
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M6.003 16H8.998C9.26322 16 9.51757 15.8947 9.70511 15.7071C9.89264 15.5196 9.998 15.2652 9.998 15C9.998 14.7348 9.89264 14.4805 9.70511 14.2929C9.51757 14.1054 9.26322 14 8.998 14H5.102C4.494 14 4 14.493 4 15.1V19C4 19.2656 4.10551 19.5204 4.29333 19.7082C4.48115 19.896 4.73589 20.0015 5.0015 20.0015C5.26711 20.0015 5.52185 19.896 5.70967 19.7082C5.89748 19.5204 6.003 19.2656 6.003 19V16Z",
-    fill: "var(--ds-icon, #44546F)"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M18.018 14.572C16.989 16.649 14.807 18 12.37 18C10.104 18 8.051 16.833 6.945 14.98C6.659 14.5 6.023 14.334 5.524 14.609C5.40677 14.6709 5.30331 14.7559 5.21991 14.8589C5.13651 14.9619 5.0749 15.0808 5.0388 15.2083C5.00271 15.3359 4.99289 15.4694 5.00994 15.6009C5.027 15.7323 5.07056 15.8589 5.138 15.973C6.611 18.443 9.35 20 12.37 20C15.618 20 18.528 18.198 19.899 15.43C20.146 14.932 19.925 14.335 19.406 14.098C18.886 13.861 18.265 14.073 18.018 14.572Z",
-    fill: "var(--ds-icon, #44546F)"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M15.002 10L18.898 10C19.506 10 20 9.50703 20 8.90003V5.00003C20 4.73441 19.8945 4.47968 19.7067 4.29186C19.5188 4.10404 19.2641 3.99853 18.9985 3.99853C18.7329 3.99853 18.4782 4.10404 18.2903 4.29186C18.1025 4.47968 17.997 4.73441 17.997 5.00003V8.00003H15.002C14.7368 8.00003 14.4824 8.10538 14.2949 8.29292C14.1074 8.48046 14.002 8.73481 14.002 9.00003C14.002 9.26524 14.1074 9.5196 14.2949 9.70713C14.4824 9.89467 14.7368 10 15.002 10Z",
-    fill: "var(--ds-icon, #44546F)"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M4.596 9.90303C5.116 10.14 5.736 9.92803 5.983 9.42903C7.012 7.35203 9.193 6.00103 11.63 6.00103C13.896 6.00103 15.95 7.16803 17.055 9.02203C17.1988 9.25438 17.4265 9.42245 17.6909 9.49135C17.9553 9.56024 18.2361 9.52468 18.475 9.39203C18.975 9.11803 19.148 8.50703 18.862 8.02803C17.389 5.55803 14.65 4.00103 11.63 4.00103C8.382 4.00103 5.472 5.80303 4.102 8.57103C4.03537 8.70353 4.00045 8.84971 4 8.99803C4.00188 9.1902 4.05909 9.37775 4.16479 9.53825C4.27049 9.69875 4.4202 9.8254 4.596 9.90303Z",
-    fill: "var(--ds-icon, #44546F)"
   }));
 }

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

@@ -0,0 +1,15 @@
+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 const useIconThemed = () => {
+  const {
+    colorMode
+  } = useThemeObserver();
+  return {
+    iconThemed: colors => {
+      return colorMode && colorMode === 'dark' ? colors['dark'] : colors['light'];
+    }
+  };
+};

package/dist/es2019/plugin.js

@@ -1,12 +1,15 @@
 import React, { useLayoutEffect } from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { contentAllowedInCodeBlock, shouldSplitSelectedNodeOnNodeInsertion } from '@atlaskit/editor-common/insert';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { ToolbarSize } from '@atlaskit/editor-common/types';
+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';
 const toolbarSizeToButtons = toolbarSize => {
@@ -115,14 +118,8 @@ export const insertBlockPlugin = ({
       // Experiment one-pager: https://hello.atlassian.net/wiki/spaces/ETM/pages/3931754727/Experiment+Elements+Basic+Text+Transformations
       selectionToolbar: (state, intl) => {
         var _api$featureFlags, _api$featureFlags$sha;
-        const {
-          selection: {
-            $from
-          }
-        } = state;
-        const isEligible =
-        // basicTextTransformations is used to present AI enablement status to avoid adding editor props
-        (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : (_api$featureFlags$sha = _api$featureFlags.sharedState.currentState()) === null || _api$featureFlags$sha === void 0 ? void 0 : _api$featureFlags$sha.basicTextTransformations) && $from.depth === 1;
+        const isEligible = // basicTextTransformations is used to present AI enablement status to avoid adding editor props
+        api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : (_api$featureFlags$sha = _api$featureFlags.sharedState.currentState()) === null || _api$featureFlags$sha === void 0 ? void 0 : _api$featureFlags$sha.basicTextTransformations;
         if (!isEligible) {
           return;
         }
@@ -132,13 +129,31 @@ export const insertBlockPlugin = ({
           const {
             formatMessage
           } = intl;
-          const options = transformationOptions(api).map(option => {
+          const options = transformationOptions(api, state.schema).map(option => {
+            let canWrap;
+            if (option.type.name === 'codeBlock') {
+              var _$from$node;
+              const {
+                $from
+              } = state.selection;
+              const grandParentNodeType = (_$from$node = $from.node(-1)) === null || _$from$node === void 0 ? void 0 : _$from$node.type;
+              const parentNodeType = $from.parent.type;
+              canWrap = shouldSplitSelectedNodeOnNodeInsertion({
+                parentNodeType,
+                grandParentNodeType,
+                content: option.type.createAndFill()
+              }) && contentAllowedInCodeBlock(state);
+            } else {
+              canWrap = !!getWrappingOptions(state, option.type).wrapping;
+            }
             const IconBefore = option.icon;
             return {
               title: formatMessage(option.title),
               icon: /*#__PURE__*/React.createElement(IconBefore, {
-                label: ""
+                label: "",
+                disabled: !canWrap
               }),
+              disabled: !canWrap,
               onClick: (state, dispatch) => {
                 var _option$command;
                 (_option$command = option.command) === null || _option$command === void 0 ? void 0 : _option$command.call(option, INPUT_METHOD.FLOATING_TB)(state, dispatch);
@@ -156,6 +171,18 @@ export const insertBlockPlugin = ({
             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: () => {
+        if (editorExperiment('element-level-templates', true, {
+          exposure: true
+        })) {
+          return templateOptions;
+        }
+        return [];
       }
     },
     usePluginHook: () => {

package/dist/es2019/ui/ToolbarInsertBlock/dropdown-button.js

@@ -7,36 +7,22 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
-import { expandIconWrapperStyle } from '@atlaskit/editor-common/styles';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import AddIcon from '@atlaskit/icon/core/migration/add--editor-add';
-import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
-import { default as AddIconLegacy } from '@atlaskit/icon/glyph/editor/add';
 import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { expandWrapperStyle, triggerWrapper } from './styles';
+import { triggerWrapper } from './styles';
 const DropDownButtonIcon = /*#__PURE__*/React.memo(props =>
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
 jsx("span", {
   css: triggerWrapper
-}, fg('platform_editor_migration_icon_and_typography') ? jsx(AddIcon, {
+}, jsx(AddIcon, {
   label: props.label,
-  color: "currentColor"
-}) : jsx(AddIconLegacy, {
-  label: props.label
-}), fg('platform_editor_migration_icon_and_typography') ?
-//eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-jsx("span", {
-  css: expandWrapperStyle
-}, jsx(ChevronDownIcon, {
+  color: "currentColor",
+  spacing: "spacious"
+}), jsx("span", null, jsx(ChevronDownIcon, {
   label: "",
-  color: "currentColor"
-})) :
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-jsx("span", {
-  css: expandIconWrapperStyle
-}, jsx(ExpandIcon, {
-  label: ""
+  color: "currentColor",
+  LEGACY_margin: "0 0 0 -8px"
 }))));
 export const DropDownButton = /*#__PURE__*/React.memo(props => jsx(ToolbarButton, {
   ref: props.handleRef,

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

@@ -14,32 +14,19 @@ import CalendarIcon from '@atlaskit/icon/core/migration/calendar--editor-date';
 import CheckboxCheckedIcon from '@atlaskit/icon/core/migration/checkbox-checked--editor-task';
 import DecisionIcon from '@atlaskit/icon/core/migration/decision--editor-decision';
 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 LinkIcon from '@atlaskit/icon/core/migration/link--editor-link';
 import MentionIcon from '@atlaskit/icon/core/migration/mention--editor-mention';
 import QuotationMarkIcon from '@atlaskit/icon/core/migration/quotation-mark--quote';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/migration/show-more-horizontal--editor-more';
-import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
-import ExpandNodeIcon from '@atlaskit/icon/glyph/chevron-right-circle';
-import CodeIcon from '@atlaskit/icon/glyph/editor/code';
-import DateIcon from '@atlaskit/icon/glyph/editor/date';
-import { default as DecisionIconLegacy } from '@atlaskit/icon/glyph/editor/decision';
-import { default as EmojiIconLegacy } from '@atlaskit/icon/glyph/editor/emoji';
 import HorizontalRuleIcon from '@atlaskit/icon/glyph/editor/horizontal-rule';
-import EditorImageIcon from '@atlaskit/icon/glyph/editor/image';
-import InfoIcon from '@atlaskit/icon/glyph/editor/info';
 import LayoutTwoEqualIcon from '@atlaskit/icon/glyph/editor/layout-two-equal';
-import { default as LinkIconLegacy } from '@atlaskit/icon/glyph/editor/link';
-import { default as MentionIconLegacy } from '@atlaskit/icon/glyph/editor/mention';
-import EditorMoreIcon from '@atlaskit/icon/glyph/editor/more';
-import TableIcon from '@atlaskit/icon/glyph/editor/table';
-import TaskIcon from '@atlaskit/icon/glyph/editor/task';
 import PlaceholderTextIcon from '@atlaskit/icon/glyph/media-services/text';
-import QuoteIcon from '@atlaskit/icon/glyph/quote';
 import StatusIcon from '@atlaskit/icon/glyph/status';
 import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
-import { fg } from '@atlaskit/platform-feature-flags';
+import ExpandNodeIcon from '@atlaskit/icon/utility/migration/chevron-right--chevron-right-circle';
 import { shallowEquals } from './shallow-equals';
 const from = init => ({
   content: init.content,
@@ -48,7 +35,9 @@ const from = init => ({
     name: init.name
   },
   elemBefore: jsx(init.Icon, {
-    label: ""
+    label: "",
+    color: "currentColor",
+    spacing: "spacious"
   }),
   elemAfter: init.shortcut ?
   // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
@@ -69,7 +58,7 @@ export const action = mem(init => {
     disabled: init.disabled,
     name: 'action',
     shortcut: '[]',
-    Icon: fg('platform_editor_migration_icon_and_typography') ? CheckboxCheckedIcon : TaskIcon,
+    Icon: CheckboxCheckedIcon,
     'aria-keyshortcuts': '[ ] Space'
   });
 });
@@ -79,7 +68,7 @@ export const link = mem(init => from({
   disabled: init.disabled,
   name: 'link',
   shortcut: tooltip(addLink),
-  Icon: fg('platform_editor_migration_icon_and_typography') ? LinkIcon : LinkIconLegacy,
+  Icon: LinkIcon,
   'aria-haspopup': init['aria-haspopup'],
   'aria-keyshortcuts': getAriaKeyshortcuts(addLink)
 }));
@@ -88,21 +77,21 @@ export const media = mem(init => from({
   tooltipDescription: init.tooltipDescription,
   disabled: init.disabled,
   name: 'media',
-  Icon: fg('platform_editor_migration_icon_and_typography') ? ImageIcon : EditorImageIcon
+  Icon: ImageIcon
 }));
 export const imageUpload = mem(init => from({
   content: init.content,
   tooltipDescription: init.tooltipDescription,
   disabled: init.disabled,
   name: 'image upload',
-  Icon: fg('platform_editor_migration_icon_and_typography') ? ImageIcon : EditorImageIcon
+  Icon: ImageIcon
 }));
 export const mention = mem(init => from({
   content: init.content,
   tooltipDescription: init.tooltipDescription,
   disabled: init.disabled,
   name: 'mention',
-  Icon: fg('platform_editor_migration_icon_and_typography') ? MentionIcon : MentionIconLegacy,
+  Icon: MentionIcon,
   shortcut: '@',
   'aria-haspopup': init['aria-haspopup'],
   'aria-keyshortcuts': 'Shift+2 Space'
@@ -112,7 +101,7 @@ export const emoji = mem(init => from({
   tooltipDescription: init.tooltipDescription,
   disabled: init.disabled,
   name: 'emoji',
-  Icon: fg('platform_editor_migration_icon_and_typography') ? EmojiIcon : EmojiIconLegacy,
+  Icon: EmojiIcon,
   shortcut: ':',
   'aria-haspopup': init['aria-haspopup'],
   'aria-keyshortcuts': 'Shift+;'
@@ -122,7 +111,7 @@ export const table = mem(init => from({
   tooltipDescription: init.tooltipDescription,
   disabled: init.disabled,
   name: 'table',
-  Icon: TableIcon,
+  Icon: GridIcon,
   shortcut: tooltip(toggleTable),
   'aria-keyshortcuts': getAriaKeyshortcuts(toggleTable)
 }));
@@ -131,10 +120,10 @@ export const tableSelector = mem(init => from({
   tooltipDescription: init.tooltipDescription,
   disabled: init.disabled,
   name: 'table selector',
-  Icon: fg('platform_editor_migration_icon_and_typography') ? () => jsx(ChevronDownIcon, {
+  Icon: () => jsx(ChevronDownIcon, {
     label: "",
     color: "currentColor"
-  }) : ExpandIcon
+  })
 }));
 export const layout = mem(init => from({
   content: init.content,
@@ -148,7 +137,7 @@ export const codeblock = mem(init => from({
   tooltipDescription: init.tooltipDescription,
   disabled: init.disabled,
   name: 'codeblock',
-  Icon: fg('platform_editor_migration_icon_and_typography') ? AngleBracketsIcon : CodeIcon,
+  Icon: AngleBracketsIcon,
   shortcut: init.shortcut,
   'aria-keyshortcuts': getAriaKeyshortcuts(init.shortcut)
 }));
@@ -157,7 +146,7 @@ export const panel = mem(init => from({
   tooltipDescription: init.tooltipDescription,
   disabled: init.disabled,
   name: 'panel',
-  Icon: fg('platform_editor_migration_icon_and_typography') ? InformationIcon : InfoIcon,
+  Icon: InformationIcon,
   shortcut: init.shortcut,
   'aria-keyshortcuts': getAriaKeyshortcuts(init.shortcut)
 }));
@@ -166,7 +155,7 @@ export const blockquote = mem(init => from({
   tooltipDescription: init.tooltipDescription,
   disabled: init.disabled,
   name: 'blockquote',
-  Icon: fg('platform_editor_migration_icon_and_typography') ? QuotationMarkIcon : QuoteIcon,
+  Icon: QuotationMarkIcon,
   shortcut: init.shortcut,
   'aria-keyshortcuts': 'Shift+. Space'
 }));
@@ -175,7 +164,7 @@ export const decision = mem(init => from({
   tooltipDescription: init.tooltipDescription,
   disabled: init.disabled,
   name: 'decision',
-  Icon: fg('platform_editor_migration_icon_and_typography') ? DecisionIcon : DecisionIconLegacy,
+  Icon: DecisionIcon,
   shortcut: '<>',
   'aria-keyshortcuts': 'Shift+, Shift+. Space'
 }));
@@ -200,7 +189,7 @@ export const date = mem(init => from({
   tooltipDescription: init.tooltipDescription,
   disabled: init.disabled,
   name: 'date',
-  Icon: fg('platform_editor_migration_icon_and_typography') ? CalendarIcon : DateIcon,
+  Icon: CalendarIcon,
   shortcut: '//',
   'aria-keyshortcuts': '/ / Enter'
 }));
@@ -225,10 +214,8 @@ export const more = mem(init => from({
   tooltipDescription: init.tooltipDescription,
   disabled: init.disabled,
   name: 'macro',
-  Icon: () => fg('platform_editor_migration_icon_and_typography') ? jsx(ShowMoreHorizontalIcon, {
+  Icon: () => jsx(ShowMoreHorizontalIcon, {
     label: "",
     color: "currentColor"
-  }) : jsx(EditorMoreIcon, {
-    label: ""
   })
 }));

package/dist/es2019/ui/templateOptions.js

@@ -0,0 +1,53 @@
+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 const 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: () => /*#__PURE__*/React.createElement(DiscussionNotesIcon, null),
+  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: () => /*#__PURE__*/React.createElement(ApprovalsTrackerIcon, null),
+  action: () => {
+    return false;
+  }
+}, {
+  title: 'Decision matrix',
+  description: 'Compare options and make recommendations',
+  keywords: ['pros', 'cons', 'recommended', 'rationale', 'evaluation', 'options', 'choice', 'table'],
+  priority: 99,
+  icon: () => /*#__PURE__*/React.createElement(DecisionMatrixIcon, null),
+  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: () => /*#__PURE__*/React.createElement(ActionListIcon, null),
+  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: () => /*#__PURE__*/React.createElement(InstructionsOutlineIcon, null),
+  action: () => {
+    return false;
+  }
+}];

package/dist/es2019/ui/transformOptions.js

@@ -3,21 +3,25 @@ import EditorCodeIcon from '@atlaskit/icon/glyph/editor/code';
 import EditorInfoIcon from '@atlaskit/icon/glyph/editor/info';
 import QuoteIcon from '@atlaskit/icon/glyph/quote';
 import ExpandIcon from '../assets/expand';
-export const transformationOptions = api => {
+export const transformationOptions = (api, schema) => {
   var _api$panel, _api$expand, _api$codeBlock, _api$blockType;
   return [{
+    type: schema.nodes.panel,
     title: messages.panel,
     icon: EditorInfoIcon,
     command: api === null || api === void 0 ? void 0 : (_api$panel = api.panel) === null || _api$panel === void 0 ? void 0 : _api$panel.actions.insertPanel
   }, {
+    type: schema.nodes.expand,
     title: toolbarMessages.expand,
     icon: ExpandIcon,
     command: api === null || api === void 0 ? void 0 : (_api$expand = api.expand) === null || _api$expand === void 0 ? void 0 : _api$expand.actions.insertExpandWithInputMethod
   }, {
+    type: schema.nodes.codeBlock,
     title: messages.codeblock,
     icon: EditorCodeIcon,
     command: api === null || api === void 0 ? void 0 : (_api$codeBlock = api.codeBlock) === null || _api$codeBlock === void 0 ? void 0 : _api$codeBlock.actions.insertCodeBlock
   }, {
+    type: schema.nodes.blockquote,
     title: messages.blockquote,
     icon: QuoteIcon,
     command: api === null || api === void 0 ? void 0 : (_api$blockType = api.blockType) === null || _api$blockType === void 0 ? void 0 : _api$blockType.actions.insertBlockQuote

package/dist/esm/assets/action-list.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import { useIconThemed } from './use-icon-themed';
+export default function ActionListIcon() {
+  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("rect", {
+    width: "40",
+    height: "40",
+    transform: "translate(0 0.259766)",
+    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("rect", {
+    x: "6",
+    y: "6.25973",
+    width: "8",
+    height: "8",
+    rx: "2",
+    fill: "var(--ds-background-selected-bold, #0052cc)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.04781 12.1515C9.23925 12.3585 9.5745 12.3366 9.7422 12.1099L12.2311 8.74617C12.3921 8.52857 12.3594 8.21106 12.1582 8.03698C11.9569 7.8629 11.6633 7.89818 11.5023 8.11578L9.33981 11.0401L8.46333 10.0924C8.28109 9.8954 7.98561 9.8954 7.80337 10.0924C7.62113 10.2895 7.62113 10.609 7.80337 10.806L9.04781 12.1515Z",
+    fill: "var(--ds-icon-inverse, #FFFFFF)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M17 10.2597C17 9.70744 17.4477 9.25973 18 9.25973H33C33.5523 9.25973 34 9.70744 34 10.2597C34 10.812 33.5523 11.2597 33 11.2597H18C17.4477 11.2597 17 10.812 17 10.2597Z",
+    fill: "var(--ds-background-accent-gray-subtler, #DCDFE4)"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "16.2597",
+    width: "8",
+    height: "8",
+    rx: "2",
+    fill: "var(--ds-background-selected-bold, #0052cc)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.04781 22.1515C9.23925 22.3585 9.5745 22.3366 9.7422 22.1099L12.2311 18.7462C12.3921 18.5286 12.3594 18.2111 12.1582 18.037C11.9569 17.8629 11.6633 17.8982 11.5023 18.1158L9.33981 21.0401L8.46333 20.0924C8.28109 19.8954 7.98561 19.8954 7.80337 20.0924C7.62113 20.2895 7.62113 20.609 7.80337 20.806L9.04781 22.1515Z",
+    fill: "var(--ds-icon-inverse, #FFFFFF)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M17 20.2597C17 19.7074 17.4477 19.2597 18 19.2597H33C33.5523 19.2597 34 19.7074 34 20.2597C34 20.812 33.5523 21.2597 33 21.2597H18C17.4477 21.2597 17 20.812 17 20.2597Z",
+    fill: "var(--ds-background-accent-gray-subtler, #DCDFE4)"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "26.2597",
+    width: "8",
+    height: "8",
+    rx: "2",
+    fill: iconThemed({
+      light: '#ECEDF0',
+      dark: '#454F59'
+    })
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M17 30.2597C17 29.7074 17.4477 29.2597 18 29.2597H33C33.5523 29.2597 34 29.7074 34 30.2597C34 30.812 33.5523 31.2597 33 31.2597H18C17.4477 31.2597 17 30.812 17 30.2597Z",
+    fill: "var(--ds-background-accent-gray-subtler, #DCDFE4)"
+  }));
+}

package/dist/esm/assets/approvals-tracker.js

@@ -0,0 +1,59 @@
+import React from 'react';
+import { useIconThemed } from './use-icon-themed';
+export default function ApprovalsTrackerIcon() {
+  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_1349)"
+  }, /*#__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("rect", {
+    width: "40",
+    height: "40",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    })
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.25805 12.3098C9.22075 12.2714 9.17611 12.2409 9.12679 12.22C9.07747 12.1992 9.02447 12.1884 8.97092 12.1884C8.91738 12.1884 8.86437 12.1992 8.81505 12.22C8.76573 12.2409 8.7211 12.2714 8.68379 12.3098L8.12 12.8744C8.08219 12.9118 8.05213 12.9562 8.03154 13.0052C8.01094 13.0542 8.00023 13.1067 8 13.1599C7.99978 13.213 8.01005 13.2656 8.03023 13.3148C8.0504 13.3639 8.08009 13.4086 8.11758 13.4463L11.1025 16.432C11.1777 16.5071 11.2796 16.5495 11.3859 16.55C11.4922 16.5504 11.5944 16.5089 11.6703 16.4344L17.8817 10.223C17.9196 10.1857 17.9496 10.1411 17.9699 10.0919C17.9902 10.0428 18.0004 9.99004 18 9.93685C17.9995 9.88366 17.9884 9.83111 17.9673 9.7823C17.9461 9.7335 17.9154 9.68945 17.8768 9.65275L17.3131 9.08896C17.2753 9.05112 17.2305 9.02109 17.1812 9.0006C17.1318 8.98011 17.0789 8.96957 17.0255 8.96957C16.9721 8.96957 16.9192 8.98011 16.8699 9.0006C16.8205 9.02109 16.7757 9.05112 16.738 9.08896L11.6751 14.1518C11.5988 14.2276 11.4956 14.2702 11.388 14.2702C11.2804 14.2702 11.1772 14.2276 11.1009 14.1518L9.25805 12.3098Z",
+    fill: "var(--ds-icon-subtle, #626F86)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M21 12.7598C21 9.44606 23.6863 6.75977 27 6.75977H39V18.7598H27C23.6863 18.7598 21 16.0735 21 12.7598Z",
+    fill: "var(--ds-background-accent-gray-subtlest, #F1F2F4)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M31.0354 13.8626C30.5189 13.8626 30.2063 13.4432 30.2063 12.7512C30.2063 12.0506 30.5137 11.6358 31.044 11.6358C31.5743 11.6358 31.8566 12.0723 31.8566 12.7598C31.8566 13.4426 31.5697 13.8626 31.0349 13.8626H31.0354ZM31 8.75977C28.7571 8.75977 27 10.5169 27 12.7598C27 15.3861 29.0126 16.7598 31 16.7598C31.4994 16.7598 31.9223 16.7083 32.2914 16.6003C32.3953 16.5641 32.4813 16.4894 32.5317 16.3917C32.582 16.2939 32.5929 16.1805 32.5622 16.0749C32.5314 15.9694 32.4612 15.8796 32.3662 15.8243C32.2711 15.7689 32.1585 15.7522 32.0514 15.7775C31.7611 15.8615 31.4171 15.9032 31 15.9032C29.4869 15.9032 27.8571 14.9192 27.8571 12.7603C27.8571 10.9975 29.2383 9.61748 31 9.61748C32.8514 9.61748 34.1429 10.7329 34.1429 12.3318C34.1429 13.5003 33.5469 14.0461 33.144 14.0461C33.1394 14.0461 32.7143 13.9832 32.7143 13.6175V11.3318C32.7143 11.2181 32.6691 11.1091 32.5888 11.0287C32.5084 10.9483 32.3994 10.9032 32.2857 10.9032C32.1721 10.9032 32.063 10.9483 31.9827 11.0287C31.9023 11.1091 31.8571 11.2181 31.8571 11.3318V11.4386C31.6594 11.1043 31.2766 10.8946 30.8314 10.8946C29.9154 10.8946 29.2857 11.6398 29.2857 12.7243C29.2857 13.8581 29.916 14.6169 30.8589 14.6169C31.3531 14.6169 31.7217 14.3958 31.9246 14.0021C32.1154 14.5826 32.7074 14.9026 33.1429 14.9026C34.056 14.9026 35 13.9409 35 12.3312C35 10.2615 33.3189 8.75977 31 8.75977Z",
+    fill: "var(--ds-background-accent-gray-subtler-pressed, #8590A2)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.25805 27.3098C9.22075 27.2714 9.17611 27.2409 9.12679 27.22C9.07747 27.1992 9.02447 27.1884 8.97092 27.1884C8.91738 27.1884 8.86437 27.1992 8.81505 27.22C8.76573 27.2409 8.7211 27.2714 8.68379 27.3098L8.12 27.8744C8.08219 27.9118 8.05213 27.9562 8.03154 28.0052C8.01094 28.0542 8.00023 28.1067 8 28.1599C7.99978 28.213 8.01005 28.2656 8.03023 28.3148C8.0504 28.3639 8.08009 28.4086 8.11758 28.4463L11.1025 31.432C11.1777 31.5071 11.2796 31.5495 11.3859 31.55C11.4922 31.5504 11.5944 31.5089 11.6703 31.4344L17.8817 25.223C17.9196 25.1857 17.9496 25.1411 17.9699 25.0919C17.9902 25.0428 18.0004 24.99 18 24.9368C17.9995 24.8837 17.9884 24.8311 17.9673 24.7823C17.9461 24.7335 17.9154 24.6894 17.8768 24.6528L17.3131 24.089C17.2753 24.0511 17.2305 24.0211 17.1812 24.0006C17.1318 23.9801 17.0789 23.9696 17.0255 23.9696C16.9721 23.9696 16.9192 23.9801 16.8699 24.0006C16.8205 24.0211 16.7757 24.0511 16.738 24.089L11.6751 29.1518C11.5988 29.2276 11.4956 29.2702 11.388 29.2702C11.2804 29.2702 11.1772 29.2276 11.1009 29.1518L9.25805 27.3098Z",
+    fill: "var(--ds-icon-subtle, #626F86)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M21 27.7598C21 24.4461 23.6863 21.7598 27 21.7598H39V33.7598H27C23.6863 33.7598 21 31.0735 21 27.7598Z",
+    fill: "var(--ds-background-accent-gray-subtlest, #F1F2F4)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M31.0354 28.8626C30.5189 28.8626 30.2063 28.4432 30.2063 27.7512C30.2063 27.0506 30.5137 26.6358 31.044 26.6358C31.5743 26.6358 31.8566 27.0723 31.8566 27.7598C31.8566 28.4426 31.5697 28.8626 31.0349 28.8626H31.0354ZM31 23.7598C28.7571 23.7598 27 25.5169 27 27.7598C27 30.3861 29.0126 31.7598 31 31.7598C31.4994 31.7598 31.9223 31.7083 32.2914 31.6003C32.3953 31.5641 32.4813 31.4894 32.5317 31.3917C32.582 31.2939 32.5929 31.1805 32.5622 31.0749C32.5314 30.9694 32.4612 30.8796 32.3662 30.8243C32.2711 30.7689 32.1585 30.7522 32.0514 30.7775C31.7611 30.8615 31.4171 30.9032 31 30.9032C29.4869 30.9032 27.8571 29.9192 27.8571 27.7603C27.8571 25.9975 29.2383 24.6175 31 24.6175C32.8514 24.6175 34.1429 25.7329 34.1429 27.3318C34.1429 28.5003 33.5469 29.0461 33.144 29.0461C33.1394 29.0461 32.7143 28.9832 32.7143 28.6175V26.3318C32.7143 26.2181 32.6691 26.1091 32.5888 26.0287C32.5084 25.9483 32.3994 25.9032 32.2857 25.9032C32.1721 25.9032 32.063 25.9483 31.9827 26.0287C31.9023 26.1091 31.8571 26.2181 31.8571 26.3318V26.4386C31.6594 26.1043 31.2766 25.8946 30.8314 25.8946C29.9154 25.8946 29.2857 26.6398 29.2857 27.7243C29.2857 28.8581 29.916 29.6169 30.8589 29.6169C31.3531 29.6169 31.7217 29.3958 31.9246 29.0021C32.1154 29.5826 32.7074 29.9026 33.1429 29.9026C34.056 29.9026 35 28.9409 35 27.3312C35 25.2615 33.3189 23.7598 31 23.7598Z",
+    fill: "var(--ds-background-accent-gray-subtler-pressed, #8590A2)"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_138_1349"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "40",
+    height: "40",
+    fill: "var(--ds-icon-inverse, #FFFFFF)",
+    transform: "translate(0 0.259766)"
+  }))));
+}