@atlaskit/renderer 128.11.1 → 130.0.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.
Files changed (81) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/cjs/messages.js +4 -4
  3. package/dist/cjs/react/hooks/use-bidi-warnings.js +2 -2
  4. package/dist/cjs/react/marks/code.js +2 -2
  5. package/dist/cjs/react/nodes/codeBlock/codeBlock.js +2 -2
  6. package/dist/cjs/react/nodes/codeBlock/components/codeBlockCopyButton.js +2 -2
  7. package/dist/cjs/react/nodes/codeBlock/components/codeBlockWrapButton.js +2 -2
  8. package/dist/cjs/react/nodes/date.js +2 -2
  9. package/dist/cjs/react/nodes/heading-anchor.js +2 -2
  10. package/dist/cjs/react/nodes/mediaInline.js +2 -2
  11. package/dist/cjs/react/nodes/mediaSingle/index.js +2 -2
  12. package/dist/cjs/react/nodes/table/content-mode.js +71 -0
  13. package/dist/cjs/react/nodes/table/table.js +9 -0
  14. package/dist/cjs/react/nodes/table.js +19 -6
  15. package/dist/cjs/react/nodes/tableCell.js +2 -2
  16. package/dist/cjs/react/nodes/tableNew.js +11 -2
  17. package/dist/cjs/ui/Expand.js +2 -2
  18. package/dist/cjs/ui/Renderer/RendererStyleContainer.js +13 -1
  19. package/dist/cjs/ui/Renderer/index.js +1 -1
  20. package/dist/cjs/ui/annotations/element/mark.js +2 -2
  21. package/dist/es2019/messages.js +1 -1
  22. package/dist/es2019/react/hooks/use-bidi-warnings.js +1 -1
  23. package/dist/es2019/react/marks/code.js +1 -1
  24. package/dist/es2019/react/nodes/codeBlock/codeBlock.js +1 -1
  25. package/dist/es2019/react/nodes/codeBlock/components/codeBlockCopyButton.js +1 -1
  26. package/dist/es2019/react/nodes/codeBlock/components/codeBlockWrapButton.js +1 -1
  27. package/dist/es2019/react/nodes/date.js +1 -1
  28. package/dist/es2019/react/nodes/heading-anchor.js +1 -1
  29. package/dist/es2019/react/nodes/mediaInline.js +1 -1
  30. package/dist/es2019/react/nodes/mediaSingle/index.js +1 -1
  31. package/dist/es2019/react/nodes/table/content-mode.js +67 -0
  32. package/dist/es2019/react/nodes/table/table.js +9 -0
  33. package/dist/es2019/react/nodes/table.js +14 -1
  34. package/dist/es2019/react/nodes/tableCell.js +1 -1
  35. package/dist/es2019/react/nodes/tableNew.js +10 -0
  36. package/dist/es2019/ui/Expand.js +1 -1
  37. package/dist/es2019/ui/Renderer/RendererStyleContainer.js +18 -1
  38. package/dist/es2019/ui/Renderer/index.js +1 -1
  39. package/dist/es2019/ui/annotations/element/mark.js +1 -1
  40. package/dist/esm/messages.js +1 -1
  41. package/dist/esm/react/hooks/use-bidi-warnings.js +1 -1
  42. package/dist/esm/react/marks/code.js +1 -1
  43. package/dist/esm/react/nodes/codeBlock/codeBlock.js +1 -1
  44. package/dist/esm/react/nodes/codeBlock/components/codeBlockCopyButton.js +1 -1
  45. package/dist/esm/react/nodes/codeBlock/components/codeBlockWrapButton.js +1 -1
  46. package/dist/esm/react/nodes/date.js +1 -1
  47. package/dist/esm/react/nodes/heading-anchor.js +1 -1
  48. package/dist/esm/react/nodes/mediaInline.js +1 -1
  49. package/dist/esm/react/nodes/mediaSingle/index.js +1 -1
  50. package/dist/esm/react/nodes/table/content-mode.js +65 -0
  51. package/dist/esm/react/nodes/table/table.js +9 -0
  52. package/dist/esm/react/nodes/table.js +18 -5
  53. package/dist/esm/react/nodes/tableCell.js +1 -1
  54. package/dist/esm/react/nodes/tableNew.js +11 -2
  55. package/dist/esm/ui/Expand.js +1 -1
  56. package/dist/esm/ui/Renderer/RendererStyleContainer.js +13 -1
  57. package/dist/esm/ui/Renderer/index.js +1 -1
  58. package/dist/esm/ui/annotations/element/mark.js +1 -1
  59. package/dist/types/react/marks/code.d.ts +2 -2
  60. package/dist/types/react/nodes/codeBlock/codeBlock.d.ts +2 -2
  61. package/dist/types/react/nodes/codeBlock/components/codeBlockCopyButton.d.ts +2 -2
  62. package/dist/types/react/nodes/codeBlock/components/codeBlockWrapButton.d.ts +2 -2
  63. package/dist/types/react/nodes/date.d.ts +2 -2
  64. package/dist/types/react/nodes/heading-anchor.d.ts +2 -2
  65. package/dist/types/react/nodes/index.d.ts +5 -5
  66. package/dist/types/react/nodes/mediaInline.d.ts +2 -2
  67. package/dist/types/react/nodes/mediaSingle/index.d.ts +2 -2
  68. package/dist/types/react/nodes/table/content-mode.d.ts +34 -0
  69. package/dist/types/ui/Expand.d.ts +2 -2
  70. package/dist/types-ts4.5/react/marks/code.d.ts +2 -2
  71. package/dist/types-ts4.5/react/nodes/codeBlock/codeBlock.d.ts +2 -2
  72. package/dist/types-ts4.5/react/nodes/codeBlock/components/codeBlockCopyButton.d.ts +2 -2
  73. package/dist/types-ts4.5/react/nodes/codeBlock/components/codeBlockWrapButton.d.ts +2 -2
  74. package/dist/types-ts4.5/react/nodes/date.d.ts +2 -2
  75. package/dist/types-ts4.5/react/nodes/heading-anchor.d.ts +2 -2
  76. package/dist/types-ts4.5/react/nodes/index.d.ts +5 -5
  77. package/dist/types-ts4.5/react/nodes/mediaInline.d.ts +2 -2
  78. package/dist/types-ts4.5/react/nodes/mediaSingle/index.d.ts +2 -2
  79. package/dist/types-ts4.5/react/nodes/table/content-mode.d.ts +34 -0
  80. package/dist/types-ts4.5/ui/Expand.d.ts +2 -2
  81. package/package.json +15 -14
