@atlaskit/editor-common 111.34.1 → 111.35.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.
Files changed (55) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/cjs/ai-messages/ai-quick-prompt.js +14 -0
  3. package/dist/cjs/ai-messages/index.js +7 -0
  4. package/dist/cjs/extensibility/ExtensionComponent.js +6 -5
  5. package/dist/cjs/extensions/UnknownMacroPlaceholder.compiled.css +28 -0
  6. package/dist/cjs/extensions/UnknownMacroPlaceholder.js +70 -0
  7. package/dist/cjs/extensions/extension-fields-helpers.js +34 -133
  8. package/dist/cjs/extensions/extension-handlers.js +16 -0
  9. package/dist/cjs/extensions/messages.js +10 -0
  10. package/dist/cjs/extensions/module-helpers.js +25 -44
  11. package/dist/cjs/floating-toolbar/DropdownMenuExtensionItems.js +18 -50
  12. package/dist/cjs/monitoring/error.js +1 -1
  13. package/dist/cjs/styles/shared/table.js +1 -1
  14. package/dist/cjs/ui/DropList/index.js +1 -1
  15. package/dist/es2019/ai-messages/ai-quick-prompt.js +8 -0
  16. package/dist/es2019/ai-messages/index.js +1 -0
  17. package/dist/es2019/extensibility/ExtensionComponent.js +6 -5
  18. package/dist/es2019/extensions/UnknownMacroPlaceholder.compiled.css +28 -0
  19. package/dist/es2019/extensions/UnknownMacroPlaceholder.js +46 -0
  20. package/dist/es2019/extensions/extension-fields-helpers.js +9 -11
  21. package/dist/es2019/extensions/extension-handlers.js +16 -0
  22. package/dist/es2019/extensions/messages.js +10 -0
  23. package/dist/es2019/extensions/module-helpers.js +1 -4
  24. package/dist/es2019/floating-toolbar/DropdownMenuExtensionItems.js +2 -6
  25. package/dist/es2019/monitoring/error.js +1 -1
  26. package/dist/es2019/styles/shared/table.js +1 -1
  27. package/dist/es2019/ui/DropList/index.js +1 -1
  28. package/dist/esm/ai-messages/ai-quick-prompt.js +8 -0
  29. package/dist/esm/ai-messages/index.js +1 -0
  30. package/dist/esm/extensibility/ExtensionComponent.js +6 -5
  31. package/dist/esm/extensions/UnknownMacroPlaceholder.compiled.css +28 -0
  32. package/dist/esm/extensions/UnknownMacroPlaceholder.js +61 -0
  33. package/dist/esm/extensions/extension-fields-helpers.js +31 -132
  34. package/dist/esm/extensions/extension-handlers.js +16 -0
  35. package/dist/esm/extensions/messages.js +10 -0
  36. package/dist/esm/extensions/module-helpers.js +25 -44
  37. package/dist/esm/floating-toolbar/DropdownMenuExtensionItems.js +18 -50
  38. package/dist/esm/monitoring/error.js +1 -1
  39. package/dist/esm/styles/shared/table.js +1 -1
  40. package/dist/esm/ui/DropList/index.js +1 -1
  41. package/dist/types/ai-messages/ai-quick-prompt.d.ts +7 -0
  42. package/dist/types/ai-messages/index.d.ts +1 -0
  43. package/dist/types/experiences/ExperienceCheckDomMutation.d.ts +2 -2
  44. package/dist/types/extensions/UnknownMacroPlaceholder.d.ts +7 -0
  45. package/dist/types/extensions/extension-fields-helpers.d.ts +4 -4
  46. package/dist/types/extensions/extension-handlers.d.ts +1 -0
  47. package/dist/types/extensions/messages.d.ts +10 -0
  48. package/dist/types-ts4.5/ai-messages/ai-quick-prompt.d.ts +7 -0
  49. package/dist/types-ts4.5/ai-messages/index.d.ts +1 -0
  50. package/dist/types-ts4.5/experiences/ExperienceCheckDomMutation.d.ts +2 -2
  51. package/dist/types-ts4.5/extensions/UnknownMacroPlaceholder.d.ts +7 -0
  52. package/dist/types-ts4.5/extensions/extension-fields-helpers.d.ts +4 -4
  53. package/dist/types-ts4.5/extensions/extension-handlers.d.ts +1 -0
  54. package/dist/types-ts4.5/extensions/messages.d.ts +10 -0
  55. package/package.json +8 -5
