@atlaskit/renderer 108.2.4 → 108.2.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/renderer
 
+## 108.2.5
+
+### Patch Changes
+
+- [`077e0fdfa41`](https://bitbucket.org/atlassian/atlassian-frontend/commits/077e0fdfa41) - [MEX-2452] Add Inline in Viewer Carousel
+
 ## 108.2.4
 
 ### Patch Changes

package/dist/cjs/react/nodes/mediaInline.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.RenderMediaInline = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -19,6 +20,8 @@ var _MediaCard = require("../../ui/MediaCard");
 var _reactIntlNext = require("react-intl-next");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var RenderMediaInline = function RenderMediaInline(_ref) {
   var rendererAppearance = _ref.rendererAppearance,
     intl = _ref.intl,
@@ -96,6 +99,18 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
       return _ref3.apply(this, arguments);
     };
   }(), [collectionName, featureFlags]);
+  (0, _react.useEffect)(function () {
+    var id = identifier.id;
+    var nodeIsInCache = id && _MediaCard.mediaIdentifierMap.has(id);
+    if (!nodeIsInCache) {
+      _MediaCard.mediaIdentifierMap.set(identifier.id, _objectSpread(_objectSpread({}, identifier), {}, {
+        collectionName: collectionName
+      }));
+    }
+    return function () {
+      _MediaCard.mediaIdentifierMap.delete(id);
+    };
+  }, [identifier, collectionName]);
   (0, _react.useEffect)(function () {
     var mediaProvider = mediaInlineProviders.mediaProvider,
       contextIdentifierProvider = mediaInlineProviders.contextIdentifierProvider;
@@ -164,7 +179,8 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
     onClick: handleMediaInlineClick,
     shouldOpenMediaViewer: shouldOpenMediaViewer,
     shouldDisplayToolTip: shouldDisplayToolTip,
-    mediaClientConfig: viewMediaClientConfigState
+    mediaClientConfig: viewMediaClientConfigState,
+    mediaViewerItems: Array.from(_MediaCard.mediaIdentifierMap.values())
   }) : /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardErroredView, {
     message: (intl || (0, _reactIntlNext.createIntl)({
       locale: 'en'

package/dist/cjs/ui/MediaCard.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getListOfIdentifiersFromDoc = exports.getClipboardAttrs = exports.MediaCardInternal = exports.MediaCard = void 0;
+exports.mediaIdentifierMap = exports.getListOfIdentifiersFromDoc = exports.getClipboardAttrs = exports.MediaCardInternal = exports.MediaCard = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -27,6 +27,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var mediaIdentifierMap = new Map();
+exports.mediaIdentifierMap = mediaIdentifierMap;
 var getListOfIdentifiersFromDoc = function getListOfIdentifiersFromDoc(doc) {
   if (!doc) {
     return [];

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

@@ -55,7 +55,7 @@ exports.NORMAL_SEVERITY_THRESHOLD = NORMAL_SEVERITY_THRESHOLD;
 var DEGRADED_SEVERITY_THRESHOLD = 3000;
 exports.DEGRADED_SEVERITY_THRESHOLD = DEGRADED_SEVERITY_THRESHOLD;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "108.2.4";
+var packageVersion = "108.2.5";
 var Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "108.2.4",
+	"version": "108.2.5",
 	"sideEffects": false
 }

package/dist/es2019/react/nodes/mediaInline.js

@@ -4,7 +4,7 @@ import { MediaInlineCard } from '@atlaskit/media-card';
 import { MediaInlineCardErroredView, MediaInlineCardLoadingView, messages } from '@atlaskit/media-ui';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { getMediaClient } from '@atlaskit/media-client';
-import { getClipboardAttrs } from '../../ui/MediaCard';
+import { getClipboardAttrs, mediaIdentifierMap } from '../../ui/MediaCard';
 import { createIntl, injectIntl } from 'react-intl-next';
 export const RenderMediaInline = ({
   rendererAppearance,
@@ -37,6 +37,21 @@ export const RenderMediaInline = ({
       // do not set state on error
     }
   }, [collectionName, featureFlags]);
+  useEffect(() => {
+    const {
+      id
+    } = identifier;
+    const nodeIsInCache = id && mediaIdentifierMap.has(id);
+    if (!nodeIsInCache) {
+      mediaIdentifierMap.set(identifier.id, {
+        ...identifier,
+        collectionName
+      });
+    }
+    return () => {
+      mediaIdentifierMap.delete(id);
+    };
+  }, [identifier, collectionName]);
   useEffect(() => {
     const {
       mediaProvider,
@@ -94,7 +109,8 @@ export const RenderMediaInline = ({
     onClick: handleMediaInlineClick,
     shouldOpenMediaViewer: shouldOpenMediaViewer,
     shouldDisplayToolTip: shouldDisplayToolTip,
-    mediaClientConfig: viewMediaClientConfigState
+    mediaClientConfig: viewMediaClientConfigState,
+    mediaViewerItems: Array.from(mediaIdentifierMap.values())
   }) : /*#__PURE__*/React.createElement(MediaInlineCardErroredView, {
     message: (intl || createIntl({
       locale: 'en'

package/dist/es2019/ui/MediaCard.js

@@ -4,7 +4,7 @@ import { filter } from '@atlaskit/adf-utils/traverse';
 import { Card, CardLoading, CardError } from '@atlaskit/media-card';
 import { getMediaClient } from '@atlaskit/media-client';
 import { withImageLoader } from '@atlaskit/editor-common/utils';
-const mediaIdentifierMap = new Map();
+export const mediaIdentifierMap = new Map();
 export const getListOfIdentifiersFromDoc = doc => {
   if (!doc) {
     return [];

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

@@ -35,7 +35,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "108.2.4";
+const packageVersion = "108.2.5";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "108.2.4",
+	"version": "108.2.5",
 	"sideEffects": false
 }

package/dist/esm/react/nodes/mediaInline.js

@@ -1,13 +1,16 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect, useState, useCallback } from 'react';
 import { MediaInlineCard } from '@atlaskit/media-card';
 import { MediaInlineCardErroredView, MediaInlineCardLoadingView, messages } from '@atlaskit/media-ui';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { getMediaClient } from '@atlaskit/media-client';
-import { getClipboardAttrs } from '../../ui/MediaCard';
+import { getClipboardAttrs, mediaIdentifierMap } from '../../ui/MediaCard';
 import { createIntl, injectIntl } from 'react-intl-next';
 export var RenderMediaInline = function RenderMediaInline(_ref) {
   var rendererAppearance = _ref.rendererAppearance,
@@ -86,6 +89,18 @@ export var RenderMediaInline = function RenderMediaInline(_ref) {
       return _ref3.apply(this, arguments);
     };
   }(), [collectionName, featureFlags]);
+  useEffect(function () {
+    var id = identifier.id;
+    var nodeIsInCache = id && mediaIdentifierMap.has(id);
+    if (!nodeIsInCache) {
+      mediaIdentifierMap.set(identifier.id, _objectSpread(_objectSpread({}, identifier), {}, {
+        collectionName: collectionName
+      }));
+    }
+    return function () {
+      mediaIdentifierMap.delete(id);
+    };
+  }, [identifier, collectionName]);
   useEffect(function () {
     var mediaProvider = mediaInlineProviders.mediaProvider,
       contextIdentifierProvider = mediaInlineProviders.contextIdentifierProvider;
@@ -154,7 +169,8 @@ export var RenderMediaInline = function RenderMediaInline(_ref) {
     onClick: handleMediaInlineClick,
     shouldOpenMediaViewer: shouldOpenMediaViewer,
     shouldDisplayToolTip: shouldDisplayToolTip,
-    mediaClientConfig: viewMediaClientConfigState
+    mediaClientConfig: viewMediaClientConfigState,
+    mediaViewerItems: Array.from(mediaIdentifierMap.values())
   }) : /*#__PURE__*/React.createElement(MediaInlineCardErroredView, {
     message: (intl || createIntl({
       locale: 'en'

package/dist/esm/ui/MediaCard.js

@@ -16,7 +16,7 @@ import { filter } from '@atlaskit/adf-utils/traverse';
 import { Card, CardLoading, CardError } from '@atlaskit/media-card';
 import { getMediaClient } from '@atlaskit/media-client';
 import { withImageLoader } from '@atlaskit/editor-common/utils';
-var mediaIdentifierMap = new Map();
+export var mediaIdentifierMap = new Map();
 export var getListOfIdentifiersFromDoc = function getListOfIdentifiersFromDoc(doc) {
   if (!doc) {
     return [];

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

@@ -45,7 +45,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "108.2.4";
+var packageVersion = "108.2.5";
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "108.2.4",
+	"version": "108.2.5",
 	"sideEffects": false
 }

package/dist/types/react/nodes/mediaInline.d.ts

@@ -6,6 +6,7 @@ import { IntlShape, WrappedComponentProps } from 'react-intl-next';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import { RendererAppearance } from '../../ui/Renderer/types';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
+import { RendererContext } from '../types';
 type MediaInlineProviders = {
     mediaProvider?: Promise<MediaProvider>;
     contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
@@ -20,6 +21,7 @@ export type RenderMediaInlineProps = {
     eventHandlers?: EventHandlers;
     rendererAppearance?: RendererAppearance;
     featureFlags?: MediaFeatureFlags;
+    rendererContext?: RendererContext;
 };
 export type MediaInlineProps = {
     id: string;

package/dist/types/ui/MediaCard.d.ts

@@ -46,6 +46,7 @@ export interface State {
     contextIdentifierProvider?: ContextIdentifierProvider;
     fileState?: FileState;
 }
+export declare const mediaIdentifierMap: Map<string, Identifier>;
 export declare const getListOfIdentifiersFromDoc: (doc?: ADFEntity) => Identifier[];
 export declare class MediaCardInternal extends Component<MediaCardProps, State> {
     state: State;

package/dist/types-ts4.5/react/nodes/mediaInline.d.ts

@@ -6,6 +6,7 @@ import { IntlShape, WrappedComponentProps } from 'react-intl-next';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import { RendererAppearance } from '../../ui/Renderer/types';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
+import { RendererContext } from '../types';
 type MediaInlineProviders = {
     mediaProvider?: Promise<MediaProvider>;
     contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
@@ -20,6 +21,7 @@ export type RenderMediaInlineProps = {
     eventHandlers?: EventHandlers;
     rendererAppearance?: RendererAppearance;
     featureFlags?: MediaFeatureFlags;
+    rendererContext?: RendererContext;
 };
 export type MediaInlineProps = {
     id: string;

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

@@ -46,6 +46,7 @@ export interface State {
     contextIdentifierProvider?: ContextIdentifierProvider;
     fileState?: FileState;
 }
+export declare const mediaIdentifierMap: Map<string, Identifier>;
 export declare const getListOfIdentifiersFromDoc: (doc?: ADFEntity) => Identifier[];
 export declare class MediaCardInternal extends Component<MediaCardProps, State> {
     state: State;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "108.2.4",
+  "version": "108.2.5",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -39,7 +39,7 @@
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/button": "^16.8.0",
     "@atlaskit/code": "^14.6.0",
-    "@atlaskit/editor-common": "^74.9.0",
+    "@atlaskit/editor-common": "^74.10.0",
     "@atlaskit/editor-json-transformer": "^8.9.0",
     "@atlaskit/editor-palette": "1.5.1",
     "@atlaskit/editor-shared-styles": "^2.4.0",