@@ -1453,6 +1453,10 @@ var tableSharedStyle = css(_defineProperty(_defineProperty(_defineProperty(_defi
1453
1453
  '&[data-autosize="true"]': {
1454
1454
  tableLayout: 'auto'
1455
1455
  },
1456
+ '&[data-initial-width-mode="content"]': {
1457
+ tableLayout: 'auto',
1458
+ width: 'auto'
1459
+ },
1456
1460
  '*': {
1457
1461
  boxSizing: 'border-box'
1458
1462
  },
@@ -1493,6 +1497,14 @@ var tableSharedStyle = css(_defineProperty(_defineProperty(_defineProperty(_defi
1493
1497
  }))
1494
1498
  }
1495
1499
  }));
1500
+ var tableContentModeStyles = css(_defineProperty(_defineProperty({}, ".".concat(RendererCssClassName.DOCUMENT, " .").concat(TableSharedCssClassName.TABLE_CONTAINER, ":has(table[data-initial-width-mode=\"content\"])"), {
1501
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
1502
+ width: 'max-content !important',
1503
+ maxWidth: 'var(--renderer-table-max-width)'
1504
+ }), ".".concat(RendererCssClassName.DOCUMENT, " table[data-initial-width-mode=\"content\"] > colgroup > col"), {
1505
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
1506
+ width: 'unset !important'
1507
+ }));
1496
1508
  var tableRendererHeaderStylesForTableCellOnly = css(_defineProperty({}, ".".concat(TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t\t.").concat(TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t\t.").concat(TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
1497
1509
  '> tbody > tr > th, > tbody > tr > td': {
1498
1510
  minWidth: "".concat(tableCellMinWidth, "px"),
@@ -2056,7 +2068,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
2056
2068
  // this should be placed after baseOtherStyles
2057
2069
  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,
2058
2070
  // merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
2059
- 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, expValEquals('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
2071
+ fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeStyles, 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, expValEquals('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
2060
2072
  "data-testid": testId
2061
2073
  }, children);
2062
2074
  };
@@ -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.11.0";
65
+ var packageVersion = "129.0.0";
66
66
  var setAsQueryContainerStyles = css({
67
67
  containerName: 'ak-renderer-wrapper',
68
68
  containerType: 'inline-size'
@@ -12,7 +12,7 @@ import { useMemo, useCallback } from 'react';
12
12
  import { css, jsx } from '@emotion/react';
13
13
  import { AnnotationMarkStates } from '@atlaskit/adf-schema';
14
14
  import { fg } from '@atlaskit/platform-feature-flags';
15
- import { useIntl } from 'react-intl-next';
15
+ import { useIntl } from 'react-intl';
16
16
  import { inlineCommentMessages } from '../../../messages';
17
17
  import { useAnnotationManagerDispatch, useAnnotationManagerState } from '../contexts/AnnotationManagerContext';
18
18
  var markStyles = css(_defineProperty({
@@ -1,12 +1,12 @@
1
1
  import React from 'react';
2
- import type { WrappedComponentProps } from 'react-intl-next';
2
+ import type { WrappedComponentProps } from 'react-intl';
3
3
  import type { Mark } from '@atlaskit/editor-prosemirror/model';
4
4
  import type { MarkProps } from '../types';
5
5
  export declare const isCodeMark: (mark: Mark) => boolean;
6
6
  export declare function CodeWithIntl(props: MarkProps<{
7
7
  codeBidiWarningTooltipEnabled: boolean;
8
8
  }> & WrappedComponentProps): React.JSX.Element;
9
- declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
9
+ declare const _default: React.FC<import("react-intl").WithIntlProps<{
10
10
  codeBidiWarningTooltipEnabled: boolean;
11
11
  } & import("../types").MarkMeta & {
12
12
  children?: React.ReactNode | undefined;
@@ -1,4 +1,4 @@
1
- import type { WrappedComponentProps } from 'react-intl-next';
1
+ import type { WrappedComponentProps } from 'react-intl';
2
2
  import type { SupportedLanguages } from '@atlaskit/code';
3
3
  export interface Props {
4
4
  allowCopyToClipboard?: boolean;
@@ -9,7 +9,7 @@ export interface Props {
9
9
  localId?: string;
10
10
  text: string;
11
11
  }
12
- declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
12
+ declare const _default: import("react").FC<import("react-intl").WithIntlProps<Props & WrappedComponentProps>> & {
13
13
  WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
14
14
  };
15
15
  export default _default;
@@ -1,8 +1,8 @@
1
- import type { WrappedComponentProps } from 'react-intl-next';
1
+ import type { WrappedComponentProps } from 'react-intl';
2
2
  type Props = {
3
3
  content: string;
4
4
  };
5
- declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
5
+ declare const _default: import("react").FC<import("react-intl").WithIntlProps<Props & WrappedComponentProps>> & {
6
6
  WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
7
7
  };
8
8
  export default _default;
@@ -1,10 +1,10 @@
1
1
  import type { Dispatch, SetStateAction } from 'react';
2
- import type { WrappedComponentProps } from 'react-intl-next';
2
+ import type { WrappedComponentProps } from 'react-intl';
3
3
  type Props = {
4
4
  setWrapLongLines: Dispatch<SetStateAction<boolean>>;
5
5
  wrapLongLines?: boolean;
6
6
  };
7
- declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
7
+ declare const _default: import("react").FC<import("react-intl").WithIntlProps<Props & WrappedComponentProps>> & {
8
8
  WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
9
9
  };
10
10
  export default _default;
@@ -1,11 +1,11 @@
1
1
  import React from 'react';
2
- import type { WrappedComponentProps } from 'react-intl-next';
2
+ import type { WrappedComponentProps } from 'react-intl';
3
3
  import type { MarkDataAttributes } from '../../ui/annotations/element/useInlineAnnotationProps';
4
4
  export interface Props extends MarkDataAttributes {
5
5
  parentIsIncompleteTask?: boolean;
6
6
  timestamp: string;
7
7
  }
8
- export declare const DateComponent: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
8
+ export declare const DateComponent: React.FC<import("react-intl").WithIntlProps<Props & WrappedComponentProps>> & {
9
9
  WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
10
10
  };
11
11
  declare function DateWithFormatContext(props: Props): React.JSX.Element;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { WrappedComponentProps } from 'react-intl-next';
2
+ import type { WrappedComponentProps } from 'react-intl';
3
3
  export declare const HeadingAnchorWrapperClassName = "heading-anchor-wrapper";
4
4
  type Props = {
5
5
  enableNestedHeaderLinks?: boolean;
@@ -9,7 +9,7 @@ type Props = {
9
9
  onCopyText: () => Promise<void>;
10
10
  };
11
11
  type HeadingAnchorProps = Props & React.PropsWithChildren<unknown> & WrappedComponentProps;
12
- declare const _default: React.FC<import("react-intl-next").WithIntlProps<HeadingAnchorProps>> & {
12
+ declare const _default: React.FC<import("react-intl").WithIntlProps<HeadingAnchorProps>> & {
13
13
  WrappedComponent: React.ComponentType<HeadingAnchorProps>;
14
14
  };
15
15
  export default _default;
@@ -25,7 +25,7 @@ import TableRow from './tableRow';
25
25
  import UnknownBlock from './unknownBlock';
26
26
  import type { NodeComponentsProps } from '../../ui/Renderer/types';
27
27
  declare const WindowedCodeBlock: React.ComponentType<import("./codeBlock/codeBlock").Props> & Loadable.LoadableComponent;
28
- declare const CodeBlock: React.ComponentType<import("react-intl-next").WithIntlProps<import("./codeBlock/codeBlock").Props & import("react-intl-next").WrappedComponentProps>> & Loadable.LoadableComponent;
28
+ declare const CodeBlock: React.ComponentType<import("react-intl").WithIntlProps<import("./codeBlock/codeBlock").Props & import("react-intl").WrappedComponentProps>> & Loadable.LoadableComponent;
29
29
  declare const TaskList: React.ComponentType<import("./taskList").Props> & Loadable.LoadableComponent;
30
30
  declare const TaskItem: React.ComponentType<import("../types").NodeProps<import("./taskItem").Props>> & Loadable.LoadableComponent;
31
31
  declare const DecisionList: React.ComponentType<import("./decisionList").Props> & Loadable.LoadableComponent;
@@ -65,7 +65,7 @@ declare const BlockCard: React.ComponentType<{
65
65
  }> & Loadable.LoadableComponent;
66
66
  declare const Media: React.ComponentType<React.PropsWithChildren<import("./media").MediaProps>> & Loadable.LoadableComponent;
67
67
  declare const MediaGroup: React.ComponentType<import("./mediaGroup").MediaGroupProps> & Loadable.LoadableComponent;
68
- declare const MediaInline: React.ComponentType<import("react-intl-next").WithIntlProps<{
68
+ declare const MediaInline: React.ComponentType<import("react-intl").WithIntlProps<{
69
69
  collection?: string;
70
70
  eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers;
71
71
  featureFlags?: import("@atlaskit/media-common").MediaFeatureFlags;
@@ -74,10 +74,10 @@ declare const MediaInline: React.ComponentType<import("react-intl-next").WithInt
74
74
  providers: import("@atlaskit/editor-common/provider-factory").ProviderFactory;
75
75
  rendererAppearance?: import("../..").RendererAppearance;
76
76
  ssr?: import("../..").MediaSSR;
77
- } & import("react-intl-next").WrappedComponentProps & import("@atlaskit/editor-common/media-inline").MediaInlineAttrs>> & Loadable.LoadableComponent;
78
- declare const MediaSingle: React.ComponentType<import("react-intl-next").WithIntlProps<import("./mediaSingle").Props & import("react-intl-next").WrappedComponentProps>> & Loadable.LoadableComponent;
77
+ } & import("react-intl").WrappedComponentProps & import("@atlaskit/editor-common/media-inline").MediaInlineAttrs>> & Loadable.LoadableComponent;
78
+ declare const MediaSingle: React.ComponentType<import("react-intl").WithIntlProps<import("./mediaSingle").Props & import("react-intl").WrappedComponentProps>> & Loadable.LoadableComponent;
79
79
  declare const Mention: React.ComponentType<import("./mention").Props> & Loadable.LoadableComponent;
80
- declare const Expand: React.ComponentType<import("react-intl-next").WithIntlProps<import("../../ui/Expand").ExpandProps & import("react-intl-next").WrappedComponentProps>> & Loadable.LoadableComponent;
80
+ declare const Expand: React.ComponentType<import("react-intl").WithIntlProps<import("../../ui/Expand").ExpandProps & import("react-intl").WrappedComponentProps>> & Loadable.LoadableComponent;
81
81
  export declare const nodeToReact: {
82
82
  [key: string]: React.ComponentType<React.PropsWithChildren<any>>;
83
83
  };
@@ -3,7 +3,7 @@ import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
3
3
  import type { EventHandlers } from '@atlaskit/editor-common/ui';
4
4
  import type { MediaFeatureFlags } from '@atlaskit/media-common';
5
5
  import React from 'react';
6
- import type { WrappedComponentProps } from 'react-intl-next';
6
+ import type { WrappedComponentProps } from 'react-intl';
7
7
  import type { RendererAppearance } from '../../ui/Renderer/types';
8
8
  import type { Mark } from '@atlaskit/editor-prosemirror/model';
9
9
  import type { MediaSSR } from '../../types/mediaOptions';
@@ -17,7 +17,7 @@ type MediaInlineProps = {
17
17
  rendererAppearance?: RendererAppearance;
18
18
  ssr?: MediaSSR;
19
19
  };
20
- declare const _default: React.FC<import("react-intl-next").WithIntlProps<MediaInlineProps & WrappedComponentProps & MediaInlineAttrs>> & {
20
+ declare const _default: React.FC<import("react-intl").WithIntlProps<MediaInlineProps & WrappedComponentProps & MediaInlineAttrs>> & {
21
21
  WrappedComponent: React.ComponentType<MediaInlineProps & WrappedComponentProps & MediaInlineAttrs>;
22
22
  };
23
23
  export default _default;
@@ -1,5 +1,5 @@
1
1
  import { default as React } from 'react';
2
- import type { WrappedComponentProps } from 'react-intl-next';
2
+ import type { WrappedComponentProps } from 'react-intl';
3
3
  import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
4
4
  import type { MediaFeatureFlags } from '@atlaskit/media-common';
5
5
  import type { EditorAppearance } from '@atlaskit/editor-common/types';
@@ -22,7 +22,7 @@ export interface Props {
22
22
  widthType?: MediaSingleWidthType;
23
23
  }
24
24
  export declare const getMediaContainerWidth: (currentContainerWidth: number, layout: MediaSingleLayout) => number;
25
- declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
25
+ declare const _default: React.FC<import("react-intl").WithIntlProps<Props & WrappedComponentProps>> & {
26
26
  WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
27
27
  };
28
28
  export default _default;
@@ -0,0 +1,34 @@
1
+ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
2
+ import type { RendererAppearance } from '../../../ui/Renderer/types';
3
+ /**
4
+ * Checks whether any cell in the first row of the table has a colwidth attribute set.
5
+ *
6
+ * This mirrors `hasTableColumnBeenResized` from editor-plugin-table's `colgroup.ts`.
7
+ */
8
+ export declare const hasColWidths: (tableNode: PMNode) => boolean;
9
+ type ContentModeOptions = {
10
+ allowTableResizing?: boolean;
11
+ isTableNested?: boolean;
12
+ rendererAppearance?: RendererAppearance;
13
+ tableNode: PMNode | undefined;
14
+ };
15
+ /**
16
+ * Determines whether a table should render in content mode.
17
+ *
18
+ * Content mode tables have no fixed column widths — the browser sizes columns to fit their
19
+ * content (table-layout: auto). A table is in content mode when:
20
+ *
21
+ * 1. The feature is supported (table resizing enabled, full-page appearance)
22
+ * 2. The table is at the top level of the document (not nested in another table or block node)
23
+ * 3. The table node exists
24
+ * 4. `table.attrs.width` is null (no explicit width set by the user)
25
+ * 5. No cells in the first row have `colwidth` set (table has not been column-resized)
26
+ * 6. The `platform_editor_table_fit_to_content_auto_convert` experiment is enabled
27
+ *
28
+ * This mirrors `isTableInContentMode()` from editor-plugin-table's `tableMode.ts`.
29
+ *
30
+ * SSR-safe: `expValEquals` returns false on the server (FeatureGates not initialised),
31
+ * so content mode is never active during SSR — no hydration mismatch.
32
+ */
33
+ export declare const isTableInContentMode: ({ tableNode, allowTableResizing, rendererAppearance, isTableNested, }: ContentModeOptions) => boolean;
34
+ export {};
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { WrappedComponentProps } from 'react-intl-next';
2
+ import type { WrappedComponentProps } from 'react-intl';
3
3
  import type { AnalyticsEventPayload } from '../analytics/events';
4
4
  import type { RendererAppearance, RendererContentMode } from './Renderer/types';
5
5
  export interface ExpandProps {
@@ -13,7 +13,7 @@ export interface ExpandProps {
13
13
  rendererContentMode?: RendererContentMode;
14
14
  title: string;
15
15
  }
16
- declare const _default: React.FC<import("react-intl-next").WithIntlProps<ExpandProps & WrappedComponentProps>> & {
16
+ declare const _default: React.FC<import("react-intl").WithIntlProps<ExpandProps & WrappedComponentProps>> & {
17
17
  WrappedComponent: React.ComponentType<ExpandProps & WrappedComponentProps>;
18
18
  };
19
19
  export default _default;
@@ -1,12 +1,12 @@
1
1
  import React from 'react';
2
- import type { WrappedComponentProps } from 'react-intl-next';
2
+ import type { WrappedComponentProps } from 'react-intl';
3
3
  import type { Mark } from '@atlaskit/editor-prosemirror/model';
4
4
  import type { MarkProps } from '../types';
5
5
  export declare const isCodeMark: (mark: Mark) => boolean;
6
6
  export declare function CodeWithIntl(props: MarkProps<{
7
7
  codeBidiWarningTooltipEnabled: boolean;
8
8
  }> & WrappedComponentProps): React.JSX.Element;
9
- declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
9
+ declare const _default: React.FC<import("react-intl").WithIntlProps<{
10
10
  codeBidiWarningTooltipEnabled: boolean;
11
11
  } & import("../types").MarkMeta & {
12
12
  children?: React.ReactNode | undefined;
@@ -1,4 +1,4 @@
1
- import type { WrappedComponentProps } from 'react-intl-next';
1
+ import type { WrappedComponentProps } from 'react-intl';
2
2
  import type { SupportedLanguages } from '@atlaskit/code';
3
3
  export interface Props {
4
4
  allowCopyToClipboard?: boolean;
@@ -9,7 +9,7 @@ export interface Props {
9
9
  localId?: string;
10
10
  text: string;
11
11
  }
12
- declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
12
+ declare const _default: import("react").FC<import("react-intl").WithIntlProps<Props & WrappedComponentProps>> & {
13
13
  WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
14
14
  };
15
15
  export default _default;
@@ -1,8 +1,8 @@
1
- import type { WrappedComponentProps } from 'react-intl-next';
1
+ import type { WrappedComponentProps } from 'react-intl';
2
2
  type Props = {
3
3
  content: string;
4
4
  };
5
- declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
5
+ declare const _default: import("react").FC<import("react-intl").WithIntlProps<Props & WrappedComponentProps>> & {
6
6
  WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
7
7
  };
8
8
  export default _default;
@@ -1,10 +1,10 @@
1
1
  import type { Dispatch, SetStateAction } from 'react';
2
- import type { WrappedComponentProps } from 'react-intl-next';
2
+ import type { WrappedComponentProps } from 'react-intl';
3
3
  type Props = {
4
4
  setWrapLongLines: Dispatch<SetStateAction<boolean>>;
5
5
  wrapLongLines?: boolean;
6
6
  };
7
- declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
7
+ declare const _default: import("react").FC<import("react-intl").WithIntlProps<Props & WrappedComponentProps>> & {
8
8
  WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
9
9
  };
10
10
  export default _default;
@@ -1,11 +1,11 @@
1
1
  import React from 'react';
2
- import type { WrappedComponentProps } from 'react-intl-next';
2
+ import type { WrappedComponentProps } from 'react-intl';
3
3
  import type { MarkDataAttributes } from '../../ui/annotations/element/useInlineAnnotationProps';
4
4
  export interface Props extends MarkDataAttributes {
5
5
  parentIsIncompleteTask?: boolean;
6
6
  timestamp: string;
7
7
  }
8
- export declare const DateComponent: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
8
+ export declare const DateComponent: React.FC<import("react-intl").WithIntlProps<Props & WrappedComponentProps>> & {
9
9
  WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
10
10
  };
11
11
  declare function DateWithFormatContext(props: Props): React.JSX.Element;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { WrappedComponentProps } from 'react-intl-next';
2
+ import type { WrappedComponentProps } from 'react-intl';
3
3
  export declare const HeadingAnchorWrapperClassName = "heading-anchor-wrapper";
4
4
  type Props = {
5
5
  enableNestedHeaderLinks?: boolean;
@@ -9,7 +9,7 @@ type Props = {
9
9
  onCopyText: () => Promise<void>;
10
10
  };
11
11
  type HeadingAnchorProps = Props & React.PropsWithChildren<unknown> & WrappedComponentProps;
12
- declare const _default: React.FC<import("react-intl-next").WithIntlProps<HeadingAnchorProps>> & {
12
+ declare const _default: React.FC<import("react-intl").WithIntlProps<HeadingAnchorProps>> & {
13
13
  WrappedComponent: React.ComponentType<HeadingAnchorProps>;
14
14
  };
15
15
  export default _default;
@@ -25,7 +25,7 @@ import TableRow from './tableRow';
25
25
  import UnknownBlock from './unknownBlock';
26
26
  import type { NodeComponentsProps } from '../../ui/Renderer/types';
27
27
  declare const WindowedCodeBlock: React.ComponentType<import("./codeBlock/codeBlock").Props> & Loadable.LoadableComponent;
28
- declare const CodeBlock: React.ComponentType<import("react-intl-next").WithIntlProps<import("./codeBlock/codeBlock").Props & import("react-intl-next").WrappedComponentProps>> & Loadable.LoadableComponent;
28
+ declare const CodeBlock: React.ComponentType<import("react-intl").WithIntlProps<import("./codeBlock/codeBlock").Props & import("react-intl").WrappedComponentProps>> & Loadable.LoadableComponent;
29
29
  declare const TaskList: React.ComponentType<import("./taskList").Props> & Loadable.LoadableComponent;
30
30
  declare const TaskItem: React.ComponentType<import("../types").NodeProps<import("./taskItem").Props>> & Loadable.LoadableComponent;
31
31
  declare const DecisionList: React.ComponentType<import("./decisionList").Props> & Loadable.LoadableComponent;
@@ -65,7 +65,7 @@ declare const BlockCard: React.ComponentType<{
65
65
  }> & Loadable.LoadableComponent;
66
66
  declare const Media: React.ComponentType<React.PropsWithChildren<import("./media").MediaProps>> & Loadable.LoadableComponent;
67
67
  declare const MediaGroup: React.ComponentType<import("./mediaGroup").MediaGroupProps> & Loadable.LoadableComponent;
68
- declare const MediaInline: React.ComponentType<import("react-intl-next").WithIntlProps<{
68
+ declare const MediaInline: React.ComponentType<import("react-intl").WithIntlProps<{
69
69
  collection?: string;
70
70
  eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers;
71
71
  featureFlags?: import("@atlaskit/media-common").MediaFeatureFlags;
@@ -74,10 +74,10 @@ declare const MediaInline: React.ComponentType<import("react-intl-next").WithInt
74
74
  providers: import("@atlaskit/editor-common/provider-factory").ProviderFactory;
75
75
  rendererAppearance?: import("../..").RendererAppearance;
76
76
  ssr?: import("../..").MediaSSR;
77
- } & import("react-intl-next").WrappedComponentProps & import("@atlaskit/editor-common/media-inline").MediaInlineAttrs>> & Loadable.LoadableComponent;
78
- declare const MediaSingle: React.ComponentType<import("react-intl-next").WithIntlProps<import("./mediaSingle").Props & import("react-intl-next").WrappedComponentProps>> & Loadable.LoadableComponent;
77
+ } & import("react-intl").WrappedComponentProps & import("@atlaskit/editor-common/media-inline").MediaInlineAttrs>> & Loadable.LoadableComponent;
78
+ declare const MediaSingle: React.ComponentType<import("react-intl").WithIntlProps<import("./mediaSingle").Props & import("react-intl").WrappedComponentProps>> & Loadable.LoadableComponent;
79
79
  declare const Mention: React.ComponentType<import("./mention").Props> & Loadable.LoadableComponent;
80
- declare const Expand: React.ComponentType<import("react-intl-next").WithIntlProps<import("../../ui/Expand").ExpandProps & import("react-intl-next").WrappedComponentProps>> & Loadable.LoadableComponent;
80
+ declare const Expand: React.ComponentType<import("react-intl").WithIntlProps<import("../../ui/Expand").ExpandProps & import("react-intl").WrappedComponentProps>> & Loadable.LoadableComponent;
81
81
  export declare const nodeToReact: {
82
82
  [key: string]: React.ComponentType<React.PropsWithChildren<any>>;
83
83
  };
@@ -3,7 +3,7 @@ import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
3
3
  import type { EventHandlers } from '@atlaskit/editor-common/ui';
4
4
  import type { MediaFeatureFlags } from '@atlaskit/media-common';
5
5
  import React from 'react';
6
- import type { WrappedComponentProps } from 'react-intl-next';
6
+ import type { WrappedComponentProps } from 'react-intl';
7
7
  import type { RendererAppearance } from '../../ui/Renderer/types';
8
8
  import type { Mark } from '@atlaskit/editor-prosemirror/model';
9
9
  import type { MediaSSR } from '../../types/mediaOptions';
@@ -17,7 +17,7 @@ type MediaInlineProps = {
17
17
  rendererAppearance?: RendererAppearance;
18
18
  ssr?: MediaSSR;
19
19
  };
20
- declare const _default: React.FC<import("react-intl-next").WithIntlProps<MediaInlineProps & WrappedComponentProps & MediaInlineAttrs>> & {
20
+ declare const _default: React.FC<import("react-intl").WithIntlProps<MediaInlineProps & WrappedComponentProps & MediaInlineAttrs>> & {
21
21
  WrappedComponent: React.ComponentType<MediaInlineProps & WrappedComponentProps & MediaInlineAttrs>;
22
22
  };
23
23
  export default _default;
@@ -1,5 +1,5 @@
1
1
  import { default as React } from 'react';
2
- import type { WrappedComponentProps } from 'react-intl-next';
2
+ import type { WrappedComponentProps } from 'react-intl';
3
3
  import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
4
4
  import type { MediaFeatureFlags } from '@atlaskit/media-common';
5
5
  import type { EditorAppearance } from '@atlaskit/editor-common/types';
@@ -22,7 +22,7 @@ export interface Props {
22
22
  widthType?: MediaSingleWidthType;
23
23
  }
24
24
  export declare const getMediaContainerWidth: (currentContainerWidth: number, layout: MediaSingleLayout) => number;
25
- declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
25
+ declare const _default: React.FC<import("react-intl").WithIntlProps<Props & WrappedComponentProps>> & {
26
26
  WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
27
27
  };
28
28
  export default _default;
@@ -0,0 +1,34 @@
1
+ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
2
+ import type { RendererAppearance } from '../../../ui/Renderer/types';
3
+ /**
4
+ * Checks whether any cell in the first row of the table has a colwidth attribute set.
5
+ *
6
+ * This mirrors `hasTableColumnBeenResized` from editor-plugin-table's `colgroup.ts`.
7
+ */
8
+ export declare const hasColWidths: (tableNode: PMNode) => boolean;
9
+ type ContentModeOptions = {
10
+ allowTableResizing?: boolean;
11
+ isTableNested?: boolean;
12
+ rendererAppearance?: RendererAppearance;
13
+ tableNode: PMNode | undefined;
14
+ };
15
+ /**
16
+ * Determines whether a table should render in content mode.
17
+ *
18
+ * Content mode tables have no fixed column widths — the browser sizes columns to fit their
19
+ * content (table-layout: auto). A table is in content mode when:
20
+ *
21
+ * 1. The feature is supported (table resizing enabled, full-page appearance)
22
+ * 2. The table is at the top level of the document (not nested in another table or block node)
23
+ * 3. The table node exists
24
+ * 4. `table.attrs.width` is null (no explicit width set by the user)
25
+ * 5. No cells in the first row have `colwidth` set (table has not been column-resized)
26
+ * 6. The `platform_editor_table_fit_to_content_auto_convert` experiment is enabled
27
+ *
28
+ * This mirrors `isTableInContentMode()` from editor-plugin-table's `tableMode.ts`.
29
+ *
30
+ * SSR-safe: `expValEquals` returns false on the server (FeatureGates not initialised),
31
+ * so content mode is never active during SSR — no hydration mismatch.
32
+ */
33
+ export declare const isTableInContentMode: ({ tableNode, allowTableResizing, rendererAppearance, isTableNested, }: ContentModeOptions) => boolean;
34
+ export {};
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { WrappedComponentProps } from 'react-intl-next';
2
+ import type { WrappedComponentProps } from 'react-intl';
3
3
  import type { AnalyticsEventPayload } from '../analytics/events';
4
4
  import type { RendererAppearance, RendererContentMode } from './Renderer/types';
5
5
  export interface ExpandProps {
@@ -13,7 +13,7 @@ export interface ExpandProps {
13
13
  rendererContentMode?: RendererContentMode;
14
14
  title: string;
15
15
  }
16
- declare const _default: React.FC<import("react-intl-next").WithIntlProps<ExpandProps & WrappedComponentProps>> & {
16
+ declare const _default: React.FC<import("react-intl").WithIntlProps<ExpandProps & WrappedComponentProps>> & {
17
17
  WrappedComponent: React.ComponentType<ExpandProps & WrappedComponentProps>;
18
18
  };
19
19
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "128.11.1",
3
+ "version": "130.0.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.4.0",
26
+ "@atlaskit/adf-schema": "^52.5.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",
@@ -39,27 +39,27 @@
39
39
  "@atlaskit/editor-smart-link-draggable": "^0.5.0",
40
40
  "@atlaskit/emoji": "^70.0.0",
41
41
  "@atlaskit/feature-gate-js-client": "^5.5.0",
42
- "@atlaskit/icon": "^34.1.0",
42
+ "@atlaskit/icon": "^34.2.0",
43
43
  "@atlaskit/link": "^3.4.0",
44
44
  "@atlaskit/link-datasource": "^5.0.0",
45
45
  "@atlaskit/link-extractors": "^2.4.0",
46
46
  "@atlaskit/linking-common": "^9.11.0",
47
- "@atlaskit/media-card": "^79.16.0",
47
+ "@atlaskit/media-card": "^80.0.0",
48
48
  "@atlaskit/media-client": "^36.0.0",
49
49
  "@atlaskit/media-client-react": "^5.0.0",
50
50
  "@atlaskit/media-common": "^13.0.0",
51
51
  "@atlaskit/media-filmstrip": "^51.2.0",
52
- "@atlaskit/media-ui": "^28.7.0",
53
- "@atlaskit/media-viewer": "^52.9.0",
52
+ "@atlaskit/media-ui": "^29.0.0",
53
+ "@atlaskit/media-viewer": "^53.0.0",
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.13.0",
57
+ "@atlaskit/react-ufo": "^5.14.0",
58
58
  "@atlaskit/smart-card": "^44.0.0",
59
59
  "@atlaskit/status": "^4.0.0",
60
60
  "@atlaskit/task-decision": "^20.0.0",
61
- "@atlaskit/theme": "^23.0.0",
62
- "@atlaskit/tmp-editor-statsig": "^62.2.0",
61
+ "@atlaskit/theme": "^23.1.0",
62
+ "@atlaskit/tmp-editor-statsig": "^62.4.0",
63
63
  "@atlaskit/tokens": "^13.0.0",
64
64
  "@atlaskit/tooltip": "^21.1.0",
65
65
  "@atlaskit/visually-hidden": "^3.0.0",
@@ -67,17 +67,17 @@
67
67
  "@emotion/react": "^11.7.1",
68
68
  "lodash": "^4.17.21",
69
69
  "memoize-one": "^6.0.0",
70
- "react-intl-next": "npm:react-intl@^5.18.1",
71
70
  "react-loadable": "^5.1.0",
72
71
  "react-loosely-lazy": "^1.0.0",
73
72
  "uuid": "^3.1.0"
74
73
  },
75
74
  "peerDependencies": {
76
- "@atlaskit/editor-common": "^112.21.0",
75
+ "@atlaskit/editor-common": "^114.0.0",
77
76
  "@atlaskit/link-provider": "^4.3.0",
78
77
  "@atlaskit/media-core": "^37.0.0",
79
78
  "react": "^18.2.0",
80
- "react-dom": "^18.2.0"
79
+ "react-dom": "^18.2.0",
80
+ "react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
81
81
  },
82
82
  "devDependencies": {
83
83
  "@af/integration-testing": "workspace:^",
@@ -88,11 +88,11 @@
88
88
  "@atlaskit/link-test-helpers": "^10.0.0",
89
89
  "@atlaskit/media-core": "^37.0.0",
90
90
  "@atlaskit/media-integration-test-helpers": "workspace:^",
91
- "@atlaskit/media-test-helpers": "^40.0.0",
91
+ "@atlaskit/media-test-helpers": "^41.0.0",
92
92
  "@atlaskit/mention": "^25.0.0",
93
93
  "@atlaskit/modal-dialog": "^14.15.0",
94
94
  "@atlaskit/navigation-system": "^7.3.0",
95
- "@atlaskit/profilecard": "^24.49.0",
95
+ "@atlaskit/profilecard": "^25.0.0",
96
96
  "@atlaskit/side-nav-items": "^1.13.0",
97
97
  "@atlaskit/util-data-test": "^18.5.0",
98
98
  "@atlassian/a11y-jest-testing": "^0.11.0",
@@ -107,6 +107,7 @@
107
107
  "jsdom": "^25.0.0",
108
108
  "mockdate": "^3.0.5",
109
109
  "puppeteer": "13.7.0",
110
+ "react-intl": "^6.6.2",
110
111
  "react-live-clock": "^5.0.0",
111
112
  "react-magnetic-di": "^3.1.4",
112
113
  "react-moment": "^1.1.2",