@atlaskit/editor-plugin-media 1.9.0 → 1.9.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-media
 
+## 1.9.2
+
+### Patch Changes
+
+- [#80679](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80679) [`104eb9443b7e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/104eb9443b7e) - ED-22553 Updating adf-schema version to 35.6.0
+- Updated dependencies
+
+## 1.9.1
+
+### Patch Changes
+
+- [#80123](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80123) [`e235b04b9352`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e235b04b9352) - [ED-22387] Add css styling for comments on media node
+- Updated dependencies
+
 ## 1.9.0
 
 ### Minor Changes

package/dist/cjs/nodeviews/styles.js

@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MediaSingleNodeSelector = exports.MediaInlineNodeSelector = exports.MediaCardWrapper = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _ui = require("@atlaskit/editor-common/ui");
-var _colors = require("@atlaskit/theme/colors");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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) { (0, _defineProperty2.default)(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; } /** @jsx jsx */
+/** @jsx jsx */
+
 var MediaInlineNodeSelector = exports.MediaInlineNodeSelector = 'media-inline-node';
 var MediaSingleNodeSelector = exports.MediaSingleNodeSelector = 'media-single-node';
 var absoluteDivStyles = (0, _react2.css)({
@@ -23,33 +21,23 @@ var forcedDimensionsStyles = (0, _react2.css)({
   width: '100%',
   position: 'relative'
 });
-var boxShadowColorByStatus = {
-  draft: "var(--ds-background-accent-yellow-subtle, ".concat(_colors.Y300, ")"),
-  focus: "var(--ds-background-accent-yellow-subtle, ".concat(_colors.Y300, ")"),
-  blur: "var(--ds-background-accent-yellow-subtler, ".concat(_colors.Y200, ")")
-};
-var commentStatusStyleMap = function commentStatusStyleMap(status) {
-  return "3px 3px 0px 0px ".concat(boxShadowColorByStatus[status]);
-};
 var MediaCardWrapper = exports.MediaCardWrapper = function MediaCardWrapper(_ref) {
   var dimensions = _ref.dimensions,
     children = _ref.children,
     selected = _ref.selected,
     _ref$borderWidth = _ref.borderWidth,
     borderWidth = _ref$borderWidth === void 0 ? 0 : _ref$borderWidth,
-    onContextMenu = _ref.onContextMenu,
-    commentStatus = _ref.commentStatus;
+    onContextMenu = _ref.onContextMenu;
   var calculatedBorderWidth = selected && borderWidth > 0 ? borderWidth + 1 : borderWidth;
   return (0, _react2.jsx)("div", {
     "data-testid": "media-card-wrapper",
-    style: _objectSpread({
+    className: "media-card-wrapper",
+    style: {
       borderColor: "var(--custom-palette-color)",
       borderWidth: "".concat(calculatedBorderWidth, "px"),
       borderStyle: 'solid',
       borderRadius: "".concat(calculatedBorderWidth * 2, "px")
-    }, commentStatus && {
-      boxShadow: "".concat(commentStatusStyleMap(commentStatus))
-    })
+    }
   }, (0, _react2.jsx)("div", {
     css: forcedDimensionsStyles,
     style: {

package/dist/cjs/pm-plugins/alt-text/actions.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/pm-plugins/alt-text/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/pm-plugins/linking/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/es2019/nodeviews/styles.js

@@ -2,7 +2,6 @@
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { MediaBorderGapFiller } from '@atlaskit/editor-common/ui';
-import { Y200, Y300 } from '@atlaskit/theme/colors';
 export const MediaInlineNodeSelector = 'media-inline-node';
 export const MediaSingleNodeSelector = 'media-single-node';
 const absoluteDivStyles = css({
@@ -14,31 +13,22 @@ const forcedDimensionsStyles = css({
   width: '100%',
   position: 'relative'
 });
-const boxShadowColorByStatus = {
-  draft: `var(--ds-background-accent-yellow-subtle, ${Y300})`,
-  focus: `var(--ds-background-accent-yellow-subtle, ${Y300})`,
-  blur: `var(--ds-background-accent-yellow-subtler, ${Y200})`
-};
-const commentStatusStyleMap = status => `3px 3px 0px 0px ${boxShadowColorByStatus[status]}`;
 export const MediaCardWrapper = ({
   dimensions,
   children,
   selected,
   borderWidth = 0,
-  onContextMenu,
-  commentStatus
+  onContextMenu
 }) => {
   const calculatedBorderWidth = selected && borderWidth > 0 ? borderWidth + 1 : borderWidth;
   return jsx("div", {
     "data-testid": "media-card-wrapper",
+    className: "media-card-wrapper",
     style: {
       borderColor: `var(--custom-palette-color)`,
       borderWidth: `${calculatedBorderWidth}px`,
       borderStyle: 'solid',
-      borderRadius: `${calculatedBorderWidth * 2}px`,
-      ...(commentStatus && {
-        boxShadow: `${commentStatusStyleMap(commentStatus)}`
-      })
+      borderRadius: `${calculatedBorderWidth * 2}px`
     }
   }, jsx("div", {
     css: forcedDimensionsStyles,

package/dist/es2019/pm-plugins/alt-text/actions.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/pm-plugins/alt-text/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/pm-plugins/linking/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/nodeviews/styles.js

@@ -1,11 +1,7 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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; }
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { MediaBorderGapFiller } from '@atlaskit/editor-common/ui';
-import { Y200, Y300 } from '@atlaskit/theme/colors';
 export var MediaInlineNodeSelector = 'media-inline-node';
 export var MediaSingleNodeSelector = 'media-single-node';
 var absoluteDivStyles = css({
@@ -17,33 +13,23 @@ var forcedDimensionsStyles = css({
   width: '100%',
   position: 'relative'
 });
-var boxShadowColorByStatus = {
-  draft: "var(--ds-background-accent-yellow-subtle, ".concat(Y300, ")"),
-  focus: "var(--ds-background-accent-yellow-subtle, ".concat(Y300, ")"),
-  blur: "var(--ds-background-accent-yellow-subtler, ".concat(Y200, ")")
-};
-var commentStatusStyleMap = function commentStatusStyleMap(status) {
-  return "3px 3px 0px 0px ".concat(boxShadowColorByStatus[status]);
-};
 export var MediaCardWrapper = function MediaCardWrapper(_ref) {
   var dimensions = _ref.dimensions,
     children = _ref.children,
     selected = _ref.selected,
     _ref$borderWidth = _ref.borderWidth,
     borderWidth = _ref$borderWidth === void 0 ? 0 : _ref$borderWidth,
-    onContextMenu = _ref.onContextMenu,
-    commentStatus = _ref.commentStatus;
+    onContextMenu = _ref.onContextMenu;
   var calculatedBorderWidth = selected && borderWidth > 0 ? borderWidth + 1 : borderWidth;
   return jsx("div", {
     "data-testid": "media-card-wrapper",
-    style: _objectSpread({
+    className: "media-card-wrapper",
+    style: {
       borderColor: "var(--custom-palette-color)",
       borderWidth: "".concat(calculatedBorderWidth, "px"),
       borderStyle: 'solid',
       borderRadius: "".concat(calculatedBorderWidth * 2, "px")
-    }, commentStatus && {
-      boxShadow: "".concat(commentStatusStyleMap(commentStatus))
-    })
+    }
   }, jsx("div", {
     css: forcedDimensionsStyles,
     style: {

package/dist/esm/pm-plugins/alt-text/actions.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/pm-plugins/alt-text/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/pm-plugins/linking/types.js

@@ -1 +0,0 @@
-export {};

package/dist/types/nodeviews/styles.d.ts

@@ -2,7 +2,6 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
 import type { NumericalCardDimensions } from '@atlaskit/media-card';
-import type { CommentStatus } from '../types';
 export declare const MediaInlineNodeSelector = "media-inline-node";
 export declare const MediaSingleNodeSelector = "media-single-node";
 type MediaCardWrapperProps = {
@@ -11,7 +10,6 @@ type MediaCardWrapperProps = {
     selected?: boolean;
     borderWidth?: number;
     onContextMenu?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    commentStatus?: CommentStatus;
 };
-export declare const MediaCardWrapper: ({ dimensions, children, selected, borderWidth, onContextMenu, commentStatus, }: MediaCardWrapperProps) => jsx.JSX.Element;
+export declare const MediaCardWrapper: ({ dimensions, children, selected, borderWidth, onContextMenu, }: MediaCardWrapperProps) => jsx.JSX.Element;
 export {};

package/dist/types/types.d.ts

@@ -12,7 +12,6 @@ interface PlaceholderTextOptions {
     allowInserting?: boolean;
 }
 export type MediaStateStatus = 'unknown' | 'ready' | 'cancelled' | 'preview' | 'error' | 'mobile-upload-end';
-export type CommentStatus = 'draft' | 'focus' | 'blur';
 export type MediaSingleWithType = 'pixel' | 'percentage';
 export interface MediaOptions {
     provider?: Providers['mediaProvider'];

package/dist/types-ts4.5/nodeviews/styles.d.ts

@@ -2,7 +2,6 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
 import type { NumericalCardDimensions } from '@atlaskit/media-card';
-import type { CommentStatus } from '../types';
 export declare const MediaInlineNodeSelector = "media-inline-node";
 export declare const MediaSingleNodeSelector = "media-single-node";
 type MediaCardWrapperProps = {
@@ -11,7 +10,6 @@ type MediaCardWrapperProps = {
     selected?: boolean;
     borderWidth?: number;
     onContextMenu?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    commentStatus?: CommentStatus;
 };
-export declare const MediaCardWrapper: ({ dimensions, children, selected, borderWidth, onContextMenu, commentStatus, }: MediaCardWrapperProps) => jsx.JSX.Element;
+export declare const MediaCardWrapper: ({ dimensions, children, selected, borderWidth, onContextMenu, }: MediaCardWrapperProps) => jsx.JSX.Element;
 export {};

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

@@ -12,7 +12,6 @@ interface PlaceholderTextOptions {
     allowInserting?: boolean;
 }
 export type MediaStateStatus = 'unknown' | 'ready' | 'cancelled' | 'preview' | 'error' | 'mobile-upload-end';
-export type CommentStatus = 'draft' | 'focus' | 'blur';
 export type MediaSingleWithType = 'pixel' | 'percentage';
 export interface MediaOptions {
     provider?: Providers['mediaProvider'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-media",
-  "version": "1.9.0",
+  "version": "1.9.2",
   "description": "Media plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -33,14 +33,14 @@
     "./types": "./src/types.ts"
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^35.5.2",
+    "@atlaskit/adf-schema": "^35.6.0",
     "@atlaskit/analytics-namespaced-context": "^6.9.0",
     "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/button": "^17.7.0",
     "@atlaskit/editor-common": "^78.12.0",
     "@atlaskit/editor-palette": "1.5.2",
     "@atlaskit/editor-plugin-analytics": "^1.0.0",
-    "@atlaskit/editor-plugin-annotation": "1.2.2",
+    "@atlaskit/editor-plugin-annotation": "1.3.1",
     "@atlaskit/editor-plugin-decorations": "^1.0.0",
     "@atlaskit/editor-plugin-editor-disabled": "^1.0.0",
     "@atlaskit/editor-plugin-floating-toolbar": "^1.2.0",