@atlaskit/renderer 140.2.1 → 140.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/react/marks/link-compiled.js +1 -1
- package/dist/cjs/react/nodes/heading.js +1 -1
- package/dist/cjs/react/nodes/layoutColumn-compiled.js +1 -1
- package/dist/cjs/react/nodes/mediaGroup.js +2 -2
- package/dist/cjs/react/nodes/mediaInline.js +2 -2
- package/dist/cjs/react/nodes/panel-compiled.js +1 -1
- package/dist/cjs/ui/MediaCard.js +8 -5
- package/dist/cjs/ui/Renderer/index.js +1 -1
- package/dist/es2019/react/marks/link-compiled.js +1 -1
- package/dist/es2019/react/nodes/heading.js +1 -1
- package/dist/es2019/react/nodes/layoutColumn-compiled.js +1 -1
- package/dist/es2019/react/nodes/mediaGroup.js +1 -1
- package/dist/es2019/react/nodes/mediaInline.js +1 -1
- package/dist/es2019/react/nodes/panel-compiled.js +1 -1
- package/dist/es2019/ui/MediaCard.js +4 -1
- package/dist/es2019/ui/Renderer/index.js +1 -1
- package/dist/esm/react/marks/link-compiled.js +1 -1
- package/dist/esm/react/nodes/heading.js +1 -1
- package/dist/esm/react/nodes/layoutColumn-compiled.js +1 -1
- package/dist/esm/react/nodes/mediaGroup.js +1 -1
- package/dist/esm/react/nodes/mediaInline.js +1 -1
- package/dist/esm/react/nodes/panel-compiled.js +1 -1
- package/dist/esm/ui/MediaCard.js +4 -1
- package/dist/esm/ui/Renderer/index.js +1 -1
- package/dist/types/react/nodes/mediaGroup.d.ts +1 -1
- package/dist/types/ui/MediaCard.d.ts +2 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* layoutColumn-compiled.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* layoutColumn-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
|
|
2
2
|
/**
|
|
3
3
|
* Compiled branch of the `platform_editor_renderer_static_css` experiment.
|
|
4
4
|
* Used via `componentWithCondition` in `layoutColumn.tsx`.
|
|
@@ -14,7 +14,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
14
14
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
var
|
|
17
|
+
var _cardDimensions = require("@atlaskit/media-card/cardDimensions");
|
|
18
18
|
var _mediaFilmstrip = require("@atlaskit/media-filmstrip");
|
|
19
19
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
20
20
|
var _vcMedia = require("@atlaskit/react-ufo/vc-media");
|
|
@@ -102,7 +102,7 @@ var MediaGroup = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
102
102
|
// the media group component renders in crop mode in editor thus this enables consistency
|
|
103
103
|
// also crop is much easier to make consistent across SSR and hydration
|
|
104
104
|
resizeMode: (0, _fg.fg)('media-perf-uplift-mutation-fix') ? 'crop' : 'stretchy-fit',
|
|
105
|
-
cardDimensions:
|
|
105
|
+
cardDimensions: _cardDimensions.defaultImageCardDimensions,
|
|
106
106
|
useInlinePlayer: false,
|
|
107
107
|
featureFlags: this.props.featureFlags,
|
|
108
108
|
enableDownloadButton: this.props.enableDownloadButton
|
|
@@ -13,7 +13,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
|
|
|
13
13
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
14
14
|
var _mediaInline = require("@atlaskit/editor-common/media-inline");
|
|
15
15
|
var _providerFactory = require("@atlaskit/editor-common/provider-factory");
|
|
16
|
-
var
|
|
16
|
+
var _loader = _interopRequireDefault(require("@atlaskit/media-card/loader"));
|
|
17
17
|
var _mediaClientProvider = require("@atlaskit/media-client-react/media-client-provider");
|
|
18
18
|
var _getMediaClient = require("@atlaskit/media-client-react/get-media-client");
|
|
19
19
|
var _LoadingView = require("@atlaskit/media-ui/LoadingView");
|
|
@@ -144,7 +144,7 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
|
|
|
144
144
|
fileState: fileState
|
|
145
145
|
}), {
|
|
146
146
|
"data-node-type": "mediaInline"
|
|
147
|
-
}), /*#__PURE__*/_react.default.createElement(
|
|
147
|
+
}), /*#__PURE__*/_react.default.createElement(_loader.default, {
|
|
148
148
|
identifier: identifier,
|
|
149
149
|
onClick: handleMediaInlineClick,
|
|
150
150
|
shouldOpenMediaViewer: shouldOpenMediaViewer,
|
package/dist/cjs/ui/MediaCard.js
CHANGED
|
@@ -17,7 +17,10 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
|
|
|
17
17
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
18
18
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
19
|
var _traverse = require("@atlaskit/adf-utils/traverse");
|
|
20
|
-
var
|
|
20
|
+
var _cardLoader = _interopRequireDefault(require("@atlaskit/media-card/cardLoader"));
|
|
21
|
+
var _cardSync = _interopRequireDefault(require("@atlaskit/media-card/cardSync"));
|
|
22
|
+
var _cardLoading = require("@atlaskit/media-card/cardLoading");
|
|
23
|
+
var _cardError = require("@atlaskit/media-card/cardError");
|
|
21
24
|
var _mediaClientProvider = require("@atlaskit/media-client-react/media-client-provider");
|
|
22
25
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
23
26
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
@@ -140,7 +143,7 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
|
|
|
140
143
|
});
|
|
141
144
|
(0, _defineProperty2.default)(_this, "renderLoadingCard", function () {
|
|
142
145
|
var cardDimensions = _this.props.cardDimensions;
|
|
143
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
146
|
+
return /*#__PURE__*/_react.default.createElement(_cardLoading.CardLoading, {
|
|
144
147
|
dimensions: cardDimensions,
|
|
145
148
|
interactionName: "renderer-media-card-loading"
|
|
146
149
|
});
|
|
@@ -263,7 +266,7 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
|
|
|
263
266
|
|
|
264
267
|
// we need this statement for the mandatory mediaClientConfig below
|
|
265
268
|
var mediaClientConfig = mediaClient === null || mediaClient === void 0 ? void 0 : mediaClient.mediaClientConfig;
|
|
266
|
-
var Card = enableSyncMediaCard ?
|
|
269
|
+
var Card = enableSyncMediaCard ? _cardSync.default : _cardLoader.default;
|
|
267
270
|
return (
|
|
268
271
|
/*#__PURE__*/
|
|
269
272
|
// Ignored via go/ees005
|
|
@@ -338,7 +341,7 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
|
|
|
338
341
|
return this.renderLoadingCard();
|
|
339
342
|
}
|
|
340
343
|
if (!id || type !== 'file') {
|
|
341
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
344
|
+
return /*#__PURE__*/_react.default.createElement(_cardError.CardError, {
|
|
342
345
|
dimensions: cardDimensions
|
|
343
346
|
});
|
|
344
347
|
}
|
|
@@ -349,7 +352,7 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
|
|
|
349
352
|
collectionName: collection,
|
|
350
353
|
occurrenceKey: occurrenceKey
|
|
351
354
|
};
|
|
352
|
-
var Card = enableSyncMediaCard ?
|
|
355
|
+
var Card = enableSyncMediaCard ? _cardSync.default : _cardLoader.default;
|
|
353
356
|
|
|
354
357
|
// Quick solution to disable lazy loading of images on PDF export pages in Confluence to remedy an issue with images never loading
|
|
355
358
|
// More robust solution will be implemented as part of CCPDF-233 - Link: https://hello.jira.atlassian.cloud/browse/CCPDF-233
|
|
@@ -73,7 +73,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
73
73
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
74
74
|
var RENDER_EVENT_SAMPLE_RATE = 0.1;
|
|
75
75
|
var packageName = "@atlaskit/renderer";
|
|
76
|
-
var packageVersion = "140.2.
|
|
76
|
+
var packageVersion = "140.2.2";
|
|
77
77
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
78
78
|
containerName: 'ak-renderer-wrapper',
|
|
79
79
|
containerType: 'inline-size'
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* layoutColumn-compiled.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* layoutColumn-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
|
|
2
2
|
/**
|
|
3
3
|
* Compiled branch of the `platform_editor_renderer_static_css` experiment.
|
|
4
4
|
* Used via `componentWithCondition` in `layoutColumn.tsx`.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import React, { PureComponent } from 'react';
|
|
4
|
-
import { defaultImageCardDimensions } from '@atlaskit/media-card';
|
|
4
|
+
import { defaultImageCardDimensions } from '@atlaskit/media-card/cardDimensions';
|
|
5
5
|
import { FilmstripView } from '@atlaskit/media-filmstrip';
|
|
6
6
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
7
7
|
import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import { MediaInlineImageCard } from '@atlaskit/editor-common/media-inline';
|
|
3
3
|
import { useProvider } from '@atlaskit/editor-common/provider-factory';
|
|
4
|
-
import
|
|
4
|
+
import MediaInlineCard from '@atlaskit/media-card/loader';
|
|
5
5
|
import { MediaClientContext } from '@atlaskit/media-client-react/media-client-provider';
|
|
6
6
|
import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
|
|
7
7
|
import { MediaInlineCardLoadingView } from '@atlaskit/media-ui/LoadingView';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* panel-compiled.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* panel-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./panel-compiled.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -2,7 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import React, { Component, useContext } from 'react';
|
|
4
4
|
import { filter } from '@atlaskit/adf-utils/traverse';
|
|
5
|
-
import
|
|
5
|
+
import CardAsync from '@atlaskit/media-card/cardLoader';
|
|
6
|
+
import CardSync from '@atlaskit/media-card/cardSync';
|
|
7
|
+
import { CardLoading } from '@atlaskit/media-card/cardLoading';
|
|
8
|
+
import { CardError } from '@atlaskit/media-card/cardError';
|
|
6
9
|
import { MediaClientContext } from '@atlaskit/media-client-react/media-client-provider';
|
|
7
10
|
import { withImageLoader } from '@atlaskit/editor-common/utils';
|
|
8
11
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
@@ -59,7 +59,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
59
59
|
const TABLE_INFO_TIMEOUT = 10000;
|
|
60
60
|
const RENDER_EVENT_SAMPLE_RATE = 0.1;
|
|
61
61
|
const packageName = "@atlaskit/renderer";
|
|
62
|
-
const packageVersion = "140.2.
|
|
62
|
+
const packageVersion = "140.2.2";
|
|
63
63
|
const setAsQueryContainerStyles = css({
|
|
64
64
|
containerName: 'ak-renderer-wrapper',
|
|
65
65
|
containerType: 'inline-size'
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* heading.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* heading.tsx generated by @compiled/babel-plugin v3.0.2 */
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import _typeof from "@babel/runtime/helpers/typeof";
|
|
4
4
|
import "./heading.compiled.css";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* layoutColumn-compiled.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* layoutColumn-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
|
|
2
2
|
/**
|
|
3
3
|
* Compiled branch of the `platform_editor_renderer_static_css` experiment.
|
|
4
4
|
* Used via `componentWithCondition` in `layoutColumn.tsx`.
|
|
@@ -10,7 +10,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
10
10
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
11
11
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
12
12
|
import React, { PureComponent } from 'react';
|
|
13
|
-
import { defaultImageCardDimensions } from '@atlaskit/media-card';
|
|
13
|
+
import { defaultImageCardDimensions } from '@atlaskit/media-card/cardDimensions';
|
|
14
14
|
import { FilmstripView } from '@atlaskit/media-filmstrip';
|
|
15
15
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
16
16
|
import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
|
|
@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
7
7
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
8
8
|
import { MediaInlineImageCard } from '@atlaskit/editor-common/media-inline';
|
|
9
9
|
import { useProvider } from '@atlaskit/editor-common/provider-factory';
|
|
10
|
-
import
|
|
10
|
+
import MediaInlineCard from '@atlaskit/media-card/loader';
|
|
11
11
|
import { MediaClientContext } from '@atlaskit/media-client-react/media-client-provider';
|
|
12
12
|
import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
|
|
13
13
|
import { MediaInlineCardLoadingView } from '@atlaskit/media-ui/LoadingView';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* panel-compiled.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* panel-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
package/dist/esm/ui/MediaCard.js
CHANGED
|
@@ -13,7 +13,10 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
|
|
|
13
13
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
14
14
|
import React, { Component, useContext } from 'react';
|
|
15
15
|
import { filter } from '@atlaskit/adf-utils/traverse';
|
|
16
|
-
import
|
|
16
|
+
import CardAsync from '@atlaskit/media-card/cardLoader';
|
|
17
|
+
import CardSync from '@atlaskit/media-card/cardSync';
|
|
18
|
+
import { CardLoading } from '@atlaskit/media-card/cardLoading';
|
|
19
|
+
import { CardError } from '@atlaskit/media-card/cardError';
|
|
17
20
|
import { MediaClientContext } from '@atlaskit/media-client-react/media-client-provider';
|
|
18
21
|
import { withImageLoader } from '@atlaskit/editor-common/utils';
|
|
19
22
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
@@ -64,7 +64,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
64
64
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
65
65
|
var RENDER_EVENT_SAMPLE_RATE = 0.1;
|
|
66
66
|
var packageName = "@atlaskit/renderer";
|
|
67
|
-
var packageVersion = "140.2.
|
|
67
|
+
var packageVersion = "140.2.2";
|
|
68
68
|
var setAsQueryContainerStyles = css({
|
|
69
69
|
containerName: 'ak-renderer-wrapper',
|
|
70
70
|
containerType: 'inline-size'
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ReactElement } from 'react';
|
|
2
2
|
import React, { PureComponent } from 'react';
|
|
3
|
-
import type { CardEvent } from '@atlaskit/media-card';
|
|
3
|
+
import type { CardEvent } from '@atlaskit/media-card/types';
|
|
4
4
|
import type { EventHandlers, CardEventClickHandler } from '@atlaskit/editor-common/ui';
|
|
5
5
|
import type { Identifier } from '@atlaskit/media-client';
|
|
6
6
|
import type { MediaProps } from './media';
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { Component } from 'react';
|
|
2
2
|
import type { ADFEntity } from '@atlaskit/adf-utils/types';
|
|
3
|
-
import type { CardAppearance, CardDimensions, CardOnClickCallback, CardProps as AtlaskitMediaCardProps
|
|
3
|
+
import type { CardAppearance, CardDimensions, CardOnClickCallback, CardProps as AtlaskitMediaCardProps } from '@atlaskit/media-card/types';
|
|
4
|
+
import type { NumericalCardDimensions } from '@atlaskit/media-common/main-types';
|
|
4
5
|
import type { MediaClientConfig } from '@atlaskit/media-core/auth';
|
|
5
6
|
import type { ImageResizeMode, Identifier, FileState, MediaClient } from '@atlaskit/media-client';
|
|
6
7
|
import type { MediaType } from '@atlaskit/adf-schema/media';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "140.2.
|
|
3
|
+
"version": "140.2.3",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -70,8 +70,8 @@
|
|
|
70
70
|
"@atlaskit/status": "^5.11.0",
|
|
71
71
|
"@atlaskit/task-decision": "^21.10.0",
|
|
72
72
|
"@atlaskit/theme": "^28.2.0",
|
|
73
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
74
|
-
"@atlaskit/tokens": "^
|
|
73
|
+
"@atlaskit/tmp-editor-statsig": "^196.0.0",
|
|
74
|
+
"@atlaskit/tokens": "^17.0.0",
|
|
75
75
|
"@atlaskit/tooltip": "^24.3.0",
|
|
76
76
|
"@atlaskit/visually-hidden": "^4.4.0",
|
|
77
77
|
"@babel/runtime": "^7.0.0",
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
"uuid": "^11.1.1"
|
|
86
86
|
},
|
|
87
87
|
"peerDependencies": {
|
|
88
|
-
"@atlaskit/editor-common": "^122.
|
|
88
|
+
"@atlaskit/editor-common": "^122.7.0",
|
|
89
89
|
"@atlaskit/link-provider": "^5.6.0",
|
|
90
90
|
"@atlaskit/media-core": "^38.2.0",
|
|
91
91
|
"react": "^18.2.0 || ^19.2.0",
|