@atlaskit/editor-common 95.1.0 → 95.1.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-common
 
+## 95.1.1
+
+### Patch Changes
+
+- [#166487](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/166487)
+  [`9764cdca27869`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9764cdca27869) -
+  [ux] ED-25708 change all media cursors to pointer events in editor
+
 ## 95.1.0
 
 ### Minor Changes

package/dist/cjs/media-inline/inline-image-wrapper.js

@@ -28,7 +28,6 @@ var InlineImageWrapper = exports.InlineImageWrapper = function InlineImageWrappe
   var _ref2;
   var children = _ref.children,
     isSelected = _ref.isSelected,
-    isInteractive = _ref.isInteractive,
     aspectRatio = _ref.aspectRatio,
     borderSize = _ref.borderSize,
     borderColor = _ref.borderColor,
@@ -51,9 +50,7 @@ var InlineImageWrapper = exports.InlineImageWrapper = function InlineImageWrappe
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       borderSize && borderColor && _styles.borderStyle,
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-      isSelected && _styles.selectedStyle,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-      isInteractive && _styles.interactiveStyle],
+      isSelected && _styles.selectedStyle],
       "data-testid": "inline-image-wrapper",
       onClick: onClick
     }, htmlAttrs), (0, _react.jsx)("span", {

package/dist/cjs/media-inline/media-inline-image-card.js

@@ -214,7 +214,6 @@ var MediaInlineImageCardInternal = exports.MediaInlineImageCardInternal = functi
   }, [identifier, isMediaViewerVisible, mediaClient === null || mediaClient === void 0 ? void 0 : mediaClient.mediaClientConfig, onMediaInlinePreviewClose]);
   return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_inlineImageWrapper.InlineImageWrapper, {
     isSelected: isSelected,
-    isInteractive: shouldOpenMediaViewer,
     aspectRatio: aspectRatio,
     borderColor: border === null || border === void 0 ? void 0 : border.borderColor,
     borderSize: border === null || border === void 0 ? void 0 : border.borderSize,

package/dist/cjs/media-inline/styles.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wrapperStyle = exports.selectedStyle = exports.mediaInlineImageStyles = exports.interactiveStyle = exports.borderStyle = exports.INLINE_IMAGE_WRAPPER_CLASS_NAME = exports.INLINE_IMAGE_BORDER_SIZE_CSS_VAR_KEY = exports.INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY = exports.INLINE_IMAGE_ASPECT_RATIO_CSS_VAR_KEY = void 0;
+exports.wrapperStyle = exports.selectedStyle = exports.mediaInlineImageStyles = exports.borderStyle = exports.INLINE_IMAGE_WRAPPER_CLASS_NAME = exports.INLINE_IMAGE_BORDER_SIZE_CSS_VAR_KEY = exports.INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY = exports.INLINE_IMAGE_ASPECT_RATIO_CSS_VAR_KEY = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _constants = require("./constants");
@@ -33,6 +33,7 @@ var mediaInlineImageStyles = exports.mediaInlineImageStyles = (0, _react.css)(_t
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var wrapperStyle = exports.wrapperStyle = (0, _react.css)({
   display: 'inline-flex',
+  cursor: 'pointer',
   justifyContent: 'center',
   alignItems: 'center',
   verticalAlign: 'middle',
@@ -45,16 +46,10 @@ var wrapperStyle = exports.wrapperStyle = (0, _react.css)({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var selectedStyle = exports.selectedStyle = (0, _react.css)({
-  cursor: 'pointer',
   boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)"),
   outline: 'none'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var interactiveStyle = exports.interactiveStyle = (0, _react.css)({
-  cursor: 'pointer'
-});
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var borderStyle = exports.borderStyle = (0, _react.css)({
   borderColor: "var(".concat(INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY, ")"),

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,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 && {}.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 = "95.1.0";
+var packageVersion = "95.1.1";
 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

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

package/dist/es2019/media-inline/inline-image-wrapper.js

@@ -7,7 +7,7 @@ import _extends from "@babel/runtime/helpers/extends";
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
-import { borderStyle, INLINE_IMAGE_ASPECT_RATIO_CSS_VAR_KEY, INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY, INLINE_IMAGE_BORDER_SIZE_CSS_VAR_KEY, INLINE_IMAGE_WRAPPER_CLASS_NAME, interactiveStyle, selectedStyle, wrapperStyle } from './styles';
+import { borderStyle, INLINE_IMAGE_ASPECT_RATIO_CSS_VAR_KEY, INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY, INLINE_IMAGE_BORDER_SIZE_CSS_VAR_KEY, INLINE_IMAGE_WRAPPER_CLASS_NAME, selectedStyle, wrapperStyle } from './styles';
 
 // The MediaImage component needs to obtain its parent's dimensions.
 // To achieve this, we have added an additional wrapper that allows
@@ -21,7 +21,6 @@ const sizeWrapperStyle = css({
 export const InlineImageWrapper = ({
   children,
   isSelected,
-  isInteractive,
   aspectRatio,
   borderSize,
   borderColor,
@@ -52,9 +51,7 @@ export const InlineImageWrapper = ({
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       borderSize && borderColor && borderStyle,
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-      isSelected && selectedStyle,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-      isInteractive && interactiveStyle],
+      isSelected && selectedStyle],
       "data-testid": "inline-image-wrapper",
       onClick: onClick
     }, htmlAttrs), jsx("span", {

package/dist/es2019/media-inline/media-inline-image-card.js

@@ -189,7 +189,6 @@ export const MediaInlineImageCardInternal = ({
   }, [identifier, isMediaViewerVisible, mediaClient === null || mediaClient === void 0 ? void 0 : mediaClient.mediaClientConfig, onMediaInlinePreviewClose]);
   return jsx(Fragment, null, jsx(InlineImageWrapper, {
     isSelected: isSelected,
-    isInteractive: shouldOpenMediaViewer,
     aspectRatio: aspectRatio,
     borderColor: border === null || border === void 0 ? void 0 : border.borderColor,
     borderSize: border === null || border === void 0 ? void 0 : border.borderSize,

package/dist/es2019/media-inline/styles.js

@@ -62,6 +62,7 @@ export const mediaInlineImageStyles = css`
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const wrapperStyle = css({
   display: 'inline-flex',
+  cursor: 'pointer',
   justifyContent: 'center',
   alignItems: 'center',
   verticalAlign: 'middle',
@@ -74,16 +75,10 @@ export const wrapperStyle = css({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const selectedStyle = css({
-  cursor: 'pointer',
   boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}`,
   outline: 'none'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const interactiveStyle = css({
-  cursor: 'pointer'
-});
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const borderStyle = css({
   borderColor: `var(${INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY})`,

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 = "95.1.0";
+const packageVersion = "95.1.1";
 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

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

package/dist/esm/media-inline/inline-image-wrapper.js

@@ -10,7 +10,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
-import { borderStyle, INLINE_IMAGE_ASPECT_RATIO_CSS_VAR_KEY, INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY, INLINE_IMAGE_BORDER_SIZE_CSS_VAR_KEY, INLINE_IMAGE_WRAPPER_CLASS_NAME, interactiveStyle, selectedStyle, wrapperStyle } from './styles';
+import { borderStyle, INLINE_IMAGE_ASPECT_RATIO_CSS_VAR_KEY, INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY, INLINE_IMAGE_BORDER_SIZE_CSS_VAR_KEY, INLINE_IMAGE_WRAPPER_CLASS_NAME, selectedStyle, wrapperStyle } from './styles';
 
 // The MediaImage component needs to obtain its parent's dimensions.
 // To achieve this, we have added an additional wrapper that allows
@@ -25,7 +25,6 @@ export var InlineImageWrapper = function InlineImageWrapper(_ref) {
   var _ref2;
   var children = _ref.children,
     isSelected = _ref.isSelected,
-    isInteractive = _ref.isInteractive,
     aspectRatio = _ref.aspectRatio,
     borderSize = _ref.borderSize,
     borderColor = _ref.borderColor,
@@ -48,9 +47,7 @@ export var InlineImageWrapper = function InlineImageWrapper(_ref) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       borderSize && borderColor && borderStyle,
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-      isSelected && selectedStyle,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-      isInteractive && interactiveStyle],
+      isSelected && selectedStyle],
       "data-testid": "inline-image-wrapper",
       onClick: onClick
     }, htmlAttrs), jsx("span", {

package/dist/esm/media-inline/media-inline-image-card.js

@@ -210,7 +210,6 @@ export var MediaInlineImageCardInternal = function MediaInlineImageCardInternal(
   }, [identifier, isMediaViewerVisible, mediaClient === null || mediaClient === void 0 ? void 0 : mediaClient.mediaClientConfig, onMediaInlinePreviewClose]);
   return jsx(Fragment, null, jsx(InlineImageWrapper, {
     isSelected: isSelected,
-    isInteractive: shouldOpenMediaViewer,
     aspectRatio: aspectRatio,
     borderColor: border === null || border === void 0 ? void 0 : border.borderColor,
     borderSize: border === null || border === void 0 ? void 0 : border.borderSize,

package/dist/esm/media-inline/styles.js

@@ -27,6 +27,7 @@ export var mediaInlineImageStyles = css(_templateObject2 || (_templateObject2 =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var wrapperStyle = css({
   display: 'inline-flex',
+  cursor: 'pointer',
   justifyContent: 'center',
   alignItems: 'center',
   verticalAlign: 'middle',
@@ -39,16 +40,10 @@ export var wrapperStyle = css({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var selectedStyle = css({
-  cursor: 'pointer',
   boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)"),
   outline: 'none'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var interactiveStyle = css({
-  cursor: 'pointer'
-});
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var borderStyle = css({
   borderColor: "var(".concat(INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY, ")"),

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 = "95.1.0";
+var packageVersion = "95.1.1";
 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

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

package/dist/types/media-inline/inline-image-wrapper.d.ts

@@ -7,7 +7,6 @@ import { jsx } from '@emotion/react';
 type Props = {
     children: ReactElement;
     isSelected?: boolean;
-    isInteractive?: boolean;
     aspectRatio?: number | string;
     borderSize?: number;
     borderColor?: string;
@@ -16,5 +15,5 @@ type Props = {
     };
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
 };
-export declare const InlineImageWrapper: ({ children, isSelected, isInteractive, aspectRatio, borderSize, borderColor, htmlAttrs, onClick, }: React.PropsWithChildren<Props>) => jsx.JSX.Element;
+export declare const InlineImageWrapper: ({ children, isSelected, aspectRatio, borderSize, borderColor, htmlAttrs, onClick, }: React.PropsWithChildren<Props>) => jsx.JSX.Element;
 export {};

package/dist/types/media-inline/styles.d.ts

@@ -11,5 +11,4 @@ export declare const INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY = "--editor-media-inl
 export declare const mediaInlineImageStyles: import("@emotion/react").SerializedStyles;
 export declare const wrapperStyle: import("@emotion/react").SerializedStyles;
 export declare const selectedStyle: import("@emotion/react").SerializedStyles;
-export declare const interactiveStyle: import("@emotion/react").SerializedStyles;
 export declare const borderStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/media-inline/inline-image-wrapper.d.ts

@@ -7,7 +7,6 @@ import { jsx } from '@emotion/react';
 type Props = {
     children: ReactElement;
     isSelected?: boolean;
-    isInteractive?: boolean;
     aspectRatio?: number | string;
     borderSize?: number;
     borderColor?: string;
@@ -16,5 +15,5 @@ type Props = {
     };
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
 };
-export declare const InlineImageWrapper: ({ children, isSelected, isInteractive, aspectRatio, borderSize, borderColor, htmlAttrs, onClick, }: React.PropsWithChildren<Props>) => jsx.JSX.Element;
+export declare const InlineImageWrapper: ({ children, isSelected, aspectRatio, borderSize, borderColor, htmlAttrs, onClick, }: React.PropsWithChildren<Props>) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/media-inline/styles.d.ts

@@ -11,5 +11,4 @@ export declare const INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY = "--editor-media-inl
 export declare const mediaInlineImageStyles: import("@emotion/react").SerializedStyles;
 export declare const wrapperStyle: import("@emotion/react").SerializedStyles;
 export declare const selectedStyle: import("@emotion/react").SerializedStyles;
-export declare const interactiveStyle: import("@emotion/react").SerializedStyles;
 export declare const borderStyle: import("@emotion/react").SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "95.1.0",
+	"version": "95.1.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -128,7 +128,7 @@
 		"@atlaskit/editor-shared-styles": "^3.2.0",
 		"@atlaskit/editor-tables": "^2.8.0",
 		"@atlaskit/emoji": "^67.11.0",
-		"@atlaskit/icon": "^22.24.0",
+		"@atlaskit/icon": "^22.25.0",
 		"@atlaskit/icon-object": "^6.7.0",
 		"@atlaskit/link-datasource": "^3.11.0",
 		"@atlaskit/link-picker": "^1.47.0",