@atlaskit/editor-common 74.51.6 → 74.52.0

package/dist/es2019/quick-insert/assets/images.js

@@ -1,81 +1,57 @@
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
+import { useIconThemed } from '../use-icon-themed';
 export default function IconImages() {
+  const {
+    iconThemed
+  } = useIconThemed();
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
     width: 40,
     height: 40
-  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    x1: "46.315%",
-    y1: "-31.529%",
-    x2: "50%",
-    y2: "100%",
-    id: "images-a"
-  }, /*#__PURE__*/React.createElement("stop", {
-    stopColor: "#FFD500",
-    offset: "0%"
-  }), /*#__PURE__*/React.createElement("stop", {
-    stopColor: "#FFAB00",
-    offset: "100%"
-  })), /*#__PURE__*/React.createElement("linearGradient", {
-    x1: "100.699%",
-    y1: "50%",
-    x2: "-14.52%",
-    y2: "50%",
-    id: "images-b"
-  }, /*#__PURE__*/React.createElement("stop", {
-    stopColor: "#FAFBFC",
-    offset: "0%"
-  }), /*#__PURE__*/React.createElement("stop", {
-    stopColor: "#F4F6F8",
-    stopOpacity: 0.859,
-    offset: "12.52%"
-  }), /*#__PURE__*/React.createElement("stop", {
-    stopColor: "#E3E6EA",
-    stopOpacity: 0.402,
-    offset: "54.65%"
-  }), /*#__PURE__*/React.createElement("stop", {
-    stopColor: "#D7DCE1",
-    stopOpacity: 0.113,
-    offset: "83.66%"
-  }), /*#__PURE__*/React.createElement("stop", {
-    stopColor: "#D3D8DE",
-    stopOpacity: 0,
-    offset: "97.03%"
-  }))), /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/React.createElement("defs", null), /*#__PURE__*/React.createElement("g", {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/React.createElement("g", {
     transform: "translate(4 9)",
     fillRule: "nonzero"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "url(#images-a)",
+    fill: iconThemed({
+      light: '#EBB800',
+      dark: '#09326C'
+    }),
     width: 32,
     height: 24,
     rx: 1
   }), /*#__PURE__*/React.createElement("path", {
-    fill: "#E5E8EC",
+    fill: iconThemed({
+      light: '#F7F8F9',
+      dark: '#161A1D'
+    }),
     d: "M4 4h24v16H4z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: "#0049B0",
+    fill: iconThemed({
+      light: '#09326C',
+      dark: '#09326C'
+    }),
     d: "M6.351 18.062l5.594-6.017 5.594 6.017z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: "#0065FF",
+    fill: iconThemed({
+      light: '#0065FF',
+      dark: '#0055CC'
+    }),
     d: "M9.341 18.062l8.198-8.818 8.198 8.818z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M20.484 14.353c-2.618-1.255-5.104-.564-8.519-1.373C9.625 12.426 6.719 11.135 4 8v11.913h20.294c-.321-2.073-1.26-4.337-3.81-5.56z",
-    fill: "url(#images-b)",
-    opacity: 0.37,
-    style: {
-      mixBlendMode: 'screen'
-    }
   }), /*#__PURE__*/React.createElement("ellipse", {
-    fill: "#FFAB00",
+    fill: iconThemed({
+      light: '#F88A0D',
+      dark: '#B85C00'
+    }),
     cx: 9,
     cy: 9.028,
     rx: 2,

package/dist/es2019/quick-insert/assets/mention.js

@@ -1,7 +1,9 @@
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
+import { useIconThemed } from '../use-icon-themed';
 export default function IconMention() {
+  const {
+    iconThemed
+  } = useIconThemed();
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -11,34 +13,52 @@ export default function IconMention() {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/React.createElement("g", {
     transform: "translate(6 12)"
   }, /*#__PURE__*/React.createElement("circle", {
-    fill: "#2684FF",
+    fill: iconThemed({
+      light: '#388BFF',
+      dark: '#0055CC'
+    }),
     cx: 8,
     cy: 8,
     r: 8
   }), /*#__PURE__*/React.createElement("path", {
     d: "M12.875 12.767A6.891 6.891 0 018.02 14.75a6.889 6.889 0 01-4.895-2.026V11.9c0-1.049.873-1.9 1.95-1.9h5.85c1.077 0 1.95.851 1.95 1.9v.867zM8 3a2.874 2.874 0 10-.001 5.748 2.874 2.874 0 000-5.748",
-    fill: "#B3D4FF"
+    fill: iconThemed({
+      light: '#85B8FF',
+      dark: '#388BFF'
+    })
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#A5ADBA",
+    fill: iconThemed({
+      light: '#A4ACB9',
+      dark: '#A4ACB9'
+    }),
     x: 19,
     y: 3,
     width: 12,
     height: 1,
     rx: 0.5
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#A5ADBA",
+    fill: iconThemed({
+      light: '#A4ACB9',
+      dark: '#A4ACB9'
+    }),
     x: 19,
     y: 7,
     width: 6,
     height: 1,
     rx: 0.5
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#A5ADBA",
+    fill: iconThemed({
+      light: '#A4ACB9',
+      dark: '#A4ACB9'
+    }),
     x: 19,
     y: 11,
     width: 8,

package/dist/es2019/quick-insert/index.js

@@ -1 +1,2 @@
-export { IconAction, IconCode, IconDate, IconDecision, IconDivider, IconEmoji, IconImages, IconLayout, IconLink, IconListNumber, IconList, IconMention, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning, IconPanel, IconQuote, IconStatus, IconHeading, IconFeedback, IconExpand, IconCustomPanel, IconFallback, IconDatasourceJiraIssue, IconDatasourceAssetsObjects } from './assets';
+export { IconAction, IconCode, IconDate, IconDecision, IconDivider, IconEmoji, IconImages, IconLayout, IconLink, IconListNumber, IconList, IconMention, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning, IconPanel, IconQuote, IconStatus, IconHeading, IconFeedback, IconExpand, IconCustomPanel, IconFallback, IconDatasourceJiraIssue, IconDatasourceAssetsObjects } from './assets';
+export { memoProcessQuickInsertItems, getQuickInsertSuggestions, find } from './utils';

package/dist/es2019/quick-insert/utils.js

@@ -0,0 +1,58 @@
+import Fuse from 'fuse.js';
+import memoizeOne from 'memoize-one';
+import { dedupe } from '../utils';
+const processQuickInsertItems = (items, intl) => {
+  return items.reduce((acc, item) => {
+    if (typeof item === 'function') {
+      const quickInsertItems = item(intl);
+      return acc.concat(quickInsertItems);
+    }
+    return acc.concat(item);
+  }, []);
+};
+export const memoProcessQuickInsertItems = memoizeOne(processQuickInsertItems);
+const options = {
+  threshold: 0.3,
+  keys: [{
+    name: 'title',
+    weight: 0.57
+  }, {
+    name: 'priority',
+    weight: 0.3
+  }, {
+    name: 'keywords',
+    weight: 0.08
+  }, {
+    name: 'description',
+    weight: 0.04
+  }, {
+    name: 'keyshortcut',
+    weight: 0.01
+  }]
+};
+export function find(query, items) {
+  const fuse = new Fuse(items, options);
+  if (query === '') {
+    // Copy and sort list by priority
+    return items.slice(0).sort((a, b) => (a.priority || Number.POSITIVE_INFINITY) - (b.priority || Number.POSITIVE_INFINITY));
+  }
+  return fuse.search(query).map(result => result.item);
+}
+export const getQuickInsertSuggestions = ({
+  searchOptions,
+  lazyDefaultItems = () => [],
+  providedItems
+}) => {
+  const {
+    query,
+    category,
+    disableDefaultItems,
+    featuredItems
+  } = searchOptions;
+  const defaultItems = disableDefaultItems ? [] : lazyDefaultItems();
+  const items = providedItems ? dedupe([...defaultItems, ...providedItems], item => item.title) : defaultItems;
+  if (featuredItems) {
+    return items.filter(item => item.featured);
+  }
+  return find(query || '', category === 'all' || !category ? items : items.filter(item => item.categories && item.categories.includes(category)));
+};

package/dist/es2019/ui/DropList/index.js

@@ -8,7 +8,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "74.51.6";
+const packageVersion = "74.52.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/utils/dedupe.js

@@ -0,0 +1,25 @@
+export function dedupe(list = [], iteratee = p => p) {
+  /**
+              .,
+    .      _,'f----.._
+    |\ ,-'"/  |     ,'
+    |,_  ,--.      /
+    /,-. ,'`.     (_
+    f  o|  o|__     "`-.
+    ,-._.,--'_ `.   _.,-`
+    `"' ___.,'` j,-'
+      `-.__.,--'
+    Gotta go fast!
+  */
+
+  const seen = new Set();
+  list.forEach(l => seen.add(iteratee(l)));
+  return list.filter(l => {
+    const it = iteratee(l);
+    if (seen.has(it)) {
+      seen.delete(it);
+      return true;
+    }
+    return false;
+  });
+}

package/dist/es2019/utils/index.js

@@ -192,4 +192,5 @@ export function isNodeEmpty(node) {
     child.isInline ? nonBlock.push(child) : block.push(child);
   });
   return !nonBlock.length && !block.filter(childNode => !!childNode.childCount && !(childNode.childCount === 1 && isEmptyParagraph(childNode.firstChild)) || childNode.isAtom).length;
-}
+}
+export { dedupe } from './dedupe';

package/dist/esm/insert/index.js

@@ -184,7 +184,7 @@ var finaliseInsert = function finaliseInsert(tr, nodeLength) {
 };
 
 /**
- * Method extracted from typeahed plugin to be shared with the element browser on handling element insertion.
+ * Method extracted from typeahead plugin to be shared with the element browser on handling element insertion.
  */
 export var insertSelectedItem = function insertSelectedItem(maybeNode) {
   var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

package/dist/esm/lists/analytics.js

@@ -1,9 +1,9 @@
 import { isListItemNode, isListNode } from '../utils';
 import { getListItemAttributes } from './selection';
-export var getCommonListAnalyticsAttributes = function getCommonListAnalyticsAttributes(state) {
-  var _state$selection = state.selection,
-    $from = _state$selection.$from,
-    $to = _state$selection.$to;
+export var getCommonListAnalyticsAttributes = function getCommonListAnalyticsAttributes(tr) {
+  var _tr$selection = tr.selection,
+    $from = _tr$selection.$from,
+    $to = _tr$selection.$to;
   var fromAttrs = getListItemAttributes($from);
   var toAttrs = getListItemAttributes($to);
   return {
@@ -11,18 +11,18 @@ export var getCommonListAnalyticsAttributes = function getCommonListAnalyticsAtt
     itemIndexAtSelectionEnd: toAttrs.itemIndex,
     indentLevelAtSelectionStart: fromAttrs.indentLevel,
     indentLevelAtSelectionEnd: toAttrs.indentLevel,
-    itemsInSelection: countListItemsInSelection(state)
+    itemsInSelection: countListItemsInSelection(tr)
   };
 };
-export var countListItemsInSelection = function countListItemsInSelection(state) {
-  var _state$selection2 = state.selection,
-    from = _state$selection2.from,
-    to = _state$selection2.to;
+export var countListItemsInSelection = function countListItemsInSelection(tr) {
+  var _tr$selection2 = tr.selection,
+    from = _tr$selection2.from,
+    to = _tr$selection2.to;
   if (from === to) {
     return 1;
   }
   var count = 0;
-  var listSlice = state.doc.cut(from, to);
+  var listSlice = tr.doc.cut(from, to);
   listSlice.content.nodesBetween(0, listSlice.content.size, function (node, pos, parent, index) {
     if (parent && isListItemNode(parent) && !isListNode(node) && index === 0) {
       count++;

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "74.51.6";
+var packageVersion = "74.52.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/preset/editor-commands.js

@@ -1,3 +1,11 @@
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+import { Transaction } from '@atlaskit/editor-prosemirror/state';
 /**
  * Convert a EditorCommand to a standard Prosemirror Command.
  * The preferred approach to dispatching a `EditorCommand` is via the
@@ -14,10 +22,31 @@ export function editorCommandToPMCommand(command) {
     var newTr = command === null || command === void 0 ? void 0 : command({
       tr: tr
     });
-    if (newTr) {
-      dispatch === null || dispatch === void 0 ? void 0 : dispatch(newTr);
+    if (!newTr) {
+      return false;
+    }
+    if (newTr instanceof PassiveTransaction) {
       return true;
     }
-    return false;
+    dispatch === null || dispatch === void 0 ? void 0 : dispatch(newTr);
+    return true;
   };
-}
+}
+
+/**
+ * PassiveTransaction is used only to indicate that
+ * an `EditorCommand` should return `true` but should not dispatch.
+ */
+export var PassiveTransaction = /*#__PURE__*/function (_Transaction) {
+  _inherits(PassiveTransaction, _Transaction);
+  var _super = _createSuper(PassiveTransaction);
+  // This is very cheeky but this should never be used outside its intended
+  // purpose - it will likely crash the editor so we should get an early warning
+  // signal
+  function PassiveTransaction() {
+    _classCallCheck(this, PassiveTransaction);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return _super.call(this, {});
+  }
+  return _createClass(PassiveTransaction);
+}(Transaction);

package/dist/esm/preset/index.js

@@ -1,3 +1,3 @@
 export { EditorPresetBuilder } from './builder';
 export { EditorPluginInjectionAPI } from './plugin-injection-api';
-export { editorCommandToPMCommand } from './editor-commands';
+export { editorCommandToPMCommand, PassiveTransaction } from './editor-commands';

package/dist/esm/quick-insert/assets/images.js

@@ -1,81 +1,56 @@
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
+import { useIconThemed } from '../use-icon-themed';
 export default function IconImages() {
+  var _useIconThemed = useIconThemed(),
+    iconThemed = _useIconThemed.iconThemed;
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
     width: 40,
     height: 40
-  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    x1: "46.315%",
-    y1: "-31.529%",
-    x2: "50%",
-    y2: "100%",
-    id: "images-a"
-  }, /*#__PURE__*/React.createElement("stop", {
-    stopColor: "#FFD500",
-    offset: "0%"
-  }), /*#__PURE__*/React.createElement("stop", {
-    stopColor: "#FFAB00",
-    offset: "100%"
-  })), /*#__PURE__*/React.createElement("linearGradient", {
-    x1: "100.699%",
-    y1: "50%",
-    x2: "-14.52%",
-    y2: "50%",
-    id: "images-b"
-  }, /*#__PURE__*/React.createElement("stop", {
-    stopColor: "#FAFBFC",
-    offset: "0%"
-  }), /*#__PURE__*/React.createElement("stop", {
-    stopColor: "#F4F6F8",
-    stopOpacity: 0.859,
-    offset: "12.52%"
-  }), /*#__PURE__*/React.createElement("stop", {
-    stopColor: "#E3E6EA",
-    stopOpacity: 0.402,
-    offset: "54.65%"
-  }), /*#__PURE__*/React.createElement("stop", {
-    stopColor: "#D7DCE1",
-    stopOpacity: 0.113,
-    offset: "83.66%"
-  }), /*#__PURE__*/React.createElement("stop", {
-    stopColor: "#D3D8DE",
-    stopOpacity: 0,
-    offset: "97.03%"
-  }))), /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/React.createElement("defs", null), /*#__PURE__*/React.createElement("g", {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/React.createElement("g", {
     transform: "translate(4 9)",
     fillRule: "nonzero"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "url(#images-a)",
+    fill: iconThemed({
+      light: '#EBB800',
+      dark: '#09326C'
+    }),
     width: 32,
     height: 24,
     rx: 1
   }), /*#__PURE__*/React.createElement("path", {
-    fill: "#E5E8EC",
+    fill: iconThemed({
+      light: '#F7F8F9',
+      dark: '#161A1D'
+    }),
     d: "M4 4h24v16H4z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: "#0049B0",
+    fill: iconThemed({
+      light: '#09326C',
+      dark: '#09326C'
+    }),
     d: "M6.351 18.062l5.594-6.017 5.594 6.017z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: "#0065FF",
+    fill: iconThemed({
+      light: '#0065FF',
+      dark: '#0055CC'
+    }),
     d: "M9.341 18.062l8.198-8.818 8.198 8.818z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M20.484 14.353c-2.618-1.255-5.104-.564-8.519-1.373C9.625 12.426 6.719 11.135 4 8v11.913h20.294c-.321-2.073-1.26-4.337-3.81-5.56z",
-    fill: "url(#images-b)",
-    opacity: 0.37,
-    style: {
-      mixBlendMode: 'screen'
-    }
   }), /*#__PURE__*/React.createElement("ellipse", {
-    fill: "#FFAB00",
+    fill: iconThemed({
+      light: '#F88A0D',
+      dark: '#B85C00'
+    }),
     cx: 9,
     cy: 9.028,
     rx: 2,

package/dist/esm/quick-insert/assets/mention.js

@@ -1,7 +1,8 @@
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
+import { useIconThemed } from '../use-icon-themed';
 export default function IconMention() {
+  var _useIconThemed = useIconThemed(),
+    iconThemed = _useIconThemed.iconThemed;
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -11,34 +12,52 @@ export default function IconMention() {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/React.createElement("g", {
     transform: "translate(6 12)"
   }, /*#__PURE__*/React.createElement("circle", {
-    fill: "#2684FF",
+    fill: iconThemed({
+      light: '#388BFF',
+      dark: '#0055CC'
+    }),
     cx: 8,
     cy: 8,
     r: 8
   }), /*#__PURE__*/React.createElement("path", {
     d: "M12.875 12.767A6.891 6.891 0 018.02 14.75a6.889 6.889 0 01-4.895-2.026V11.9c0-1.049.873-1.9 1.95-1.9h5.85c1.077 0 1.95.851 1.95 1.9v.867zM8 3a2.874 2.874 0 10-.001 5.748 2.874 2.874 0 000-5.748",
-    fill: "#B3D4FF"
+    fill: iconThemed({
+      light: '#85B8FF',
+      dark: '#388BFF'
+    })
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#A5ADBA",
+    fill: iconThemed({
+      light: '#A4ACB9',
+      dark: '#A4ACB9'
+    }),
     x: 19,
     y: 3,
     width: 12,
     height: 1,
     rx: 0.5
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#A5ADBA",
+    fill: iconThemed({
+      light: '#A4ACB9',
+      dark: '#A4ACB9'
+    }),
     x: 19,
     y: 7,
     width: 6,
     height: 1,
     rx: 0.5
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#A5ADBA",
+    fill: iconThemed({
+      light: '#A4ACB9',
+      dark: '#A4ACB9'
+    }),
     x: 19,
     y: 11,
     width: 8,

package/dist/esm/quick-insert/index.js

@@ -1 +1,2 @@
-export { IconAction, IconCode, IconDate, IconDecision, IconDivider, IconEmoji, IconImages, IconLayout, IconLink, IconListNumber, IconList, IconMention, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning, IconPanel, IconQuote, IconStatus, IconHeading, IconFeedback, IconExpand, IconCustomPanel, IconFallback, IconDatasourceJiraIssue, IconDatasourceAssetsObjects } from './assets';
+export { IconAction, IconCode, IconDate, IconDecision, IconDivider, IconEmoji, IconImages, IconLayout, IconLink, IconListNumber, IconList, IconMention, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning, IconPanel, IconQuote, IconStatus, IconHeading, IconFeedback, IconExpand, IconCustomPanel, IconFallback, IconDatasourceJiraIssue, IconDatasourceAssetsObjects } from './assets';
+export { memoProcessQuickInsertItems, getQuickInsertSuggestions, find } from './utils';

package/dist/esm/quick-insert/utils.js

@@ -0,0 +1,69 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import Fuse from 'fuse.js';
+import memoizeOne from 'memoize-one';
+import { dedupe } from '../utils';
+var processQuickInsertItems = function processQuickInsertItems(items, intl) {
+  return items.reduce(function (acc, item) {
+    if (typeof item === 'function') {
+      var quickInsertItems = item(intl);
+      return acc.concat(quickInsertItems);
+    }
+    return acc.concat(item);
+  }, []);
+};
+export var memoProcessQuickInsertItems = memoizeOne(processQuickInsertItems);
+var options = {
+  threshold: 0.3,
+  keys: [{
+    name: 'title',
+    weight: 0.57
+  }, {
+    name: 'priority',
+    weight: 0.3
+  }, {
+    name: 'keywords',
+    weight: 0.08
+  }, {
+    name: 'description',
+    weight: 0.04
+  }, {
+    name: 'keyshortcut',
+    weight: 0.01
+  }]
+};
+export function find(query, items) {
+  var fuse = new Fuse(items, options);
+  if (query === '') {
+    // Copy and sort list by priority
+    return items.slice(0).sort(function (a, b) {
+      return (a.priority || Number.POSITIVE_INFINITY) - (b.priority || Number.POSITIVE_INFINITY);
+    });
+  }
+  return fuse.search(query).map(function (result) {
+    return result.item;
+  });
+}
+export var getQuickInsertSuggestions = function getQuickInsertSuggestions(_ref) {
+  var searchOptions = _ref.searchOptions,
+    _ref$lazyDefaultItems = _ref.lazyDefaultItems,
+    lazyDefaultItems = _ref$lazyDefaultItems === void 0 ? function () {
+      return [];
+    } : _ref$lazyDefaultItems,
+    providedItems = _ref.providedItems;
+  var query = searchOptions.query,
+    category = searchOptions.category,
+    disableDefaultItems = searchOptions.disableDefaultItems,
+    featuredItems = searchOptions.featuredItems;
+  var defaultItems = disableDefaultItems ? [] : lazyDefaultItems();
+  var items = providedItems ? dedupe([].concat(_toConsumableArray(defaultItems), _toConsumableArray(providedItems)), function (item) {
+    return item.title;
+  }) : defaultItems;
+  if (featuredItems) {
+    return items.filter(function (item) {
+      return item.featured;
+    });
+  }
+  return find(query || '', category === 'all' || !category ? items : items.filter(function (item) {
+    return item.categories && item.categories.includes(category);
+  }));
+};

package/dist/esm/ui/DropList/index.js

@@ -18,7 +18,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.51.6";
+var packageVersion = "74.52.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {