@atlaskit/editor-common 74.44.1 → 74.45.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-common
 
+## 74.45.1
+
+### Patch Changes
+
+- [`d6f1bb321b2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6f1bb321b2) - Revert back to legacy implementation and styling
+- [`469b5c12303`](https://bitbucket.org/atlassian/atlassian-frontend/commits/469b5c12303) - NO-ISSUE Move CollabEventLocalStepData to editor-common
+- [`da58165fe10`](https://bitbucket.org/atlassian/atlassian-frontend/commits/da58165fe10) - [ux] ED-19440 - Adds dark mode icons for bullet list, numbered list, quote, status and table
+
+## 74.45.0
+
+### Minor Changes
+
+- [`43c51e0a282`](https://bitbucket.org/atlassian/atlassian-frontend/commits/43c51e0a282) - [ED-19431] Migrate all text-formatting plugin actions over to plugin commands
+- [`8375e041861`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8375e041861) - [ED-16733] Extract common functions used by media plugin to editor-common
+
 ## 74.44.1
 
 ### Patch Changes

package/dist/cjs/icons/shared/table.js

@@ -6,9 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = IconTable;
 var _react = _interopRequireDefault(require("react"));
+var _useIconThemed2 = require("../../quick-insert/use-icon-themed");
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
 function IconTable() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
+  var cellBackgroundColour = iconThemed({
+    light: '#FFF',
+    dark: '#1D2125'
+  });
+  var headerBackgroundColour = iconThemed({
+    light: '#DFE1E6',
+    dark: '#5A6977'
+  });
   return /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -18,24 +29,30 @@ function IconTable() {
     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", {
-    stroke: "#C1C7D0"
+    stroke: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    })
   }, /*#__PURE__*/_react.default.createElement("path", {
-    fill: "#FFF",
+    fill: cellBackgroundColour,
     d: "M20 16h14v8H20z"
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M20 8h13a1 1 0 011 1v7H20V8z",
-    fill: "#DFE1E6"
+    fill: headerBackgroundColour
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M20 24h14v7a1 1 0 01-1 1H20v-8zM6 16h14v8H6z",
-    fill: "#FFF"
+    fill: cellBackgroundColour
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M7 8h13v8H6V9a1 1 0 011-1z",
-    fill: "#DFE1E6"
+    fill: headerBackgroundColour
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M6 24h14v8H7a1 1 0 01-1-1v-7z",
-    fill: "#FFF"
+    fill: cellBackgroundColour
   }))));
 }

package/dist/cjs/mark/commands.js

@@ -129,19 +129,19 @@ var entireSelectionContainsMark = function entireSelectionContainsMark(mark, doc
   return onlyContainsMark;
 };
 var toggleMarkInRange = function toggleMarkInRange(mark) {
-  return function (state, dispatch) {
-    var tr = state.tr;
-    if (state.selection instanceof _cellSelection.CellSelection) {
+  return function (_ref2) {
+    var tr = _ref2.tr;
+    if (tr.selection instanceof _cellSelection.CellSelection) {
       var removeMark = true;
       var cells = [];
-      state.selection.forEachCell(function (cell, cellPos) {
+      tr.selection.forEachCell(function (cell, cellPos) {
         cells.push({
           node: cell,
           pos: cellPos
         });
         var from = cellPos;
         var to = cellPos + cell.nodeSize;
-        removeMark && (removeMark = entireSelectionContainsMark(mark, state.doc, from, to));
+        removeMark && (removeMark = entireSelectionContainsMark(mark, tr.doc, from, to));
       });
       for (var i = cells.length - 1; i >= 0; i--) {
         var cell = cells[i];
@@ -150,52 +150,47 @@ var toggleMarkInRange = function toggleMarkInRange(mark) {
         applyMarkOnRange(from, to, removeMark, mark, tr);
       }
     } else {
-      var _state$selection = state.selection,
-        $from = _state$selection.$from,
-        $to = _state$selection.$to;
+      var _tr$selection = tr.selection,
+        $from = _tr$selection.$from,
+        $to = _tr$selection.$to;
       // We decide to remove the mark only if the entire selection contains the mark
       // Examples with *bold* text
       // Scenario 1: Selection contains both bold and non-bold text -> bold entire selection
       // Scenario 2: Selection contains only bold text -> un-bold entire selection
       // Scenario 3: Selection contains no bold text -> bold entire selection
-      var _removeMark = entireSelectionContainsMark(mark, state.doc, $from.pos, $to.pos);
+      var _removeMark = entireSelectionContainsMark(mark, tr.doc, $from.pos, $to.pos);
       applyMarkOnRange($from.pos, $to.pos, _removeMark, mark, tr);
     }
     if (tr.docChanged) {
-      if (dispatch) {
-        dispatch(tr);
-      }
-      return true;
+      return tr;
     }
-    return false;
+    return null;
   };
 };
 
 /**
- * A wrapper over the default toggleMark, except when we have a selection
- * we only toggle marks on text nodes rather than inline nodes.
+ * A custom version of the ProseMirror toggleMark, where we only toggle marks
+ * on text nodes in the selection rather than all inline nodes.
  * @param markType
  * @param attrs
  */
 var toggleMark = function toggleMark(markType, attrs) {
-  return function (state, dispatch) {
+  return function (_ref3) {
+    var tr = _ref3.tr;
     var mark = markType.create(attrs);
 
     // For cursor selections we can use the default behaviour.
-    if (state.selection instanceof _state.TextSelection && state.selection.$cursor) {
-      var tr = state.tr;
-      if (mark.isInSet(state.storedMarks || state.selection.$cursor.marks())) {
+    if (tr.selection instanceof _state.TextSelection && tr.selection.$cursor) {
+      if (mark.isInSet(tr.storedMarks || tr.selection.$cursor.marks())) {
         tr.removeStoredMark(mark);
       } else {
         tr.addStoredMark(mark);
       }
-      if (dispatch) {
-        dispatch(tr);
-        return true;
-      }
-      return false;
+      return tr;
     }
-    return toggleMarkInRange(mark)(state, dispatch);
+    return toggleMarkInRange(mark)({
+      tr: tr
+    });
   };
 };
 exports.toggleMark = toggleMark;

package/dist/cjs/media-single/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wrappedLayouts = exports.MEDIA_SINGLE_SNAP_GAP = exports.MEDIA_SINGLE_MIN_PIXEL_WIDTH = exports.MEDIA_SINGLE_HIGHLIGHT_GAP = exports.MEDIA_SINGLE_HANDLE_MARGIN = exports.MEDIA_SINGLE_GUTTER_SIZE = exports.Layout = exports.DEFAULT_ROUNDING_INTERVAL = exports.DEFAULT_IMAGE_WIDTH = exports.DEFAULT_IMAGE_HEIGHT = void 0;
+exports.wrappedLayouts = exports.MEDIA_SINGLE_SNAP_GAP = exports.MEDIA_SINGLE_RESIZE_THROTTLE_TIME = exports.MEDIA_SINGLE_MIN_PIXEL_WIDTH = exports.MEDIA_SINGLE_HIGHLIGHT_GAP = exports.MEDIA_SINGLE_HANDLE_MARGIN = exports.MEDIA_SINGLE_GUTTER_SIZE = exports.Layout = exports.DEFAULT_ROUNDING_INTERVAL = exports.DEFAULT_IMAGE_WIDTH = exports.DEFAULT_IMAGE_HEIGHT = void 0;
 var MEDIA_SINGLE_MIN_PIXEL_WIDTH = 24;
 exports.MEDIA_SINGLE_MIN_PIXEL_WIDTH = MEDIA_SINGLE_MIN_PIXEL_WIDTH;
 var MEDIA_SINGLE_SNAP_GAP = 3;
@@ -18,6 +18,8 @@ var DEFAULT_IMAGE_WIDTH = 250;
 exports.DEFAULT_IMAGE_WIDTH = DEFAULT_IMAGE_WIDTH;
 var DEFAULT_IMAGE_HEIGHT = 200;
 exports.DEFAULT_IMAGE_HEIGHT = DEFAULT_IMAGE_HEIGHT;
+var MEDIA_SINGLE_RESIZE_THROTTLE_TIME = 100;
+exports.MEDIA_SINGLE_RESIZE_THROTTLE_TIME = MEDIA_SINGLE_RESIZE_THROTTLE_TIME;
 var Layout = /*#__PURE__*/function (Layout) {
   Layout["FULL_WIDTH"] = "full-width";
   Layout["WIDE"] = "wide";

package/dist/cjs/media-single/index.js

@@ -33,6 +33,12 @@ Object.defineProperty(exports, "MEDIA_SINGLE_MIN_PIXEL_WIDTH", {
     return _constants.MEDIA_SINGLE_MIN_PIXEL_WIDTH;
   }
 });
+Object.defineProperty(exports, "MEDIA_SINGLE_RESIZE_THROTTLE_TIME", {
+  enumerable: true,
+  get: function get() {
+    return _constants.MEDIA_SINGLE_RESIZE_THROTTLE_TIME;
+  }
+});
 Object.defineProperty(exports, "MEDIA_SINGLE_SNAP_GAP", {
   enumerable: true,
   get: function get() {

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.44.1";
+var packageVersion = "74.45.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/quick-insert/assets/list-number.js

@@ -6,10 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = IconListOrdered;
 var _react = _interopRequireDefault(require("react"));
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
+var _useIconThemed2 = require("../use-icon-themed");
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
 function IconListOrdered() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
+  var lineColour = iconThemed({
+    light: '#C1C7D0',
+    dark: '#454F59'
+  });
   return /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -19,33 +25,39 @@ function IconListOrdered() {
     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(9 9)"
   }, /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 6,
     y: 10,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 6,
     y: 2,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 6,
     y: 18,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("path", {
-    fill: "#6C798F",
+    fill: iconThemed({
+      light: '#6C798F',
+      dark: '#5A6977'
+    }),
     d: "M1.159 4.996v-3.58h-.056L0 2.176v-.875L1.162.5H2.1v4.496zM0 9.97C0 9.094.67 8.5 1.648 8.5c.943 0 1.6.542 1.6 1.319 0 .492-.266.915-1.049 1.65l-.864.825v.056h1.98v.786H.052v-.66L1.53 11.03c.636-.62.795-.855.795-1.15 0-.363-.294-.62-.708-.62-.438 0-.739.288-.739.705v.019H0v-.016zm1.172 9.22v-.71h.554c.431 0 .724-.251.724-.623 0-.365-.283-.598-.727-.598-.441 0-.734.249-.76.642H.086c.032-.86.67-1.401 1.663-1.401.932 0 1.603.51 1.603 1.225 0 .526-.33.935-.838 1.04v.056c.624.07 1.014.485 1.014 1.083 0 .797-.75 1.373-1.785 1.373-1.015 0-1.701-.56-1.742-1.417h.91c.028.384.353.627.841.627.475 0 .806-.268.806-.655 0-.397-.312-.643-.822-.643h-.563z"
   }))));
 }

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

@@ -6,10 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = IconList;
 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 IconList() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
+  var dotColour = iconThemed({
+    light: '#6C798F',
+    dark: '#5A6977'
+  });
+  var lineColour = iconThemed({
+    light: '#C1C7D0',
+    dark: '#454F59'
+  });
   return /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -19,44 +27,47 @@ function IconList() {
     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(8 10)"
   }, /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#6C798F",
+    fill: dotColour,
     width: 4,
     height: 4,
     rx: 2
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 7,
     y: 9,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 7,
     y: 1,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 7,
     y: 17,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#6C798F",
+    fill: dotColour,
     y: 8,
     width: 4,
     height: 4,
     rx: 2
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#6C798F",
+    fill: dotColour,
     y: 16,
     width: 4,
     height: 4,

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

@@ -6,10 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = IconQuote;
 var _react = _interopRequireDefault(require("react"));
+var _useIconThemed2 = require("../use-icon-themed");
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
 function IconQuote() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
   return /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -19,10 +22,16 @@ function IconQuote() {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/_react.default.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    }),
     x: 6,
     y: 8,
     width: 2,
@@ -30,6 +39,9 @@ function IconQuote() {
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M27.284 12c-1.888 0-3.422 1.577-3.422 3.522 0 1.944 1.534 3.521 3.422 3.521 3.245 0 1.365 6.118-2.727 6.755a.818.818 0 00-.695.806c0 .5.447.896.942.82C32.242 26.296 34.886 12 27.284 12m-9.86 0C15.533 12 14 13.577 14 15.522c0 1.944 1.533 3.521 3.424 3.521 3.243 0 1.363 6.118-2.73 6.755a.818.818 0 00-.694.806c0 .5.447.896.941.82C22.381 26.296 25.026 12 17.424 12",
-    fill: "#6C798F"
+    fill: iconThemed({
+      light: '#6C798F',
+      dark: '#5A6977'
+    })
   })));
 }

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

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = IconStatus;
 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 IconStatus() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
   return /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -19,17 +19,26 @@ function IconStatus() {
     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(5 11)"
   }, /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#B3D4FF",
+    fill: iconThemed({
+      light: '#B3D4FF',
+      dark: '#09326C'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#0065FF",
+    fill: iconThemed({
+      light: '#0065FF',
+      dark: '#1D7AFC'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -38,12 +47,18 @@ function IconStatus() {
   })), /*#__PURE__*/_react.default.createElement("g", {
     transform: "translate(5 18)"
   }, /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C3F8DF",
+    fill: iconThemed({
+      light: '#C3F8DF',
+      dark: '#164B35'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#36B37E",
+    fill: iconThemed({
+      light: '#36B37E',
+      dark: '#22A06B'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -52,12 +67,18 @@ function IconStatus() {
   })), /*#__PURE__*/_react.default.createElement("g", {
     transform: "translate(5 25)"
   }, /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#DFE1E6",
+    fill: iconThemed({
+      light: '#DFE1E6',
+      dark: '#2C333A'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#8993A4",
+    fill: iconThemed({
+      light: '#8993A4',
+      dark: '#5A6977'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -66,12 +87,18 @@ function IconStatus() {
   })), /*#__PURE__*/_react.default.createElement("g", {
     transform: "translate(21 25)"
   }, /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#FFD3C8",
+    fill: iconThemed({
+      light: '#FFD3C8',
+      dark: '#601D16'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#FF5230",
+    fill: iconThemed({
+      light: '#FF5230',
+      dark: '#F35844'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -80,12 +107,18 @@ function IconStatus() {
   })), /*#__PURE__*/_react.default.createElement("g", {
     transform: "translate(21 11)"
   }, /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#EAE6FF",
+    fill: iconThemed({
+      light: '#EAE6FF',
+      dark: '#352C63'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#8777D9",
+    fill: iconThemed({
+      light: '#8777D9',
+      dark: '#8270DB'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -94,12 +127,18 @@ function IconStatus() {
   })), /*#__PURE__*/_react.default.createElement("g", {
     transform: "translate(21 18)"
   }, /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#FFF0B3",
+    fill: iconThemed({
+      light: '#FFF0B3',
+      dark: '#5F3811'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#FF991F",
+    fill: iconThemed({
+      light: '#FF991F',
+      dark: '#D19D00'
+    }),
     x: 2,
     y: 2,
     width: 10,

package/dist/cjs/selection/index.js

@@ -33,6 +33,36 @@ Object.defineProperty(exports, "Side", {
     return _selection.Side;
   }
 });
+Object.defineProperty(exports, "atTheBeginningOfBlock", {
+  enumerable: true,
+  get: function get() {
+    return _utils2.atTheBeginningOfBlock;
+  }
+});
+Object.defineProperty(exports, "atTheBeginningOfDoc", {
+  enumerable: true,
+  get: function get() {
+    return _utils2.atTheBeginningOfDoc;
+  }
+});
+Object.defineProperty(exports, "atTheEndOfBlock", {
+  enumerable: true,
+  get: function get() {
+    return _utils2.atTheEndOfBlock;
+  }
+});
+Object.defineProperty(exports, "atTheEndOfDoc", {
+  enumerable: true,
+  get: function get() {
+    return _utils2.atTheEndOfDoc;
+  }
+});
+Object.defineProperty(exports, "endPositionOfParent", {
+  enumerable: true,
+  get: function get() {
+    return _utils2.endPositionOfParent;
+  }
+});
 Object.defineProperty(exports, "isIgnored", {
   enumerable: true,
   get: function get() {
@@ -57,6 +87,12 @@ Object.defineProperty(exports, "isValidTargetNode", {
     return _utils.isValidTargetNode;
   }
 });
+Object.defineProperty(exports, "startPositionOfParent", {
+  enumerable: true,
+  get: function get() {
+    return _utils2.startPositionOfParent;
+  }
+});
 var _types = require("./types");
 var _selection = require("./gap-cursor/selection");
 var _utils = require("./gap-cursor/utils");

package/dist/cjs/selection/utils.js

@@ -3,7 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.atTheBeginningOfBlock = atTheBeginningOfBlock;
+exports.atTheBeginningOfDoc = atTheBeginningOfDoc;
+exports.atTheEndOfBlock = atTheEndOfBlock;
+exports.atTheEndOfDoc = atTheEndOfDoc;
+exports.endPositionOfParent = endPositionOfParent;
 exports.isSelectionAtStartOfNode = exports.isSelectionAtEndOfNode = void 0;
+exports.startPositionOfParent = startPositionOfParent;
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _selection = require("./gap-cursor/selection");
 var isSelectionAtStartOfNode = function isSelectionAtStartOfNode($pos, parentNode) {
   if (!parentNode) {
     return false;
@@ -35,4 +43,41 @@ var isSelectionAtEndOfNode = function isSelectionAtEndOfNode($pos, parentNode) {
   }
   return true;
 };
-exports.isSelectionAtEndOfNode = isSelectionAtEndOfNode;
+exports.isSelectionAtEndOfNode = isSelectionAtEndOfNode;
+function atTheEndOfDoc(state) {
+  var selection = state.selection,
+    doc = state.doc;
+  return doc.nodeSize - selection.$to.pos - 2 === selection.$to.depth;
+}
+function atTheBeginningOfDoc(state) {
+  var selection = state.selection;
+  return selection.$from.pos === selection.$from.depth;
+}
+function atTheEndOfBlock(state) {
+  var selection = state.selection;
+  var $to = selection.$to;
+  if (selection instanceof _selection.GapCursorSelection) {
+    return false;
+  }
+  if (selection instanceof _state.NodeSelection && selection.node.isBlock) {
+    return true;
+  }
+  return endPositionOfParent($to) === $to.pos + 1;
+}
+function atTheBeginningOfBlock(state) {
+  var selection = state.selection;
+  var $from = selection.$from;
+  if (selection instanceof _selection.GapCursorSelection) {
+    return false;
+  }
+  if (selection instanceof _state.NodeSelection && selection.node.isBlock) {
+    return true;
+  }
+  return startPositionOfParent($from) === $from.pos;
+}
+function startPositionOfParent(resolvedPos) {
+  return resolvedPos.start(resolvedPos.depth);
+}
+function endPositionOfParent(resolvedPos) {
+  return resolvedPos.end(resolvedPos.depth) + 1;
+}