@atlaskit/editor-common 78.18.1 → 78.18.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-common
 
+## 78.18.2
+
+### Patch Changes
+
+- [#81777](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81777) [`c6d7a5378751`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c6d7a5378751) - Bump adf-schema to 35.7.0
+- [#83037](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83037) [`659c2a11c370`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/659c2a11c370) - [ux] Fix bodied macro copy/delete behavior
+- Updated dependencies
+
 ## 78.18.1
 
 ### Patch Changes

package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -4,13 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.labelStyles = exports.ExtensionLabel = void 0;
+exports.ExtensionLabel = void 0;
 var _react = require("@emotion/react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _colors = require("@atlaskit/theme/colors");
 /** @jsx jsx */
 
-var labelStyles = exports.labelStyles = (0, _react.css)({
+var labelStyles = (0, _react.css)({
+  opacity: 0,
   display: 'inline-flex',
   width: 'max-content',
   justifyContent: 'left',
@@ -22,11 +23,10 @@ var labelStyles = exports.labelStyles = (0, _react.css)({
     // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
     top: '-17px'
   },
-  background: "var(--ds-background-accent-gray-subtle-pressed, ".concat(_colors.N300, ")"),
-  color: "var(--ds-text-subtle, ".concat(_colors.N500, ")"),
-  '&.selected': {
-    backgroundColor: "var(--ds-background-selected, ".concat(_colors.B50, ")"),
-    color: "var(--ds-text-selected, ".concat(_colors.B400, ")")
+  '&.hovered': {
+    background: "var(--ds-background-accent-gray-subtle-pressed, ".concat(_colors.N300, ")"),
+    color: "var(--ds-text-subtle, ".concat(_colors.N500, ")"),
+    opacity: 1
   },
   borderRadius: "var(--ds-border-radius, 3px)",
   lineHeight: 1,
@@ -40,11 +40,11 @@ var textStyles = (0, _react.css)({
 var ExtensionLabel = exports.ExtensionLabel = function ExtensionLabel(_ref) {
   var text = _ref.text,
     extensionName = _ref.extensionName,
-    isNodeSelected = _ref.isNodeSelected,
+    isNodeHovered = _ref.isNodeHovered,
     customContainerStyles = _ref.customContainerStyles;
   var classNames = (0, _classnames.default)('extension-title', 'extension-label', {
     'inline-extension': extensionName === 'inlineExtension',
-    selected: isNodeSelected
+    hovered: isNodeHovered
   });
   return (0, _react.jsx)("div", {
     style: customContainerStyles

package/dist/cjs/extensibility/Extension/Lozenge/LozengeComponent.js

@@ -22,35 +22,32 @@ var LozengeComponent = exports.LozengeComponent = function LozengeComponent(_ref
     title = _ref.title,
     params = _ref.params,
     renderImage = _ref.renderImage,
-    isNodeSelected = _ref.isNodeSelected,
     showMacroInteractionDesignUpdates = _ref.showMacroInteractionDesignUpdates,
     customContainerStyles = _ref.customContainerStyles,
     isNodeHovered = _ref.isNodeHovered;
   var capitalizedTitle = capitalizeFirstLetter(title);
-  if (showMacroInteractionDesignUpdates && (isNodeHovered || isNodeSelected)) {
+  if (showMacroInteractionDesignUpdates) {
     return (0, _react.jsx)(_ExtensionLabel.ExtensionLabel, {
       text: capitalizedTitle,
       extensionName: extensionName,
-      isNodeSelected: isNodeSelected,
+      isNodeHovered: isNodeHovered,
       customContainerStyles: customContainerStyles
     });
-  } else if (!showMacroInteractionDesignUpdates) {
-    var isBlockExtension = extensionName === 'extension';
-    return (0, _react.jsx)("div", {
-      "data-testid": "lozenge-fallback",
-      css: _styles.placeholderFallback
-    }, lozengeData && !isBlockExtension ? renderImage(_objectSpread({
-      height: ICON_SIZE,
-      width: ICON_SIZE
-    }, lozengeData)) : (0, _react.jsx)(_file.default, {
-      label: title
-    }), (0, _react.jsx)("span", {
-      className: "extension-title"
-    }, capitalizedTitle), params && !isBlockExtension && (0, _react.jsx)("span", {
-      css: _styles.placeholderFallbackParams
-    }, Object.keys(params).map(function (key) {
-      return key && " | ".concat(key, " = ").concat(params[key].value);
-    })));
   }
-  return null;
+  var isBlockExtension = extensionName === 'extension';
+  return (0, _react.jsx)("div", {
+    "data-testid": "lozenge-fallback",
+    css: _styles.placeholderFallback
+  }, lozengeData && !isBlockExtension ? renderImage(_objectSpread({
+    height: ICON_SIZE,
+    width: ICON_SIZE
+  }, lozengeData)) : (0, _react.jsx)(_file.default, {
+    label: title
+  }), (0, _react.jsx)("span", {
+    className: "extension-title"
+  }, capitalizedTitle), params && !isBlockExtension && (0, _react.jsx)("span", {
+    css: _styles.placeholderFallbackParams
+  }, Object.keys(params).map(function (key) {
+    return key && " | ".concat(key, " = ").concat(params[key].value);
+  })));
 };

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 = "78.18.1";
+var packageVersion = "78.18.2";
 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() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "78.18.1";
+var packageVersion = "78.18.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -2,8 +2,9 @@
 
 import { css, jsx } from '@emotion/react';
 import classnames from 'classnames';
-import { B400, B50, N300, N500 } from '@atlaskit/theme/colors';
-export const labelStyles = css({
+import { N300, N500 } from '@atlaskit/theme/colors';
+const labelStyles = css({
+  opacity: 0,
   display: 'inline-flex',
   width: 'max-content',
   justifyContent: 'left',
@@ -15,11 +16,10 @@ export const labelStyles = css({
     // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
     top: '-17px'
   },
-  background: `var(--ds-background-accent-gray-subtle-pressed, ${N300})`,
-  color: `var(--ds-text-subtle, ${N500})`,
-  '&.selected': {
-    backgroundColor: `var(--ds-background-selected, ${B50})`,
-    color: `var(--ds-text-selected, ${B400})`
+  '&.hovered': {
+    background: `var(--ds-background-accent-gray-subtle-pressed, ${N300})`,
+    color: `var(--ds-text-subtle, ${N500})`,
+    opacity: 1
   },
   borderRadius: "var(--ds-border-radius, 3px)",
   lineHeight: 1,
@@ -33,12 +33,12 @@ const textStyles = css({
 export const ExtensionLabel = ({
   text,
   extensionName,
-  isNodeSelected,
+  isNodeHovered,
   customContainerStyles
 }) => {
   const classNames = classnames('extension-title', 'extension-label', {
     'inline-extension': extensionName === 'inlineExtension',
-    selected: isNodeSelected
+    hovered: isNodeHovered
   });
   return jsx("div", {
     style: customContainerStyles

package/dist/es2019/extensibility/Extension/Lozenge/LozengeComponent.js

@@ -14,35 +14,32 @@ export const LozengeComponent = ({
   title,
   params,
   renderImage,
-  isNodeSelected,
   showMacroInteractionDesignUpdates,
   customContainerStyles,
   isNodeHovered
 }) => {
   const capitalizedTitle = capitalizeFirstLetter(title);
-  if (showMacroInteractionDesignUpdates && (isNodeHovered || isNodeSelected)) {
+  if (showMacroInteractionDesignUpdates) {
     return jsx(ExtensionLabel, {
       text: capitalizedTitle,
       extensionName: extensionName,
-      isNodeSelected: isNodeSelected,
+      isNodeHovered: isNodeHovered,
       customContainerStyles: customContainerStyles
     });
-  } else if (!showMacroInteractionDesignUpdates) {
-    const isBlockExtension = extensionName === 'extension';
-    return jsx("div", {
-      "data-testid": "lozenge-fallback",
-      css: placeholderFallback
-    }, lozengeData && !isBlockExtension ? renderImage({
-      height: ICON_SIZE,
-      width: ICON_SIZE,
-      ...lozengeData
-    }) : jsx(EditorFileIcon, {
-      label: title
-    }), jsx("span", {
-      className: "extension-title"
-    }, capitalizedTitle), params && !isBlockExtension && jsx("span", {
-      css: placeholderFallbackParams
-    }, Object.keys(params).map(key => key && ` | ${key} = ${params[key].value}`)));
   }
-  return null;
+  const isBlockExtension = extensionName === 'extension';
+  return jsx("div", {
+    "data-testid": "lozenge-fallback",
+    css: placeholderFallback
+  }, lozengeData && !isBlockExtension ? renderImage({
+    height: ICON_SIZE,
+    width: ICON_SIZE,
+    ...lozengeData
+  }) : jsx(EditorFileIcon, {
+    label: title
+  }), jsx("span", {
+    className: "extension-title"
+  }, capitalizedTitle), params && !isBlockExtension && jsx("span", {
+    css: placeholderFallbackParams
+  }, Object.keys(params).map(key => key && ` | ${key} = ${params[key].value}`)));
 };

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 = "78.18.1";
+const packageVersion = "78.18.2";
 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 = "78.18.1";
+const packageVersion = "78.18.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -2,8 +2,9 @@
 
 import { css, jsx } from '@emotion/react';
 import classnames from 'classnames';
-import { B400, B50, N300, N500 } from '@atlaskit/theme/colors';
-export var labelStyles = css({
+import { N300, N500 } from '@atlaskit/theme/colors';
+var labelStyles = css({
+  opacity: 0,
   display: 'inline-flex',
   width: 'max-content',
   justifyContent: 'left',
@@ -15,11 +16,10 @@ export var labelStyles = css({
     // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
     top: '-17px'
   },
-  background: "var(--ds-background-accent-gray-subtle-pressed, ".concat(N300, ")"),
-  color: "var(--ds-text-subtle, ".concat(N500, ")"),
-  '&.selected': {
-    backgroundColor: "var(--ds-background-selected, ".concat(B50, ")"),
-    color: "var(--ds-text-selected, ".concat(B400, ")")
+  '&.hovered': {
+    background: "var(--ds-background-accent-gray-subtle-pressed, ".concat(N300, ")"),
+    color: "var(--ds-text-subtle, ".concat(N500, ")"),
+    opacity: 1
   },
   borderRadius: "var(--ds-border-radius, 3px)",
   lineHeight: 1,
@@ -33,11 +33,11 @@ var textStyles = css({
 export var ExtensionLabel = function ExtensionLabel(_ref) {
   var text = _ref.text,
     extensionName = _ref.extensionName,
-    isNodeSelected = _ref.isNodeSelected,
+    isNodeHovered = _ref.isNodeHovered,
     customContainerStyles = _ref.customContainerStyles;
   var classNames = classnames('extension-title', 'extension-label', {
     'inline-extension': extensionName === 'inlineExtension',
-    selected: isNodeSelected
+    hovered: isNodeHovered
   });
   return jsx("div", {
     style: customContainerStyles

package/dist/esm/extensibility/Extension/Lozenge/LozengeComponent.js

@@ -17,35 +17,32 @@ export var LozengeComponent = function LozengeComponent(_ref) {
     title = _ref.title,
     params = _ref.params,
     renderImage = _ref.renderImage,
-    isNodeSelected = _ref.isNodeSelected,
     showMacroInteractionDesignUpdates = _ref.showMacroInteractionDesignUpdates,
     customContainerStyles = _ref.customContainerStyles,
     isNodeHovered = _ref.isNodeHovered;
   var capitalizedTitle = capitalizeFirstLetter(title);
-  if (showMacroInteractionDesignUpdates && (isNodeHovered || isNodeSelected)) {
+  if (showMacroInteractionDesignUpdates) {
     return jsx(ExtensionLabel, {
       text: capitalizedTitle,
       extensionName: extensionName,
-      isNodeSelected: isNodeSelected,
+      isNodeHovered: isNodeHovered,
       customContainerStyles: customContainerStyles
     });
-  } else if (!showMacroInteractionDesignUpdates) {
-    var isBlockExtension = extensionName === 'extension';
-    return jsx("div", {
-      "data-testid": "lozenge-fallback",
-      css: placeholderFallback
-    }, lozengeData && !isBlockExtension ? renderImage(_objectSpread({
-      height: ICON_SIZE,
-      width: ICON_SIZE
-    }, lozengeData)) : jsx(EditorFileIcon, {
-      label: title
-    }), jsx("span", {
-      className: "extension-title"
-    }, capitalizedTitle), params && !isBlockExtension && jsx("span", {
-      css: placeholderFallbackParams
-    }, Object.keys(params).map(function (key) {
-      return key && " | ".concat(key, " = ").concat(params[key].value);
-    })));
   }
-  return null;
+  var isBlockExtension = extensionName === 'extension';
+  return jsx("div", {
+    "data-testid": "lozenge-fallback",
+    css: placeholderFallback
+  }, lozengeData && !isBlockExtension ? renderImage(_objectSpread({
+    height: ICON_SIZE,
+    width: ICON_SIZE
+  }, lozengeData)) : jsx(EditorFileIcon, {
+    label: title
+  }), jsx("span", {
+    className: "extension-title"
+  }, capitalizedTitle), params && !isBlockExtension && jsx("span", {
+    css: placeholderFallbackParams
+  }, Object.keys(params).map(function (key) {
+    return key && " | ".concat(key, " = ").concat(params[key].value);
+  })));
 };

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

package/dist/types/extensibility/Extension/Lozenge/ExtensionLabel.d.ts

@@ -1,12 +1,11 @@
 /** @jsx jsx */
 import type { CSSProperties } from 'react';
 import { jsx } from '@emotion/react';
-export declare const labelStyles: import("@emotion/react").SerializedStyles;
 type ExtensionLabelProps = {
     text: string;
     extensionName: string;
-    isNodeSelected?: boolean;
+    isNodeHovered?: boolean;
     customContainerStyles?: CSSProperties;
 };
-export declare const ExtensionLabel: ({ text, extensionName, isNodeSelected, customContainerStyles, }: ExtensionLabelProps) => jsx.JSX.Element;
+export declare const ExtensionLabel: ({ text, extensionName, isNodeHovered, customContainerStyles, }: ExtensionLabelProps) => jsx.JSX.Element;
 export {};

package/dist/types/extensibility/Extension/Lozenge/LozengeComponent.d.ts

@@ -14,5 +14,5 @@ type LozengeComponentProps = {
     customContainerStyles?: CSSProperties;
     isNodeHovered?: boolean;
 };
-export declare const LozengeComponent: ({ lozengeData, extensionName, title, params, renderImage, isNodeSelected, showMacroInteractionDesignUpdates, customContainerStyles, isNodeHovered, }: LozengeComponentProps) => jsx.JSX.Element | null;
+export declare const LozengeComponent: ({ lozengeData, extensionName, title, params, renderImage, showMacroInteractionDesignUpdates, customContainerStyles, isNodeHovered, }: LozengeComponentProps) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/extensibility/Extension/Lozenge/ExtensionLabel.d.ts

@@ -1,12 +1,11 @@
 /** @jsx jsx */
 import type { CSSProperties } from 'react';
 import { jsx } from '@emotion/react';
-export declare const labelStyles: import("@emotion/react").SerializedStyles;
 type ExtensionLabelProps = {
     text: string;
     extensionName: string;
-    isNodeSelected?: boolean;
+    isNodeHovered?: boolean;
     customContainerStyles?: CSSProperties;
 };
-export declare const ExtensionLabel: ({ text, extensionName, isNodeSelected, customContainerStyles, }: ExtensionLabelProps) => jsx.JSX.Element;
+export declare const ExtensionLabel: ({ text, extensionName, isNodeHovered, customContainerStyles, }: ExtensionLabelProps) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/extensibility/Extension/Lozenge/LozengeComponent.d.ts

@@ -14,5 +14,5 @@ type LozengeComponentProps = {
     customContainerStyles?: CSSProperties;
     isNodeHovered?: boolean;
 };
-export declare const LozengeComponent: ({ lozengeData, extensionName, title, params, renderImage, isNodeSelected, showMacroInteractionDesignUpdates, customContainerStyles, isNodeHovered, }: LozengeComponentProps) => jsx.JSX.Element | null;
+export declare const LozengeComponent: ({ lozengeData, extensionName, title, params, renderImage, showMacroInteractionDesignUpdates, customContainerStyles, isNodeHovered, }: LozengeComponentProps) => jsx.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "78.18.1",
+  "version": "78.18.2",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -94,7 +94,7 @@
   },
   "dependencies": {
     "@atlaskit/activity-provider": "^2.4.0",
-    "@atlaskit/adf-schema": "^35.6.0",
+    "@atlaskit/adf-schema": "^35.7.0",
     "@atlaskit/adf-utils": "^19.0.0",
     "@atlaskit/analytics-listeners": "^8.9.0",
     "@atlaskit/analytics-namespaced-context": "^6.9.0",
@@ -103,7 +103,7 @@
     "@atlaskit/button": "^17.7.0",
     "@atlaskit/code": "^15.1.0",
     "@atlaskit/codemod-utils": "^4.2.0",
-    "@atlaskit/custom-steps": "^0.0.15",
+    "@atlaskit/custom-steps": "^0.0.16",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-palette": "1.5.3",
     "@atlaskit/editor-prosemirror": "3.0.0",