@atlaskit/renderer 130.3.0 → 130.3.2
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/messages.js +3 -3
- package/dist/cjs/react/marks/link-emotion.js +1 -1
- package/dist/cjs/react/nodes/panel-emotion.js +1 -1
- package/dist/cjs/ui/Renderer/index.js +1 -1
- package/dist/es2019/messages.js +3 -3
- package/dist/es2019/react/marks/link-emotion.js +1 -1
- package/dist/es2019/react/nodes/panel-emotion.js +1 -1
- package/dist/es2019/ui/Renderer/index.js +1 -1
- package/dist/esm/messages.js +3 -3
- package/dist/esm/react/marks/link-emotion.js +1 -1
- package/dist/esm/react/nodes/panel-compiled.js +2 -1
- package/dist/esm/react/nodes/panel-emotion.js +3 -2
- package/dist/esm/ui/Renderer/index.js +1 -1
- package/package.json +14 -14
- package/renderer.docs.tsx +25 -6
package/CHANGELOG.md
CHANGED
package/dist/cjs/messages.js
CHANGED
|
@@ -12,7 +12,7 @@ var headingAnchorLinkMessages = exports.headingAnchorLinkMessages = (0, _reactIn
|
|
|
12
12
|
copyHeadingLinkToClipboard: {
|
|
13
13
|
id: 'fabric.editor.headingLink.copyAnchorLink',
|
|
14
14
|
defaultMessage: 'Copy link to heading',
|
|
15
|
-
description: '
|
|
15
|
+
description: 'Tooltip and aria-label for the button that copies an anchor link to a heading in the rendered document to the clipboard.'
|
|
16
16
|
},
|
|
17
17
|
copyLinkToClipboard: {
|
|
18
18
|
id: 'fabric.editor.headingLink.copyAnchorLinkTo',
|
|
@@ -27,7 +27,7 @@ var headingAnchorLinkMessages = exports.headingAnchorLinkMessages = (0, _reactIn
|
|
|
27
27
|
copiedHeadingLinkToClipboard: {
|
|
28
28
|
id: 'fabric.editor.headingLink.copied',
|
|
29
29
|
defaultMessage: 'Copied!',
|
|
30
|
-
description: '
|
|
30
|
+
description: 'Confirmation text shown briefly on the copy button after the heading anchor link has been successfully copied to the clipboard.'
|
|
31
31
|
},
|
|
32
32
|
failedToCopyHeadingLink: {
|
|
33
33
|
id: 'fabric.editor.headingLink.failedToCopy',
|
|
@@ -44,7 +44,7 @@ var tableCellMessages = exports.tableCellMessages = (0, _reactIntl.defineMessage
|
|
|
44
44
|
noneSortingLabel: {
|
|
45
45
|
id: 'fabric.editor.headingLink.noneSortingLabel',
|
|
46
46
|
defaultMessage: 'none',
|
|
47
|
-
description: '
|
|
47
|
+
description: 'Accessible label for a table column sort indicator when no sorting is applied to that column.'
|
|
48
48
|
},
|
|
49
49
|
ascSortingLabel: {
|
|
50
50
|
id: 'fabric.editor.headingLink.ascSortingLabel',
|
|
@@ -19,7 +19,7 @@ var _linkUrl = _interopRequireDefault(require("@atlaskit/smart-card/link-url"));
|
|
|
19
19
|
* Cleanup: delete this file once the experiment has shipped.
|
|
20
20
|
*/
|
|
21
21
|
|
|
22
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: emotion fallback for compiled migration
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- intentional: emotion fallback for compiled migration; `jsx` is used as the JSX pragma (see @jsx jsx above) so must be a value import
|
|
23
23
|
|
|
24
24
|
var anchorStyles = (0, _react.css)({
|
|
25
25
|
color: "var(--ds-link, #1868DB)",
|
|
@@ -24,7 +24,7 @@ var _excluded = ["backgroundColor", "hasIcon"];
|
|
|
24
24
|
*
|
|
25
25
|
* Cleanup: delete this file once the experiment has shipped.
|
|
26
26
|
*/
|
|
27
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: emotion fallback for compiled migration
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- intentional: emotion fallback for compiled migration; `jsx` is used as the JSX pragma (see @jsx jsx above) so must be a value import
|
|
28
28
|
// New custom icons are a little smaller than predefined icons.
|
|
29
29
|
// To fix alignment issues with custom icons, vertical alignment is updated.
|
|
30
30
|
var panelEmojiSpriteVerticalAlignment = -(8 * 3 - _consts.akEditorCustomIconSize) / 2;
|
|
@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
71
71
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
72
72
|
var RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
73
73
|
var packageName = "@atlaskit/renderer";
|
|
74
|
-
var packageVersion = "
|
|
74
|
+
var packageVersion = "0.0.0-development";
|
|
75
75
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
76
76
|
containerName: 'ak-renderer-wrapper',
|
|
77
77
|
containerType: 'inline-size'
|
package/dist/es2019/messages.js
CHANGED
|
@@ -6,7 +6,7 @@ export const headingAnchorLinkMessages = defineMessages({
|
|
|
6
6
|
copyHeadingLinkToClipboard: {
|
|
7
7
|
id: 'fabric.editor.headingLink.copyAnchorLink',
|
|
8
8
|
defaultMessage: 'Copy link to heading',
|
|
9
|
-
description: '
|
|
9
|
+
description: 'Tooltip and aria-label for the button that copies an anchor link to a heading in the rendered document to the clipboard.'
|
|
10
10
|
},
|
|
11
11
|
copyLinkToClipboard: {
|
|
12
12
|
id: 'fabric.editor.headingLink.copyAnchorLinkTo',
|
|
@@ -21,7 +21,7 @@ export const headingAnchorLinkMessages = defineMessages({
|
|
|
21
21
|
copiedHeadingLinkToClipboard: {
|
|
22
22
|
id: 'fabric.editor.headingLink.copied',
|
|
23
23
|
defaultMessage: 'Copied!',
|
|
24
|
-
description: '
|
|
24
|
+
description: 'Confirmation text shown briefly on the copy button after the heading anchor link has been successfully copied to the clipboard.'
|
|
25
25
|
},
|
|
26
26
|
failedToCopyHeadingLink: {
|
|
27
27
|
id: 'fabric.editor.headingLink.failedToCopy',
|
|
@@ -38,7 +38,7 @@ export const tableCellMessages = defineMessages({
|
|
|
38
38
|
noneSortingLabel: {
|
|
39
39
|
id: 'fabric.editor.headingLink.noneSortingLabel',
|
|
40
40
|
defaultMessage: 'none',
|
|
41
|
-
description: '
|
|
41
|
+
description: 'Accessible label for a table column sort indicator when no sorting is applied to that column.'
|
|
42
42
|
},
|
|
43
43
|
ascSortingLabel: {
|
|
44
44
|
id: 'fabric.editor.headingLink.ascSortingLabel',
|
|
@@ -10,7 +10,7 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
10
10
|
* Cleanup: delete this file once the experiment has shipped.
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: emotion fallback for compiled migration
|
|
13
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- intentional: emotion fallback for compiled migration; `jsx` is used as the JSX pragma (see @jsx jsx above) so must be a value import
|
|
14
14
|
import { css, jsx } from '@emotion/react';
|
|
15
15
|
import LinkUrl from '@atlaskit/smart-card/link-url';
|
|
16
16
|
const anchorStyles = css({
|
|
@@ -11,7 +11,7 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
11
11
|
*/
|
|
12
12
|
import React from 'react';
|
|
13
13
|
|
|
14
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: emotion fallback for compiled migration
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- intentional: emotion fallback for compiled migration; `jsx` is used as the JSX pragma (see @jsx jsx above) so must be a value import
|
|
15
15
|
import { css, jsx } from '@emotion/react';
|
|
16
16
|
import { PanelType } from '@atlaskit/adf-schema';
|
|
17
17
|
import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
|
|
@@ -57,7 +57,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
57
57
|
const TABLE_INFO_TIMEOUT = 10000;
|
|
58
58
|
const RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
59
59
|
const packageName = "@atlaskit/renderer";
|
|
60
|
-
const packageVersion = "
|
|
60
|
+
const packageVersion = "0.0.0-development";
|
|
61
61
|
const setAsQueryContainerStyles = css({
|
|
62
62
|
containerName: 'ak-renderer-wrapper',
|
|
63
63
|
containerType: 'inline-size'
|
package/dist/esm/messages.js
CHANGED
|
@@ -6,7 +6,7 @@ export var headingAnchorLinkMessages = defineMessages({
|
|
|
6
6
|
copyHeadingLinkToClipboard: {
|
|
7
7
|
id: 'fabric.editor.headingLink.copyAnchorLink',
|
|
8
8
|
defaultMessage: 'Copy link to heading',
|
|
9
|
-
description: '
|
|
9
|
+
description: 'Tooltip and aria-label for the button that copies an anchor link to a heading in the rendered document to the clipboard.'
|
|
10
10
|
},
|
|
11
11
|
copyLinkToClipboard: {
|
|
12
12
|
id: 'fabric.editor.headingLink.copyAnchorLinkTo',
|
|
@@ -21,7 +21,7 @@ export var headingAnchorLinkMessages = defineMessages({
|
|
|
21
21
|
copiedHeadingLinkToClipboard: {
|
|
22
22
|
id: 'fabric.editor.headingLink.copied',
|
|
23
23
|
defaultMessage: 'Copied!',
|
|
24
|
-
description: '
|
|
24
|
+
description: 'Confirmation text shown briefly on the copy button after the heading anchor link has been successfully copied to the clipboard.'
|
|
25
25
|
},
|
|
26
26
|
failedToCopyHeadingLink: {
|
|
27
27
|
id: 'fabric.editor.headingLink.failedToCopy',
|
|
@@ -38,7 +38,7 @@ export var tableCellMessages = defineMessages({
|
|
|
38
38
|
noneSortingLabel: {
|
|
39
39
|
id: 'fabric.editor.headingLink.noneSortingLabel',
|
|
40
40
|
defaultMessage: 'none',
|
|
41
|
-
description: '
|
|
41
|
+
description: 'Accessible label for a table column sort indicator when no sorting is applied to that column.'
|
|
42
42
|
},
|
|
43
43
|
ascSortingLabel: {
|
|
44
44
|
id: 'fabric.editor.headingLink.ascSortingLabel',
|
|
@@ -10,7 +10,7 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
10
10
|
* Cleanup: delete this file once the experiment has shipped.
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: emotion fallback for compiled migration
|
|
13
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- intentional: emotion fallback for compiled migration; `jsx` is used as the JSX pragma (see @jsx jsx above) so must be a value import
|
|
14
14
|
import { css, jsx } from '@emotion/react';
|
|
15
15
|
import LinkUrl from '@atlaskit/smart-card/link-url';
|
|
16
16
|
var anchorStyles = css({
|
|
@@ -29,7 +29,7 @@ var panelHasNoIconStyles = null;
|
|
|
29
29
|
var panelNestedIconStyles = null;
|
|
30
30
|
var nestedPanelStyles = null;
|
|
31
31
|
var panelCustomBackground = null;
|
|
32
|
-
|
|
32
|
+
var PanelStyledCompiled = function PanelStyledCompiled(_ref) {
|
|
33
33
|
var backgroundColor = _ref.backgroundColor,
|
|
34
34
|
children = _ref.children,
|
|
35
35
|
className = _ref.className,
|
|
@@ -50,4 +50,5 @@ export var PanelStyledCompiled = function PanelStyledCompiled(_ref) {
|
|
|
50
50
|
})
|
|
51
51
|
}), children);
|
|
52
52
|
};
|
|
53
|
+
export { PanelStyledCompiled };
|
|
53
54
|
PanelStyledCompiled.displayName = 'PanelStyledCompiled';
|
|
@@ -13,7 +13,7 @@ var _excluded = ["backgroundColor", "hasIcon"];
|
|
|
13
13
|
*/
|
|
14
14
|
import React from 'react';
|
|
15
15
|
|
|
16
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: emotion fallback for compiled migration
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- intentional: emotion fallback for compiled migration; `jsx` is used as the JSX pragma (see @jsx jsx above) so must be a value import
|
|
17
17
|
import { css, jsx } from '@emotion/react';
|
|
18
18
|
import { PanelType } from '@atlaskit/adf-schema';
|
|
19
19
|
import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
|
|
@@ -160,7 +160,7 @@ var panelCustomBackground = css({
|
|
|
160
160
|
}
|
|
161
161
|
}
|
|
162
162
|
});
|
|
163
|
-
|
|
163
|
+
var PanelStyledEmotion = function PanelStyledEmotion(_ref) {
|
|
164
164
|
var backgroundColor = _ref.backgroundColor,
|
|
165
165
|
hasIcon = _ref.hasIcon,
|
|
166
166
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -176,4 +176,5 @@ export var PanelStyledEmotion = function PanelStyledEmotion(_ref) {
|
|
|
176
176
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
177
177
|
}, props), props.children);
|
|
178
178
|
};
|
|
179
|
+
export { PanelStyledEmotion };
|
|
179
180
|
PanelStyledEmotion.displayName = 'PanelStyledEmotion';
|
|
@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
62
62
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
63
63
|
var RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
64
64
|
var packageName = "@atlaskit/renderer";
|
|
65
|
-
var packageVersion = "
|
|
65
|
+
var packageVersion = "0.0.0-development";
|
|
66
66
|
var setAsQueryContainerStyles = css({
|
|
67
67
|
containerName: 'ak-renderer-wrapper',
|
|
68
68
|
containerType: 'inline-size'
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "130.3.
|
|
3
|
+
"version": "130.3.2",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -30,21 +30,21 @@
|
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@atlaskit/adf-schema": "^52.
|
|
34
|
-
"@atlaskit/adf-utils": "^19.
|
|
33
|
+
"@atlaskit/adf-schema": "^52.9.0",
|
|
34
|
+
"@atlaskit/adf-utils": "^19.29.0",
|
|
35
35
|
"@atlaskit/afm-i18n-platform-editor-renderer": "2.10.0",
|
|
36
36
|
"@atlaskit/analytics-listeners": "^10.0.0",
|
|
37
37
|
"@atlaskit/analytics-namespaced-context": "^7.2.0",
|
|
38
38
|
"@atlaskit/analytics-next": "^11.2.0",
|
|
39
39
|
"@atlaskit/browser-apis": "^0.0.1",
|
|
40
40
|
"@atlaskit/button": "^23.11.0",
|
|
41
|
-
"@atlaskit/code": "^17.
|
|
41
|
+
"@atlaskit/code": "^17.5.0",
|
|
42
42
|
"@atlaskit/editor-json-transformer": "^8.31.0",
|
|
43
43
|
"@atlaskit/editor-palette": "^2.1.0",
|
|
44
44
|
"@atlaskit/editor-prosemirror": "^7.3.0",
|
|
45
45
|
"@atlaskit/editor-shared-styles": "^3.10.0",
|
|
46
46
|
"@atlaskit/editor-smart-link-draggable": "^0.5.0",
|
|
47
|
-
"@atlaskit/emoji": "^70.
|
|
47
|
+
"@atlaskit/emoji": "^70.3.0",
|
|
48
48
|
"@atlaskit/feature-gate-js-client": "^5.5.0",
|
|
49
49
|
"@atlaskit/icon": "^34.3.0",
|
|
50
50
|
"@atlaskit/link": "^3.4.0",
|
|
@@ -56,20 +56,20 @@
|
|
|
56
56
|
"@atlaskit/media-client-react": "^5.1.0",
|
|
57
57
|
"@atlaskit/media-common": "^13.2.0",
|
|
58
58
|
"@atlaskit/media-filmstrip": "^51.3.0",
|
|
59
|
-
"@atlaskit/media-ui": "^29.
|
|
59
|
+
"@atlaskit/media-ui": "^29.2.0",
|
|
60
60
|
"@atlaskit/media-viewer": "^53.1.0",
|
|
61
61
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
62
62
|
"@atlaskit/platform-feature-flags-react": "^0.4.0",
|
|
63
63
|
"@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
|
|
64
|
-
"@atlaskit/react-ufo": "^5.
|
|
65
|
-
"@atlaskit/smart-card": "^44.
|
|
64
|
+
"@atlaskit/react-ufo": "^5.19.0",
|
|
65
|
+
"@atlaskit/smart-card": "^44.6.0",
|
|
66
66
|
"@atlaskit/status": "^4.0.0",
|
|
67
67
|
"@atlaskit/task-decision": "^20.0.0",
|
|
68
68
|
"@atlaskit/theme": "^23.2.0",
|
|
69
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
69
|
+
"@atlaskit/tmp-editor-statsig": "^75.0.0",
|
|
70
70
|
"@atlaskit/tokens": "^13.0.0",
|
|
71
|
-
"@atlaskit/tooltip": "^
|
|
72
|
-
"@atlaskit/visually-hidden": "^3.
|
|
71
|
+
"@atlaskit/tooltip": "^22.0.0",
|
|
72
|
+
"@atlaskit/visually-hidden": "^3.1.0",
|
|
73
73
|
"@babel/runtime": "^7.0.0",
|
|
74
74
|
"@compiled/react": "^0.20.0",
|
|
75
75
|
"@emotion/react": "^11.7.1",
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
"uuid": "^3.1.0"
|
|
81
81
|
},
|
|
82
82
|
"peerDependencies": {
|
|
83
|
-
"@atlaskit/editor-common": "^114.
|
|
83
|
+
"@atlaskit/editor-common": "^114.19.0",
|
|
84
84
|
"@atlaskit/link-provider": "^4.3.0",
|
|
85
85
|
"@atlaskit/media-core": "^37.0.0",
|
|
86
86
|
"react": "^18.2.0",
|
|
@@ -99,8 +99,8 @@
|
|
|
99
99
|
"@atlaskit/media-test-helpers": "^41.0.0",
|
|
100
100
|
"@atlaskit/mention": "^25.0.0",
|
|
101
101
|
"@atlaskit/modal-dialog": "^14.18.0",
|
|
102
|
-
"@atlaskit/navigation-system": "^9.
|
|
103
|
-
"@atlaskit/profilecard": "^25.
|
|
102
|
+
"@atlaskit/navigation-system": "^9.2.0",
|
|
103
|
+
"@atlaskit/profilecard": "^25.3.0",
|
|
104
104
|
"@atlaskit/side-nav-items": "^1.13.0",
|
|
105
105
|
"@atlaskit/util-data-test": "^18.5.0",
|
|
106
106
|
"@atlassian/a11y-jest-testing": "^0.11.0",
|
package/renderer.docs.tsx
CHANGED
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
|
|
6
6
|
import path from 'path';
|
|
7
7
|
|
|
8
|
-
|
|
9
8
|
import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
|
|
10
9
|
|
|
11
10
|
import packageJson from './package.json';
|
|
@@ -35,11 +34,31 @@ const documentation: ComponentStructuredContentSource[] = [
|
|
|
35
34
|
keywords: ['editor', 'renderer', 'atlaskit'],
|
|
36
35
|
categories: ['editor'],
|
|
37
36
|
examples: [
|
|
38
|
-
{
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
37
|
+
{
|
|
38
|
+
name: 'Basic',
|
|
39
|
+
description: 'Basic ReactRenderer with ADF document.',
|
|
40
|
+
source: path.resolve(packagePath, './examples/0-basic.tsx'),
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
name: 'Full page',
|
|
44
|
+
description: 'Full-page renderer with full ADF.',
|
|
45
|
+
source: path.resolve(packagePath, './examples/0-full-page.tsx'),
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
name: 'With providers',
|
|
49
|
+
description: 'Renderer with media and other providers.',
|
|
50
|
+
source: path.resolve(packagePath, './examples/1-with-providers.tsx'),
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
name: 'Full page with media caption',
|
|
54
|
+
description: 'Renderer with media and captions.',
|
|
55
|
+
source: path.resolve(packagePath, './examples/0-full-page-with-media-caption.tsx'),
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
name: 'Column layout',
|
|
59
|
+
description: 'Renderer with column layout.',
|
|
60
|
+
source: path.resolve(packagePath, './examples/10-column-layout.tsx'),
|
|
61
|
+
},
|
|
43
62
|
],
|
|
44
63
|
},
|
|
45
64
|
];
|