@atlaskit/renderer 124.8.2 → 124.8.4

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.
Files changed (14) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/afm-products/tsconfig.json +141 -0
  3. package/dist/cjs/react/nodes/syncBlock.js +3 -2
  4. package/dist/cjs/ui/Renderer/RendererStyleContainer.js +5 -3
  5. package/dist/cjs/ui/Renderer/index.js +4 -3
  6. package/dist/es2019/react/nodes/syncBlock.js +3 -2
  7. package/dist/es2019/ui/Renderer/RendererStyleContainer.js +6 -2
  8. package/dist/es2019/ui/Renderer/index.js +3 -2
  9. package/dist/esm/react/nodes/syncBlock.js +3 -2
  10. package/dist/esm/ui/Renderer/RendererStyleContainer.js +3 -1
  11. package/dist/esm/ui/Renderer/index.js +3 -2
  12. package/dist/types/react/nodes/syncBlock.d.ts +1 -0
  13. package/dist/types-ts4.5/react/nodes/syncBlock.d.ts +1 -0
  14. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 124.8.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`2261b8ade339b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2261b8ade339b) -
8
+ [ux] EDITOR-2255 integrate data provider for renderer sync block node
9
+ - [`c28cd65d12c24`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c28cd65d12c24) -
10
+ EDITOR-2447 Bump adf-schema to 51.3.1
11
+ - Updated dependencies
12
+
13
+ ## 124.8.3
14
+
15
+ ### Patch Changes
16
+
17
+ - [`3b3175c237886`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3b3175c237886) -
18
+ upgrade use of browser util
19
+
3
20
  ## 124.8.2
4
21
 
5
22
  ### Patch Changes
package/afm-products/tsconfig.json ADDED
@@ -0,0 +1,141 @@
1
+ {
2
+ "extends": "../../../../tsconfig.entry-points.products.json",
3
+ "compilerOptions": {
4
+ "declaration": true,
5
+ "target": "es5",
6
+ "outDir": "../../../../../tsDist/@atlaskit__renderer/app",
7
+ "rootDir": "../",
8
+ "composite": true
9
+ },
10
+ "include": [
11
+ "../src/**/*.ts",
12
+ "../src/**/*.tsx"
13
+ ],
14
+ "exclude": [
15
+ "../src/**/__tests__/*",
16
+ "../src/**/*.test.*",
17
+ "../src/**/test.*",
18
+ "../src/**/examples.*",
19
+ "../src/**/examples/*",
20
+ "../src/**/examples/**/*",
21
+ "../src/**/*.stories.*",
22
+ "../src/**/stories/*",
23
+ "../src/**/stories/**/*"
24
+ ],
25
+ "references": [
26
+ {
27
+ "path": "../../adf-utils/afm-products/tsconfig.json"
28
+ },
29
+ {
30
+ "path": "../../../analytics/analytics-listeners/afm-products/tsconfig.json"
31
+ },
32
+ {
33
+ "path": "../../../analytics/analytics-namespaced-context/afm-products/tsconfig.json"
34
+ },
35
+ {
36
+ "path": "../../../analytics/analytics-next/afm-products/tsconfig.json"
37
+ },
38
+ {
39
+ "path": "../../../helpers/browser-apis/afm-products/tsconfig.json"
40
+ },
41
+ {
42
+ "path": "../../../design-system/button/afm-products/tsconfig.json"
43
+ },
44
+ {
45
+ "path": "../../../design-system/code/afm-products/tsconfig.json"
46
+ },
47
+ {
48
+ "path": "../../editor-json-transformer/afm-products/tsconfig.json"
49
+ },
50
+ {
51
+ "path": "../../editor-palette/afm-products/tsconfig.json"
52
+ },
53
+ {
54
+ "path": "../../editor-shared-styles/afm-products/tsconfig.json"
55
+ },
56
+ {
57
+ "path": "../../editor-tables/afm-products/tsconfig.json"
58
+ },
59
+ {
60
+ "path": "../../../elements/emoji/afm-products/tsconfig.json"
61
+ },
62
+ {
63
+ "path": "../../../measurement/feature-gate-js-client/afm-products/tsconfig.json"
64
+ },
65
+ {
66
+ "path": "../../../design-system/icon/afm-products/tsconfig.json"
67
+ },
68
+ {
69
+ "path": "../../../design-system/link/afm-products/tsconfig.json"
70
+ },
71
+ {
72
+ "path": "../../../linking-platform/link-datasource/afm-products/tsconfig.json"
73
+ },
74
+ {
75
+ "path": "../../../linking-platform/link-extractors/afm-products/tsconfig.json"
76
+ },
77
+ {
78
+ "path": "../../../media/media-card/afm-products/tsconfig.json"
79
+ },
80
+ {
81
+ "path": "../../../media/media-client/afm-products/tsconfig.json"
82
+ },
83
+ {
84
+ "path": "../../../media/media-client-react/afm-products/tsconfig.json"
85
+ },
86
+ {
87
+ "path": "../../../media/media-common/afm-products/tsconfig.json"
88
+ },
89
+ {
90
+ "path": "../../../media/media-filmstrip/afm-products/tsconfig.json"
91
+ },
92
+ {
93
+ "path": "../../../media/media-ui/afm-products/tsconfig.json"
94
+ },
95
+ {
96
+ "path": "../../../media/media-viewer/afm-products/tsconfig.json"
97
+ },
98
+ {
99
+ "path": "../../../platform/feature-flags/afm-products/tsconfig.json"
100
+ },
101
+ {
102
+ "path": "../../../platform/feature-flags-react/afm-products/tsconfig.json"
103
+ },
104
+ {
105
+ "path": "../../../react-ufo/atlaskit/afm-products/tsconfig.json"
106
+ },
107
+ {
108
+ "path": "../../../linking-platform/smart-card/afm-products/tsconfig.json"
109
+ },
110
+ {
111
+ "path": "../../../elements/status/afm-products/tsconfig.json"
112
+ },
113
+ {
114
+ "path": "../../../elements/task-decision/afm-products/tsconfig.json"
115
+ },
116
+ {
117
+ "path": "../../../design-system/theme/afm-products/tsconfig.json"
118
+ },
119
+ {
120
+ "path": "../../tmp-editor-statsig/afm-products/tsconfig.json"
121
+ },
122
+ {
123
+ "path": "../../../design-system/tokens/afm-products/tsconfig.json"
124
+ },
125
+ {
126
+ "path": "../../../design-system/tooltip/afm-products/tsconfig.json"
127
+ },
128
+ {
129
+ "path": "../../../design-system/visually-hidden/afm-products/tsconfig.json"
130
+ },
131
+ {
132
+ "path": "../../editor-common/afm-products/tsconfig.json"
133
+ },
134
+ {
135
+ "path": "../../../linking-platform/link-provider/afm-products/tsconfig.json"
136
+ },
137
+ {
138
+ "path": "../../../media/media-core/afm-products/tsconfig.json"
139
+ }
140
+ ]
141
+ }
package/dist/cjs/react/nodes/syncBlock.js CHANGED
@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = SyncBlock;
8
8
  var _react = _interopRequireDefault(require("react"));
9
- // For sync block to work, we need to pass in a custom syncBlock renderer
9
+ // For sync block to work, we are passing in a custom syncBlock renderer through nodeComponents
10
10
  // However, we need define a basic component to render the sync block
11
11
  function SyncBlock(props) {
12
12
  return /*#__PURE__*/_react.default.createElement("div", {
13
13
  "data-sync-block": true,
14
- "data-local-id": props.localId
14
+ "data-local-id": props.localId,
15
+ "data-resource-id": props.resourceId
15
16
  });
16
17
  }
package/dist/cjs/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -47,7 +47,8 @@ var LAYOUT_BREAKPOINT_RENDERER = 629;
47
47
  // TODO: tableRowHeight can be moved into `@atlaskit/editor-common/table`
48
48
  var tableRowHeight = 44;
49
49
  var isBackgroundClipBrowserFixNeeded = function isBackgroundClipBrowserFixNeeded() {
50
- return _browser.browser.isGecko || _browser.browser.isIE || _browser.browser.isMac && _browser.browser.isChrome;
50
+ var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
51
+ return browser.isGecko || browser.isIE || browser.isMac && browser.isChrome;
51
52
  };
52
53
 
53
54
  // styles are copied from ./style.tsx
@@ -1586,6 +1587,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
1586
1587
  exposure: true
1587
1588
  });
1588
1589
  var baseFontSize = (0, _getBaseFontSize.getBaseFontSize)(appearance, contentMode);
1590
+ var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
1589
1591
  return (
1590
1592
  // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
1591
1593
  (0, _react.jsx)("div", {
@@ -1602,13 +1604,13 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
1602
1604
  '--ak-renderer-editor-font-heading-h6': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h6')),
1603
1605
  '--ak-renderer-editor-font-normal-text': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.body'))
1604
1606
  },
1605
- css: [baseStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, appearance === 'full-width' && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, !(0, _platformFeatureFlags.fg)('aifc_create_enabled') && telepointerStyles, (0, _platformFeatureFlags.fg)('aifc_create_enabled') && rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') && extensionStyle, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, _browser.browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, (0, _expValEquals.expValEquals)('platform_editor_text_highlight_padding', 'isEnabled', true) &&
1607
+ css: [baseStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, appearance === 'full-width' && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, !(0, _platformFeatureFlags.fg)('aifc_create_enabled') && telepointerStyles, (0, _platformFeatureFlags.fg)('aifc_create_enabled') && rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') && extensionStyle, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, (0, _expValEquals.expValEquals)('platform_editor_text_highlight_padding', 'isEnabled', true) &&
1606
1608
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
1607
1609
  textHighlightPaddingStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, (0, _platformFeatureFlags.fg)('smartcard_avatar_margin_fix') && smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
1608
1610
  // eslint-disable-next-line @atlaskit/platform/no-preconditioning
1609
1611
  (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && (0, _platformFeatureFlags.fg)('annotations_align_editor_and_renderer_styles') && rendererAnnotationStylesCommentHeightFix, baseOtherStyles, allowNestedHeaderLinks && alignedHeadingAnchorStyle, mediaSingleSharedStyle,
1610
1612
  // merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
1611
- (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, tableRendererHeaderStylesForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, (0, _table.isStickyScrollbarEnabled)(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks, (0, _platformFeatureFlags.fg)('platform_editor_tables_numbered_column_correction') ? rendererTableColumnStyles : rendererTableColumnStylesOld, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, _browser.browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, appearance === 'full-width' && responsiveBreakoutWidthFullWidth, (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') && denseStyles],
1613
+ (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, tableRendererHeaderStylesForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, (0, _table.isStickyScrollbarEnabled)(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks, (0, _platformFeatureFlags.fg)('platform_editor_tables_numbered_column_correction') ? rendererTableColumnStyles : rendererTableColumnStylesOld, 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' && responsiveBreakoutWidthFullWidth, (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') && denseStyles],
1612
1614
  "data-testid": testId
1613
1615
  }, children)
1614
1616
  );
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -68,17 +68,18 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
68
68
  // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
69
69
  var TABLE_WIDTH_INFO_TIMEOUT = 10000;
70
70
  var packageName = "@atlaskit/renderer";
71
- var packageVersion = "124.8.1";
71
+ var packageVersion = "124.8.3";
72
72
  var setAsQueryContainerStyles = (0, _react2.css)({
73
73
  containerName: 'ak-renderer-wrapper',
74
74
  containerType: 'inline-size'
75
75
  });
76
76
  var handleMouseTripleClickInTables = function handleMouseTripleClickInTables(event) {
77
77
  var _parentElement, _parentElement2;
78
- if (_browser.browser.ios || _browser.browser.android) {
78
+ var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
79
+ if (browser.ios || browser.android) {
79
80
  return;
80
81
  }
81
- var badBrowser = _browser.browser.chrome || _browser.browser.safari;
82
+ var badBrowser = browser.chrome || browser.safari;
82
83
  var tripleClick = event.detail >= 3;
83
84
  if (!(badBrowser && tripleClick)) {
84
85
  return;
package/dist/es2019/react/nodes/syncBlock.js CHANGED
@@ -1,9 +1,10 @@
1
1
  import React from 'react';
2
- // For sync block to work, we need to pass in a custom syncBlock renderer
2
+ // For sync block to work, we are passing in a custom syncBlock renderer through nodeComponents
3
3
  // However, we need define a basic component to render the sync block
4
4
  export default function SyncBlock(props) {
5
5
  return /*#__PURE__*/React.createElement("div", {
6
6
  "data-sync-block": true,
7
- "data-local-id": props.localId
7
+ "data-local-id": props.localId,
8
+ "data-resource-id": props.resourceId
8
9
  });
9
10
  }
package/dist/es2019/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -19,7 +19,7 @@ import { HeadingAnchorWrapperClassName } from '../../react/nodes/heading-anchor'
19
19
  import { CodeBlockSharedCssClassName, DateSharedCssClassName, listItemCounterPadding, richMediaClassName, SmartCardSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, tableCellPadding, tableMarginTop, TableSharedCssClassName, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
20
20
  import { bulletListSelector, orderedListSelector } from '@atlaskit/adf-schema';
21
21
  import { shadowClassNames, shadowObserverClassNames } from '@atlaskit/editor-common/ui';
22
- import { browser } from '@atlaskit/editor-common/browser';
22
+ import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
23
23
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
24
24
  import { isStickyScrollbarEnabled, isTableResizingEnabled } from '../../react/nodes/table';
25
25
  import { SORTABLE_COLUMN_ICON_CLASSNAME } from '@atlaskit/editor-common/table';
@@ -37,7 +37,10 @@ const LAYOUT_BREAKPOINT_RENDERER = 629;
37
37
  // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
38
38
  // TODO: tableRowHeight can be moved into `@atlaskit/editor-common/table`
39
39
  const tableRowHeight = 44;
40
- const isBackgroundClipBrowserFixNeeded = () => browser.isGecko || browser.isIE || browser.isMac && browser.isChrome;
40
+ const isBackgroundClipBrowserFixNeeded = () => {
41
+ const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
42
+ return browser.isGecko || browser.isIE || browser.isMac && browser.isChrome;
43
+ };
41
44
 
42
45
  // styles are copied from ./style.tsx
43
46
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage
@@ -2001,6 +2004,7 @@ export const RendererStyleContainer = props => {
2001
2004
  exposure: true
2002
2005
  });
2003
2006
  const baseFontSize = getBaseFontSize(appearance, contentMode);
2007
+ const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
2004
2008
  return (
2005
2009
  // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
2006
2010
  jsx("div", {
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -11,7 +11,7 @@ import { BaseTheme, IntlErrorBoundary, UnsupportedBlock, WidthProvider, WithCrea
11
11
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
12
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
13
13
  import { css, jsx } from '@emotion/react';
14
- import { browser } from '@atlaskit/editor-common/browser';
14
+ import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
15
15
  import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
16
16
  import { getDistortedDurationMonitor } from '@atlaskit/editor-common/performance/measure-render';
17
17
  import { getResponseEndTime } from '@atlaskit/editor-common/performance/navigation';
@@ -54,13 +54,14 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
54
54
  // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
55
55
  const TABLE_WIDTH_INFO_TIMEOUT = 10000;
56
56
  const packageName = "@atlaskit/renderer";
57
- const packageVersion = "124.8.1";
57
+ const packageVersion = "124.8.3";
58
58
  const setAsQueryContainerStyles = css({
59
59
  containerName: 'ak-renderer-wrapper',
60
60
  containerType: 'inline-size'
61
61
  });
62
62
  const handleMouseTripleClickInTables = event => {
63
63
  var _parentElement, _parentElement2;
64
+ const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
64
65
  if (browser.ios || browser.android) {
65
66
  return;
66
67
  }
package/dist/esm/react/nodes/syncBlock.js CHANGED
@@ -1,9 +1,10 @@
1
1
  import React from 'react';
2
- // For sync block to work, we need to pass in a custom syncBlock renderer
2
+ // For sync block to work, we are passing in a custom syncBlock renderer through nodeComponents
3
3
  // However, we need define a basic component to render the sync block
4
4
  export default function SyncBlock(props) {
5
5
  return /*#__PURE__*/React.createElement("div", {
6
6
  "data-sync-block": true,
7
- "data-local-id": props.localId
7
+ "data-local-id": props.localId,
8
+ "data-resource-id": props.resourceId
8
9
  });
9
10
  }
package/dist/esm/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -21,7 +21,7 @@ import { HeadingAnchorWrapperClassName } from '../../react/nodes/heading-anchor'
21
21
  import { CodeBlockSharedCssClassName, DateSharedCssClassName, listItemCounterPadding, richMediaClassName, SmartCardSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, tableCellPadding, tableMarginTop, TableSharedCssClassName, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
22
22
  import { bulletListSelector, orderedListSelector } from '@atlaskit/adf-schema';
23
23
  import { shadowClassNames, shadowObserverClassNames } from '@atlaskit/editor-common/ui';
24
- import { browser } from '@atlaskit/editor-common/browser';
24
+ import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
25
25
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
26
26
  import { isStickyScrollbarEnabled, isTableResizingEnabled } from '../../react/nodes/table';
27
27
  import { SORTABLE_COLUMN_ICON_CLASSNAME } from '@atlaskit/editor-common/table';
@@ -40,6 +40,7 @@ var LAYOUT_BREAKPOINT_RENDERER = 629;
40
40
  // TODO: tableRowHeight can be moved into `@atlaskit/editor-common/table`
41
41
  var tableRowHeight = 44;
42
42
  var isBackgroundClipBrowserFixNeeded = function isBackgroundClipBrowserFixNeeded() {
43
+ var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
43
44
  return browser.isGecko || browser.isIE || browser.isMac && browser.isChrome;
44
45
  };
45
46
 
@@ -1579,6 +1580,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
1579
1580
  exposure: true
1580
1581
  });
1581
1582
  var baseFontSize = getBaseFontSize(appearance, contentMode);
1583
+ var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
1582
1584
  return (
1583
1585
  // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
1584
1586
  jsx("div", {
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -16,7 +16,7 @@ import { BaseTheme, IntlErrorBoundary, UnsupportedBlock, WidthProvider, WithCrea
16
16
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
17
17
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
18
18
  import { css, jsx } from '@emotion/react';
19
- import { browser } from '@atlaskit/editor-common/browser';
19
+ import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
20
20
  import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
21
21
  import { getDistortedDurationMonitor } from '@atlaskit/editor-common/performance/measure-render';
22
22
  import { getResponseEndTime } from '@atlaskit/editor-common/performance/navigation';
@@ -59,13 +59,14 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
59
59
  // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
60
60
  var TABLE_WIDTH_INFO_TIMEOUT = 10000;
61
61
  var packageName = "@atlaskit/renderer";
62
- var packageVersion = "124.8.1";
62
+ var packageVersion = "124.8.3";
63
63
  var setAsQueryContainerStyles = css({
64
64
  containerName: 'ak-renderer-wrapper',
65
65
  containerType: 'inline-size'
66
66
  });
67
67
  var handleMouseTripleClickInTables = function handleMouseTripleClickInTables(event) {
68
68
  var _parentElement, _parentElement2;
69
+ var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
69
70
  if (browser.ios || browser.android) {
70
71
  return;
71
72
  }
package/dist/types/react/nodes/syncBlock.d.ts CHANGED
@@ -3,4 +3,5 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
3
3
  export default function SyncBlock(props: React.PropsWithChildren<{
4
4
  content?: PMNode[];
5
5
  localId?: string;
6
+ resourceId?: string;
6
7
  }>): React.JSX.Element;
package/dist/types-ts4.5/react/nodes/syncBlock.d.ts CHANGED
@@ -3,4 +3,5 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
3
3
  export default function SyncBlock(props: React.PropsWithChildren<{
4
4
  content?: PMNode[];
5
5
  localId?: string;
6
+ resourceId?: string;
6
7
  }>): React.JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "124.8.2",
3
+ "version": "124.8.4",
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": "^51.3.0",
26
+ "@atlaskit/adf-schema": "^51.3.1",
27
27
  "@atlaskit/adf-utils": "^19.25.0",
28
28
  "@atlaskit/afm-i18n-platform-editor-renderer": "2.7.0",
29
29
  "@atlaskit/analytics-listeners": "^9.1.0",
@@ -47,17 +47,17 @@
47
47
  "@atlaskit/media-client": "^35.5.0",
48
48
  "@atlaskit/media-client-react": "^4.1.0",
49
49
  "@atlaskit/media-common": "^12.3.0",
50
- "@atlaskit/media-filmstrip": "^51.0.0",
50
+ "@atlaskit/media-filmstrip": "^51.1.0",
51
51
  "@atlaskit/media-ui": "^28.7.0",
52
52
  "@atlaskit/media-viewer": "^52.4.0",
53
53
  "@atlaskit/platform-feature-flags": "^1.1.0",
54
54
  "@atlaskit/platform-feature-flags-react": "^0.3.0",
55
55
  "@atlaskit/react-ufo": "^4.12.0",
56
- "@atlaskit/smart-card": "^43.2.0",
56
+ "@atlaskit/smart-card": "^43.3.0",
57
57
  "@atlaskit/status": "^3.0.0",
58
58
  "@atlaskit/task-decision": "^19.2.0",
59
59
  "@atlaskit/theme": "^21.0.0",
60
- "@atlaskit/tmp-editor-statsig": "^13.17.0",
60
+ "@atlaskit/tmp-editor-statsig": "^13.18.0",
61
61
  "@atlaskit/tokens": "^7.0.0",
62
62
  "@atlaskit/tooltip": "^20.6.0",
63
63
  "@atlaskit/visually-hidden": "^3.0.0",
@@ -71,7 +71,7 @@
71
71
  "uuid": "^3.1.0"
72
72
  },
73
73
  "peerDependencies": {
74
- "@atlaskit/editor-common": "^110.16.0",
74
+ "@atlaskit/editor-common": "^110.18.0",
75
75
  "@atlaskit/link-provider": "^4.0.0",
76
76
  "@atlaskit/media-core": "^37.0.0",
77
77
  "react": "^18.2.0",