@atlaskit/editor-common 74.34.4 → 74.35.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-common
 
+## 74.35.0
+
+### Minor Changes
+
+- [`c6c3b7e43d3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c6c3b7e43d3) - [ED-19202] Remove direct dependency of editor-core code on text-formatting plugin
+
+## 74.34.5
+
+### Patch Changes
+
+- [`d432ad14798`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d432ad14798) - [ux] Added standard page guidelines when custom table width enabled and is resizing table.
+
 ## 74.34.4
 
 ### Patch Changes

package/dist/cjs/guideline/fixedGuideline.js

@@ -19,6 +19,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
  *  {left: 100, right: -100, length: -200},
  *  {left: -100.5, right: 100.5, length: 201},
  * ]
+ * When length is 0, return  {left: 0, right: 0, length: 0}
  *
  * @param lengths A colection of length values which will be split into a left & right guides.
  * @returns A collection of LengthGuide objects which can be used to draw left & right guides
@@ -26,8 +27,15 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var createGuidesFromLengths = function createGuidesFromLengths(lengths) {
   return Array.from(new Set(lengths)).reduce(function (acc, length) {
     var h = length * 0.5;
+    if (length === 0) {
+      return [].concat((0, _toConsumableArray2.default)(acc), [{
+        left: 0,
+        right: 0,
+        length: length
+      }]);
+    }
     if (!h || !Number.isFinite(length)) {
-      // Filter out nonsensical values, like 0
+      // Filter out nonsensical values, null, undefined, NaN, empty string
       return acc;
     }
     return [].concat((0, _toConsumableArray2.default)(acc), [{
@@ -41,6 +49,8 @@ var createGuidesFromLengths = function createGuidesFromLengths(lengths) {
 /**
  * This creates a Guideline configuration generating a collection of guideline pairs from each supplied length value.
  * Each length value generates a guideline config for both the left and right side of the length.
+ * When length is 0, generate a guideline at position: {x: 0}
+ *
  */
 exports.createGuidesFromLengths = createGuidesFromLengths;
 var createFixedGuidelinesFromLengths = function createFixedGuidelinesFromLengths(lengths) {
@@ -49,17 +59,26 @@ var createFixedGuidelinesFromLengths = function createFixedGuidelinesFromLengths
     var left = _ref.left,
       right = _ref.right,
       length = _ref.length;
-    return [].concat((0, _toConsumableArray2.default)(acc), [{
-      key: "".concat(key, "-").concat(length, "-left"),
-      position: {
-        x: left
-      }
-    }, {
-      key: "".concat(key, "-").concat(length, "-right"),
-      position: {
-        x: right
-      }
-    }]);
+    if (length === 0) {
+      return [].concat((0, _toConsumableArray2.default)(acc), [{
+        key: "".concat(key, "-").concat(length, "-centre"),
+        position: {
+          x: left
+        }
+      }]);
+    } else {
+      return [].concat((0, _toConsumableArray2.default)(acc), [{
+        key: "".concat(key, "-").concat(length, "-left"),
+        position: {
+          x: left
+        }
+      }, {
+        key: "".concat(key, "-").concat(length, "-right"),
+        position: {
+          x: right
+        }
+      }]);
+    }
   }, []);
 };
 exports.createFixedGuidelinesFromLengths = createFixedGuidelinesFromLengths;

package/dist/cjs/mark/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "anyMarkActive", {
+  enumerable: true,
+  get: function get() {
+    return _textFormatting.anyMarkActive;
+  }
+});
 Object.defineProperty(exports, "applyMarkOnRange", {
   enumerable: true,
   get: function get() {
@@ -27,4 +33,5 @@ Object.defineProperty(exports, "transformSmartCharsMentionsAndEmojis", {
     return _commands.transformSmartCharsMentionsAndEmojis;
   }
 });
-var _commands = require("./commands");
+var _commands = require("./commands");
+var _textFormatting = require("./text-formatting");

package/dist/cjs/mark/text-formatting.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.anyMarkActive = void 0;
+var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
+/**
+ * Determine if a mark of a specific type exists anywhere in the selection.
+ */
+var anyMarkActive = function anyMarkActive(state, markType) {
+  var _state$selection = state.selection,
+    $from = _state$selection.$from,
+    from = _state$selection.from,
+    to = _state$selection.to,
+    empty = _state$selection.empty;
+  if (empty) {
+    return !!markType.isInSet(state.storedMarks || $from.marks());
+  }
+  var rangeHasMark = false;
+  if (state.selection instanceof _cellSelection.CellSelection) {
+    state.selection.forEachCell(function (cell, cellPos) {
+      var from = cellPos;
+      var to = cellPos + cell.nodeSize;
+      if (!rangeHasMark) {
+        rangeHasMark = state.doc.rangeHasMark(from, to, markType);
+      }
+    });
+  } else {
+    rangeHasMark = state.doc.rangeHasMark(from, to, markType);
+  }
+  return rangeHasMark;
+};
+exports.anyMarkActive = anyMarkActive;

package/dist/cjs/messages/index.js

@@ -52,6 +52,12 @@ Object.defineProperty(exports, "toolbarInsertBlockMessages", {
     return _insertBlock.toolbarInsertBlockMessages;
   }
 });
+Object.defineProperty(exports, "toolbarMessages", {
+  enumerable: true,
+  get: function get() {
+    return _toolbar.toolbarMessages;
+  }
+});
 Object.defineProperty(exports, "unsupportedContentMessages", {
   enumerable: true,
   get: function get() {
@@ -68,6 +74,7 @@ var _insertBlock = require("./insert-block");
 var _mediaAndEmbedToolbar = require("./media-and-embed-toolbar");
 var _card = require("./card");
 var _fullPage = require("./full-page");
+var _toolbar = require("./toolbar");
 var _default = (0, _reactIntlNext.defineMessages)({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/cjs/messages/toolbar.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toolbarMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var toolbarMessages = (0, _reactIntlNext.defineMessages)({
+  underline: {
+    id: 'fabric.editor.underline',
+    defaultMessage: 'Underline',
+    description: 'Whether the text selection has underlined text'
+  },
+  strike: {
+    id: 'fabric.editor.strike',
+    defaultMessage: 'Strikethrough',
+    description: 'Whether the text selection has crossed out text'
+  },
+  code: {
+    id: 'fabric.editor.code',
+    defaultMessage: 'Code',
+    description: 'Whether the text selection has monospaced/code font'
+  },
+  codeOn: {
+    id: 'fabric.editor.code.on',
+    defaultMessage: '{textFormattingOff}, Code On',
+    description: 'Reports that code formatting has been turned on'
+  },
+  subscript: {
+    id: 'fabric.editor.subscript',
+    defaultMessage: 'Subscript',
+    description: 'Whether the text selection is written below the line in a slightly smaller size'
+  },
+  subscriptOffSuperscriptOn: {
+    id: 'fabric.editor.subscript.off.superscript.on',
+    defaultMessage: 'Subscript Off, Superscript On',
+    description: 'Reports text formatting in case when subscript off and superscript on'
+  },
+  superscript: {
+    id: 'fabric.editor.superscript',
+    defaultMessage: 'Superscript',
+    description: 'Whether the text selection is written above the line in a slightly smaller size'
+  },
+  superscriptOffSubscriptOn: {
+    id: 'fabric.editor.superscript.off.subscript.on',
+    defaultMessage: 'Superscript Off, Subscript On',
+    description: 'Describe text formatting in case when Superscript Off and Subscript on'
+  },
+  clearFormatting: {
+    id: 'fabric.editor.clearFormatting',
+    defaultMessage: 'Clear formatting',
+    description: 'Remove all rich text formatting from the selected text'
+  },
+  moreFormatting: {
+    id: 'fabric.editor.moreFormatting',
+    defaultMessage: 'More formatting',
+    description: 'Clicking this will show a menu with additional formatting options'
+  },
+  bold: {
+    id: 'fabric.editor.bold',
+    defaultMessage: 'Bold',
+    description: 'This refers to bold or “strong” formatting, indicates that its contents have strong importance, seriousness, or urgency.'
+  },
+  italic: {
+    id: 'fabric.editor.italic',
+    defaultMessage: 'Italic',
+    description: 'This refers to italics or emphasized formatting.'
+  },
+  on: {
+    id: 'fabric.editor.on',
+    defaultMessage: '{formattingType} On',
+    description: 'Reports that text formatting has been turned on'
+  },
+  off: {
+    id: 'fabric.editor.off',
+    defaultMessage: '{formattingType} Off',
+    description: 'Reports that text formatting has been turned off'
+  },
+  textFormattingOff: {
+    id: 'fabric.editor.text.formatting.off',
+    defaultMessage: 'Text formatting Off',
+    description: 'Reports that text formatting has been turned off'
+  },
+  navigateToEditorToolbar: {
+    id: 'fabric.editor.navigate.toolbar.editor',
+    defaultMessage: 'Navigate to editor toolbar',
+    description: 'Navigate to the main editor toolbar.'
+  },
+  navigateToFloatingToolbar: {
+    id: 'fabric.editor.navigate.toolbar.floating',
+    defaultMessage: 'Navigate to floating toolbar',
+    description: 'Navigate to a floating toolbar for relevant nodes (e.g. tables or panels).'
+  }
+});
+exports.toolbarMessages = toolbarMessages;

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

package/dist/cjs/types/text-formatting.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "74.34.4",
+	"version": "74.35.0",
 	"sideEffects": false
 }

package/dist/es2019/guideline/fixedGuideline.js

@@ -11,6 +11,7 @@
  *  {left: 100, right: -100, length: -200},
  *  {left: -100.5, right: 100.5, length: 201},
  * ]
+ * When length is 0, return  {left: 0, right: 0, length: 0}
  *
  * @param lengths A colection of length values which will be split into a left & right guides.
  * @returns A collection of LengthGuide objects which can be used to draw left & right guides
@@ -18,8 +19,15 @@
 export const createGuidesFromLengths = lengths => {
   return Array.from(new Set(lengths)).reduce((acc, length) => {
     const h = length * 0.5;
+    if (length === 0) {
+      return [...acc, {
+        left: 0,
+        right: 0,
+        length
+      }];
+    }
     if (!h || !Number.isFinite(length)) {
-      // Filter out nonsensical values, like 0
+      // Filter out nonsensical values, null, undefined, NaN, empty string
       return acc;
     }
     return [...acc, {
@@ -33,21 +41,34 @@ export const createGuidesFromLengths = lengths => {
 /**
  * This creates a Guideline configuration generating a collection of guideline pairs from each supplied length value.
  * Each length value generates a guideline config for both the left and right side of the length.
+ * When length is 0, generate a guideline at position: {x: 0}
+ *
  */
 export const createFixedGuidelinesFromLengths = (lengths, key = 'guide') => {
   return createGuidesFromLengths(lengths).reduce((acc, {
     left,
     right,
     length
-  }) => [...acc, {
-    key: `${key}-${length}-left`,
-    position: {
-      x: left
+  }) => {
+    if (length === 0) {
+      return [...acc, {
+        key: `${key}-${length}-centre`,
+        position: {
+          x: left
+        }
+      }];
+    } else {
+      return [...acc, {
+        key: `${key}-${length}-left`,
+        position: {
+          x: left
+        }
+      }, {
+        key: `${key}-${length}-right`,
+        position: {
+          x: right
+        }
+      }];
     }
-  }, {
-    key: `${key}-${length}-right`,
-    position: {
-      x: right
-    }
-  }], []);
+  }, []);
 };

package/dist/es2019/mark/index.js

@@ -1 +1,2 @@
-export { transformSmartCharsMentionsAndEmojis, applyMarkOnRange, toggleMark, filterChildrenBetween } from './commands';
+export { transformSmartCharsMentionsAndEmojis, applyMarkOnRange, toggleMark, filterChildrenBetween } from './commands';
+export { anyMarkActive } from './text-formatting';

package/dist/es2019/mark/text-formatting.js

@@ -0,0 +1,29 @@
+import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+
+/**
+ * Determine if a mark of a specific type exists anywhere in the selection.
+ */
+export const anyMarkActive = (state, markType) => {
+  const {
+    $from,
+    from,
+    to,
+    empty
+  } = state.selection;
+  if (empty) {
+    return !!markType.isInSet(state.storedMarks || $from.marks());
+  }
+  let rangeHasMark = false;
+  if (state.selection instanceof CellSelection) {
+    state.selection.forEachCell((cell, cellPos) => {
+      const from = cellPos;
+      const to = cellPos + cell.nodeSize;
+      if (!rangeHasMark) {
+        rangeHasMark = state.doc.rangeHasMark(from, to, markType);
+      }
+    });
+  } else {
+    rangeHasMark = state.doc.rangeHasMark(from, to, markType);
+  }
+  return rangeHasMark;
+};

package/dist/es2019/messages/index.js

@@ -8,6 +8,7 @@ export { toolbarInsertBlockMessages } from './insert-block';
 export { toolbarMessages as mediaAndEmbedToolbarMessages } from './media-and-embed-toolbar';
 export { messages as cardMessages } from './card';
 export { messages as fullPageMessages } from './full-page';
+export { toolbarMessages } from './toolbar';
 export default defineMessages({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/es2019/messages/toolbar.js

@@ -0,0 +1,88 @@
+import { defineMessages } from 'react-intl-next';
+export const toolbarMessages = defineMessages({
+  underline: {
+    id: 'fabric.editor.underline',
+    defaultMessage: 'Underline',
+    description: 'Whether the text selection has underlined text'
+  },
+  strike: {
+    id: 'fabric.editor.strike',
+    defaultMessage: 'Strikethrough',
+    description: 'Whether the text selection has crossed out text'
+  },
+  code: {
+    id: 'fabric.editor.code',
+    defaultMessage: 'Code',
+    description: 'Whether the text selection has monospaced/code font'
+  },
+  codeOn: {
+    id: 'fabric.editor.code.on',
+    defaultMessage: '{textFormattingOff}, Code On',
+    description: 'Reports that code formatting has been turned on'
+  },
+  subscript: {
+    id: 'fabric.editor.subscript',
+    defaultMessage: 'Subscript',
+    description: 'Whether the text selection is written below the line in a slightly smaller size'
+  },
+  subscriptOffSuperscriptOn: {
+    id: 'fabric.editor.subscript.off.superscript.on',
+    defaultMessage: 'Subscript Off, Superscript On',
+    description: 'Reports text formatting in case when subscript off and superscript on'
+  },
+  superscript: {
+    id: 'fabric.editor.superscript',
+    defaultMessage: 'Superscript',
+    description: 'Whether the text selection is written above the line in a slightly smaller size'
+  },
+  superscriptOffSubscriptOn: {
+    id: 'fabric.editor.superscript.off.subscript.on',
+    defaultMessage: 'Superscript Off, Subscript On',
+    description: 'Describe text formatting in case when Superscript Off and Subscript on'
+  },
+  clearFormatting: {
+    id: 'fabric.editor.clearFormatting',
+    defaultMessage: 'Clear formatting',
+    description: 'Remove all rich text formatting from the selected text'
+  },
+  moreFormatting: {
+    id: 'fabric.editor.moreFormatting',
+    defaultMessage: 'More formatting',
+    description: 'Clicking this will show a menu with additional formatting options'
+  },
+  bold: {
+    id: 'fabric.editor.bold',
+    defaultMessage: 'Bold',
+    description: 'This refers to bold or “strong” formatting, indicates that its contents have strong importance, seriousness, or urgency.'
+  },
+  italic: {
+    id: 'fabric.editor.italic',
+    defaultMessage: 'Italic',
+    description: 'This refers to italics or emphasized formatting.'
+  },
+  on: {
+    id: 'fabric.editor.on',
+    defaultMessage: '{formattingType} On',
+    description: 'Reports that text formatting has been turned on'
+  },
+  off: {
+    id: 'fabric.editor.off',
+    defaultMessage: '{formattingType} Off',
+    description: 'Reports that text formatting has been turned off'
+  },
+  textFormattingOff: {
+    id: 'fabric.editor.text.formatting.off',
+    defaultMessage: 'Text formatting Off',
+    description: 'Reports that text formatting has been turned off'
+  },
+  navigateToEditorToolbar: {
+    id: 'fabric.editor.navigate.toolbar.editor',
+    defaultMessage: 'Navigate to editor toolbar',
+    description: 'Navigate to the main editor toolbar.'
+  },
+  navigateToFloatingToolbar: {
+    id: 'fabric.editor.navigate.toolbar.floating',
+    defaultMessage: 'Navigate to floating toolbar',
+    description: 'Navigate to a floating toolbar for relevant nodes (e.g. tables or panels).'
+  }
+});

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

package/dist/es2019/types/text-formatting.js

@@ -0,0 +1 @@
+export {};

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.34.4";
+const packageVersion = "74.35.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "74.34.4",
+	"version": "74.35.0",
 	"sideEffects": false
 }

package/dist/esm/guideline/fixedGuideline.js

@@ -12,6 +12,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
  *  {left: 100, right: -100, length: -200},
  *  {left: -100.5, right: 100.5, length: 201},
  * ]
+ * When length is 0, return  {left: 0, right: 0, length: 0}
  *
  * @param lengths A colection of length values which will be split into a left & right guides.
  * @returns A collection of LengthGuide objects which can be used to draw left & right guides
@@ -19,8 +20,15 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 export var createGuidesFromLengths = function createGuidesFromLengths(lengths) {
   return Array.from(new Set(lengths)).reduce(function (acc, length) {
     var h = length * 0.5;
+    if (length === 0) {
+      return [].concat(_toConsumableArray(acc), [{
+        left: 0,
+        right: 0,
+        length: length
+      }]);
+    }
     if (!h || !Number.isFinite(length)) {
-      // Filter out nonsensical values, like 0
+      // Filter out nonsensical values, null, undefined, NaN, empty string
       return acc;
     }
     return [].concat(_toConsumableArray(acc), [{
@@ -34,6 +42,8 @@ export var createGuidesFromLengths = function createGuidesFromLengths(lengths) {
 /**
  * This creates a Guideline configuration generating a collection of guideline pairs from each supplied length value.
  * Each length value generates a guideline config for both the left and right side of the length.
+ * When length is 0, generate a guideline at position: {x: 0}
+ *
  */
 export var createFixedGuidelinesFromLengths = function createFixedGuidelinesFromLengths(lengths) {
   var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'guide';
@@ -41,16 +51,25 @@ export var createFixedGuidelinesFromLengths = function createFixedGuidelinesFrom
     var left = _ref.left,
       right = _ref.right,
       length = _ref.length;
-    return [].concat(_toConsumableArray(acc), [{
-      key: "".concat(key, "-").concat(length, "-left"),
-      position: {
-        x: left
-      }
-    }, {
-      key: "".concat(key, "-").concat(length, "-right"),
-      position: {
-        x: right
-      }
-    }]);
+    if (length === 0) {
+      return [].concat(_toConsumableArray(acc), [{
+        key: "".concat(key, "-").concat(length, "-centre"),
+        position: {
+          x: left
+        }
+      }]);
+    } else {
+      return [].concat(_toConsumableArray(acc), [{
+        key: "".concat(key, "-").concat(length, "-left"),
+        position: {
+          x: left
+        }
+      }, {
+        key: "".concat(key, "-").concat(length, "-right"),
+        position: {
+          x: right
+        }
+      }]);
+    }
   }, []);
 };

package/dist/esm/mark/index.js

@@ -1 +1,2 @@
-export { transformSmartCharsMentionsAndEmojis, applyMarkOnRange, toggleMark, filterChildrenBetween } from './commands';
+export { transformSmartCharsMentionsAndEmojis, applyMarkOnRange, toggleMark, filterChildrenBetween } from './commands';
+export { anyMarkActive } from './text-formatting';

package/dist/esm/mark/text-formatting.js

@@ -0,0 +1,28 @@
+import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+
+/**
+ * Determine if a mark of a specific type exists anywhere in the selection.
+ */
+export var anyMarkActive = function anyMarkActive(state, markType) {
+  var _state$selection = state.selection,
+    $from = _state$selection.$from,
+    from = _state$selection.from,
+    to = _state$selection.to,
+    empty = _state$selection.empty;
+  if (empty) {
+    return !!markType.isInSet(state.storedMarks || $from.marks());
+  }
+  var rangeHasMark = false;
+  if (state.selection instanceof CellSelection) {
+    state.selection.forEachCell(function (cell, cellPos) {
+      var from = cellPos;
+      var to = cellPos + cell.nodeSize;
+      if (!rangeHasMark) {
+        rangeHasMark = state.doc.rangeHasMark(from, to, markType);
+      }
+    });
+  } else {
+    rangeHasMark = state.doc.rangeHasMark(from, to, markType);
+  }
+  return rangeHasMark;
+};

package/dist/esm/messages/index.js

@@ -8,6 +8,7 @@ export { toolbarInsertBlockMessages } from './insert-block';
 export { toolbarMessages as mediaAndEmbedToolbarMessages } from './media-and-embed-toolbar';
 export { messages as cardMessages } from './card';
 export { messages as fullPageMessages } from './full-page';
+export { toolbarMessages } from './toolbar';
 export default defineMessages({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/esm/messages/toolbar.js

@@ -0,0 +1,88 @@
+import { defineMessages } from 'react-intl-next';
+export var toolbarMessages = defineMessages({
+  underline: {
+    id: 'fabric.editor.underline',
+    defaultMessage: 'Underline',
+    description: 'Whether the text selection has underlined text'
+  },
+  strike: {
+    id: 'fabric.editor.strike',
+    defaultMessage: 'Strikethrough',
+    description: 'Whether the text selection has crossed out text'
+  },
+  code: {
+    id: 'fabric.editor.code',
+    defaultMessage: 'Code',
+    description: 'Whether the text selection has monospaced/code font'
+  },
+  codeOn: {
+    id: 'fabric.editor.code.on',
+    defaultMessage: '{textFormattingOff}, Code On',
+    description: 'Reports that code formatting has been turned on'
+  },
+  subscript: {
+    id: 'fabric.editor.subscript',
+    defaultMessage: 'Subscript',
+    description: 'Whether the text selection is written below the line in a slightly smaller size'
+  },
+  subscriptOffSuperscriptOn: {
+    id: 'fabric.editor.subscript.off.superscript.on',
+    defaultMessage: 'Subscript Off, Superscript On',
+    description: 'Reports text formatting in case when subscript off and superscript on'
+  },
+  superscript: {
+    id: 'fabric.editor.superscript',
+    defaultMessage: 'Superscript',
+    description: 'Whether the text selection is written above the line in a slightly smaller size'
+  },
+  superscriptOffSubscriptOn: {
+    id: 'fabric.editor.superscript.off.subscript.on',
+    defaultMessage: 'Superscript Off, Subscript On',
+    description: 'Describe text formatting in case when Superscript Off and Subscript on'
+  },
+  clearFormatting: {
+    id: 'fabric.editor.clearFormatting',
+    defaultMessage: 'Clear formatting',
+    description: 'Remove all rich text formatting from the selected text'
+  },
+  moreFormatting: {
+    id: 'fabric.editor.moreFormatting',
+    defaultMessage: 'More formatting',
+    description: 'Clicking this will show a menu with additional formatting options'
+  },
+  bold: {
+    id: 'fabric.editor.bold',
+    defaultMessage: 'Bold',
+    description: 'This refers to bold or “strong” formatting, indicates that its contents have strong importance, seriousness, or urgency.'
+  },
+  italic: {
+    id: 'fabric.editor.italic',
+    defaultMessage: 'Italic',
+    description: 'This refers to italics or emphasized formatting.'
+  },
+  on: {
+    id: 'fabric.editor.on',
+    defaultMessage: '{formattingType} On',
+    description: 'Reports that text formatting has been turned on'
+  },
+  off: {
+    id: 'fabric.editor.off',
+    defaultMessage: '{formattingType} Off',
+    description: 'Reports that text formatting has been turned off'
+  },
+  textFormattingOff: {
+    id: 'fabric.editor.text.formatting.off',
+    defaultMessage: 'Text formatting Off',
+    description: 'Reports that text formatting has been turned off'
+  },
+  navigateToEditorToolbar: {
+    id: 'fabric.editor.navigate.toolbar.editor',
+    defaultMessage: 'Navigate to editor toolbar',
+    description: 'Navigate to the main editor toolbar.'
+  },
+  navigateToFloatingToolbar: {
+    id: 'fabric.editor.navigate.toolbar.floating',
+    defaultMessage: 'Navigate to floating toolbar',
+    description: 'Navigate to a floating toolbar for relevant nodes (e.g. tables or panels).'
+  }
+});

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.34.4";
+var packageVersion = "74.35.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/types/text-formatting.js

@@ -0,0 +1 @@
+export {};

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

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "74.34.4",
+	"version": "74.35.0",
 	"sideEffects": false
 }

package/dist/types/guideline/fixedGuideline.d.ts

@@ -12,6 +12,7 @@ import { LengthGuide } from './types';
  *  {left: 100, right: -100, length: -200},
  *  {left: -100.5, right: 100.5, length: 201},
  * ]
+ * When length is 0, return  {left: 0, right: 0, length: 0}
  *
  * @param lengths A colection of length values which will be split into a left & right guides.
  * @returns A collection of LengthGuide objects which can be used to draw left & right guides
@@ -20,6 +21,8 @@ export declare const createGuidesFromLengths: (lengths: number[]) => LengthGuide
 /**
  * This creates a Guideline configuration generating a collection of guideline pairs from each supplied length value.
  * Each length value generates a guideline config for both the left and right side of the length.
+ * When length is 0, generate a guideline at position: {x: 0}
+ *
  */
 export declare const createFixedGuidelinesFromLengths: (lengths: number[], key?: string) => {
     key: string;

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

@@ -1 +1,2 @@
 export { transformSmartCharsMentionsAndEmojis, applyMarkOnRange, toggleMark, filterChildrenBetween, } from './commands';
+export { anyMarkActive } from './text-formatting';

package/dist/types/mark/text-formatting.d.ts

@@ -0,0 +1,6 @@
+import type { Mark, MarkType } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+/**
+ * Determine if a mark of a specific type exists anywhere in the selection.
+ */
+export declare const anyMarkActive: (state: EditorState, markType: Mark | MarkType) => boolean;

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

@@ -7,6 +7,7 @@ export { toolbarInsertBlockMessages } from './insert-block';
 export { toolbarMessages as mediaAndEmbedToolbarMessages } from './media-and-embed-toolbar';
 export { messages as cardMessages } from './card';
 export { messages as fullPageMessages } from './full-page';
+export { toolbarMessages } from './toolbar';
 declare const _default: {
     layoutFixedWidth: {
         id: string;

package/dist/types/messages/toolbar.d.ts

@@ -0,0 +1,87 @@
+export declare const toolbarMessages: {
+    underline: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    strike: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    code: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    codeOn: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    subscript: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    subscriptOffSuperscriptOn: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    superscript: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    superscriptOffSubscriptOn: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    clearFormatting: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    moreFormatting: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    bold: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    italic: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    on: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    off: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    textFormattingOff: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    navigateToEditorToolbar: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    navigateToFloatingToolbar: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -42,3 +42,4 @@ export type { ImageUploadPluginReferenceEventBase, ImageUploadPluginReferenceEve
 export type { AllowedBlockTypes, HeadingLevels, NormalTextLevel, HeadingLevelsAndNormalText, } from './block-type';
 export type { ColumnResizingPluginState } from './tables';
 export type { InputRuleHandler, OnHandlerApply, InputRuleWrapper, } from './input-rules';
+export type { TextFormattingOptions, TextFormattingState, InputMethodToolbar, InputMethodBasic, } from './text-formatting';

package/dist/types/types/text-formatting.d.ts

@@ -0,0 +1,36 @@
+import { INPUT_METHOD } from '../analytics';
+/**
+ * Configuration for the Text Formatting plugin
+ */
+export interface TextFormattingOptions {
+    disableSuperscriptAndSubscript?: boolean;
+    disableUnderline?: boolean;
+    disableCode?: boolean;
+    disableSmartTextCompletion?: boolean;
+    responsiveToolbarMenu?: boolean;
+}
+export interface TextFormattingState {
+    emActive?: boolean;
+    emDisabled?: boolean;
+    emHidden?: boolean;
+    codeActive?: boolean;
+    codeDisabled?: boolean;
+    codeHidden?: boolean;
+    underlineActive?: boolean;
+    underlineDisabled?: boolean;
+    underlineHidden?: boolean;
+    strikeActive?: boolean;
+    strikeDisabled?: boolean;
+    strikeHidden?: boolean;
+    strongActive?: boolean;
+    strongDisabled?: boolean;
+    strongHidden?: boolean;
+    superscriptActive?: boolean;
+    superscriptDisabled?: boolean;
+    superscriptHidden?: boolean;
+    subscriptActive?: boolean;
+    subscriptDisabled?: boolean;
+    subscriptHidden?: boolean;
+}
+export type InputMethodToolbar = INPUT_METHOD.TOOLBAR;
+export type InputMethodBasic = InputMethodToolbar | INPUT_METHOD.SHORTCUT | INPUT_METHOD.FORMATTING;

package/dist/types-ts4.5/guideline/fixedGuideline.d.ts

@@ -12,6 +12,7 @@ import { LengthGuide } from './types';
  *  {left: 100, right: -100, length: -200},
  *  {left: -100.5, right: 100.5, length: 201},
  * ]
+ * When length is 0, return  {left: 0, right: 0, length: 0}
  *
  * @param lengths A colection of length values which will be split into a left & right guides.
  * @returns A collection of LengthGuide objects which can be used to draw left & right guides
@@ -20,6 +21,8 @@ export declare const createGuidesFromLengths: (lengths: number[]) => LengthGuide
 /**
  * This creates a Guideline configuration generating a collection of guideline pairs from each supplied length value.
  * Each length value generates a guideline config for both the left and right side of the length.
+ * When length is 0, generate a guideline at position: {x: 0}
+ *
  */
 export declare const createFixedGuidelinesFromLengths: (lengths: number[], key?: string) => {
     key: string;

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

@@ -1 +1,2 @@
 export { transformSmartCharsMentionsAndEmojis, applyMarkOnRange, toggleMark, filterChildrenBetween, } from './commands';
+export { anyMarkActive } from './text-formatting';

package/dist/types-ts4.5/mark/text-formatting.d.ts

@@ -0,0 +1,6 @@
+import type { Mark, MarkType } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+/**
+ * Determine if a mark of a specific type exists anywhere in the selection.
+ */
+export declare const anyMarkActive: (state: EditorState, markType: Mark | MarkType) => boolean;

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

@@ -7,6 +7,7 @@ export { toolbarInsertBlockMessages } from './insert-block';
 export { toolbarMessages as mediaAndEmbedToolbarMessages } from './media-and-embed-toolbar';
 export { messages as cardMessages } from './card';
 export { messages as fullPageMessages } from './full-page';
+export { toolbarMessages } from './toolbar';
 declare const _default: {
     layoutFixedWidth: {
         id: string;

package/dist/types-ts4.5/messages/toolbar.d.ts

@@ -0,0 +1,87 @@
+export declare const toolbarMessages: {
+    underline: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    strike: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    code: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    codeOn: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    subscript: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    subscriptOffSuperscriptOn: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    superscript: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    superscriptOffSubscriptOn: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    clearFormatting: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    moreFormatting: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    bold: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    italic: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    on: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    off: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    textFormattingOff: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    navigateToEditorToolbar: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    navigateToFloatingToolbar: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -42,3 +42,4 @@ export type { ImageUploadPluginReferenceEventBase, ImageUploadPluginReferenceEve
 export type { AllowedBlockTypes, HeadingLevels, NormalTextLevel, HeadingLevelsAndNormalText, } from './block-type';
 export type { ColumnResizingPluginState } from './tables';
 export type { InputRuleHandler, OnHandlerApply, InputRuleWrapper, } from './input-rules';
+export type { TextFormattingOptions, TextFormattingState, InputMethodToolbar, InputMethodBasic, } from './text-formatting';

package/dist/types-ts4.5/types/text-formatting.d.ts

@@ -0,0 +1,36 @@
+import { INPUT_METHOD } from '../analytics';
+/**
+ * Configuration for the Text Formatting plugin
+ */
+export interface TextFormattingOptions {
+    disableSuperscriptAndSubscript?: boolean;
+    disableUnderline?: boolean;
+    disableCode?: boolean;
+    disableSmartTextCompletion?: boolean;
+    responsiveToolbarMenu?: boolean;
+}
+export interface TextFormattingState {
+    emActive?: boolean;
+    emDisabled?: boolean;
+    emHidden?: boolean;
+    codeActive?: boolean;
+    codeDisabled?: boolean;
+    codeHidden?: boolean;
+    underlineActive?: boolean;
+    underlineDisabled?: boolean;
+    underlineHidden?: boolean;
+    strikeActive?: boolean;
+    strikeDisabled?: boolean;
+    strikeHidden?: boolean;
+    strongActive?: boolean;
+    strongDisabled?: boolean;
+    strongHidden?: boolean;
+    superscriptActive?: boolean;
+    superscriptDisabled?: boolean;
+    superscriptHidden?: boolean;
+    subscriptActive?: boolean;
+    subscriptDisabled?: boolean;
+    subscriptHidden?: boolean;
+}
+export type InputMethodToolbar = INPUT_METHOD.TOOLBAR;
+export type InputMethodBasic = InputMethodToolbar | INPUT_METHOD.SHORTCUT | INPUT_METHOD.FORMATTING;

package/package.json

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