@atlaskit/renderer 128.8.0 → 128.9.1
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 +25 -0
- package/dist/cjs/react/nodes/inlineCard.js +17 -0
- package/dist/cjs/react/nodes/table/colgroup.js +131 -13
- package/dist/cjs/ui/Renderer/RendererStyleContainer.js +27 -12
- package/dist/cjs/ui/Renderer/index.js +12 -4
- package/dist/es2019/react/nodes/inlineCard.js +18 -1
- package/dist/es2019/react/nodes/table/colgroup.js +116 -12
- package/dist/es2019/ui/Renderer/RendererStyleContainer.js +25 -8
- package/dist/es2019/ui/Renderer/index.js +13 -4
- package/dist/esm/react/nodes/inlineCard.js +18 -1
- package/dist/esm/react/nodes/table/colgroup.js +129 -13
- package/dist/esm/ui/Renderer/RendererStyleContainer.js +27 -12
- package/dist/esm/ui/Renderer/index.js +12 -4
- package/dist/types/ui/Renderer/RendererStyleContainer.d.ts +2 -0
- package/dist/types-ts4.5/ui/Renderer/RendererStyleContainer.d.ts +2 -0
- package/package.json +12 -6
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
var
|
|
2
|
+
var _css9, _$concat3, _$concat6;
|
|
3
3
|
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; }
|
|
4
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
5
|
/* eslint-disable @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-unsafe-selectors */
|
|
@@ -220,6 +220,12 @@ var headingAnchorStyles = css({
|
|
|
220
220
|
lineHeight: "".concat(16 / 11, "em")
|
|
221
221
|
})
|
|
222
222
|
});
|
|
223
|
+
var headingAnchorButtonFocusVisibleStyles = css(_defineProperty({}, ".".concat(HeadingAnchorWrapperClassName), {
|
|
224
|
+
'button:focus-visible': {
|
|
225
|
+
outline: "2px solid ".concat("var(--ds-border-focused, #4688EC)"),
|
|
226
|
+
borderRadius: "var(--ds-radius-small, 3px)"
|
|
227
|
+
}
|
|
228
|
+
}));
|
|
223
229
|
var akEditorBreakpointForSmallDevice = '1266px';
|
|
224
230
|
var responsiveBreakoutWidth = css(_defineProperty({
|
|
225
231
|
'--ak-editor--breakout-container-without-gutter-width': "calc(100cqw - ".concat(akEditorGutterPadding, "px * 2)"),
|
|
@@ -639,13 +645,13 @@ var paragraphSharedStyleScaledMargin = css({
|
|
|
639
645
|
letterSpacing: '-0.005em'
|
|
640
646
|
}
|
|
641
647
|
});
|
|
642
|
-
var listsSharedStyles = css((
|
|
648
|
+
var listsSharedStyles = css((_css9 = {
|
|
643
649
|
/* =============== INDENTATION SPACING ========= */
|
|
644
650
|
'ul, ol': {
|
|
645
651
|
boxSizing: 'border-box',
|
|
646
652
|
paddingLeft: "var(--ed--list--item-counter--padding, ".concat(listItemCounterPadding, "px)")
|
|
647
653
|
}
|
|
648
|
-
}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(
|
|
654
|
+
}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css9, "".concat(orderedListSelector, ", ").concat(bulletListSelector), {
|
|
649
655
|
/*
|
|
650
656
|
Ensures list item content adheres to the list's margin instead
|
|
651
657
|
of filling the entire block row. This is important to allow
|
|
@@ -677,7 +683,7 @@ var listsSharedStyles = css((_css8 = {
|
|
|
677
683
|
listStyleType: 'lower-alpha'
|
|
678
684
|
}), 'ol[data-indent-level="3"], ol[data-indent-level="6"]', {
|
|
679
685
|
listStyleType: 'lower-roman'
|
|
680
|
-
}), _defineProperty(_defineProperty(_defineProperty(
|
|
686
|
+
}), _defineProperty(_defineProperty(_defineProperty(_css9, 'ul[data-indent-level="1"], ul[data-indent-level="4"]', {
|
|
681
687
|
listStyleType: 'disc'
|
|
682
688
|
}), 'ul[data-indent-level="2"], ul[data-indent-level="5"]', {
|
|
683
689
|
listStyleType: 'circle'
|
|
@@ -721,11 +727,13 @@ var listItemHiddenMarkerStyles = css({
|
|
|
721
727
|
'li:has(> ul:only-child) > ul, li:has(> ol:only-child) > ol': {
|
|
722
728
|
marginTop: 0
|
|
723
729
|
},
|
|
724
|
-
//
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
730
|
+
// Remove top margin from nested taskLists not preceded by a sibling taskItem
|
|
731
|
+
'div[data-task-list-local-id] > div[data-task-list-local-id]': {
|
|
732
|
+
marginTop: 0
|
|
733
|
+
},
|
|
734
|
+
// Restore margin when a nested taskList follows a taskItem
|
|
735
|
+
'div[data-task-local-id] + div[data-task-list-local-id]': {
|
|
736
|
+
marginTop: "var(--ds-space-050, 4px)"
|
|
729
737
|
}
|
|
730
738
|
});
|
|
731
739
|
var indentationSharedStyles = css({
|
|
@@ -1590,6 +1598,7 @@ var rendererTableSortableColumnStyles = css(_defineProperty({}, ".".concat(Rende
|
|
|
1590
1598
|
width: '100%',
|
|
1591
1599
|
height: '100%',
|
|
1592
1600
|
padding: "".concat(tableCellPadding, "px"),
|
|
1601
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-shape
|
|
1593
1602
|
borderWidth: '1.5px',
|
|
1594
1603
|
borderStyle: 'solid',
|
|
1595
1604
|
borderColor: "transparent",
|
|
@@ -1972,6 +1981,11 @@ var denseStyles = css(_defineProperty(_defineProperty(_defineProperty({}, ".".co
|
|
|
1972
1981
|
marginTop: RENDERER_LIST_DENSE_GAP
|
|
1973
1982
|
}
|
|
1974
1983
|
}));
|
|
1984
|
+
var syncBlockRendererStyles = css({
|
|
1985
|
+
margin: 0,
|
|
1986
|
+
maxWidth: 'none',
|
|
1987
|
+
padding: 0
|
|
1988
|
+
});
|
|
1975
1989
|
var syncBlockStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(SyncBlockSharedCssClassName.renderer, ", .").concat(BodiedSyncBlockSharedCssClassName.renderer, ", .").concat(SyncBlockSharedCssClassName.error, ", .").concat(SyncBlockSharedCssClassName.loading), {
|
|
1976
1990
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
1977
1991
|
marginTop: "var(--ds-space-075, 6px)",
|
|
@@ -2004,7 +2018,8 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
|
|
|
2004
2018
|
useBlockRenderForCodeBlock = props.useBlockRenderForCodeBlock,
|
|
2005
2019
|
children = props.children,
|
|
2006
2020
|
innerRef = props.innerRef,
|
|
2007
|
-
testId = props.testId
|
|
2021
|
+
testId = props.testId,
|
|
2022
|
+
isInsideSyncBlock = props.isInsideSyncBlock;
|
|
2008
2023
|
var isAdvancedLayoutsOn = editorExperiment('advanced_layouts', true);
|
|
2009
2024
|
var isPreviewPanelResponsivenessOn = editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
2010
2025
|
exposure: true
|
|
@@ -2030,7 +2045,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
|
|
|
2030
2045
|
}, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && {
|
|
2031
2046
|
'--ak-renderer-editor-font-small-text': editorUGCToken('editor.font.body.small')
|
|
2032
2047
|
}),
|
|
2033
|
-
css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, 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_schema', '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,
|
|
2048
|
+
css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && fontSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, fg('ally_30945_accessibility_outline_fix') && headingAnchorButtonFocusVisibleStyles, 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_schema', '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,
|
|
2034
2049
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
2035
2050
|
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),
|
|
2036
2051
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -2038,7 +2053,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
|
|
|
2038
2053
|
// this should be placed after baseOtherStyles
|
|
2039
2054
|
expValEquals('platform_editor_render_bodied_extension_as_inline', 'isEnabled', true) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? extensionAsInlineStyle : oldExtensionAsInlineStyle), inlineExtensionRendererMarginFix, allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? alignedHeadingAnchorStyle : alignedHeadingAnchorStyleDuplicateAnchor), mediaSingleSharedStyle,
|
|
2040
2055
|
// merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
|
|
2041
|
-
fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, fg('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, isStickyScrollbarEnabled(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, editorExperiment('platform_synced_block', true) && syncBlockStyles, centerWrapperStyles],
|
|
2056
|
+
fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, fg('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, isStickyScrollbarEnabled(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, editorExperiment('platform_synced_block', true) && syncBlockStyles, centerWrapperStyles, editorExperiment('platform_synced_block', true) && isInsideSyncBlock && fg('platform_synced_block_patch_9') ? syncBlockRendererStyles : null],
|
|
2042
2057
|
"data-testid": testId
|
|
2043
2058
|
}, children);
|
|
2044
2059
|
};
|
|
@@ -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 = "128.
|
|
65
|
+
var packageVersion = "128.9.0";
|
|
66
66
|
var setAsQueryContainerStyles = css({
|
|
67
67
|
containerName: 'ak-renderer-wrapper',
|
|
68
68
|
containerType: 'inline-size'
|
|
@@ -190,10 +190,15 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
|
|
|
190
190
|
var normalizedFeatureFlags = normalizeFeatureFlags(featureFlags);
|
|
191
191
|
return {
|
|
192
192
|
featureFlags: normalizedFeatureFlags,
|
|
193
|
-
isTopLevelRenderer: isTopLevelRenderer === undefined
|
|
193
|
+
isTopLevelRenderer: isTopLevelRenderer === undefined,
|
|
194
|
+
// Propagate nestedRendererType into the inner RendererContextProvider so that
|
|
195
|
+
// React components inside the renderer (e.g. Colgroup) can read it via
|
|
196
|
+
// useRendererContext(). Without this, the inner provider overwrites the outer
|
|
197
|
+
// AKRendererWrapper context and nestedRendererType becomes undefined.
|
|
198
|
+
nestedRendererType: nestedRendererType
|
|
194
199
|
};
|
|
195
200
|
};
|
|
196
|
-
}, []);
|
|
201
|
+
}, [nestedRendererType]);
|
|
197
202
|
var fireAnalyticsEventOld = useCallback(function (event) {
|
|
198
203
|
var createAnalyticsEvent = props.createAnalyticsEvent;
|
|
199
204
|
if (createAnalyticsEvent) {
|
|
@@ -618,6 +623,8 @@ var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
|
|
|
618
623
|
return telepointer;
|
|
619
624
|
};
|
|
620
625
|
var initialUpdate = React.useRef(true);
|
|
626
|
+
var _useRendererContext3 = useRendererContext(),
|
|
627
|
+
nestedRendererType = _useRendererContext3.nestedRendererType;
|
|
621
628
|
useEffect(function () {
|
|
622
629
|
// We must check if window is defined, if it isn't we are in a SSR environment
|
|
623
630
|
// and we don't want to add the telepointer
|
|
@@ -715,7 +722,8 @@ var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
|
|
|
715
722
|
useBlockRenderForCodeBlock: useBlockRenderForCodeBlock,
|
|
716
723
|
allowAnnotations: props.allowAnnotations,
|
|
717
724
|
allowTableResizing: allowTableResizing,
|
|
718
|
-
allowRendererContainerStyles: allowRendererContainerStyles
|
|
725
|
+
allowRendererContainerStyles: allowRendererContainerStyles,
|
|
726
|
+
isInsideSyncBlock: nestedRendererType === 'syncedBlock'
|
|
719
727
|
}, children))));
|
|
720
728
|
|
|
721
729
|
// We can only make the wrapper div query container when we have a known width.
|
|
@@ -6,7 +6,9 @@ import { jsx } from '@emotion/react';
|
|
|
6
6
|
import type { RendererWrapperProps } from './index';
|
|
7
7
|
export declare const textHighlightPaddingStyles: import("@emotion/utils").SerializedStyles;
|
|
8
8
|
type RendererStyleContainerProps = Pick<RendererWrapperProps, 'onClick' | 'onMouseDown' | 'appearance' | 'contentMode' | 'allowNestedHeaderLinks' | 'allowColumnSorting' | 'useBlockRenderForCodeBlock' | 'allowAnnotations' | 'allowTableResizing' | 'innerRef' | 'children' | 'allowRendererContainerStyles'> & {
|
|
9
|
+
isInsideSyncBlock?: boolean;
|
|
9
10
|
testId?: string;
|
|
11
|
+
isInsideOfSyncBlock?: boolean;
|
|
10
12
|
};
|
|
11
13
|
export declare const RendererStyleContainer: (props: RendererStyleContainerProps) => jsx.JSX.Element;
|
|
12
14
|
export {};
|
|
@@ -6,7 +6,9 @@ import { jsx } from '@emotion/react';
|
|
|
6
6
|
import type { RendererWrapperProps } from './index';
|
|
7
7
|
export declare const textHighlightPaddingStyles: import("@emotion/utils").SerializedStyles;
|
|
8
8
|
type RendererStyleContainerProps = Pick<RendererWrapperProps, 'onClick' | 'onMouseDown' | 'appearance' | 'contentMode' | 'allowNestedHeaderLinks' | 'allowColumnSorting' | 'useBlockRenderForCodeBlock' | 'allowAnnotations' | 'allowTableResizing' | 'innerRef' | 'children' | 'allowRendererContainerStyles'> & {
|
|
9
|
+
isInsideSyncBlock?: boolean;
|
|
9
10
|
testId?: string;
|
|
11
|
+
isInsideOfSyncBlock?: boolean;
|
|
10
12
|
};
|
|
11
13
|
export declare const RendererStyleContainer: (props: RendererStyleContainerProps) => jsx.JSX.Element;
|
|
12
14
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "128.
|
|
3
|
+
"version": "128.9.1",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -54,12 +54,12 @@
|
|
|
54
54
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
55
55
|
"@atlaskit/platform-feature-flags-react": "^0.4.0",
|
|
56
56
|
"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
|
|
57
|
-
"@atlaskit/react-ufo": "^5.
|
|
58
|
-
"@atlaskit/smart-card": "^43.
|
|
57
|
+
"@atlaskit/react-ufo": "^5.11.0",
|
|
58
|
+
"@atlaskit/smart-card": "^43.31.0",
|
|
59
59
|
"@atlaskit/status": "^3.2.0",
|
|
60
60
|
"@atlaskit/task-decision": "^19.3.0",
|
|
61
61
|
"@atlaskit/theme": "^22.0.0",
|
|
62
|
-
"@atlaskit/tmp-editor-statsig": "^54.
|
|
62
|
+
"@atlaskit/tmp-editor-statsig": "^54.4.0",
|
|
63
63
|
"@atlaskit/tokens": "^11.4.0",
|
|
64
64
|
"@atlaskit/tooltip": "^21.1.0",
|
|
65
65
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
@@ -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.18.0",
|
|
77
77
|
"@atlaskit/link-provider": "^4.3.0",
|
|
78
78
|
"@atlaskit/media-core": "^37.0.0",
|
|
79
79
|
"react": "^18.2.0",
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"@atlaskit/mention": "^24.6.0",
|
|
93
93
|
"@atlaskit/modal-dialog": "^14.14.0",
|
|
94
94
|
"@atlaskit/navigation-system": "^7.1.0",
|
|
95
|
-
"@atlaskit/profilecard": "^24.
|
|
95
|
+
"@atlaskit/profilecard": "^24.47.0",
|
|
96
96
|
"@atlaskit/side-nav-items": "^1.12.0",
|
|
97
97
|
"@atlaskit/util-data-test": "^18.5.0",
|
|
98
98
|
"@atlassian/a11y-jest-testing": "^0.11.0",
|
|
@@ -226,12 +226,18 @@
|
|
|
226
226
|
"platform_fix_macro_renders_in_layouts": {
|
|
227
227
|
"type": "boolean"
|
|
228
228
|
},
|
|
229
|
+
"ally_30945_accessibility_outline_fix": {
|
|
230
|
+
"type": "boolean"
|
|
231
|
+
},
|
|
229
232
|
"platform_editor_fix_missing_task_id": {
|
|
230
233
|
"type": "boolean"
|
|
231
234
|
},
|
|
232
235
|
"platform_editor_table_fixed_column_width_prop": {
|
|
233
236
|
"type": "boolean"
|
|
234
237
|
},
|
|
238
|
+
"platform_synced_block_patch_9": {
|
|
239
|
+
"type": "boolean"
|
|
240
|
+
},
|
|
235
241
|
"confluence_ttvc_inline_extensions": {
|
|
236
242
|
"type": "boolean"
|
|
237
243
|
},
|