@atlaskit/editor-common 107.13.1 → 107.15.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/editor-common
 
+## 107.15.0
+
+### Minor Changes
+
+- [#193468](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/193468)
+  [`e626b68cc9c4c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e626b68cc9c4c) -
+  [ux] [CONFCLOUD-82368] Hide layout resize handles until interaction instead of unrendering to
+  prevent rerenders of content inside layouts
+
+### Patch Changes
+
+- Updated dependencies
+
+## 107.14.0
+
+### Minor Changes
+
+- [#193889](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/193889)
+  [`6d4374ce318fd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6d4374ce318fd) -
+  [EDITOR-1073] Add i18n for Track Changes button & toggle button on toolbar with plugin option
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 107.13.1
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -14,7 +14,13 @@
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
-		"../src/**/test.*"
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
 	],
 	"references": [
 		{

package/afm-jira/tsconfig.json

@@ -14,7 +14,13 @@
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
-		"../src/**/test.*"
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
 	],
 	"references": [
 		{

package/afm-post-office/tsconfig.json

@@ -14,7 +14,13 @@
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
-		"../src/**/test.*"
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
 	],
 	"references": [
 		{

package/afm-rovo-extension/tsconfig.json

@@ -14,7 +14,13 @@
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
-		"../src/**/test.*"
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
 	],
 	"references": [
 		{

package/afm-townsquare/tsconfig.json

@@ -14,7 +14,13 @@
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
-		"../src/**/test.*"
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
 	],
 	"references": [
 		{

package/build/tsconfig.json

@@ -12,6 +12,12 @@
   "exclude": [
     "../src/**/__tests__/*",
     "../src/**/*.test.*",
-    "../src/**/test.*"
+    "../src/**/test.*",
+    "../src/**/examples.*",
+    "../src/**/examples/*",
+    "../src/**/examples/**/*",
+    "../src/**/*.stories.*",
+    "../src/**/stories/*",
+    "../src/**/stories/**/*"
   ]
 }

package/dist/cjs/messages/index.js

@@ -220,6 +220,12 @@ Object.defineProperty(exports, "toolbarMessages", {
     return _toolbar.toolbarMessages;
   }
 });
+Object.defineProperty(exports, "trackChangesMessages", {
+  enumerable: true,
+  get: function get() {
+    return _trackChanges.trackChangesMessages;
+  }
+});
 Object.defineProperty(exports, "undoRedoMessages", {
   enumerable: true,
   get: function get() {
@@ -271,6 +277,7 @@ var _mediaInsert = require("./media-insert");
 var _selectionExtension = require("./selection-extension");
 var _selectionToolbar = require("./selection-toolbar");
 var _contextPanel = require("./context-panel");
+var _trackChanges = require("./track-changes");
 // Disable no-re-export rule for entry point files
 /* eslint-disable @atlaskit/editor/no-re-export */
 var _default = exports.default = (0, _reactIntlNext.defineMessages)({

package/dist/cjs/messages/track-changes.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.trackChangesMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var trackChangesMessages = exports.trackChangesMessages = (0, _reactIntlNext.defineMessages)({
+  toolbarIconLabel: {
+    id: 'editor.trackChanges.toolbarIconLabel',
+    defaultMessage: 'Track Changes',
+    description: 'Label for the track changes toolbar icon'
+  }
+});

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.13.0";
+var packageVersion = "107.14.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/resizer/BreakoutResizer.js

@@ -21,8 +21,18 @@ var _ResizerBreakoutModeLabel = require("./ResizerBreakoutModeLabel");
 var _useBreakoutGuidelines = require("./useBreakoutGuidelines");
 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 breakoutSupportedNodes = ['layoutSection', 'expand', 'codeBlock'];
-var getHandleStyle = function getHandleStyle(node) {
+var getHandleStyle = function getHandleStyle(node, hidden) {
   var layoutMarginOffset = 12;
+  if (hidden) {
+    return {
+      left: {
+        display: 'none'
+      },
+      right: {
+        display: 'none'
+      }
+    };
+  }
   switch (node) {
     case 'codeBlock':
       return {
@@ -94,6 +104,7 @@ var RESIZE_STEP_VALUE = 10;
  * @param root0.displayGapCursor
  * @param root0.onResizeStart
  * @param root0.dynamicFullWidthGuidelineOffset
+ * @param root0.hidden Hide the resizer handles without outright unrendering them
  * @returns BreakoutResizer component
  * @example
  */
@@ -109,7 +120,9 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
     editorAnalyticsApi = _ref.editorAnalyticsApi,
     displayGapCursor = _ref.displayGapCursor,
     onResizeStart = _ref.onResizeStart,
-    dynamicFullWidthGuidelineOffset = _ref.dynamicFullWidthGuidelineOffset;
+    dynamicFullWidthGuidelineOffset = _ref.dynamicFullWidthGuidelineOffset,
+    _ref$hidden = _ref.hidden,
+    hidden = _ref$hidden === void 0 ? false : _ref$hidden;
   var _useState = (0, _react.useState)({
       minWidth: undefined,
       maxWidth: undefined,
@@ -329,7 +342,7 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
     },
     snap: snaps || undefined,
     snapGap: _useBreakoutGuidelines.SNAP_GAP,
-    handleStyles: getHandleStyle(nodeType),
+    handleStyles: getHandleStyle(nodeType, hidden),
     minWidth: minWidth,
     maxWidth: maxWidth
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop

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

@@ -23,7 +23,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.13.0";
+var packageVersion = "107.14.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/es2019/messages/index.js

@@ -40,6 +40,7 @@ export { mediaInsertMessages } from './media-insert';
 export { selectionExtensionMessages } from './selection-extension';
 export { selectionToolbarMessages } from './selection-toolbar';
 export { contextPanelMessages } from './context-panel';
+export { trackChangesMessages } from './track-changes';
 export default defineMessages({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/es2019/messages/track-changes.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export const trackChangesMessages = defineMessages({
+  toolbarIconLabel: {
+    id: 'editor.trackChanges.toolbarIconLabel',
+    defaultMessage: 'Track Changes',
+    description: 'Label for the track changes toolbar icon'
+  }
+});

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.13.0";
+const packageVersion = "107.14.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/resizer/BreakoutResizer.js

@@ -11,8 +11,18 @@ import Resizer from './Resizer';
 import { ResizerBreakoutModeLabel } from './ResizerBreakoutModeLabel';
 import { SNAP_GAP, useBreakoutGuidelines } from './useBreakoutGuidelines';
 const breakoutSupportedNodes = ['layoutSection', 'expand', 'codeBlock'];
-const getHandleStyle = node => {
+const getHandleStyle = (node, hidden) => {
   const layoutMarginOffset = 12;
+  if (hidden) {
+    return {
+      left: {
+        display: 'none'
+      },
+      right: {
+        display: 'none'
+      }
+    };
+  }
   switch (node) {
     case 'codeBlock':
       return {
@@ -84,6 +94,7 @@ const RESIZE_STEP_VALUE = 10;
  * @param root0.displayGapCursor
  * @param root0.onResizeStart
  * @param root0.dynamicFullWidthGuidelineOffset
+ * @param root0.hidden Hide the resizer handles without outright unrendering them
  * @returns BreakoutResizer component
  * @example
  */
@@ -99,7 +110,8 @@ const BreakoutResizer = ({
   editorAnalyticsApi,
   displayGapCursor,
   onResizeStart,
-  dynamicFullWidthGuidelineOffset
+  dynamicFullWidthGuidelineOffset,
+  hidden = false
 }) => {
   const [{
     minWidth,
@@ -324,7 +336,7 @@ const BreakoutResizer = ({
     },
     snap: snaps || undefined,
     snapGap: SNAP_GAP,
-    handleStyles: getHandleStyle(nodeType),
+    handleStyles: getHandleStyle(nodeType, hidden),
     minWidth: minWidth,
     maxWidth: maxWidth
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "107.13.0";
+const packageVersion = "107.14.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/esm/messages/index.js

@@ -40,6 +40,7 @@ export { mediaInsertMessages } from './media-insert';
 export { selectionExtensionMessages } from './selection-extension';
 export { selectionToolbarMessages } from './selection-toolbar';
 export { contextPanelMessages } from './context-panel';
+export { trackChangesMessages } from './track-changes';
 export default defineMessages({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/esm/messages/track-changes.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export var trackChangesMessages = defineMessages({
+  toolbarIconLabel: {
+    id: 'editor.trackChanges.toolbarIconLabel',
+    defaultMessage: 'Track Changes',
+    description: 'Label for the track changes toolbar icon'
+  }
+});

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.13.0";
+var packageVersion = "107.14.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/resizer/BreakoutResizer.js

@@ -12,8 +12,18 @@ import Resizer from './Resizer';
 import { ResizerBreakoutModeLabel } from './ResizerBreakoutModeLabel';
 import { SNAP_GAP, useBreakoutGuidelines } from './useBreakoutGuidelines';
 var breakoutSupportedNodes = ['layoutSection', 'expand', 'codeBlock'];
-var getHandleStyle = function getHandleStyle(node) {
+var getHandleStyle = function getHandleStyle(node, hidden) {
   var layoutMarginOffset = 12;
+  if (hidden) {
+    return {
+      left: {
+        display: 'none'
+      },
+      right: {
+        display: 'none'
+      }
+    };
+  }
   switch (node) {
     case 'codeBlock':
       return {
@@ -85,6 +95,7 @@ var RESIZE_STEP_VALUE = 10;
  * @param root0.displayGapCursor
  * @param root0.onResizeStart
  * @param root0.dynamicFullWidthGuidelineOffset
+ * @param root0.hidden Hide the resizer handles without outright unrendering them
  * @returns BreakoutResizer component
  * @example
  */
@@ -100,7 +111,9 @@ var BreakoutResizer = function BreakoutResizer(_ref) {
     editorAnalyticsApi = _ref.editorAnalyticsApi,
     displayGapCursor = _ref.displayGapCursor,
     onResizeStart = _ref.onResizeStart,
-    dynamicFullWidthGuidelineOffset = _ref.dynamicFullWidthGuidelineOffset;
+    dynamicFullWidthGuidelineOffset = _ref.dynamicFullWidthGuidelineOffset,
+    _ref$hidden = _ref.hidden,
+    hidden = _ref$hidden === void 0 ? false : _ref$hidden;
   var _useState = useState({
       minWidth: undefined,
       maxWidth: undefined,
@@ -320,7 +333,7 @@ var BreakoutResizer = function BreakoutResizer(_ref) {
     },
     snap: snaps || undefined,
     snapGap: SNAP_GAP,
-    handleStyles: getHandleStyle(nodeType),
+    handleStyles: getHandleStyle(nodeType, hidden),
     minWidth: minWidth,
     maxWidth: maxWidth
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop

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

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.13.0";
+var packageVersion = "107.14.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -36,6 +36,7 @@ export { mediaInsertMessages } from './media-insert';
 export { selectionExtensionMessages } from './selection-extension';
 export { selectionToolbarMessages } from './selection-toolbar';
 export { contextPanelMessages } from './context-panel';
+export { trackChangesMessages } from './track-changes';
 declare const _default: {
     layoutFixedWidth: {
         id: string;

package/dist/types/messages/track-changes.d.ts

@@ -0,0 +1,7 @@
+export declare const trackChangesMessages: {
+    toolbarIconLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types/resizer/BreakoutResizer.d.ts

@@ -21,6 +21,7 @@ type BreakoutResizerProps = {
     displayGapCursor: (toggle: boolean) => boolean;
     onResizeStart?: () => void;
     dynamicFullWidthGuidelineOffset?: number;
+    hidden?: boolean;
 };
 /**
  * BreakoutResizer is a common component used to resize nodes that support the 'Breakout' mark, so it requires
@@ -40,8 +41,9 @@ type BreakoutResizerProps = {
  * @param root0.displayGapCursor
  * @param root0.onResizeStart
  * @param root0.dynamicFullWidthGuidelineOffset
+ * @param root0.hidden Hide the resizer handles without outright unrendering them
  * @returns BreakoutResizer component
  * @example
  */
-declare const BreakoutResizer: ({ editorView, nodeType, getPos, getRef, disabled, getEditorWidth, parentRef, displayGuidelines, editorAnalyticsApi, displayGapCursor, onResizeStart, dynamicFullWidthGuidelineOffset, }: BreakoutResizerProps) => React.JSX.Element;
+declare const BreakoutResizer: ({ editorView, nodeType, getPos, getRef, disabled, getEditorWidth, parentRef, displayGuidelines, editorAnalyticsApi, displayGapCursor, onResizeStart, dynamicFullWidthGuidelineOffset, hidden, }: BreakoutResizerProps) => React.JSX.Element;
 export { BreakoutResizer };

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

@@ -36,6 +36,7 @@ export { mediaInsertMessages } from './media-insert';
 export { selectionExtensionMessages } from './selection-extension';
 export { selectionToolbarMessages } from './selection-toolbar';
 export { contextPanelMessages } from './context-panel';
+export { trackChangesMessages } from './track-changes';
 declare const _default: {
     layoutFixedWidth: {
         id: string;

package/dist/types-ts4.5/messages/track-changes.d.ts

@@ -0,0 +1,7 @@
+export declare const trackChangesMessages: {
+    toolbarIconLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types-ts4.5/resizer/BreakoutResizer.d.ts

@@ -21,6 +21,7 @@ type BreakoutResizerProps = {
     displayGapCursor: (toggle: boolean) => boolean;
     onResizeStart?: () => void;
     dynamicFullWidthGuidelineOffset?: number;
+    hidden?: boolean;
 };
 /**
  * BreakoutResizer is a common component used to resize nodes that support the 'Breakout' mark, so it requires
@@ -40,8 +41,9 @@ type BreakoutResizerProps = {
  * @param root0.displayGapCursor
  * @param root0.onResizeStart
  * @param root0.dynamicFullWidthGuidelineOffset
+ * @param root0.hidden Hide the resizer handles without outright unrendering them
  * @returns BreakoutResizer component
  * @example
  */
-declare const BreakoutResizer: ({ editorView, nodeType, getPos, getRef, disabled, getEditorWidth, parentRef, displayGuidelines, editorAnalyticsApi, displayGapCursor, onResizeStart, dynamicFullWidthGuidelineOffset, }: BreakoutResizerProps) => React.JSX.Element;
+declare const BreakoutResizer: ({ editorView, nodeType, getPos, getRef, disabled, getEditorWidth, parentRef, displayGuidelines, editorAnalyticsApi, displayGapCursor, onResizeStart, dynamicFullWidthGuidelineOffset, hidden, }: BreakoutResizerProps) => React.JSX.Element;
 export { BreakoutResizer };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "107.13.1",
+	"version": "107.15.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -144,8 +144,8 @@
 		"@atlaskit/icon": "^27.8.0",
 		"@atlaskit/icon-object": "^7.1.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/link-datasource": "^4.16.0",
-		"@atlaskit/link-picker": "^3.8.0",
+		"@atlaskit/link-datasource": "^4.17.0",
+		"@atlaskit/link-picker": "^3.9.0",
 		"@atlaskit/media-card": "^79.4.0",
 		"@atlaskit/media-client": "^35.2.0",
 		"@atlaskit/media-client-react": "^4.1.0",
@@ -164,14 +164,14 @@
 		"@atlaskit/profilecard": "^23.21.0",
 		"@atlaskit/react-ufo": "^4.1.0",
 		"@atlaskit/section-message": "^8.5.0",
-		"@atlaskit/smart-card": "^40.5.0",
+		"@atlaskit/smart-card": "^40.6.0",
 		"@atlaskit/smart-user-picker": "^8.0.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^9.17.0",
+		"@atlaskit/tmp-editor-statsig": "^9.20.0",
 		"@atlaskit/tokens": "^5.6.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/width-detector": "^5.0.0",