@atlaskit/renderer 128.0.8 → 128.2.0
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 +33 -0
- package/dist/cjs/react/index.js +1 -1
- package/dist/cjs/react/marks/fontSize.js +15 -0
- package/dist/cjs/react/marks/index.js +8 -0
- package/dist/cjs/ui/MediaCard.js +2 -3
- package/dist/cjs/ui/Renderer/RendererStyleContainer.js +28 -13
- package/dist/cjs/ui/Renderer/index.js +1 -1
- package/dist/es2019/react/index.js +1 -1
- package/dist/es2019/react/marks/fontSize.js +8 -0
- package/dist/es2019/react/marks/index.js +3 -1
- package/dist/es2019/ui/MediaCard.js +2 -3
- package/dist/es2019/ui/Renderer/RendererStyleContainer.js +28 -13
- package/dist/es2019/ui/Renderer/index.js +1 -1
- package/dist/esm/react/index.js +1 -1
- package/dist/esm/react/marks/fontSize.js +8 -0
- package/dist/esm/react/marks/index.js +3 -1
- package/dist/esm/ui/MediaCard.js +2 -3
- package/dist/esm/ui/Renderer/RendererStyleContainer.js +28 -13
- package/dist/esm/ui/Renderer/index.js +1 -1
- package/dist/types/react/marks/fontSize.d.ts +4 -0
- package/dist/types/react/marks/index.d.ts +2 -1
- package/dist/types/types/smartLinksOptions.d.ts +7 -0
- package/dist/types-ts4.5/react/marks/fontSize.d.ts +4 -0
- package/dist/types-ts4.5/react/marks/index.d.ts +2 -1
- package/dist/types-ts4.5/types/smartLinksOptions.d.ts +7 -0
- package/package.json +6 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,38 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 128.2.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`ae5fac6f9f299`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ae5fac6f9f299) -
|
|
8
|
+
Added support for Smart Link draggable changeboarding in Confluence ADF renderer. This change adds
|
|
9
|
+
an optional smartLinkDraggableChangeboardConfig prop and passes shouldShow/onClose into Smart
|
|
10
|
+
Links, with no breaking API changes.
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [`7428d9bf3aa13`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7428d9bf3aa13) -
|
|
15
|
+
Clean up platform_synced_block_patch_5 feature gate
|
|
16
|
+
- [`af385c410f9b1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/af385c410f9b1) -
|
|
17
|
+
[ux] EDITOR-5909 Hide markers for wrapper task list items
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
20
|
+
## 128.1.0
|
|
21
|
+
|
|
22
|
+
### Minor Changes
|
|
23
|
+
|
|
24
|
+
- [`8b781b3b3f9ca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8b781b3b3f9ca) -
|
|
25
|
+
Add setSmallText and setSmallTextWithAnalytics commands, modify setNormalText to remove fontSize
|
|
26
|
+
mark, add FORMAT_SMALL_TEXT analytics enum.
|
|
27
|
+
|
|
28
|
+
Add support to the renderer to render 'small text'.
|
|
29
|
+
|
|
30
|
+
Add 'fontSize' to stage0 default schema.
|
|
31
|
+
|
|
32
|
+
### Patch Changes
|
|
33
|
+
|
|
34
|
+
- Updated dependencies
|
|
35
|
+
|
|
3
36
|
## 128.0.8
|
|
4
37
|
|
|
5
38
|
### Patch Changes
|
package/dist/cjs/react/index.js
CHANGED
|
@@ -503,7 +503,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
|
|
|
503
503
|
return ((_n$type2 = n.type) === null || _n$type2 === void 0 ? void 0 : _n$type2.name) === 'mediaSingle';
|
|
504
504
|
});
|
|
505
505
|
// Only check path for bodiedSyncBlock; syncBlock uses RendererContext
|
|
506
|
-
var nestedUnder = (0, _experiments.editorExperiment)('platform_synced_block', true)
|
|
506
|
+
var nestedUnder = (0, _experiments.editorExperiment)('platform_synced_block', true) ? (0, _rendererNode.getNestedUnderNodes)(path, ['bodiedSyncBlock']) : undefined;
|
|
507
507
|
var isAnnotationMark = function isAnnotationMark(mark) {
|
|
508
508
|
return mark.type === annotation;
|
|
509
509
|
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = FontSize;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
function FontSize(props) {
|
|
10
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
11
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
12
|
+
className: "fabric-editor-block-mark fabric-editor-font-size",
|
|
13
|
+
"data-font-size": props.fontSize
|
|
14
|
+
}, props.children);
|
|
15
|
+
}
|
|
@@ -47,6 +47,12 @@ Object.defineProperty(exports, "Em", {
|
|
|
47
47
|
return _em.default;
|
|
48
48
|
}
|
|
49
49
|
});
|
|
50
|
+
Object.defineProperty(exports, "FontSize", {
|
|
51
|
+
enumerable: true,
|
|
52
|
+
get: function get() {
|
|
53
|
+
return _fontSize.default;
|
|
54
|
+
}
|
|
55
|
+
});
|
|
50
56
|
Object.defineProperty(exports, "FragmentMark", {
|
|
51
57
|
enumerable: true,
|
|
52
58
|
get: function get() {
|
|
@@ -126,6 +132,7 @@ var _dataConsumer = _interopRequireDefault(require("./data-consumer"));
|
|
|
126
132
|
var _fragment = _interopRequireDefault(require("./fragment"));
|
|
127
133
|
var _annotation = _interopRequireWildcard(require("./annotation"));
|
|
128
134
|
var _border = _interopRequireDefault(require("./border"));
|
|
135
|
+
var _fontSize = _interopRequireDefault(require("./fontSize"));
|
|
129
136
|
var _confluenceInlineComment = _interopRequireDefault(require("./confluence-inline-comment"));
|
|
130
137
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
131
138
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
@@ -145,6 +152,7 @@ var markToReact = exports.markToReact = {
|
|
|
145
152
|
underline: _underline.default,
|
|
146
153
|
annotation: _annotation.default,
|
|
147
154
|
border: _border.default,
|
|
155
|
+
fontSize: _fontSize.default,
|
|
148
156
|
// Stage0
|
|
149
157
|
confluenceInlineComment: _confluenceInlineComment.default,
|
|
150
158
|
breakout: _breakout.default,
|
package/dist/cjs/ui/MediaCard.js
CHANGED
|
@@ -24,7 +24,6 @@ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
|
24
24
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
25
25
|
var _analyticsContext = _interopRequireDefault(require("../analytics/analyticsContext"));
|
|
26
26
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
27
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
28
27
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
29
28
|
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; }
|
|
30
29
|
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; }
|
|
@@ -122,9 +121,9 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
|
|
|
122
121
|
attributes: _objectSpread(_objectSpread({
|
|
123
122
|
reason: reason,
|
|
124
123
|
external: false
|
|
125
|
-
}, nestedUnder && (0, _experiments.editorExperiment)('platform_synced_block', true)
|
|
124
|
+
}, nestedUnder && (0, _experiments.editorExperiment)('platform_synced_block', true) ? {
|
|
126
125
|
nestedUnder: nestedUnder
|
|
127
|
-
} : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && (0, _experiments.editorExperiment)('platform_synced_block', true)
|
|
126
|
+
} : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && (0, _experiments.editorExperiment)('platform_synced_block', true) ? {
|
|
128
127
|
nestedRendererType: rendererContext.nestedRendererType
|
|
129
128
|
} : {})
|
|
130
129
|
});
|
|
@@ -52,6 +52,19 @@ var isBackgroundClipBrowserFixNeeded = function isBackgroundClipBrowserFixNeeded
|
|
|
52
52
|
var baseFontStyle = (0, _react.css)({
|
|
53
53
|
font: (0, _ugcTokens.editorUGCToken)('editor.font.body')
|
|
54
54
|
});
|
|
55
|
+
var smallTextStyle = (0, _react.css)({
|
|
56
|
+
'--ak-renderer-editor-font-small-text': (0, _ugcTokens.editorUGCToken)('editor.font.body.small')
|
|
57
|
+
});
|
|
58
|
+
var fontSizeStyles = (0, _react.css)({
|
|
59
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
60
|
+
'.fabric-editor-font-size': {
|
|
61
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
62
|
+
"&[data-font-size='small']": {
|
|
63
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
64
|
+
font: 'var(--ak-renderer-editor-font-small-text)'
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
});
|
|
55
68
|
var originalBaseFontLineHeight = (0, _react.css)({
|
|
56
69
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
57
70
|
lineHeight: '1.5rem'
|
|
@@ -697,20 +710,22 @@ var listsSharedStylesForGekko = (0, _react.css)({
|
|
|
697
710
|
* Applied when platform_editor_flexible_list_indentation experiment is enabled.
|
|
698
711
|
*/
|
|
699
712
|
var listItemHiddenMarkerStyles = (0, _react.css)({
|
|
700
|
-
// Hide markers for
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
listStyleType: 'none'
|
|
713
|
+
// Hide markers and remove spacing for wrapper list items (items containing only nested lists)
|
|
714
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
715
|
+
'li:has(> ul:only-child), li:has(> ol:only-child), li:has(> div[data-node-type="actionList"]:only-child)': {
|
|
716
|
+
listStyleType: 'none',
|
|
717
|
+
marginTop: 0,
|
|
718
|
+
marginBottom: 0
|
|
707
719
|
},
|
|
708
|
-
//
|
|
709
|
-
|
|
710
|
-
|
|
720
|
+
// Remove margin from nested lists inside wrapper list items to avoid double spacing
|
|
721
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
722
|
+
'li:has(> ul:only-child) > ul, li:has(> ol:only-child) > ol, li:has(> div[data-node-type="actionList"]:only-child) > div[data-node-type="actionList"]': {
|
|
723
|
+
marginTop: 0
|
|
711
724
|
},
|
|
712
|
-
//
|
|
713
|
-
|
|
725
|
+
// Collapse wrapper task items (empty task items followed by a sibling nested task list)
|
|
726
|
+
// Only hides empty task items that are actual wrappers, not regular empty task items
|
|
727
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
728
|
+
'div[data-task-local-id]:has([data-component="content"]:empty):has(+ div[data-node-type="actionList"])': {
|
|
714
729
|
display: 'none'
|
|
715
730
|
}
|
|
716
731
|
});
|
|
@@ -2014,7 +2029,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
|
|
|
2014
2029
|
'--ak-renderer-editor-font-heading-h6': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h6')),
|
|
2015
2030
|
'--ak-renderer-editor-font-normal-text': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.body'))
|
|
2016
2031
|
},
|
|
2017
|
-
css: [(0, _expValEquals.expValEquals)('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, (0, _expValEquals.expValEquals)('platform_editor_flexible_list_indentation', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
|
|
2032
|
+
css: [(0, _expValEquals.expValEquals)('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && smallTextStyle, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && fontSizeStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, (0, _expValEquals.expValEquals)('platform_editor_flexible_list_indentation', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
|
|
2018
2033
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
2019
2034
|
textHighlightPaddingStyles, tasksAndDecisionsStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && ((0, _expValEquals.expValEquals)('confluence_fe_renderer_inline_node_mark_color_fix', 'isEnabled', true) ? rendererAnnotationStyles : rendererAnnotationStylesOld),
|
|
2020
2035
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -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 = "128.1.0";
|
|
75
75
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
76
76
|
containerName: 'ak-renderer-wrapper',
|
|
77
77
|
containerType: 'inline-size'
|
|
@@ -462,7 +462,7 @@ export default class ReactSerializer {
|
|
|
462
462
|
return ((_n$type2 = n.type) === null || _n$type2 === void 0 ? void 0 : _n$type2.name) === 'mediaSingle';
|
|
463
463
|
});
|
|
464
464
|
// Only check path for bodiedSyncBlock; syncBlock uses RendererContext
|
|
465
|
-
const nestedUnder = editorExperiment('platform_synced_block', true)
|
|
465
|
+
const nestedUnder = editorExperiment('platform_synced_block', true) ? getNestedUnderNodes(path, ['bodiedSyncBlock']) : undefined;
|
|
466
466
|
const isAnnotationMark = mark => mark.type === annotation;
|
|
467
467
|
const isLinkMark = mark => mark.type === link;
|
|
468
468
|
const isBorderMark = mark => isChildOfMediaSingle && mark.type === border;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export default function FontSize(props) {
|
|
3
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
4
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
5
|
+
className: "fabric-editor-block-mark fabric-editor-font-size",
|
|
6
|
+
"data-font-size": props.fontSize
|
|
7
|
+
}, props.children);
|
|
8
|
+
}
|
|
@@ -19,6 +19,7 @@ import DataConsumer from './data-consumer';
|
|
|
19
19
|
import FragmentMark from './fragment';
|
|
20
20
|
import Annotation, { isAnnotationMark } from './annotation';
|
|
21
21
|
import Border from './border';
|
|
22
|
+
import FontSize from './fontSize';
|
|
22
23
|
|
|
23
24
|
// Stage0
|
|
24
25
|
import ConfluenceInlineComment from './confluence-inline-comment';
|
|
@@ -34,6 +35,7 @@ export const markToReact = {
|
|
|
34
35
|
underline: Underline,
|
|
35
36
|
annotation: Annotation,
|
|
36
37
|
border: Border,
|
|
38
|
+
fontSize: FontSize,
|
|
37
39
|
// Stage0
|
|
38
40
|
confluenceInlineComment: ConfluenceInlineComment,
|
|
39
41
|
breakout: Breakout,
|
|
@@ -50,4 +52,4 @@ export const markToReact = {
|
|
|
50
52
|
export const toReact = mark => {
|
|
51
53
|
return markToReact[mark.type.name];
|
|
52
54
|
};
|
|
53
|
-
export { Code, Em, Link, Strike, Strong, Subsup, TextColor, BackgroundColor, Underline, Breakout, Annotation, Border, UnsupportedMark, isAnnotationMark, UnsupportedNodeAttribute, DataConsumer, FragmentMark };
|
|
55
|
+
export { Code, Em, Link, Strike, Strong, Subsup, TextColor, BackgroundColor, Underline, Breakout, Annotation, Border, FontSize, UnsupportedMark, isAnnotationMark, UnsupportedNodeAttribute, DataConsumer, FragmentMark };
|
|
@@ -9,7 +9,6 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
|
9
9
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
10
10
|
import AnalyticsContext from '../analytics/analyticsContext';
|
|
11
11
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
12
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
12
|
export const mediaIdentifierMap = new Map();
|
|
14
13
|
export const getListOfIdentifiersFromDoc = doc => {
|
|
15
14
|
if (!doc) {
|
|
@@ -78,10 +77,10 @@ export class MediaCardView extends Component {
|
|
|
78
77
|
attributes: {
|
|
79
78
|
reason,
|
|
80
79
|
external: false,
|
|
81
|
-
...(nestedUnder && editorExperiment('platform_synced_block', true)
|
|
80
|
+
...(nestedUnder && editorExperiment('platform_synced_block', true) ? {
|
|
82
81
|
nestedUnder
|
|
83
82
|
} : {}),
|
|
84
|
-
...(rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && editorExperiment('platform_synced_block', true)
|
|
83
|
+
...(rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && editorExperiment('platform_synced_block', true) ? {
|
|
85
84
|
nestedRendererType: rendererContext.nestedRendererType
|
|
86
85
|
} : {})
|
|
87
86
|
}
|
|
@@ -43,6 +43,19 @@ const isBackgroundClipBrowserFixNeeded = () => {
|
|
|
43
43
|
const baseFontStyle = css({
|
|
44
44
|
font: editorUGCToken('editor.font.body')
|
|
45
45
|
});
|
|
46
|
+
const smallTextStyle = css({
|
|
47
|
+
'--ak-renderer-editor-font-small-text': editorUGCToken('editor.font.body.small')
|
|
48
|
+
});
|
|
49
|
+
const fontSizeStyles = css({
|
|
50
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
51
|
+
'.fabric-editor-font-size': {
|
|
52
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
53
|
+
"&[data-font-size='small']": {
|
|
54
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
55
|
+
font: 'var(--ak-renderer-editor-font-small-text)'
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
});
|
|
46
59
|
const originalBaseFontLineHeight = css({
|
|
47
60
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
48
61
|
lineHeight: '1.5rem'
|
|
@@ -820,20 +833,22 @@ const listsSharedStylesForGekko = css({
|
|
|
820
833
|
* Applied when platform_editor_flexible_list_indentation experiment is enabled.
|
|
821
834
|
*/
|
|
822
835
|
const listItemHiddenMarkerStyles = css({
|
|
823
|
-
// Hide markers for
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
listStyleType: 'none'
|
|
836
|
+
// Hide markers and remove spacing for wrapper list items (items containing only nested lists)
|
|
837
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
838
|
+
'li:has(> ul:only-child), li:has(> ol:only-child), li:has(> div[data-node-type="actionList"]:only-child)': {
|
|
839
|
+
listStyleType: 'none',
|
|
840
|
+
marginTop: 0,
|
|
841
|
+
marginBottom: 0
|
|
830
842
|
},
|
|
831
|
-
//
|
|
832
|
-
|
|
833
|
-
|
|
843
|
+
// Remove margin from nested lists inside wrapper list items to avoid double spacing
|
|
844
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
845
|
+
'li:has(> ul:only-child) > ul, li:has(> ol:only-child) > ol, li:has(> div[data-node-type="actionList"]:only-child) > div[data-node-type="actionList"]': {
|
|
846
|
+
marginTop: 0
|
|
834
847
|
},
|
|
835
|
-
//
|
|
836
|
-
|
|
848
|
+
// Collapse wrapper task items (empty task items followed by a sibling nested task list)
|
|
849
|
+
// Only hides empty task items that are actual wrappers, not regular empty task items
|
|
850
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
851
|
+
'div[data-task-local-id]:has([data-component="content"]:empty):has(+ div[data-node-type="actionList"])': {
|
|
837
852
|
display: 'none'
|
|
838
853
|
}
|
|
839
854
|
});
|
|
@@ -2557,7 +2572,7 @@ export const RendererStyleContainer = props => {
|
|
|
2557
2572
|
'--ak-renderer-editor-font-heading-h6': `${editorUGCToken('editor.font.heading.h6')}`,
|
|
2558
2573
|
'--ak-renderer-editor-font-normal-text': `${editorUGCToken('editor.font.body')}`
|
|
2559
2574
|
},
|
|
2560
|
-
css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, expValEquals('platform_editor_flexible_list_indentation', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
|
|
2575
|
+
css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && smallTextStyle, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && fontSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, expValEquals('platform_editor_flexible_list_indentation', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
|
|
2561
2576
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
2562
2577
|
textHighlightPaddingStyles, tasksAndDecisionsStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, editorExperiment('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && (expValEquals('confluence_fe_renderer_inline_node_mark_color_fix', 'isEnabled', true) ? rendererAnnotationStyles : rendererAnnotationStylesOld),
|
|
2563
2578
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -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 = "128.1.0";
|
|
61
61
|
const setAsQueryContainerStyles = css({
|
|
62
62
|
containerName: 'ak-renderer-wrapper',
|
|
63
63
|
containerType: 'inline-size'
|
package/dist/esm/react/index.js
CHANGED
|
@@ -496,7 +496,7 @@ var ReactSerializer = /*#__PURE__*/function () {
|
|
|
496
496
|
return ((_n$type2 = n.type) === null || _n$type2 === void 0 ? void 0 : _n$type2.name) === 'mediaSingle';
|
|
497
497
|
});
|
|
498
498
|
// Only check path for bodiedSyncBlock; syncBlock uses RendererContext
|
|
499
|
-
var nestedUnder = editorExperiment('platform_synced_block', true)
|
|
499
|
+
var nestedUnder = editorExperiment('platform_synced_block', true) ? getNestedUnderNodes(path, ['bodiedSyncBlock']) : undefined;
|
|
500
500
|
var isAnnotationMark = function isAnnotationMark(mark) {
|
|
501
501
|
return mark.type === annotation;
|
|
502
502
|
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export default function FontSize(props) {
|
|
3
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
4
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
5
|
+
className: "fabric-editor-block-mark fabric-editor-font-size",
|
|
6
|
+
"data-font-size": props.fontSize
|
|
7
|
+
}, props.children);
|
|
8
|
+
}
|
|
@@ -19,6 +19,7 @@ import DataConsumer from './data-consumer';
|
|
|
19
19
|
import FragmentMark from './fragment';
|
|
20
20
|
import Annotation, { isAnnotationMark } from './annotation';
|
|
21
21
|
import Border from './border';
|
|
22
|
+
import FontSize from './fontSize';
|
|
22
23
|
|
|
23
24
|
// Stage0
|
|
24
25
|
import ConfluenceInlineComment from './confluence-inline-comment';
|
|
@@ -34,6 +35,7 @@ export var markToReact = {
|
|
|
34
35
|
underline: Underline,
|
|
35
36
|
annotation: Annotation,
|
|
36
37
|
border: Border,
|
|
38
|
+
fontSize: FontSize,
|
|
37
39
|
// Stage0
|
|
38
40
|
confluenceInlineComment: ConfluenceInlineComment,
|
|
39
41
|
breakout: Breakout,
|
|
@@ -50,4 +52,4 @@ export var markToReact = {
|
|
|
50
52
|
export var toReact = function toReact(mark) {
|
|
51
53
|
return markToReact[mark.type.name];
|
|
52
54
|
};
|
|
53
|
-
export { Code, Em, Link, Strike, Strong, Subsup, TextColor, BackgroundColor, Underline, Breakout, Annotation, Border, UnsupportedMark, isAnnotationMark, UnsupportedNodeAttribute, DataConsumer, FragmentMark };
|
|
55
|
+
export { Code, Em, Link, Strike, Strong, Subsup, TextColor, BackgroundColor, Underline, Breakout, Annotation, Border, FontSize, UnsupportedMark, isAnnotationMark, UnsupportedNodeAttribute, DataConsumer, FragmentMark };
|
package/dist/esm/ui/MediaCard.js
CHANGED
|
@@ -20,7 +20,6 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
|
20
20
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
21
21
|
import AnalyticsContext from '../analytics/analyticsContext';
|
|
22
22
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
23
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
24
23
|
export var mediaIdentifierMap = new Map();
|
|
25
24
|
export var getListOfIdentifiersFromDoc = function getListOfIdentifiersFromDoc(doc) {
|
|
26
25
|
if (!doc) {
|
|
@@ -113,9 +112,9 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
|
|
|
113
112
|
attributes: _objectSpread(_objectSpread({
|
|
114
113
|
reason: reason,
|
|
115
114
|
external: false
|
|
116
|
-
}, nestedUnder && editorExperiment('platform_synced_block', true)
|
|
115
|
+
}, nestedUnder && editorExperiment('platform_synced_block', true) ? {
|
|
117
116
|
nestedUnder: nestedUnder
|
|
118
|
-
} : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && editorExperiment('platform_synced_block', true)
|
|
117
|
+
} : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && editorExperiment('platform_synced_block', true) ? {
|
|
119
118
|
nestedRendererType: rendererContext.nestedRendererType
|
|
120
119
|
} : {})
|
|
121
120
|
});
|
|
@@ -45,6 +45,19 @@ var isBackgroundClipBrowserFixNeeded = function isBackgroundClipBrowserFixNeeded
|
|
|
45
45
|
var baseFontStyle = css({
|
|
46
46
|
font: editorUGCToken('editor.font.body')
|
|
47
47
|
});
|
|
48
|
+
var smallTextStyle = css({
|
|
49
|
+
'--ak-renderer-editor-font-small-text': editorUGCToken('editor.font.body.small')
|
|
50
|
+
});
|
|
51
|
+
var fontSizeStyles = css({
|
|
52
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
53
|
+
'.fabric-editor-font-size': {
|
|
54
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
55
|
+
"&[data-font-size='small']": {
|
|
56
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
57
|
+
font: 'var(--ak-renderer-editor-font-small-text)'
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
});
|
|
48
61
|
var originalBaseFontLineHeight = css({
|
|
49
62
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
50
63
|
lineHeight: '1.5rem'
|
|
@@ -690,20 +703,22 @@ var listsSharedStylesForGekko = css({
|
|
|
690
703
|
* Applied when platform_editor_flexible_list_indentation experiment is enabled.
|
|
691
704
|
*/
|
|
692
705
|
var listItemHiddenMarkerStyles = css({
|
|
693
|
-
// Hide markers for
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
listStyleType: 'none'
|
|
706
|
+
// Hide markers and remove spacing for wrapper list items (items containing only nested lists)
|
|
707
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
708
|
+
'li:has(> ul:only-child), li:has(> ol:only-child), li:has(> div[data-node-type="actionList"]:only-child)': {
|
|
709
|
+
listStyleType: 'none',
|
|
710
|
+
marginTop: 0,
|
|
711
|
+
marginBottom: 0
|
|
700
712
|
},
|
|
701
|
-
//
|
|
702
|
-
|
|
703
|
-
|
|
713
|
+
// Remove margin from nested lists inside wrapper list items to avoid double spacing
|
|
714
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
715
|
+
'li:has(> ul:only-child) > ul, li:has(> ol:only-child) > ol, li:has(> div[data-node-type="actionList"]:only-child) > div[data-node-type="actionList"]': {
|
|
716
|
+
marginTop: 0
|
|
704
717
|
},
|
|
705
|
-
//
|
|
706
|
-
|
|
718
|
+
// Collapse wrapper task items (empty task items followed by a sibling nested task list)
|
|
719
|
+
// Only hides empty task items that are actual wrappers, not regular empty task items
|
|
720
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
721
|
+
'div[data-task-local-id]:has([data-component="content"]:empty):has(+ div[data-node-type="actionList"])': {
|
|
707
722
|
display: 'none'
|
|
708
723
|
}
|
|
709
724
|
});
|
|
@@ -2007,7 +2022,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
|
|
|
2007
2022
|
'--ak-renderer-editor-font-heading-h6': "".concat(editorUGCToken('editor.font.heading.h6')),
|
|
2008
2023
|
'--ak-renderer-editor-font-normal-text': "".concat(editorUGCToken('editor.font.body'))
|
|
2009
2024
|
},
|
|
2010
|
-
css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, expValEquals('platform_editor_flexible_list_indentation', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
|
|
2025
|
+
css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && smallTextStyle, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && fontSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, expValEquals('platform_editor_flexible_list_indentation', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
|
|
2011
2026
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
2012
2027
|
textHighlightPaddingStyles, tasksAndDecisionsStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, editorExperiment('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && (expValEquals('confluence_fe_renderer_inline_node_mark_color_fix', 'isEnabled', true) ? rendererAnnotationStyles : rendererAnnotationStylesOld),
|
|
2013
2028
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -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 = "128.1.0";
|
|
66
66
|
var setAsQueryContainerStyles = css({
|
|
67
67
|
containerName: 'ak-renderer-wrapper',
|
|
68
68
|
containerType: 'inline-size'
|
|
@@ -16,8 +16,9 @@ import DataConsumer from './data-consumer';
|
|
|
16
16
|
import FragmentMark from './fragment';
|
|
17
17
|
import Annotation, { isAnnotationMark } from './annotation';
|
|
18
18
|
import Border from './border';
|
|
19
|
+
import FontSize from './fontSize';
|
|
19
20
|
export declare const markToReact: {
|
|
20
21
|
[key: string]: ComponentType<React.PropsWithChildren<any>>;
|
|
21
22
|
};
|
|
22
23
|
export declare const toReact: (mark: Mark) => ComponentType<React.PropsWithChildren<any>>;
|
|
23
|
-
export { Code, Em, Link, Strike, Strong, Subsup, TextColor, BackgroundColor, Underline, Breakout, Annotation, Border, UnsupportedMark, isAnnotationMark, UnsupportedNodeAttribute, DataConsumer, FragmentMark, };
|
|
24
|
+
export { Code, Em, Link, Strike, Strong, Subsup, TextColor, BackgroundColor, Underline, Breakout, Annotation, Border, FontSize, UnsupportedMark, isAnnotationMark, UnsupportedNodeAttribute, DataConsumer, FragmentMark, };
|
|
@@ -32,6 +32,13 @@ export interface SmartLinksOptions {
|
|
|
32
32
|
* Component: inline
|
|
33
33
|
*/
|
|
34
34
|
hideHoverPreview?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Changeboard configuration for Smart Link Draggable feature
|
|
37
|
+
*/
|
|
38
|
+
smartLinkDraggableChangeboardConfig?: {
|
|
39
|
+
onClose: () => void;
|
|
40
|
+
shouldShow: boolean;
|
|
41
|
+
};
|
|
35
42
|
/**
|
|
36
43
|
* A flag to enable inline Smart Link to render without lazy loading.
|
|
37
44
|
* Default is false.
|
|
@@ -16,8 +16,9 @@ import DataConsumer from './data-consumer';
|
|
|
16
16
|
import FragmentMark from './fragment';
|
|
17
17
|
import Annotation, { isAnnotationMark } from './annotation';
|
|
18
18
|
import Border from './border';
|
|
19
|
+
import FontSize from './fontSize';
|
|
19
20
|
export declare const markToReact: {
|
|
20
21
|
[key: string]: ComponentType<React.PropsWithChildren<any>>;
|
|
21
22
|
};
|
|
22
23
|
export declare const toReact: (mark: Mark) => ComponentType<React.PropsWithChildren<any>>;
|
|
23
|
-
export { Code, Em, Link, Strike, Strong, Subsup, TextColor, BackgroundColor, Underline, Breakout, Annotation, Border, UnsupportedMark, isAnnotationMark, UnsupportedNodeAttribute, DataConsumer, FragmentMark, };
|
|
24
|
+
export { Code, Em, Link, Strike, Strong, Subsup, TextColor, BackgroundColor, Underline, Breakout, Annotation, Border, FontSize, UnsupportedMark, isAnnotationMark, UnsupportedNodeAttribute, DataConsumer, FragmentMark, };
|
|
@@ -32,6 +32,13 @@ export interface SmartLinksOptions {
|
|
|
32
32
|
* Component: inline
|
|
33
33
|
*/
|
|
34
34
|
hideHoverPreview?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Changeboard configuration for Smart Link Draggable feature
|
|
37
|
+
*/
|
|
38
|
+
smartLinkDraggableChangeboardConfig?: {
|
|
39
|
+
onClose: () => void;
|
|
40
|
+
shouldShow: boolean;
|
|
41
|
+
};
|
|
35
42
|
/**
|
|
36
43
|
* A flag to enable inline Smart Link to render without lazy loading.
|
|
37
44
|
* Default is false.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "128.0
|
|
3
|
+
"version": "128.2.0",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
}
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@atlaskit/adf-schema": "^52.
|
|
26
|
+
"@atlaskit/adf-schema": "^52.4.0",
|
|
27
27
|
"@atlaskit/adf-utils": "^19.27.0",
|
|
28
28
|
"@atlaskit/afm-i18n-platform-editor-renderer": "2.10.0",
|
|
29
29
|
"@atlaskit/analytics-listeners": "^10.0.0",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"@atlaskit/editor-palette": "^2.1.0",
|
|
37
37
|
"@atlaskit/editor-prosemirror": "^7.3.0",
|
|
38
38
|
"@atlaskit/editor-shared-styles": "^3.10.0",
|
|
39
|
-
"@atlaskit/editor-smart-link-draggable": "^0.
|
|
39
|
+
"@atlaskit/editor-smart-link-draggable": "^0.2.0",
|
|
40
40
|
"@atlaskit/emoji": "^69.10.0",
|
|
41
41
|
"@atlaskit/feature-gate-js-client": "^5.5.0",
|
|
42
42
|
"@atlaskit/icon": "^33.0.0",
|
|
@@ -59,9 +59,9 @@
|
|
|
59
59
|
"@atlaskit/status": "^3.1.0",
|
|
60
60
|
"@atlaskit/task-decision": "^19.3.0",
|
|
61
61
|
"@atlaskit/theme": "^22.0.0",
|
|
62
|
-
"@atlaskit/tmp-editor-statsig": "^40.
|
|
62
|
+
"@atlaskit/tmp-editor-statsig": "^40.6.0",
|
|
63
63
|
"@atlaskit/tokens": "^11.1.0",
|
|
64
|
-
"@atlaskit/tooltip": "^
|
|
64
|
+
"@atlaskit/tooltip": "^21.0.0",
|
|
65
65
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
66
66
|
"@babel/runtime": "^7.0.0",
|
|
67
67
|
"@emotion/react": "^11.7.1",
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"uuid": "^3.1.0"
|
|
74
74
|
},
|
|
75
75
|
"peerDependencies": {
|
|
76
|
-
"@atlaskit/editor-common": "^112.
|
|
76
|
+
"@atlaskit/editor-common": "^112.6.0",
|
|
77
77
|
"@atlaskit/link-provider": "^4.2.0",
|
|
78
78
|
"@atlaskit/media-core": "^37.0.0",
|
|
79
79
|
"react": "^18.2.0",
|
|
@@ -240,9 +240,6 @@
|
|
|
240
240
|
"platform_editor_renderer_selection_context": {
|
|
241
241
|
"type": "boolean",
|
|
242
242
|
"referenceOnly": "true"
|
|
243
|
-
},
|
|
244
|
-
"platform_synced_block_patch_5": {
|
|
245
|
-
"type": "boolean"
|
|
246
243
|
}
|
|
247
244
|
}
|
|
248
245
|
}
|