@atlaskit/editor-common 76.28.0 → 76.29.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-common
 
+## 76.29.1
+
+### Patch Changes
+
+- [#62416](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/62416) [`9f3c36680d89`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9f3c36680d89) - [ux] Updated table context menu styling.
+
+## 76.29.0
+
+### Minor Changes
+
+- [#62560](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/62560) [`5ad72b247e6a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5ad72b247e6a) - [ux] ED-20895 Added linking support for inline images
+
 ## 76.28.0
 
 ### Minor Changes

package/dist/cjs/commands/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.addParagraphAtEnd = addParagraphAtEnd;
 exports.clearEditorContent = exports.changeImageAlignment = void 0;
 exports.createParagraphAtEnd = createParagraphAtEnd;
-exports.createToggleBlockMarkOnRange = void 0;
+exports.createToggleInlineMarkOnRange = exports.createToggleBlockMarkOnRange = void 0;
 exports.findCutBefore = findCutBefore;
 Object.defineProperty(exports, "insertBlock", {
   enumerable: true,
@@ -89,6 +89,29 @@ var createToggleBlockMarkOnRange = exports.createToggleBlockMarkOnRange = functi
     return markApplied;
   };
 };
+var createToggleInlineMarkOnRange = exports.createToggleInlineMarkOnRange = function createToggleInlineMarkOnRange(markType, getAttrs) {
+  return function (from, to, tr, state) {
+    var markApplied = false;
+    state.doc.nodesBetween(from, to, function (node, pos, parent) {
+      if (parent !== null && parent !== void 0 && parent.type.allowsMarkType(markType)) {
+        var oldMarks = node.marks.filter(function (mark) {
+          return mark.type === markType;
+        });
+        var _prevAttrs2 = oldMarks.length ? oldMarks[0].attrs : undefined;
+        var newAttrs = getAttrs(_prevAttrs2, node);
+        if (newAttrs !== undefined) {
+          tr.setNodeMarkup(pos, node.type, node.attrs, node.marks.filter(function (mark) {
+            return !markType.excludes(mark.type);
+          }).concat(newAttrs === false ? [] : markType.create(newAttrs)));
+          tr.setSelection(_state.NodeSelection.create(tr.doc, state.selection.from));
+          markApplied = true;
+        }
+      }
+      return;
+    });
+    return markApplied;
+  };
+};
 
 /**
  * Toggles block mark based on the return type of `getAttrs`.

package/dist/cjs/messages/table.js

@@ -51,6 +51,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Insert column right',
     description: 'Inserts a new column to the right of selected column.'
   },
+  addColumn: {
+    id: 'fabric.editor.addColumn',
+    defaultMessage: 'Add column right',
+    description: 'Adds a new column to the right of selected column.'
+  },
   insertColumnDrag: {
     id: 'fabric.editor.insertColumnDrag',
     defaultMessage: 'Insert column',
@@ -66,6 +71,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Insert row below',
     description: 'Inserts a new row below the selected row.'
   },
+  addRow: {
+    id: 'fabric.editor.addRow',
+    defaultMessage: 'Add row below',
+    description: 'Adds a new row below the selected row.'
+  },
   insertRowDrag: {
     id: 'fabric.editor.insertRowDrag',
     defaultMessage: 'Insert row',
@@ -126,6 +136,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Cell background',
     description: 'Change the background color of a table cell.'
   },
+  backgroundColor: {
+    id: 'fabric.editor.backgroundColor',
+    defaultMessage: 'Background Color',
+    description: 'Change the background color of a table cell.'
+  },
   mergeCells: {
     id: 'fabric.editor.mergeCells',
     defaultMessage: 'Merge cells',

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 = "76.28.0";
+var packageVersion = "76.29.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/ui/DropList/index.js

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

package/dist/cjs/ui-menu/ColorPickerButton/index.js

@@ -187,7 +187,8 @@ var ColorPickerButton = function ColorPickerButton(props) {
       css: colorPickerExpandContainer
     }, (0, _react2.jsx)(_chevronDown.default, {
       label: ""
-    }))
+    })),
+    "data-selected-color": props.currentColor
   })), renderPopup());
 };
 var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({

package/dist/es2019/commands/index.js

@@ -1,4 +1,4 @@
-import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 export function addParagraphAtEnd(tr) {
   const {
@@ -72,6 +72,23 @@ export const createToggleBlockMarkOnRange = (markType, getAttrs, allowedBlocks)
   });
   return markApplied;
 };
+export const createToggleInlineMarkOnRange = (markType, getAttrs) => (from, to, tr, state) => {
+  let markApplied = false;
+  state.doc.nodesBetween(from, to, (node, pos, parent) => {
+    if (parent !== null && parent !== void 0 && parent.type.allowsMarkType(markType)) {
+      const oldMarks = node.marks.filter(mark => mark.type === markType);
+      const prevAttrs = oldMarks.length ? oldMarks[0].attrs : undefined;
+      const newAttrs = getAttrs(prevAttrs, node);
+      if (newAttrs !== undefined) {
+        tr.setNodeMarkup(pos, node.type, node.attrs, node.marks.filter(mark => !markType.excludes(mark.type)).concat(newAttrs === false ? [] : markType.create(newAttrs)));
+        tr.setSelection(NodeSelection.create(tr.doc, state.selection.from));
+        markApplied = true;
+      }
+    }
+    return;
+  });
+  return markApplied;
+};
 
 /**
  * Toggles block mark based on the return type of `getAttrs`.

package/dist/es2019/messages/table.js

@@ -45,6 +45,11 @@ export const messages = defineMessages({
     defaultMessage: 'Insert column right',
     description: 'Inserts a new column to the right of selected column.'
   },
+  addColumn: {
+    id: 'fabric.editor.addColumn',
+    defaultMessage: 'Add column right',
+    description: 'Adds a new column to the right of selected column.'
+  },
   insertColumnDrag: {
     id: 'fabric.editor.insertColumnDrag',
     defaultMessage: 'Insert column',
@@ -60,6 +65,11 @@ export const messages = defineMessages({
     defaultMessage: 'Insert row below',
     description: 'Inserts a new row below the selected row.'
   },
+  addRow: {
+    id: 'fabric.editor.addRow',
+    defaultMessage: 'Add row below',
+    description: 'Adds a new row below the selected row.'
+  },
   insertRowDrag: {
     id: 'fabric.editor.insertRowDrag',
     defaultMessage: 'Insert row',
@@ -120,6 +130,11 @@ export const messages = defineMessages({
     defaultMessage: 'Cell background',
     description: 'Change the background color of a table cell.'
   },
+  backgroundColor: {
+    id: 'fabric.editor.backgroundColor',
+    defaultMessage: 'Background Color',
+    description: 'Change the background color of a table cell.'
+  },
   mergeCells: {
     id: 'fabric.editor.mergeCells',
     defaultMessage: 'Merge cells',

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

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

@@ -7,7 +7,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "76.28.0";
+const packageVersion = "76.29.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/ui-menu/ColorPickerButton/index.js

@@ -196,7 +196,8 @@ const ColorPickerButton = props => {
       css: colorPickerExpandContainer
     }, jsx(ExpandIcon, {
       label: ""
-    }))
+    })),
+    "data-selected-color": props.currentColor
   })), renderPopup());
 };
 export default withAnalyticsContext({

package/dist/esm/commands/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 export function addParagraphAtEnd(tr) {
   var paragraph = tr.doc.type.schema.nodes.paragraph,
@@ -69,6 +69,29 @@ export var createToggleBlockMarkOnRange = function createToggleBlockMarkOnRange(
     return markApplied;
   };
 };
+export var createToggleInlineMarkOnRange = function createToggleInlineMarkOnRange(markType, getAttrs) {
+  return function (from, to, tr, state) {
+    var markApplied = false;
+    state.doc.nodesBetween(from, to, function (node, pos, parent) {
+      if (parent !== null && parent !== void 0 && parent.type.allowsMarkType(markType)) {
+        var oldMarks = node.marks.filter(function (mark) {
+          return mark.type === markType;
+        });
+        var _prevAttrs2 = oldMarks.length ? oldMarks[0].attrs : undefined;
+        var newAttrs = getAttrs(_prevAttrs2, node);
+        if (newAttrs !== undefined) {
+          tr.setNodeMarkup(pos, node.type, node.attrs, node.marks.filter(function (mark) {
+            return !markType.excludes(mark.type);
+          }).concat(newAttrs === false ? [] : markType.create(newAttrs)));
+          tr.setSelection(NodeSelection.create(tr.doc, state.selection.from));
+          markApplied = true;
+        }
+      }
+      return;
+    });
+    return markApplied;
+  };
+};
 
 /**
  * Toggles block mark based on the return type of `getAttrs`.

package/dist/esm/messages/table.js

@@ -45,6 +45,11 @@ export var messages = defineMessages({
     defaultMessage: 'Insert column right',
     description: 'Inserts a new column to the right of selected column.'
   },
+  addColumn: {
+    id: 'fabric.editor.addColumn',
+    defaultMessage: 'Add column right',
+    description: 'Adds a new column to the right of selected column.'
+  },
   insertColumnDrag: {
     id: 'fabric.editor.insertColumnDrag',
     defaultMessage: 'Insert column',
@@ -60,6 +65,11 @@ export var messages = defineMessages({
     defaultMessage: 'Insert row below',
     description: 'Inserts a new row below the selected row.'
   },
+  addRow: {
+    id: 'fabric.editor.addRow',
+    defaultMessage: 'Add row below',
+    description: 'Adds a new row below the selected row.'
+  },
   insertRowDrag: {
     id: 'fabric.editor.insertRowDrag',
     defaultMessage: 'Insert row',
@@ -120,6 +130,11 @@ export var messages = defineMessages({
     defaultMessage: 'Cell background',
     description: 'Change the background color of a table cell.'
   },
+  backgroundColor: {
+    id: 'fabric.editor.backgroundColor',
+    defaultMessage: 'Background Color',
+    description: 'Change the background color of a table cell.'
+  },
   mergeCells: {
     id: 'fabric.editor.mergeCells',
     defaultMessage: 'Merge cells',

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 = "76.28.0";
+var packageVersion = "76.29.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -17,7 +17,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "76.28.0";
+var packageVersion = "76.29.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/ui-menu/ColorPickerButton/index.js

@@ -181,7 +181,8 @@ var ColorPickerButton = function ColorPickerButton(props) {
       css: colorPickerExpandContainer
     }, jsx(ExpandIcon, {
       label: ""
-    }))
+    })),
+    "data-selected-color": props.currentColor
   })), renderPopup());
 };
 export default withAnalyticsContext({

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

@@ -7,6 +7,7 @@ export declare function addParagraphAtEnd(tr: Transaction): void;
 export declare function createParagraphAtEnd(): Command;
 export declare const changeImageAlignment: (align?: AlignmentState) => Command;
 export declare const createToggleBlockMarkOnRange: <T extends {} = object>(markType: MarkType, getAttrs: (prevAttrs?: T | undefined, node?: PMNode) => false | T | undefined, allowedBlocks?: NodeType[] | ((schema: Schema, node: PMNode, parent: PMNode | null) => boolean) | undefined) => (from: number, to: number, tr: Transaction, state: EditorState) => boolean;
+export declare const createToggleInlineMarkOnRange: <T extends {} = object>(markType: MarkType, getAttrs: (prevAttrs?: T | undefined, node?: PMNode) => false | T | undefined) => (from: number, to: number, tr: Transaction, state: EditorState) => boolean;
 /**
  * Toggles block mark based on the return type of `getAttrs`.
  * This is similar to ProseMirror's `getAttrs` from `AttributeSpec`

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

@@ -44,6 +44,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    addColumn: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     insertColumnDrag: {
         id: string;
         defaultMessage: string;
@@ -59,6 +64,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    addRow: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     insertRowDrag: {
         id: string;
         defaultMessage: string;
@@ -119,6 +129,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    backgroundColor: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     mergeCells: {
         id: string;
         defaultMessage: string;

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

@@ -7,6 +7,7 @@ export declare function addParagraphAtEnd(tr: Transaction): void;
 export declare function createParagraphAtEnd(): Command;
 export declare const changeImageAlignment: (align?: AlignmentState) => Command;
 export declare const createToggleBlockMarkOnRange: <T extends {} = object>(markType: MarkType, getAttrs: (prevAttrs?: T | undefined, node?: PMNode) => false | T | undefined, allowedBlocks?: NodeType[] | ((schema: Schema, node: PMNode, parent: PMNode | null) => boolean) | undefined) => (from: number, to: number, tr: Transaction, state: EditorState) => boolean;
+export declare const createToggleInlineMarkOnRange: <T extends {} = object>(markType: MarkType, getAttrs: (prevAttrs?: T | undefined, node?: PMNode) => false | T | undefined) => (from: number, to: number, tr: Transaction, state: EditorState) => boolean;
 /**
  * Toggles block mark based on the return type of `getAttrs`.
  * This is similar to ProseMirror's `getAttrs` from `AttributeSpec`

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

@@ -44,6 +44,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    addColumn: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     insertColumnDrag: {
         id: string;
         defaultMessage: string;
@@ -59,6 +64,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    addRow: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     insertRowDrag: {
         id: string;
         defaultMessage: string;
@@ -119,6 +129,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    backgroundColor: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     mergeCells: {
         id: string;
         defaultMessage: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "76.28.0",
+  "version": "76.29.1",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -26,7 +26,8 @@
     "team": "Editor",
     "inPublicMirror": true,
     "singleton": true,
-    "releaseModel": "continuous"
+    "releaseModel": "continuous",
+    "runReact18": false
   },
   "af:exports": {
     "./event-dispatcher": "./src/event-dispatcher/index.ts",