@atlaskit/editor-common 107.31.2 → 107.32.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-common
 
+## 107.32.1
+
+### Patch Changes
+
+- [`9383d1ef58fe1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9383d1ef58fe1) -
+  Cleanup feature gate cc_mention_ssr_placeholder
+- Updated dependencies
+
+## 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

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.1";
+var packageVersion = "107.32.0";
 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.1";
+var packageVersion = "107.32.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui/Mention/mention-with-providers.js

@@ -9,7 +9,6 @@ exports.MentionWithProviders = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _element = require("@atlaskit/mention/element");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _mentionWithProfilecard = _interopRequireDefault(require("./mention-with-profilecard"));
 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 GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
@@ -48,7 +47,7 @@ var MentionWithProviders = exports.MentionWithProviders = /*#__PURE__*/_react.de
     });
   }, [profilecardProviderResolver]);
   var MentionComponent = profilecardProvider && profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? _mentionWithProfilecard.default : _element.ResourcedMention;
-  var ssrPlaceholderId = (0, _platformFeatureFlags.fg)('cc_mention_ssr_placeholder') ? "mention-".concat(id) : undefined;
+  var ssrPlaceholderId = "mention-".concat(id);
   return /*#__PURE__*/_react.default.createElement(MentionComponent, {
     id: id,
     text: text,

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/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.1";
+const packageVersion = "107.32.0";
 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.1";
+const packageVersion = "107.32.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/ui/Mention/mention-with-providers.js

@@ -1,6 +1,5 @@
 import React, { useLayoutEffect, useRef, useState } from 'react';
 import { ResourcedMention } from '@atlaskit/mention/element';
-import { fg } from '@atlaskit/platform-feature-flags';
 import ResourcedMentionWithProfilecard from './mention-with-profilecard';
 const GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
 export const MentionWithProviders = /*#__PURE__*/React.memo(({
@@ -36,7 +35,7 @@ export const MentionWithProviders = /*#__PURE__*/React.memo(({
     });
   }, [profilecardProviderResolver]);
   const MentionComponent = profilecardProvider && profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? ResourcedMentionWithProfilecard : ResourcedMention;
-  const ssrPlaceholderId = fg('cc_mention_ssr_placeholder') ? `mention-${id}` : undefined;
+  const ssrPlaceholderId = `mention-${id}`;
   return /*#__PURE__*/React.createElement(MentionComponent, {
     id: id,
     text: text,

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/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.1";
+var packageVersion = "107.32.0";
 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.1";
+var packageVersion = "107.32.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/ui/Mention/mention-with-providers.js

@@ -1,7 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useLayoutEffect, useRef, useState } from 'react';
 import { ResourcedMention } from '@atlaskit/mention/element';
-import { fg } from '@atlaskit/platform-feature-flags';
 import ResourcedMentionWithProfilecard from './mention-with-profilecard';
 var GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
 export var MentionWithProviders = /*#__PURE__*/React.memo(function (_ref) {
@@ -39,7 +38,7 @@ export var MentionWithProviders = /*#__PURE__*/React.memo(function (_ref) {
     });
   }, [profilecardProviderResolver]);
   var MentionComponent = profilecardProvider && profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? ResourcedMentionWithProfilecard : ResourcedMention;
-  var ssrPlaceholderId = fg('cc_mention_ssr_placeholder') ? "mention-".concat(id) : undefined;
+  var ssrPlaceholderId = "mention-".concat(id);
   return /*#__PURE__*/React.createElement(MentionComponent, {
     id: id,
     text: text,

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/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-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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "107.31.2",
+	"version": "107.32.1",
 	"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",
@@ -339,9 +339,6 @@
 		"confluence_connect_macro_preset_height": {
 			"type": "boolean"
 		},
-		"cc_mention_ssr_placeholder": {
-			"type": "boolean"
-		},
 		"platform_editor_breakout_resizing_hello_release": {
 			"type": "boolean"
 		},