@atlaskit/editor-common 107.31.1 → 107.32.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-common
 
+## 107.32.0
+
+### Minor Changes
+
+- [`cd499bc159c22`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cd499bc159c22) -
+  fix initial resizer width in SSR
+
+### Patch Changes
+
+- [`1eba43a7b680d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1eba43a7b680d) -
+  [ux] ED-29000 - Address paper cut issues in ColorPalette
+- Updated dependencies
+
+## 107.31.2
+
+### Patch Changes
+
+- [`d8c6e41f4ac25`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d8c6e41f4ac25) -
+  EDITOR-1223 - Read nodeSize of undefined when run IW on large page with various nodes
+- Updated dependencies
+
 ## 107.31.1
 
 ### Patch Changes

package/dist/cjs/messages/text-color.js

@@ -15,5 +15,10 @@ var textColorMessages = exports.textColorMessages = (0, _reactIntlNext.defineMes
     id: 'fabric.editor.textColorTooltip',
     defaultMessage: 'Text color',
     description: 'Toolip of menu that provides access to various colors of text.'
+  },
+  textColorHighlightTooltip: {
+    id: 'fabric.editor.textColorHighlightTooltip',
+    defaultMessage: 'Text and Highlight color',
+    description: 'Tooltip of menu that provides access to various colors of highlight.'
   }
 });

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 = "107.31.0";
+var packageVersion = "107.31.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.31.0";
+var packageVersion = "107.31.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

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

@@ -15,6 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reResizable = require("re-resizable");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _analytics = require("../../analytics");
 var _styles = require("../../styles");
 var _utils = require("../../utils");
@@ -189,13 +190,15 @@ var Resizer = exports.default = /*#__PURE__*/function (_React$Component) {
           pointerEvents: 'none'
         };
       }
+      var nonZeroWidth = (0, _expValEquals.expValEquals)('platform_editor_smart_card_otp', 'isEnabled', true) ? width || '100%' // In SSR width could be 0 initially
+      : width;
 
       // Ideally, Resizable would let you pass in the component rather than
       // the div. For now, we just apply the same styles using CSS
       return /*#__PURE__*/_react.default.createElement(_reResizable.Resizable, {
         ref: this.resizable,
         size: {
-          width: width,
+          width: nonZeroWidth,
           // just content itself (no paddings)
           height: 'auto'
         }

package/dist/cjs/utils/document.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,7 +12,9 @@ exports.hasVisibleContent = hasVisibleContent;
 exports.isEmptyDocument = isEmptyDocument;
 exports.isSelectionEndOfParagraph = exports.isReplaceDocOperation = void 0;
 exports.nodesBetweenChanged = nodesBetweenChanged;
+var _clamp = _interopRequireDefault(require("lodash/clamp"));
 var _transform = require("@atlaskit/editor-prosemirror/transform");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _editorCoreUtils = require("./editor-core-utils");
 var getStepRange = exports.getStepRange = function getStepRange(transaction) {
   var from = -1;
@@ -22,6 +25,15 @@ var getStepRange = exports.getStepRange = function getStepRange(transaction) {
       var newEnd = transaction.mapping.slice(index).map(oldEnd);
       from = newStart < from || from === -1 ? newStart : from;
       to = newEnd > to || to === -1 ? newEnd : to;
+
+      // See ticket https://hello.jira.atlassian.cloud/browse/EDITOR-1223 and
+      // PR https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/208332/overview
+      // to see why use clamp here
+      if ((0, _experiments.editorExperiment)('platform_editor_ai_aifc', true)) {
+        var docSize = transaction.doc.content.size;
+        from = (0, _clamp.default)(from, 0, docSize);
+        to = (0, _clamp.default)(to, 0, docSize);
+      }
     });
   });
   if (from !== -1) {

package/dist/es2019/messages/text-color.js

@@ -9,5 +9,10 @@ export const textColorMessages = defineMessages({
     id: 'fabric.editor.textColorTooltip',
     defaultMessage: 'Text color',
     description: 'Toolip of menu that provides access to various colors of text.'
+  },
+  textColorHighlightTooltip: {
+    id: 'fabric.editor.textColorHighlightTooltip',
+    defaultMessage: 'Text and Highlight color',
+    description: 'Tooltip of menu that provides access to various colors of highlight.'
   }
 });

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 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 = "107.31.0";
+const packageVersion = "107.31.2";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "107.31.0";
+const packageVersion = "107.31.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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

@@ -3,6 +3,7 @@ import React from 'react';
 import classnames from 'classnames';
 import { Resizable } from 're-resizable';
 import { akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics';
 import { richMediaClassName } from '../../styles';
 import { gridTypeForLayout } from '../../utils';
@@ -180,13 +181,15 @@ export default class Resizer extends React.Component {
         pointerEvents: 'none'
       };
     }
+    const nonZeroWidth = expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) ? width || '100%' // In SSR width could be 0 initially
+    : width;
 
     // Ideally, Resizable would let you pass in the component rather than
     // the div. For now, we just apply the same styles using CSS
     return /*#__PURE__*/React.createElement(Resizable, {
       ref: this.resizable,
       size: {
-        width,
+        width: nonZeroWidth,
         // just content itself (no paddings)
         height: 'auto'
       }

package/dist/es2019/utils/document.js

@@ -1,4 +1,6 @@
+import clamp from 'lodash/clamp';
 import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { isEmptyParagraph } from './editor-core-utils';
 export const getStepRange = transaction => {
   let from = -1;
@@ -9,6 +11,15 @@ export const getStepRange = transaction => {
       const newEnd = transaction.mapping.slice(index).map(oldEnd);
       from = newStart < from || from === -1 ? newStart : from;
       to = newEnd > to || to === -1 ? newEnd : to;
+
+      // See ticket https://hello.jira.atlassian.cloud/browse/EDITOR-1223 and
+      // PR https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/208332/overview
+      // to see why use clamp here
+      if (editorExperiment('platform_editor_ai_aifc', true)) {
+        const docSize = transaction.doc.content.size;
+        from = clamp(from, 0, docSize);
+        to = clamp(to, 0, docSize);
+      }
     });
   });
   if (from !== -1) {

package/dist/esm/messages/text-color.js

@@ -9,5 +9,10 @@ export var textColorMessages = defineMessages({
     id: 'fabric.editor.textColorTooltip',
     defaultMessage: 'Text color',
     description: 'Toolip of menu that provides access to various colors of text.'
+  },
+  textColorHighlightTooltip: {
+    id: 'fabric.editor.textColorHighlightTooltip',
+    defaultMessage: 'Text and Highlight color',
+    description: 'Tooltip of menu that provides access to various colors of highlight.'
   }
 });

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 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 = "107.31.0";
+var packageVersion = "107.31.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.31.0";
+var packageVersion = "107.31.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

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

@@ -12,6 +12,7 @@ import React from 'react';
 import classnames from 'classnames';
 import { Resizable } from 're-resizable';
 import { akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics';
 import { richMediaClassName } from '../../styles';
 import { gridTypeForLayout } from '../../utils';
@@ -182,13 +183,15 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
           pointerEvents: 'none'
         };
       }
+      var nonZeroWidth = expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) ? width || '100%' // In SSR width could be 0 initially
+      : width;
 
       // Ideally, Resizable would let you pass in the component rather than
       // the div. For now, we just apply the same styles using CSS
       return /*#__PURE__*/React.createElement(Resizable, {
         ref: this.resizable,
         size: {
-          width: width,
+          width: nonZeroWidth,
           // just content itself (no paddings)
           height: 'auto'
         }

package/dist/esm/utils/document.js

@@ -1,4 +1,6 @@
+import clamp from 'lodash/clamp';
 import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { isEmptyParagraph } from './editor-core-utils';
 export var getStepRange = function getStepRange(transaction) {
   var from = -1;
@@ -9,6 +11,15 @@ export var getStepRange = function getStepRange(transaction) {
       var newEnd = transaction.mapping.slice(index).map(oldEnd);
       from = newStart < from || from === -1 ? newStart : from;
       to = newEnd > to || to === -1 ? newEnd : to;
+
+      // See ticket https://hello.jira.atlassian.cloud/browse/EDITOR-1223 and
+      // PR https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/208332/overview
+      // to see why use clamp here
+      if (editorExperiment('platform_editor_ai_aifc', true)) {
+        var docSize = transaction.doc.content.size;
+        from = clamp(from, 0, docSize);
+        to = clamp(to, 0, docSize);
+      }
     });
   });
   if (from !== -1) {

package/dist/types/messages/text-color.d.ts

@@ -9,4 +9,9 @@ export declare const textColorMessages: {
         defaultMessage: string;
         description: string;
     };
+    textColorHighlightTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types/utils/document.d.ts

@@ -1,4 +1,4 @@
-import type { ResolvedPos, Node } from '@atlaskit/editor-prosemirror/model';
+import type { Node, ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
 type ChangedFn = (node: Node, pos: number, parent: Node | null, index: number) => boolean | void;
 export declare const getStepRange: (transaction: Transaction | ReadonlyTransaction) => {

package/dist/types-ts4.5/messages/text-color.d.ts

@@ -9,4 +9,9 @@ export declare const textColorMessages: {
         defaultMessage: string;
         description: string;
     };
+    textColorHighlightTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types-ts4.5/utils/document.d.ts

@@ -1,4 +1,4 @@
-import type { ResolvedPos, Node } from '@atlaskit/editor-prosemirror/model';
+import type { Node, ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
 type ChangedFn = (node: Node, pos: number, parent: Node | null, index: number) => boolean | void;
 export declare const getStepRange: (transaction: Transaction | ReadonlyTransaction) => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "107.31.1",
+	"version": "107.32.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -143,7 +143,7 @@
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@atlaskit/editor-tables": "^2.9.0",
-		"@atlaskit/editor-toolbar": "^0.3.0",
+		"@atlaskit/editor-toolbar": "^0.4.0",
 		"@atlaskit/editor-toolbar-model": "^0.1.0",
 		"@atlaskit/emoji": "^69.5.0",
 		"@atlaskit/icon": "^28.1.0",
@@ -165,7 +165,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.2.0",
 		"@atlaskit/popper": "^7.1.0",
-		"@atlaskit/primitives": "^14.11.0",
+		"@atlaskit/primitives": "^14.12.0",
 		"@atlaskit/profilecard": "^24.7.0",
 		"@atlaskit/react-ufo": "^4.5.0",
 		"@atlaskit/section-message": "^8.6.0",
@@ -175,9 +175,9 @@
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.0.0",
-		"@atlaskit/theme": "^19.0.0",
+		"@atlaskit/theme": "^20.0.0",
 		"@atlaskit/tmp-editor-statsig": "^11.8.0",
-		"@atlaskit/tokens": "^6.0.0",
+		"@atlaskit/tokens": "^6.1.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",