@atlaskit/editor-common 118.1.3 → 118.2.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-common
 
+## 118.2.0
+
+### Minor Changes
+
+- [`0cdf73fdf7d3e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0cdf73fdf7d3e) -
+  [ux] [EDITOR-8273] add breakout resizing to extension nodes behind
+  `platform_editor_lovability_resize_extensions` with graceful rendering behind
+  `platform_editor_lovability_resize_ext_gracefully`
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 118.1.3
 
 ### Patch Changes

package/dist/cjs/messages/breakout.js

@@ -55,5 +55,10 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
     id: 'fabric.editor.breakout.resizePanel',
     defaultMessage: 'Resize panel',
     description: 'Tooltip displayed on custom panel width resize handle'
+  },
+  resizeExtension: {
+    id: 'fabric.editor.breakout.resizeExtension',
+    defaultMessage: 'Resize extension',
+    description: 'Tooltip displayed on custom extension width resize handle'
   }
 });

package/dist/cjs/monitoring/error.js

@@ -28,7 +28,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "118.1.2";
+var packageVersion = "118.1.3";
 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 = "118.1.2";
+var packageVersion = "118.1.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/utils/getBreakoutResizableNodeTypesNew.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBreakoutResizableNodeTypesNew = void 0;
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
+var getBreakoutResizableNodeTypesNew = exports.getBreakoutResizableNodeTypesNew = function getBreakoutResizableNodeTypesNew(schema) {
+  var _schema$nodes = schema.nodes,
+    expand = _schema$nodes.expand,
+    codeBlock = _schema$nodes.codeBlock,
+    layoutSection = _schema$nodes.layoutSection,
+    syncBlock = _schema$nodes.syncBlock,
+    bodiedSyncBlock = _schema$nodes.bodiedSyncBlock,
+    rule = _schema$nodes.rule,
+    panel = _schema$nodes.panel,
+    panel_c1 = _schema$nodes.panel_c1,
+    extension = _schema$nodes.extension,
+    bodiedExtension = _schema$nodes.bodiedExtension,
+    multiBodiedExtension = _schema$nodes.multiBodiedExtension;
+  var breakoutResizableNodeTypes = [expand, codeBlock, layoutSection];
+  if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_synced_block') || (0, _isExperimentEnabled.isExperimentEnabled)('platform_synced_block_jira')) {
+    breakoutResizableNodeTypes.push(syncBlock, bodiedSyncBlock);
+  }
+  if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_dividers_panels')) {
+    breakoutResizableNodeTypes.push(rule, panel, panel_c1);
+  }
+  if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions')) {
+    breakoutResizableNodeTypes.push(extension, bodiedExtension, multiBodiedExtension);
+  }
+  return new Set(breakoutResizableNodeTypes);
+};

package/dist/cjs/utils/getBreakoutResizableNodes.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBreakoutResizableNodes = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
+var _breakoutResizableNodes = require("./breakoutResizableNodes");
+var breakoutResizableNodesOld = ['expand', 'layoutSection', 'codeBlock'];
+var extensionNodes = ['extension', 'bodiedExtension', 'multiBodiedExtension'];
+var getBreakoutResizableNodes = exports.getBreakoutResizableNodes = function getBreakoutResizableNodes() {
+  var breakoutResizableNodesList = breakoutResizableNodesOld;
+  if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_synced_block') || (0, _isExperimentEnabled.isExperimentEnabled)('platform_synced_block_jira')) {
+    breakoutResizableNodesList = _breakoutResizableNodes.breakoutResizableNodes;
+  }
+  if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_dividers_panels')) {
+    breakoutResizableNodesList = [].concat((0, _toConsumableArray2.default)(breakoutResizableNodesList), ['rule', 'panel', 'panel_c1']);
+  }
+  if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions')) {
+    breakoutResizableNodesList = [].concat((0, _toConsumableArray2.default)(breakoutResizableNodesList), extensionNodes);
+  }
+  return breakoutResizableNodesList;
+};

package/dist/cjs/utils/index.js

@@ -432,6 +432,18 @@ Object.defineProperty(exports, "getBreakoutResizableNodeTypes", {
     return _getBreakoutResizableNodeTypes.getBreakoutResizableNodeTypes;
   }
 });
+Object.defineProperty(exports, "getBreakoutResizableNodeTypesNew", {
+  enumerable: true,
+  get: function get() {
+    return _getBreakoutResizableNodeTypesNew.getBreakoutResizableNodeTypesNew;
+  }
+});
+Object.defineProperty(exports, "getBreakoutResizableNodes", {
+  enumerable: true,
+  get: function get() {
+    return _getBreakoutResizableNodes.getBreakoutResizableNodes;
+  }
+});
 Object.defineProperty(exports, "getChangedNodes", {
   enumerable: true,
   get: function get() {
@@ -1210,6 +1222,8 @@ var _imageLoader = require("./imageLoader");
 var _breakout = require("./breakout");
 var _breakoutResizableNodes = require("./breakoutResizableNodes");
 var _getBreakoutResizableNodeTypes = require("./getBreakoutResizableNodeTypes");
+var _getBreakoutResizableNodes = require("./getBreakoutResizableNodes");
+var _getBreakoutResizableNodeTypesNew = require("./getBreakoutResizableNodeTypesNew");
 var _getNextBreakoutMode = require("./getNextBreakoutMode");
 var _getTitle = require("./getTitle");
 var _SelectedState = require("./SelectedState");

package/dist/es2019/messages/breakout.js

@@ -49,5 +49,10 @@ export const messages = defineMessages({
     id: 'fabric.editor.breakout.resizePanel',
     defaultMessage: 'Resize panel',
     description: 'Tooltip displayed on custom panel width resize handle'
+  },
+  resizeExtension: {
+    id: 'fabric.editor.breakout.resizeExtension',
+    defaultMessage: 'Resize extension',
+    description: 'Tooltip displayed on custom extension width resize handle'
   }
 });

package/dist/es2019/monitoring/error.js

@@ -14,7 +14,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
 const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "118.1.2";
+const packageVersion = "118.1.3";
 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 = "118.1.2";
+const packageVersion = "118.1.3";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/utils/getBreakoutResizableNodeTypesNew.js

@@ -0,0 +1,27 @@
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+export const getBreakoutResizableNodeTypesNew = schema => {
+  const {
+    expand,
+    codeBlock,
+    layoutSection,
+    syncBlock,
+    bodiedSyncBlock,
+    rule,
+    panel,
+    panel_c1,
+    extension,
+    bodiedExtension,
+    multiBodiedExtension
+  } = schema.nodes;
+  const breakoutResizableNodeTypes = [expand, codeBlock, layoutSection];
+  if (isExperimentEnabled('platform_synced_block') || isExperimentEnabled('platform_synced_block_jira')) {
+    breakoutResizableNodeTypes.push(syncBlock, bodiedSyncBlock);
+  }
+  if (isExperimentEnabled('platform_editor_lovability_resize_dividers_panels')) {
+    breakoutResizableNodeTypes.push(rule, panel, panel_c1);
+  }
+  if (isExperimentEnabled('platform_editor_lovability_resize_extensions')) {
+    breakoutResizableNodeTypes.push(extension, bodiedExtension, multiBodiedExtension);
+  }
+  return new Set(breakoutResizableNodeTypes);
+};

package/dist/es2019/utils/getBreakoutResizableNodes.js

@@ -0,0 +1,17 @@
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+import { breakoutResizableNodes } from './breakoutResizableNodes';
+const breakoutResizableNodesOld = ['expand', 'layoutSection', 'codeBlock'];
+const extensionNodes = ['extension', 'bodiedExtension', 'multiBodiedExtension'];
+export const getBreakoutResizableNodes = () => {
+  let breakoutResizableNodesList = breakoutResizableNodesOld;
+  if (isExperimentEnabled('platform_synced_block') || isExperimentEnabled('platform_synced_block_jira')) {
+    breakoutResizableNodesList = breakoutResizableNodes;
+  }
+  if (isExperimentEnabled('platform_editor_lovability_resize_dividers_panels')) {
+    breakoutResizableNodesList = [...breakoutResizableNodesList, 'rule', 'panel', 'panel_c1'];
+  }
+  if (isExperimentEnabled('platform_editor_lovability_resize_extensions')) {
+    breakoutResizableNodesList = [...breakoutResizableNodesList, ...extensionNodes];
+  }
+  return breakoutResizableNodesList;
+};

package/dist/es2019/utils/index.js

@@ -36,6 +36,8 @@ export { withImageLoader } from './imageLoader';
 export { absoluteBreakoutWidth, calcBreakoutWidth, calcWideWidth, breakoutConsts, calculateBreakoutStyles, calcBreakoutWidthPx, calcBreakoutWithCustomWidth } from './breakout';
 export { breakoutResizableNodes } from './breakoutResizableNodes';
 export { getBreakoutResizableNodeTypes } from './getBreakoutResizableNodeTypes';
+export { getBreakoutResizableNodes } from './getBreakoutResizableNodes';
+export { getBreakoutResizableNodeTypesNew } from './getBreakoutResizableNodeTypesNew';
 export { getNextBreakoutMode } from './getNextBreakoutMode';
 export { getTitle } from './getTitle';
 export { SelectedState } from './SelectedState';

package/dist/esm/messages/breakout.js

@@ -49,5 +49,10 @@ export var messages = defineMessages({
     id: 'fabric.editor.breakout.resizePanel',
     defaultMessage: 'Resize panel',
     description: 'Tooltip displayed on custom panel width resize handle'
+  },
+  resizeExtension: {
+    id: 'fabric.editor.breakout.resizeExtension',
+    defaultMessage: 'Resize extension',
+    description: 'Tooltip displayed on custom extension width resize handle'
   }
 });

package/dist/esm/monitoring/error.js

@@ -20,7 +20,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "118.1.2";
+var packageVersion = "118.1.3";
 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 = "118.1.2";
+var packageVersion = "118.1.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/utils/getBreakoutResizableNodeTypesNew.js

@@ -0,0 +1,26 @@
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+export var getBreakoutResizableNodeTypesNew = function getBreakoutResizableNodeTypesNew(schema) {
+  var _schema$nodes = schema.nodes,
+    expand = _schema$nodes.expand,
+    codeBlock = _schema$nodes.codeBlock,
+    layoutSection = _schema$nodes.layoutSection,
+    syncBlock = _schema$nodes.syncBlock,
+    bodiedSyncBlock = _schema$nodes.bodiedSyncBlock,
+    rule = _schema$nodes.rule,
+    panel = _schema$nodes.panel,
+    panel_c1 = _schema$nodes.panel_c1,
+    extension = _schema$nodes.extension,
+    bodiedExtension = _schema$nodes.bodiedExtension,
+    multiBodiedExtension = _schema$nodes.multiBodiedExtension;
+  var breakoutResizableNodeTypes = [expand, codeBlock, layoutSection];
+  if (isExperimentEnabled('platform_synced_block') || isExperimentEnabled('platform_synced_block_jira')) {
+    breakoutResizableNodeTypes.push(syncBlock, bodiedSyncBlock);
+  }
+  if (isExperimentEnabled('platform_editor_lovability_resize_dividers_panels')) {
+    breakoutResizableNodeTypes.push(rule, panel, panel_c1);
+  }
+  if (isExperimentEnabled('platform_editor_lovability_resize_extensions')) {
+    breakoutResizableNodeTypes.push(extension, bodiedExtension, multiBodiedExtension);
+  }
+  return new Set(breakoutResizableNodeTypes);
+};

package/dist/esm/utils/getBreakoutResizableNodes.js

@@ -0,0 +1,18 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+import { breakoutResizableNodes } from './breakoutResizableNodes';
+var breakoutResizableNodesOld = ['expand', 'layoutSection', 'codeBlock'];
+var extensionNodes = ['extension', 'bodiedExtension', 'multiBodiedExtension'];
+export var getBreakoutResizableNodes = function getBreakoutResizableNodes() {
+  var breakoutResizableNodesList = breakoutResizableNodesOld;
+  if (isExperimentEnabled('platform_synced_block') || isExperimentEnabled('platform_synced_block_jira')) {
+    breakoutResizableNodesList = breakoutResizableNodes;
+  }
+  if (isExperimentEnabled('platform_editor_lovability_resize_dividers_panels')) {
+    breakoutResizableNodesList = [].concat(_toConsumableArray(breakoutResizableNodesList), ['rule', 'panel', 'panel_c1']);
+  }
+  if (isExperimentEnabled('platform_editor_lovability_resize_extensions')) {
+    breakoutResizableNodesList = [].concat(_toConsumableArray(breakoutResizableNodesList), extensionNodes);
+  }
+  return breakoutResizableNodesList;
+};

package/dist/esm/utils/index.js

@@ -36,6 +36,8 @@ export { withImageLoader } from './imageLoader';
 export { absoluteBreakoutWidth, calcBreakoutWidth, calcWideWidth, breakoutConsts, calculateBreakoutStyles, calcBreakoutWidthPx, calcBreakoutWithCustomWidth } from './breakout';
 export { breakoutResizableNodes } from './breakoutResizableNodes';
 export { getBreakoutResizableNodeTypes } from './getBreakoutResizableNodeTypes';
+export { getBreakoutResizableNodes } from './getBreakoutResizableNodes';
+export { getBreakoutResizableNodeTypesNew } from './getBreakoutResizableNodeTypesNew';
 export { getNextBreakoutMode } from './getNextBreakoutMode';
 export { getTitle } from './getTitle';
 export { SelectedState } from './SelectedState';

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

@@ -24,6 +24,11 @@ export declare const messages: {
         description: string;
         id: string;
     };
+    resizeExtension: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
     resizeHandle: {
         defaultMessage: string;
         description: string;

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

@@ -0,0 +1,2 @@
+import type { NodeType, Schema } from '@atlaskit/editor-prosemirror/model';
+export declare const getBreakoutResizableNodeTypesNew: (schema: Schema) => Set<NodeType>;

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

@@ -0,0 +1 @@
+export declare const getBreakoutResizableNodes: () => string[];

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

@@ -36,6 +36,8 @@ export type { ImageLoaderProps, ImageLoaderState, ImageStatus } from './imageLoa
 export { absoluteBreakoutWidth, calcBreakoutWidth, calcWideWidth, breakoutConsts, calculateBreakoutStyles, calcBreakoutWidthPx, calcBreakoutWithCustomWidth, } from './breakout';
 export { breakoutResizableNodes } from './breakoutResizableNodes';
 export { getBreakoutResizableNodeTypes } from './getBreakoutResizableNodeTypes';
+export { getBreakoutResizableNodes } from './getBreakoutResizableNodes';
+export { getBreakoutResizableNodeTypesNew } from './getBreakoutResizableNodeTypesNew';
 export { getNextBreakoutMode } from './getNextBreakoutMode';
 export { getTitle } from './getTitle';
 export type { BreakoutConstsType } from './breakout';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "118.1.3",
+	"version": "118.2.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -63,7 +63,7 @@
 		"@atlaskit/media-picker": "^72.1.0",
 		"@atlaskit/media-ui": "^30.11.0",
 		"@atlaskit/media-viewer": "^54.5.0",
-		"@atlaskit/mention": "^27.14.0",
+		"@atlaskit/mention": "^27.15.0",
 		"@atlaskit/menu": "^10.0.0",
 		"@atlaskit/object": "^2.2.0",
 		"@atlaskit/onboarding": "^15.1.0",
@@ -83,8 +83,8 @@
 		"@atlaskit/task-decision": "^21.8.0",
 		"@atlaskit/teams-app-config": "^2.2.0",
 		"@atlaskit/textfield": "^10.0.0",
-		"@atlaskit/tmp-editor-statsig": "^144.0.0",
-		"@atlaskit/tokens": "^16.4.0",
+		"@atlaskit/tmp-editor-statsig": "^145.0.0",
+		"@atlaskit/tokens": "^16.5.0",
 		"@atlaskit/tooltip": "^24.0.0",
 		"@atlaskit/width-detector": "^7.0.0",
 		"@babel/runtime": "^7.0.0",