@@ -64,7 +64,7 @@ var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
64
64
  var tableSharedStyle = exports.tableSharedStyle = function tableSharedStyle() {
65
65
  var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
66
66
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Appears safe to auto-fix, but leaving it up to the team to remediate as the readability only gets worse with autofixing
67
- return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t", "\n\t\t.", " {\n\t\t\tposition: relative;\n\t\t\tmargin: 0 auto ", ";\n\t\t\tbox-sizing: border-box;\n\n\t\t\t/**\n * Fix block top alignment inside table cells.\n */\n\t\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t\t.", ",\n\t\t\t\t.", " {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 1px;\n\t\t\t\theight: calc(100% - ", ");\n\t\t\t\tbackground: ", ";\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ", ";\n\t\t\t}\n\t\t\t.", " {\n\t\t\t\tright: 0;\n\t\t\t}\n\t\t\t.", " {\n\t\t\t\tleft: 0;\n\t\t\t}\n\t\t\t.", "[data-with-numbered-table='true'] {\n\t\t\t\tleft: ", "px;\n\t\t\t}\n\t\t}\n\t\t.", "[data-number-column='true'] {\n\t\t\tpadding-left: ", "px;\n\t\t\tclear: both;\n\t\t}\n\n\t\t.", " {\n\t\t\twill-change: width, margin-left;\n\t\t}\n\n\t\t.", " table {\n\t\t\twill-change: width;\n\t\t}\n\n\t\t.", " > table {\n\t\t\tmargin: ", " 0 0 0;\n\t\t}\n\n\t\t.", " > table,\n\t\t.", " > table {\n\t\t\tmargin: ", " ", " 0 0;\n\t\t}\n\n\t\t/* support panel nested in table */\n\t\t", "\n\t\t\t\n\t\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\t\tborder-collapse: collapse;\n\t\t\tborder: ", "px solid\n\t\t\t\t", ";\n\t\t\tborder-left-color: transparent;\n\t\t\tborder-right-color: transparent;\n\t\t\ttable-layout: fixed;\n\t\t\tfont-size: 1em;\n\t\t\twidth: 100%;\n\n\t\t\t&[data-autosize='true'] {\n\t\t\t\ttable-layout: auto;\n\t\t\t}\n\n\t\t\t& {\n\t\t\t\t* {\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t}\n\t\t\t\thr {\n\t\t\t\t\tbox-sizing: content-box;\n\t\t\t\t}\n\n\t\t\t\ttbody {\n\t\t\t\t\tborder-bottom: none;\n\t\t\t\t}\n\t\t\t\tth td {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > th,\n\t\t\t\t> tbody > tr > td {\n\t\t\t\t\tmin-width: ", "px;\n\t\t\t\t\tfont-weight: ", ";\n\t\t\t\t\tvertical-align: top;\n\t\t\t\t\tborder: 1px solid ", ";\n\t\t\t\t\tborder-right-width: 0;\n\t\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\t\tpadding: ", ";\n\t\t\t\t\t/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n\t\t\t\t\t", "\n\n\t\t\t\t\t", "\n\n\t\t\t\tth p:not(:first-of-type),\n\t\t\t\ttd p:not(:first-of-type) {\n\t\t\t\t\t\tmargin-top: ", ";\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Ensures nested tables are compatible with parent table background color - uses specificity to ensure tables nested by extensions are not affected */\n\t\t\t\t> tbody > tr > td {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\n\t\t\t\tth {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\ttext-align: left;\n\n\t\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t\t", " {\n\t\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t/* this is only relevant to the element taken care of by renderer */\n\t\t\t\t\t\t\t> [data-ds--code--code-block] {\n\t\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t\t/* selector lives inside @atlaskit/code */\n\t\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t"])), (0, _tableCell.tableCellBackgroundStyleOverride)(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", TableSharedCssClassName.TABLE_RIGHT_BORDER, TableSharedCssClassName.TABLE_LEFT_BORDER, "var(--ds-space-300, 24px)", "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_RIGHT_BORDER, TableSharedCssClassName.TABLE_LEFT_BORDER, TableSharedCssClassName.TABLE_LEFT_BORDER, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_CONTAINER, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') ? ".".concat(TableSharedCssClassName.TABLE_NODE_WRAPPER, " .ak-editor-panel {\n\t\t\tborder: ", "var(--ds-border-width, 1px)", " solid ", "var(--ds-border, #d9dbea)", ";\n\t\t}") : '', TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, "var(--ds-font-weight-regular, 400)", "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), "var(--ds-space-100, 8px)", browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : '', firstNodeWithNotMarginTop(), "var(--ds-space-150, 12px)", "var(--ds-surface, #FFFFFF)", "var(--ds-background-accent-gray-subtlest, ".concat(_editorSharedStyles.akEditorTableToolbar, ")"), (0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? '&:not(.danger)' : '&:not([style]):not(.danger)', _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border, transparent)", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, (0, _editorSharedStyles.overflowShadow)({
67
+ return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t", "\n\t\t.", " {\n\t\t\tposition: relative;\n\t\t\tmargin: 0 auto ", ";\n\t\t\tbox-sizing: border-box;\n\n\t\t\t/**\n * Fix block top alignment inside table cells.\n */\n\t\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t\t.", ",\n\t\t\t\t.", " {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 1px;\n\t\t\t\theight: calc(100% - ", ");\n\t\t\t\tbackground: ", ";\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ", ";\n\t\t\t}\n\t\t\t.", " {\n\t\t\t\tright: 0;\n\t\t\t}\n\t\t\t.", " {\n\t\t\t\tleft: 0;\n\t\t\t}\n\t\t\t.", "[data-with-numbered-table='true'] {\n\t\t\t\tleft: ", "px;\n\t\t\t}\n\t\t}\n\t\t.", "[data-number-column='true'] {\n\t\t\tpadding-left: ", "px;\n\t\t\tclear: both;\n\t\t}\n\n\t\t.", " {\n\t\t\twill-change: width, margin-left;\n\t\t}\n\n\t\t.", " table {\n\t\t\twill-change: width;\n\t\t}\n\n\t\t.", " > table {\n\t\t\tmargin: ", " 0 0 0;\n\t\t}\n\n\t\t.", " > table,\n\t\t.", " > table {\n\t\t\tmargin: ", " ", " 0 0;\n\t\t}\n\n\t\t/* support panel nested in table */\n\t\t", "\n\n\t\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\t\tborder-collapse: collapse;\n\t\t\tborder: ", "px solid\n\t\t\t\t", ";\n\t\t\tborder-left-color: transparent;\n\t\t\tborder-right-color: transparent;\n\t\t\ttable-layout: fixed;\n\t\t\tfont-size: 1em;\n\t\t\twidth: 100%;\n\n\t\t\t&[data-autosize='true'] {\n\t\t\t\ttable-layout: auto;\n\t\t\t}\n\n\t\t\t& {\n\t\t\t\t* {\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t}\n\t\t\t\thr {\n\t\t\t\t\tbox-sizing: content-box;\n\t\t\t\t}\n\n\t\t\t\ttbody {\n\t\t\t\t\tborder-bottom: none;\n\t\t\t\t}\n\t\t\t\tth td {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > th,\n\t\t\t\t> tbody > tr > td {\n\t\t\t\t\tmin-width: ", "px;\n\t\t\t\t\tfont-weight: ", ";\n\t\t\t\t\tvertical-align: top;\n\t\t\t\t\tborder: 1px solid ", ";\n\t\t\t\t\tborder-right-width: 0;\n\t\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\t\tpadding: ", ";\n\t\t\t\t\t/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n\t\t\t\t\t", "\n\n\t\t\t\t\t", "\n\n\t\t\t\tth p:not(:first-of-type),\n\t\t\t\ttd p:not(:first-of-type) {\n\t\t\t\t\t\tmargin-top: ", ";\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Ensures nested tables are compatible with parent table background color - uses specificity to ensure tables nested by extensions are not affected */\n\t\t\t\t> tbody > tr > td {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\n\t\t\t\tth {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\ttext-align: left;\n\n\t\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t\t", " {\n\t\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t/* this is only relevant to the element taken care of by renderer */\n\t\t\t\t\t\t\t> [data-ds--code--code-block] {\n\t\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t\t/* selector lives inside @atlaskit/code */\n\t\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t"])), (0, _tableCell.tableCellBackgroundStyleOverride)(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", TableSharedCssClassName.TABLE_RIGHT_BORDER, TableSharedCssClassName.TABLE_LEFT_BORDER, "var(--ds-space-300, 24px)", "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_RIGHT_BORDER, TableSharedCssClassName.TABLE_LEFT_BORDER, TableSharedCssClassName.TABLE_LEFT_BORDER, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_CONTAINER, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') ? ".".concat(TableSharedCssClassName.TABLE_NODE_WRAPPER, " .ak-editor-panel {\n\t\t\tborder: ", "var(--ds-border-width, 1px)", " solid ", "var(--ds-border, #d9dbea)", ";\n\t\t}") : '', TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, "var(--ds-font-weight-regular, 400)", "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), "var(--ds-space-100, 8px)", browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : '', firstNodeWithNotMarginTop(), "var(--ds-space-150, 12px)", "var(--ds-surface, #FFFFFF)", "var(--ds-background-accent-gray-subtlest, ".concat(_editorSharedStyles.akEditorTableToolbar, ")"), (0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? '&:not(.danger)' : '&:not([style]):not(.danger)', _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border, transparent)", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, (0, _editorSharedStyles.overflowShadow)({
68
68
  leftCoverWidth: "var(--ds-space-300, 24px)"
69
69
  }), "var(--ds-background-neutral, rgb(235, 237, 240))", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, rgb(226, 229, 233))", (0, _editorSharedStyles.overflowShadow)({
70
70
  leftCoverWidth: "var(--ds-space-300, 24px)"
@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
24
24
  * @jsx jsx
25
25
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
26
26
  var packageName = "@atlaskit/editor-common";
27
- var packageVersion = "111.34.0";
27
+ var packageVersion = "0.0.0-development";
28
28
  var halfFocusRing = 1;
29
29
  var dropOffset = '0, 8';
30
30
  var fadeIn = (0, _react2.keyframes)({
@@ -0,0 +1,8 @@
1
+ import { defineMessages } from 'react-intl-next';
2
+ export const aiQuickPromptMessages = defineMessages({
3
+ nudgeText: {
4
+ id: 'fabric.editor.ai.quickPrompt.nudge',
5
+ defaultMessage: '<code>Tab</code> to improve writing',
6
+ description: 'Nudge text shown inline after a paragraph to suggest the user ' + 'press Tab to trigger AI improve writing. <code> tags wrap the ' + 'key name and are rendered as styled code spans.'
7
+ }
8
+ });
@@ -10,4 +10,5 @@ export { aiProactiveMessages } from './ai-proactive';
10
10
  export { aiMessages } from './ai';
11
11
  export { aiProactiveSettingMessages } from './ai-proactive-setting';
12
12
  export { aiProactiveTransformMessages } from './ai-proactive-transform';
13
+ export { aiQuickPromptMessages } from './ai-quick-prompt';
13
14
  export { aiSuggestionsMessages } from './ai-suggestions';
@@ -4,6 +4,7 @@ import _extends from "@babel/runtime/helpers/extends";
4
4
  import React, { Component, useEffect, useLayoutEffect, useRef, useState } from 'react';
5
5
  import memoizeOne from 'memoize-one';
6
6
  import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
7
+ import { fg } from '@atlaskit/platform-feature-flags';
7
8
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
8
9
  import { getExtensionModuleNodePrivateProps, getNodeRenderer } from '../extensions';
9
10
  import { getExtensionRenderer, nodeToJSON, toJSON } from '../utils';
@@ -152,12 +153,12 @@ class ExtensionComponentInner extends Component {
152
153
  references: this.props.references,
153
154
  actions: actions
154
155
  });
155
- } else {
156
- return /*#__PURE__*/React.createElement(NodeRenderer, {
157
- node: node,
158
- references: this.props.references
159
- });
160
156
  }
157
+ return /*#__PURE__*/React.createElement(NodeRenderer, {
158
+ node: node,
159
+ references: this.props.references,
160
+ showUnknownMacroPlaceholder: fg('tinymce_display_unknown_macro_body_content')
161
+ });
161
162
  }
162
163
  }
163
164
  return result;
@@ -0,0 +1,28 @@
1
+ ._11c81a4x{font:var(--ds-font-body-small,9pt)}
2
+ ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
+ ._19it1tra{border:1px solid var(--ds-background-neutral,#0515240f)}
4
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
5
+ ._2rko14xi{border-radius:var(--ds-radius-small,4px) var(--ds-radius-small,4px) 0 0}
6
+ ._n7zl1tra{border-bottom:1px solid var(--ds-background-neutral,#0515240f)}
7
+ ._154i1n1a{top:-1px}
8
+ ._18m915vq{overflow-y:hidden}
9
+ ._18u0idpf{margin-left:0}
10
+ ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
11
+ ._19bvutpp{padding-left:var(--ds-space-150,9pt)}
12
+ ._19pkidpf{margin-top:0}
13
+ ._1nmz1hna{word-break:break-word}
14
+ ._1reo15vq{overflow-x:hidden}
15
+ ._2hwxidpf{margin-right:0}
16
+ ._6z24egat{tab-size:4}
17
+ ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
18
+ ._bfhkrnwa{background-color:var(--ds-surface-raised,#fffdf6)}
19
+ ._bfhkvuon{background-color:var(--ds-surface,#fff)}
20
+ ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
21
+ ._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
22
+ ._kqswh2mm{position:relative}
23
+ ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
24
+ ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
25
+ ._o5721jtm{white-space:pre-wrap}
26
+ ._otyridpf{margin-bottom:0}
27
+ ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
28
+ ._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
@@ -0,0 +1,46 @@
1
+ /* UnknownMacroPlaceholder.tsx generated by @compiled/babel-plugin v0.39.1 */
2
+ import "./UnknownMacroPlaceholder.compiled.css";
3
+ import * as React from 'react';
4
+ import { ax, ix } from "@compiled/react/runtime";
5
+ import { useIntl } from 'react-intl-next';
6
+ import { messages } from './messages';
7
+ // Unknown macro placeholder styling aligned with Legacy Content Macro (LCM) for consistent look
8
+ const neutralBorder = "var(--ds-background-neutral, #0515240F)";
9
+ const unknownMacroContainerStyles = null;
10
+
11
+ // Match LCM header exactly: lcmHeaderStyles from LegacyContentHeader/index.tsx
12
+ const unknownMacroHeaderStyles = null;
13
+
14
+ // Match LCM content area: white surface, text color inherits
15
+ const unknownMacroBodyStyles = null;
16
+ const unknownMacroPreStyles = null;
17
+ export function UnknownMacroPlaceholder({
18
+ extensionNode
19
+ }) {
20
+ var _extensionNode$parame, _extensionNode$parame2, _extensionNode$parame3, _extensionNode$parame4, _extensionNode$parame5, _extensionNode$parame6, _extensionNode$parame7;
21
+ const intl = useIntl();
22
+ const macroTitle = ((_extensionNode$parame = extensionNode.parameters) === null || _extensionNode$parame === void 0 ? void 0 : (_extensionNode$parame2 = _extensionNode$parame.macroMetadata) === null || _extensionNode$parame2 === void 0 ? void 0 : _extensionNode$parame2.title) || extensionNode.extensionKey;
23
+ const bodyContent = (_extensionNode$parame3 = extensionNode.parameters) === null || _extensionNode$parame3 === void 0 ? void 0 : (_extensionNode$parame4 = _extensionNode$parame3.macroParams) === null || _extensionNode$parame4 === void 0 ? void 0 : (_extensionNode$parame5 = _extensionNode$parame4.__bodyContent) === null || _extensionNode$parame5 === void 0 ? void 0 : _extensionNode$parame5.value;
24
+ const macroParams = (_extensionNode$parame6 = (_extensionNode$parame7 = extensionNode.parameters) === null || _extensionNode$parame7 === void 0 ? void 0 : _extensionNode$parame7.macroParams) !== null && _extensionNode$parame6 !== void 0 ? _extensionNode$parame6 : {};
25
+ const formatParam = (key, param) => {
26
+ var _param$value;
27
+ const value = String((_param$value = param === null || param === void 0 ? void 0 : param.value) !== null && _param$value !== void 0 ? _param$value : '').trim();
28
+ return `${key} = ${value}`;
29
+ };
30
+ const visibleParams = Object.entries(macroParams).filter(([key]) => !key.startsWith('_')).map(([key, param]) => formatParam(key, param)).join(' | ');
31
+ const headerText = visibleParams ? `${intl.formatMessage(messages.unknownMacroHeader, {
32
+ macroTitle
33
+ })} | ${visibleParams}` : intl.formatMessage(messages.unknownMacroHeader, {
34
+ macroTitle
35
+ });
36
+ return /*#__PURE__*/React.createElement("section", {
37
+ "aria-label": intl.formatMessage(messages.unknownMacroPlaceholderAriaLabel),
38
+ className: ax(["_19it1tra _2rko12b0 _1reo15vq _18m915vq _bfhkrnwa"])
39
+ }, /*#__PURE__*/React.createElement("div", {
40
+ className: ax(["_2rko14xi _11c81a4x _n7zl1tra _bfhki8nm _ca0qu2gc _u5f3pxbi _n3td1b66 _19bvpxbi _kqswh2mm _154i1n1a"])
41
+ }, headerText), /*#__PURE__*/React.createElement("div", {
42
+ className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _bfhkvuon _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp"])
43
+ }, /*#__PURE__*/React.createElement("pre", {
44
+ className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _11c8fhey _o5721jtm _1nmz1hna _6z24egat"])
45
+ }, bodyContent)));
46
+ }
@@ -1,6 +1,4 @@
1
- // Ignored via go/ees005
2
- // eslint-disable-next-line require-await
3
- async function getExtensionModuleField(manifest, fieldType, handlerLink) {
1
+ function getExtensionModuleField(manifest, fieldType, handlerLink) {
4
2
  if (!handlerLink.type) {
5
3
  throw new Error(`Missing type!`);
6
4
  }
@@ -23,25 +21,25 @@ async function getExtensionModuleField(manifest, fieldType, handlerLink) {
23
21
  }
24
22
 
25
23
  /** attempt to get the custom resolver for this field, or throw */
26
- export async function getCustomFieldResolver(manifest, handlerLink) {
27
- const handler = await getExtensionModuleField(manifest, 'custom', handlerLink);
24
+ export function getCustomFieldResolver(manifest, handlerLink) {
25
+ const handler = getExtensionModuleField(manifest, 'custom', handlerLink);
28
26
  return handler.resolver;
29
27
  }
30
28
 
31
29
  /** attempt to get the serializer for this field, or throw */
32
- export async function getFieldSerializer(manifest, handlerLink) {
33
- const handler = await getExtensionModuleField(manifest, 'fieldset', handlerLink);
30
+ export function getFieldSerializer(manifest, handlerLink) {
31
+ const handler = getExtensionModuleField(manifest, 'fieldset', handlerLink);
34
32
  return handler.serializer;
35
33
  }
36
34
 
37
35
  /** attempt to get the deserializer for this field, or throw */
38
- export async function getFieldDeserializer(manifest, handlerLink) {
39
- const handler = await getExtensionModuleField(manifest, 'fieldset', handlerLink);
36
+ export function getFieldDeserializer(manifest, handlerLink) {
37
+ const handler = getExtensionModuleField(manifest, 'fieldset', handlerLink);
40
38
  return handler.deserializer;
41
39
  }
42
40
 
43
41
  /** attempt to get the user field context provider for this field, or throw */
44
- export async function getUserFieldContextProvider(manifest, handlerLink) {
45
- const handler = await getExtensionModuleField(manifest, 'user', handlerLink);
42
+ export function getUserFieldContextProvider(manifest, handlerLink) {
43
+ const handler = getExtensionModuleField(manifest, 'user', handlerLink);
46
44
  return handler.provider;
47
45
  }
@@ -1,8 +1,10 @@
1
1
  import React from 'react';
2
2
  import { useIntl } from 'react-intl-next';
3
3
  import Loadable from 'react-loadable';
4
+ import { fg } from '@atlaskit/platform-feature-flags';
4
5
  import { getExtensionKeyAndNodeKey, resolveImport, resolveImportSync } from './manifest-helpers';
5
6
  import { messages } from './messages';
7
+ import { UnknownMacroPlaceholder } from './UnknownMacroPlaceholder';
6
8
  function getNodeFromManifest(
7
9
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
8
10
  manifest, extKey, nodeKey, extensionType, extensionKey) {
@@ -52,11 +54,21 @@ export async function getExtensionModuleNodePrivateProps(extensionProvider, exte
52
54
  return acc;
53
55
  }, {});
54
56
  }
57
+ function isUnknownConfluenceMacroWithBody(extensionNode) {
58
+ var _extensionNode$parame, _extensionNode$parame2, _extensionNode$parame3;
59
+ return extensionNode !== null && extensionNode.type === 'extension' && extensionNode.extensionType === 'com.atlassian.confluence.macro.core' && !!((_extensionNode$parame = extensionNode.parameters) !== null && _extensionNode$parame !== void 0 && (_extensionNode$parame2 = _extensionNode$parame.macroParams) !== null && _extensionNode$parame2 !== void 0 && (_extensionNode$parame3 = _extensionNode$parame2.__bodyContent) !== null && _extensionNode$parame3 !== void 0 && _extensionNode$parame3.value);
60
+ }
55
61
  function ExtensionLoading(props) {
56
62
  const intl = useIntl();
63
+ const extensionNode = props.node;
57
64
  if (props.error || props.timedOut) {
58
65
  // eslint-disable-next-line no-console
59
66
  console.error('Error rendering extension', props.error);
67
+ if (props.error && props.showUnknownMacroPlaceholder && extensionNode && isUnknownConfluenceMacroWithBody(extensionNode) && fg('tinymce_display_unknown_macro_body_content')) {
68
+ return /*#__PURE__*/React.createElement(UnknownMacroPlaceholder, {
69
+ extensionNode: extensionNode
70
+ });
71
+ }
60
72
  return /*#__PURE__*/React.createElement("div", null, intl.formatMessage(messages.extensionLoadingError));
61
73
  } else {
62
74
  return null;
@@ -78,6 +90,10 @@ export function getNodeRenderer(extensionProvider, extensionType, extensionKey)
78
90
  resolveImportSync(preloaded) : resolveImport(maybePromise.render());
79
91
  }
80
92
  },
93
+ // react-loadable passes all props from <NodeRenderer> to the loading component at runtime,
94
+ // but its TypeScript types only expect LoadingComponentProps. We cast here because
95
+ // ExtensionLoading accepts additional props (node, showUnknownMacroPlaceholder) that
96
+ // react-loadable will pass through but doesn't know about in its type definitions.
81
97
  loading: ExtensionLoading
82
98
  });
83
99
  }
@@ -44,6 +44,16 @@ export const messages = defineMessages({
44
44
  id: 'fabric.editor.extension.loading-error',
45
45
  defaultMessage: 'Error loading the extension!',
46
46
  description: 'Error message displayed when an extension fails to load in the editor. Indicates a problem occurred during the extension initialization or rendering process.'
47
+ },
48
+ unknownMacroPlaceholderAriaLabel: {
49
+ id: 'fabric.editor.extension.unknownMacroPlaceholderAriaLabel',
50
+ defaultMessage: 'Unknown macro placeholder',
51
+ description: 'Accessible label for the unknown macro fallback block shown when a Confluence macro cannot be resolved.'
52
+ },
53
+ unknownMacroHeader: {
54
+ id: 'fabric.editor.extension.unknownMacroHeader',
55
+ defaultMessage: "Unknown macro: ''{macroTitle}''",
56
+ description: 'Header text for an unresolved Confluence macro placeholder.'
47
57
  }
48
58
  });
49
59
  export const configPanelMessages = defineMessages({
@@ -44,10 +44,7 @@ export const getQuickInsertItemsFromModule = (extensions, transformFunction) =>
44
44
  return flatItems.map(transformFunction);
45
45
  };
46
46
  export async function getAutoConvertPatternsFromModule(extensions) {
47
- const items = await Promise.all(
48
- // Ignored via go/ees005
49
- // eslint-disable-next-line require-await
50
- extensions.map(async manifest => {
47
+ const items = await Promise.all(extensions.map(manifest => {
51
48
  if (manifest.modules.autoConvert && manifest.modules.autoConvert.url) {
52
49
  return manifest.modules.autoConvert.url;
53
50
  }
@@ -24,9 +24,7 @@ const convertExtensionToDropdownMenuItem = ({
24
24
  IconComponent
25
25
  }) => {
26
26
  const ButtonIcon = item.icon ? Loadable({
27
- // Ignored via go/ees005
28
- // eslint-disable-next-line require-await
29
- loader: async () => resolveExtensionIcon(item.icon),
27
+ loader: () => resolveExtensionIcon(item.icon),
30
28
  loading: noop
31
29
  }) : undefined;
32
30
  let title = '';
@@ -76,9 +74,7 @@ const DropdownMenuExtensionItem = ({
76
74
  const iconRef = useRef(null);
77
75
  if (!iconRef.current && item.icon && expValEquals('platform_editor_table_toolbar_icon_ext_fix_exp', 'isEnabled', true)) {
78
76
  iconRef.current = Loadable({
79
- // Ignored via go/ees005
80
- // eslint-disable-next-line require-await
81
- loader: async () => resolveExtensionIcon(item.icon),
77
+ loader: () => resolveExtensionIcon(item.icon),
82
78
  loading: noop
83
79
  });
84
80
  }
@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
4
4
  import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
5
5
  const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
6
6
  const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
7
- const packageVersion = "111.34.0";
7
+ const packageVersion = "0.0.0-development";
8
8
  const sanitiseSentryEvents = (data, _hint) => {
9
9
  // Remove URL as it has UGC
10
10
  // Ignored via go/ees007
@@ -133,7 +133,7 @@ const tableSharedStyle = () => {
133
133
  ${fg('platform_editor_bordered_panel_nested_in_table') ? `.${TableSharedCssClassName.TABLE_NODE_WRAPPER} .ak-editor-panel {
134
134
  border: ${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #d9dbea)"};
135
135
  }` : ''}
136
-
136
+
137
137
  /* avoid applying styles to nested tables (possible via extensions) */
138
138
  .${TableSharedCssClassName.TABLE_CONTAINER} > table,
139
139
  .${TableSharedCssClassName.TABLE_NODE_WRAPPER} > table,
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
14
14
  import { fg } from '@atlaskit/platform-feature-flags';
15
15
  import Layer from '../Layer';
16
16
  const packageName = "@atlaskit/editor-common";
17
- const packageVersion = "111.34.0";
17
+ const packageVersion = "0.0.0-development";
18
18
  const halfFocusRing = 1;
19
19
  const dropOffset = '0, 8';
20
20
  const fadeIn = keyframes({
@@ -0,0 +1,8 @@
1
+ import { defineMessages } from 'react-intl-next';
2
+ export var aiQuickPromptMessages = defineMessages({
3
+ nudgeText: {
4
+ id: 'fabric.editor.ai.quickPrompt.nudge',
5
+ defaultMessage: '<code>Tab</code> to improve writing',
6
+ description: 'Nudge text shown inline after a paragraph to suggest the user ' + 'press Tab to trigger AI improve writing. <code> tags wrap the ' + 'key name and are rendered as styled code spans.'
7
+ }
8
+ });
@@ -10,4 +10,5 @@ export { aiProactiveMessages } from './ai-proactive';
10
10
  export { aiMessages } from './ai';
11
11
  export { aiProactiveSettingMessages } from './ai-proactive-setting';
12
12
  export { aiProactiveTransformMessages } from './ai-proactive-transform';
13
+ export { aiQuickPromptMessages } from './ai-quick-prompt';
13
14
  export { aiSuggestionsMessages } from './ai-suggestions';
@@ -16,6 +16,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
16
16
  import React, { Component, useEffect, useLayoutEffect, useRef, useState } from 'react';
17
17
  import memoizeOne from 'memoize-one';
18
18
  import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
19
+ import { fg } from '@atlaskit/platform-feature-flags';
19
20
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
20
21
  import { getExtensionModuleNodePrivateProps, getNodeRenderer } from '../extensions';
21
22
  import { getExtensionRenderer, nodeToJSON, toJSON } from '../utils';
@@ -187,12 +188,12 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component) {
187
188
  references: _this.props.references,
188
189
  actions: actions
189
190
  });
190
- } else {
191
- return /*#__PURE__*/React.createElement(NodeRenderer, {
192
- node: node,
193
- references: _this.props.references
194
- });
195
191
  }
192
+ return /*#__PURE__*/React.createElement(NodeRenderer, {
193
+ node: node,
194
+ references: _this.props.references,
195
+ showUnknownMacroPlaceholder: fg('tinymce_display_unknown_macro_body_content')
196
+ });
196
197
  }
197
198
  }
198
199
  return result;
@@ -0,0 +1,28 @@
1
+ ._11c81a4x{font:var(--ds-font-body-small,9pt)}
2
+ ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
+ ._19it7tl1{border:var(--_98ihdp)}
4
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
5
+ ._2rko14xi{border-radius:var(--ds-radius-small,4px) var(--ds-radius-small,4px) 0 0}
6
+ ._n7zl7tl1{border-bottom:var(--_98ihdp)}
7
+ ._154i1n1a{top:-1px}
8
+ ._18m915vq{overflow-y:hidden}
9
+ ._18u0idpf{margin-left:0}
10
+ ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
11
+ ._19bvutpp{padding-left:var(--ds-space-150,9pt)}
12
+ ._19pkidpf{margin-top:0}
13
+ ._1nmz1hna{word-break:break-word}
14
+ ._1reo15vq{overflow-x:hidden}
15
+ ._2hwxidpf{margin-right:0}
16
+ ._6z24egat{tab-size:4}
17
+ ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
18
+ ._bfhkrnwa{background-color:var(--ds-surface-raised,#fffdf6)}
19
+ ._bfhkvuon{background-color:var(--ds-surface,#fff)}
20
+ ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
21
+ ._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
22
+ ._kqswh2mm{position:relative}
23
+ ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
24
+ ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
25
+ ._o5721jtm{white-space:pre-wrap}
26
+ ._otyridpf{margin-bottom:0}
27
+ ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
28
+ ._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
@@ -0,0 +1,61 @@
1
+ /* UnknownMacroPlaceholder.tsx generated by @compiled/babel-plugin v0.39.1 */
2
+ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
+ import "./UnknownMacroPlaceholder.compiled.css";
4
+ import * as React from 'react';
5
+ import { ax, ix } from "@compiled/react/runtime";
6
+ import { useIntl } from 'react-intl-next';
7
+ import { messages } from './messages';
8
+ // Unknown macro placeholder styling aligned with Legacy Content Macro (LCM) for consistent look
9
+ var neutralBorder = "var(--ds-background-neutral, #0515240F)";
10
+ var unknownMacroContainerStyles = null;
11
+
12
+ // Match LCM header exactly: lcmHeaderStyles from LegacyContentHeader/index.tsx
13
+ var unknownMacroHeaderStyles = null;
14
+
15
+ // Match LCM content area: white surface, text color inherits
16
+ var unknownMacroBodyStyles = null;
17
+ var unknownMacroPreStyles = null;
18
+ export function UnknownMacroPlaceholder(_ref) {
19
+ var _extensionNode$parame, _extensionNode$parame2, _extensionNode$parame3, _extensionNode$parame4;
20
+ var extensionNode = _ref.extensionNode;
21
+ var intl = useIntl();
22
+ var macroTitle = ((_extensionNode$parame = extensionNode.parameters) === null || _extensionNode$parame === void 0 || (_extensionNode$parame = _extensionNode$parame.macroMetadata) === null || _extensionNode$parame === void 0 ? void 0 : _extensionNode$parame.title) || extensionNode.extensionKey;
23
+ var bodyContent = (_extensionNode$parame2 = extensionNode.parameters) === null || _extensionNode$parame2 === void 0 || (_extensionNode$parame2 = _extensionNode$parame2.macroParams) === null || _extensionNode$parame2 === void 0 || (_extensionNode$parame2 = _extensionNode$parame2.__bodyContent) === null || _extensionNode$parame2 === void 0 ? void 0 : _extensionNode$parame2.value;
24
+ var macroParams = (_extensionNode$parame3 = (_extensionNode$parame4 = extensionNode.parameters) === null || _extensionNode$parame4 === void 0 ? void 0 : _extensionNode$parame4.macroParams) !== null && _extensionNode$parame3 !== void 0 ? _extensionNode$parame3 : {};
25
+ var formatParam = function formatParam(key, param) {
26
+ var _param$value;
27
+ var value = String((_param$value = param === null || param === void 0 ? void 0 : param.value) !== null && _param$value !== void 0 ? _param$value : '').trim();
28
+ return "".concat(key, " = ").concat(value);
29
+ };
30
+ var visibleParams = Object.entries(macroParams).filter(function (_ref2) {
31
+ var _ref3 = _slicedToArray(_ref2, 1),
32
+ key = _ref3[0];
33
+ return !key.startsWith('_');
34
+ }).map(function (_ref4) {
35
+ var _ref5 = _slicedToArray(_ref4, 2),
36
+ key = _ref5[0],
37
+ param = _ref5[1];
38
+ return formatParam(key, param);
39
+ }).join(' | ');
40
+ var headerText = visibleParams ? "".concat(intl.formatMessage(messages.unknownMacroHeader, {
41
+ macroTitle: macroTitle
42
+ }), " | ").concat(visibleParams) : intl.formatMessage(messages.unknownMacroHeader, {
43
+ macroTitle: macroTitle
44
+ });
45
+ return /*#__PURE__*/React.createElement("section", {
46
+ "aria-label": intl.formatMessage(messages.unknownMacroPlaceholderAriaLabel),
47
+ className: ax(["_19it7tl1 _2rko12b0 _1reo15vq _18m915vq _bfhkrnwa"]),
48
+ style: {
49
+ "--_98ihdp": ix("1px solid ".concat(neutralBorder))
50
+ }
51
+ }, /*#__PURE__*/React.createElement("div", {
52
+ className: ax(["_2rko14xi _11c81a4x _n7zl7tl1 _bfhki8nm _ca0qu2gc _u5f3pxbi _n3td1b66 _19bvpxbi _kqswh2mm _154i1n1a"]),
53
+ style: {
54
+ "--_98ihdp": ix("1px solid ".concat(neutralBorder))
55
+ }
56
+ }, headerText), /*#__PURE__*/React.createElement("div", {
57
+ className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _bfhkvuon _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp"])
58
+ }, /*#__PURE__*/React.createElement("pre", {
59
+ className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _11c8fhey _o5721jtm _1nmz1hna _6z24egat"])
60
+ }, bodyContent)));
61
+ }