@atlaskit/editor-common 74.51.6 → 74.51.7

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-common
 
+## 74.51.7
+
+### Patch Changes
+
+- [`4795a87a349`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4795a87a349) - Migrating some actions of `editor-plugin-list` to commands. Adding sharedState for `editor-plugin-text-formatting`.
+- [`a34c6ca52c2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a34c6ca52c2) - [ux] [ED-19442] - Modified images and mentions icons and added dark mode
+
 ## 74.51.6
 
 ### Patch Changes

package/dist/cjs/lists/analytics.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.getCommonListAnalyticsAttributes = exports.countListItemsInSelection = void 0;
 var _utils = require("../utils");
 var _selection = require("./selection");
-var getCommonListAnalyticsAttributes = function getCommonListAnalyticsAttributes(state) {
-  var _state$selection = state.selection,
-    $from = _state$selection.$from,
-    $to = _state$selection.$to;
+var getCommonListAnalyticsAttributes = function getCommonListAnalyticsAttributes(tr) {
+  var _tr$selection = tr.selection,
+    $from = _tr$selection.$from,
+    $to = _tr$selection.$to;
   var fromAttrs = (0, _selection.getListItemAttributes)($from);
   var toAttrs = (0, _selection.getListItemAttributes)($to);
   return {
@@ -17,19 +17,19 @@ var getCommonListAnalyticsAttributes = function getCommonListAnalyticsAttributes
     itemIndexAtSelectionEnd: toAttrs.itemIndex,
     indentLevelAtSelectionStart: fromAttrs.indentLevel,
     indentLevelAtSelectionEnd: toAttrs.indentLevel,
-    itemsInSelection: countListItemsInSelection(state)
+    itemsInSelection: countListItemsInSelection(tr)
   };
 };
 exports.getCommonListAnalyticsAttributes = getCommonListAnalyticsAttributes;
-var countListItemsInSelection = function countListItemsInSelection(state) {
-  var _state$selection2 = state.selection,
-    from = _state$selection2.from,
-    to = _state$selection2.to;
+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 && (0, _utils.isListItemNode)(parent) && !(0, _utils.isListNode)(node) && index === 0) {
       count++;

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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.51.7";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -1,9 +1,19 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.PassiveTransaction = void 0;
 exports.editorCommandToPMCommand = editorCommandToPMCommand;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _state = require("@atlaskit/editor-prosemirror/state");
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
 /**
  * Convert a EditorCommand to a standard Prosemirror Command.
  * The preferred approach to dispatching a `EditorCommand` is via the
@@ -20,10 +30,32 @@ 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.
+ */
+var PassiveTransaction = /*#__PURE__*/function (_Transaction) {
+  (0, _inherits2.default)(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() {
+    (0, _classCallCheck2.default)(this, PassiveTransaction);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return _super.call(this, {});
+  }
+  return (0, _createClass2.default)(PassiveTransaction);
+}(_state.Transaction);
+exports.PassiveTransaction = PassiveTransaction;

package/dist/cjs/preset/index.js

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "EditorPresetBuilder", {
     return _builder.EditorPresetBuilder;
   }
 });
+Object.defineProperty(exports, "PassiveTransaction", {
+  enumerable: true,
+  get: function get() {
+    return _editorCommands.PassiveTransaction;
+  }
+});
 Object.defineProperty(exports, "editorCommandToPMCommand", {
   enumerable: true,
   get: function get() {

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

@@ -6,84 +6,58 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = IconImages;
 var _react = _interopRequireDefault(require("react"));
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
+var _useIconThemed2 = require("../use-icon-themed");
 function IconImages() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
   return /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
     width: 40,
     height: 40
-  }, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
-    x1: "46.315%",
-    y1: "-31.529%",
-    x2: "50%",
-    y2: "100%",
-    id: "images-a"
-  }, /*#__PURE__*/_react.default.createElement("stop", {
-    stopColor: "#FFD500",
-    offset: "0%"
-  }), /*#__PURE__*/_react.default.createElement("stop", {
-    stopColor: "#FFAB00",
-    offset: "100%"
-  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
-    x1: "100.699%",
-    y1: "50%",
-    x2: "-14.52%",
-    y2: "50%",
-    id: "images-b"
-  }, /*#__PURE__*/_react.default.createElement("stop", {
-    stopColor: "#FAFBFC",
-    offset: "0%"
-  }), /*#__PURE__*/_react.default.createElement("stop", {
-    stopColor: "#F4F6F8",
-    stopOpacity: 0.859,
-    offset: "12.52%"
-  }), /*#__PURE__*/_react.default.createElement("stop", {
-    stopColor: "#E3E6EA",
-    stopOpacity: 0.402,
-    offset: "54.65%"
-  }), /*#__PURE__*/_react.default.createElement("stop", {
-    stopColor: "#D7DCE1",
-    stopOpacity: 0.113,
-    offset: "83.66%"
-  }), /*#__PURE__*/_react.default.createElement("stop", {
-    stopColor: "#D3D8DE",
-    stopOpacity: 0,
-    offset: "97.03%"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
+  }, /*#__PURE__*/_react.default.createElement("defs", null), /*#__PURE__*/_react.default.createElement("g", {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/_react.default.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/_react.default.createElement("g", {
     transform: "translate(4 9)",
     fillRule: "nonzero"
   }, /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "url(#images-a)",
+    fill: iconThemed({
+      light: '#EBB800',
+      dark: '#09326C'
+    }),
     width: 32,
     height: 24,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("path", {
-    fill: "#E5E8EC",
+    fill: iconThemed({
+      light: '#F7F8F9',
+      dark: '#161A1D'
+    }),
     d: "M4 4h24v16H4z"
   }), /*#__PURE__*/_react.default.createElement("path", {
-    fill: "#0049B0",
+    fill: iconThemed({
+      light: '#09326C',
+      dark: '#09326C'
+    }),
     d: "M6.351 18.062l5.594-6.017 5.594 6.017z"
   }), /*#__PURE__*/_react.default.createElement("path", {
-    fill: "#0065FF",
+    fill: iconThemed({
+      light: '#0065FF',
+      dark: '#0055CC'
+    }),
     d: "M9.341 18.062l8.198-8.818 8.198 8.818z"
-  }), /*#__PURE__*/_react.default.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.default.createElement("ellipse", {
-    fill: "#FFAB00",
+    fill: iconThemed({
+      light: '#F88A0D',
+      dark: '#B85C00'
+    }),
     cx: 9,
     cy: 9.028,
     rx: 2,

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

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = IconMention;
 var _react = _interopRequireDefault(require("react"));
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
+var _useIconThemed2 = require("../use-icon-themed");
 function IconMention() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
   return /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -19,34 +19,52 @@ function IconMention() {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/_react.default.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/_react.default.createElement("g", {
     transform: "translate(6 12)"
   }, /*#__PURE__*/_react.default.createElement("circle", {
-    fill: "#2684FF",
+    fill: iconThemed({
+      light: '#388BFF',
+      dark: '#0055CC'
+    }),
     cx: 8,
     cy: 8,
     r: 8
   }), /*#__PURE__*/_react.default.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.default.createElement("rect", {
-    fill: "#A5ADBA",
+    fill: iconThemed({
+      light: '#A4ACB9',
+      dark: '#A4ACB9'
+    }),
     x: 19,
     y: 3,
     width: 12,
     height: 1,
     rx: 0.5
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#A5ADBA",
+    fill: iconThemed({
+      light: '#A4ACB9',
+      dark: '#A4ACB9'
+    }),
     x: 19,
     y: 7,
     width: 6,
     height: 1,
     rx: 0.5
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#A5ADBA",
+    fill: iconThemed({
+      light: '#A4ACB9',
+      dark: '#A4ACB9'
+    }),
     x: 19,
     y: 11,
     width: 8,

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

@@ -24,7 +24,7 @@ var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.51.6";
+var packageVersion = "74.51.7";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/lists/analytics.js

@@ -1,12 +1,12 @@
 import { isListItemNode, isListNode } from '../utils';
 import { getListItemAttributes } from './selection';
-export const getCommonListAnalyticsAttributes = state => {
+export const getCommonListAnalyticsAttributes = tr => {
   const {
     selection: {
       $from,
       $to
     }
-  } = state;
+  } = tr;
   const fromAttrs = getListItemAttributes($from);
   const toAttrs = getListItemAttributes($to);
   return {
@@ -14,19 +14,19 @@ export const getCommonListAnalyticsAttributes = state => {
     itemIndexAtSelectionEnd: toAttrs.itemIndex,
     indentLevelAtSelectionStart: fromAttrs.indentLevel,
     indentLevelAtSelectionEnd: toAttrs.indentLevel,
-    itemsInSelection: countListItemsInSelection(state)
+    itemsInSelection: countListItemsInSelection(tr)
   };
 };
-export const countListItemsInSelection = state => {
+export const countListItemsInSelection = tr => {
   const {
     from,
     to
-  } = state.selection;
+  } = tr.selection;
   if (from === to) {
     return 1;
   }
   let count = 0;
-  const listSlice = state.doc.cut(from, to);
+  const listSlice = tr.doc.cut(from, to);
   listSlice.content.nodesBetween(0, listSlice.content.size, (node, pos, parent, index) => {
     if (parent && isListItemNode(parent) && !isListNode(node) && index === 0) {
       count++;

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "74.51.6";
+const packageVersion = "74.51.7";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -1,3 +1,4 @@
+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
@@ -15,10 +16,27 @@ export function editorCommandToPMCommand(command) {
     const newTr = command === null || command === void 0 ? void 0 : command({
       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 class PassiveTransaction extends Transaction {
+  // 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
+  constructor() {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    super({});
+  }
 }

package/dist/es2019/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/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/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.51.7";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

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.51.7";
 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/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.51.7";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/types/lists/analytics.d.ts

@@ -1,4 +1,4 @@
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import { CommonListAnalyticsAttributes } from '../analytics';
-export declare const getCommonListAnalyticsAttributes: (state: EditorState) => CommonListAnalyticsAttributes;
-export declare const countListItemsInSelection: (state: EditorState) => number;
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { CommonListAnalyticsAttributes } from '../analytics';
+export declare const getCommonListAnalyticsAttributes: (tr: Transaction) => CommonListAnalyticsAttributes;
+export declare const countListItemsInSelection: (tr: Transaction) => number;

package/dist/types/preset/editor-commands.d.ts

@@ -1,3 +1,4 @@
+import { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { Command } from '../types/command';
 import type { EditorCommand } from '../types/editor-command';
 /**
@@ -11,3 +12,10 @@ import type { EditorCommand } from '../types/editor-command';
  * @returns Command
  */
 export declare function editorCommandToPMCommand(command: EditorCommand | undefined): Command;
+/**
+ * PassiveTransaction is used only to indicate that
+ * an `EditorCommand` should return `true` but should not dispatch.
+ */
+export declare class PassiveTransaction extends Transaction {
+    constructor();
+}

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

@@ -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/types/types/editor-command.d.ts

@@ -2,4 +2,4 @@ import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 export type EditorCommand = (props: {
     tr: Transaction;
 }) => Transaction | null;
-export type EditorCommandWithMetadata = (args: any) => EditorCommand;
+export type EditorCommandWithMetadata = (...args: any) => EditorCommand;

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

@@ -1,4 +1,4 @@
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import { CommonListAnalyticsAttributes } from '../analytics';
-export declare const getCommonListAnalyticsAttributes: (state: EditorState) => CommonListAnalyticsAttributes;
-export declare const countListItemsInSelection: (state: EditorState) => number;
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { CommonListAnalyticsAttributes } from '../analytics';
+export declare const getCommonListAnalyticsAttributes: (tr: Transaction) => CommonListAnalyticsAttributes;
+export declare const countListItemsInSelection: (tr: Transaction) => number;

package/dist/types-ts4.5/preset/editor-commands.d.ts

@@ -1,3 +1,4 @@
+import { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { Command } from '../types/command';
 import type { EditorCommand } from '../types/editor-command';
 /**
@@ -11,3 +12,10 @@ import type { EditorCommand } from '../types/editor-command';
  * @returns Command
  */
 export declare function editorCommandToPMCommand(command: EditorCommand | undefined): Command;
+/**
+ * PassiveTransaction is used only to indicate that
+ * an `EditorCommand` should return `true` but should not dispatch.
+ */
+export declare class PassiveTransaction extends Transaction {
+    constructor();
+}

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

@@ -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/types-ts4.5/types/editor-command.d.ts

@@ -2,4 +2,4 @@ import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 export type EditorCommand = (props: {
     tr: Transaction;
 }) => Transaction | null;
-export type EditorCommandWithMetadata = (args: any) => EditorCommand;
+export type EditorCommandWithMetadata = (...args: any) => EditorCommand;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "74.51.6",
+  "version": "74.51.7",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"