@atlaskit/renderer 133.0.0 → 133.2.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/renderer
 
+## 133.2.0
+
+### Minor Changes
+
+- [`1abdd6ae1f4aa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1abdd6ae1f4aa) -
+  Add renderUnicodeEmojiAsImage prop to render unicode emojis as images via OffscreenCanvas, with
+  override to text as alternative
+
+### Patch Changes
+
+- Updated dependencies
+
+## 133.1.0
+
+### Minor Changes
+
+- [`19869b1832800`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/19869b1832800) -
+  Add download button to code block toolbar in Rovo Chat. When enabled via the
+  rovo_chat_code_block_download feature gate, users can download code snippets (HTML, Python,
+  Markdown, etc.) directly as a file with the correct extension (e.g. rovo-snippet.html,
+  rovo-snippet.py). Adds allowDownloadCodeBlock prop to ReactRenderer (opt-in, defaults to false).
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 133.0.0
 
 ### Major Changes

package/dist/cjs/analytics/enums.js

@@ -57,6 +57,7 @@ var ACTION_SUBJECT_ID = exports.ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTIO
   ACTION_SUBJECT_ID["HOVER_LABEL"] = "hoverLabel";
   ACTION_SUBJECT_ID["INLINE_COMMENT"] = "inlineComment";
   ACTION_SUBJECT_ID["CODEBLOCK_COPY"] = "codeBlockCopy";
+  ACTION_SUBJECT_ID["CODEBLOCK_DOWNLOAD"] = "codeBlockDownload";
   ACTION_SUBJECT_ID["CODEBLOCK_WRAP"] = "codeBlockWrap";
   return ACTION_SUBJECT_ID;
 }({});

package/dist/cjs/react/index.js

@@ -59,6 +59,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
      */
     (0, _defineProperty2.default)(this, "expandHeadingIds", []);
     (0, _defineProperty2.default)(this, "allowCopyToClipboard", false);
+    (0, _defineProperty2.default)(this, "allowDownloadCodeBlock", false);
     (0, _defineProperty2.default)(this, "allowWrapCodeBlock", false);
     (0, _defineProperty2.default)(this, "allowPlaceholderText", true);
     (0, _defineProperty2.default)(this, "allowCustomPanels", false);
@@ -197,6 +198,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
     this.disableActions = init.disableActions;
     this.allowHeadingAnchorLinks = init.allowHeadingAnchorLinks;
     this.allowCopyToClipboard = init.allowCopyToClipboard;
+    this.allowDownloadCodeBlock = init.allowDownloadCodeBlock;
     this.allowWrapCodeBlock = init.allowWrapCodeBlock;
     this.allowPlaceholderText = init.allowPlaceholderText;
     this.allowCustomPanels = init.allowCustomPanels;
@@ -663,6 +665,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
         content: node.content ? node.content.toJSON() : undefined,
         allowHeadingAnchorLinks: this.allowHeadingAnchorLinks,
         allowCopyToClipboard: this.allowCopyToClipboard,
+        allowDownloadCodeBlock: this.allowDownloadCodeBlock,
         allowWrapCodeBlock: this.allowWrapCodeBlock,
         allowPlaceholderText: this.allowPlaceholderText,
         rendererAppearance: this.appearance,

package/dist/cjs/react/nodes/codeBlock/codeBlock.js

@@ -28,6 +28,8 @@ function CodeBlock(props) {
     allowCopyToClipboard = _props$allowCopyToCli === void 0 ? false : _props$allowCopyToCli,
     _props$allowWrapCodeB = props.allowWrapCodeBlock,
     allowWrapCodeBlock = _props$allowWrapCodeB === void 0 ? false : _props$allowWrapCodeB,
+    _props$allowDownloadC = props.allowDownloadCodeBlock,
+    allowDownloadCodeBlock = _props$allowDownloadC === void 0 ? false : _props$allowDownloadC,
     codeBidiWarningTooltipEnabled = props.codeBidiWarningTooltipEnabled,
     _props$hideLineNumber = props.hideLineNumbers,
     hideLineNumbers = _props$hideLineNumber === void 0 ? false : _props$hideLineNumber,
@@ -43,7 +45,9 @@ function CodeBlock(props) {
     setWrapLongLines = _useState2[1];
   return (0, _react2.jsx)(_codeBlockContainer.default, {
     allowCopyToClipboard: allowCopyToClipboard,
-    allowWrapCodeBlock: allowWrapCodeBlock
+    allowWrapCodeBlock: allowWrapCodeBlock,
+    allowDownloadCodeBlock: allowDownloadCodeBlock,
+    language: language
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className,

package/dist/cjs/react/nodes/codeBlock/components/codeBlockButtonContainer.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("@emotion/react");
 var _codeBlockCopyButton = _interopRequireDefault(require("./codeBlockCopyButton"));
+var _codeBlockDownloadButton = _interopRequireDefault(require("./codeBlockDownloadButton"));
 var _codeBlockWrapButton = _interopRequireDefault(require("./codeBlockWrapButton"));
 /**
  * @jsxRuntime classic
@@ -55,7 +56,9 @@ var codeBlockButtonsStyle = (0, _react.css)({
 });
 var CodeBlockButtonContainer = function CodeBlockButtonContainer(_ref) {
   var allowCopyToClipboard = _ref.allowCopyToClipboard,
+    allowDownloadCodeBlock = _ref.allowDownloadCodeBlock,
     allowWrapCodeBlock = _ref.allowWrapCodeBlock,
+    language = _ref.language,
     setWrapLongLines = _ref.setWrapLongLines,
     text = _ref.text,
     wrapLongLines = _ref.wrapLongLines;
@@ -63,7 +66,10 @@ var CodeBlockButtonContainer = function CodeBlockButtonContainer(_ref) {
     css: codeBlockButtonsWrapper
   }, (0, _react.jsx)("div", {
     css: codeBlockButtonsStyle
-  }, allowWrapCodeBlock && (0, _react.jsx)(_codeBlockWrapButton.default, {
+  }, allowDownloadCodeBlock && (0, _react.jsx)(_codeBlockDownloadButton.default, {
+    content: text,
+    language: language !== null && language !== void 0 ? language : null
+  }), allowWrapCodeBlock && (0, _react.jsx)(_codeBlockWrapButton.default, {
     setWrapLongLines: setWrapLongLines,
     wrapLongLines: wrapLongLines
   }), allowCopyToClipboard && (0, _react.jsx)(_codeBlockCopyButton.default, {

package/dist/cjs/react/nodes/codeBlock/components/codeBlockContainer.js

@@ -48,9 +48,11 @@ var denseModeOverrides = (0, _react.css)((0, _defineProperty2.default)({}, "".co
 }));
 var CodeBlockContainer = function CodeBlockContainer(_ref) {
   var allowCopyToClipboard = _ref.allowCopyToClipboard,
+    allowDownloadCodeBlock = _ref.allowDownloadCodeBlock,
     allowWrapCodeBlock = _ref.allowWrapCodeBlock,
     children = _ref.children,
     className = _ref.className,
+    language = _ref.language,
     localId = _ref.localId,
     setWrapLongLines = _ref.setWrapLongLines,
     text = _ref.text,
@@ -62,7 +64,9 @@ var CodeBlockContainer = function CodeBlockContainer(_ref) {
     css: [codeBlockStyleOverrides, ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) || (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) && denseModeOverrides]
   }, (0, _react.jsx)(_codeBlockButtonContainer.default, {
     allowCopyToClipboard: allowCopyToClipboard,
+    allowDownloadCodeBlock: allowDownloadCodeBlock,
     allowWrapCodeBlock: allowWrapCodeBlock,
+    language: language,
     setWrapLongLines: setWrapLongLines,
     text: text,
     wrapLongLines: wrapLongLines

package/dist/cjs/react/nodes/codeBlock/components/codeBlockDownloadButton.js

@@ -0,0 +1,133 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactIntl = require("react-intl");
+var _download = _interopRequireDefault(require("@atlaskit/icon/core/download"));
+var _react = require("@emotion/react");
+var _new = require("@atlaskit/button/new");
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _messages = require("@atlaskit/editor-common/messages");
+var _analyticsContext = _interopRequireDefault(require("../../../../analytics/analyticsContext"));
+var _enums = require("../../../../analytics/enums");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+/**
+ * NOTE: The language-to-extension mapping logic below is intentionally duplicated in
+ * platform/packages/ai-mate/conversation-assistant-utils/src/downloadCodeBlock.ts.
+ * This is because @atlaskit/renderer cannot import from @atlassian/conversation-assistant-utils
+ * (cross-package dependency not allowed). If you update the logic here, update it there too.
+ *
+ * Maps ADF code block language names to file extensions.
+ * Inlined here to avoid cross-package dependencies on ai-mate packages.
+ */
+var languageToExtension = {
+  bash: 'sh',
+  c: 'c',
+  cpp: 'cpp',
+  css: 'css',
+  csv: 'csv',
+  go: 'go',
+  htm: 'html',
+  html: 'html',
+  java: 'java',
+  javascript: 'js',
+  js: 'js',
+  json: 'json',
+  jsx: 'jsx',
+  less: 'less',
+  markdown: 'md',
+  md: 'md',
+  python: 'py',
+  ruby: 'rb',
+  rust: 'rs',
+  scss: 'scss',
+  sh: 'sh',
+  shell: 'sh',
+  sql: 'sql',
+  ts: 'ts',
+  tsx: 'tsx',
+  typescript: 'ts',
+  xml: 'xml',
+  yaml: 'yaml',
+  yml: 'yaml'
+};
+var getFileExtension = function getFileExtension(language) {
+  var _languageToExtension$;
+  if (!language) {
+    return 'txt';
+  }
+  return (_languageToExtension$ = languageToExtension[language.toLowerCase()]) !== null && _languageToExtension$ !== void 0 ? _languageToExtension$ : 'txt';
+};
+var triggerDownload = function triggerDownload(content, language) {
+  // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
+  if (typeof document === 'undefined') {
+    return;
+  }
+  var extension = getFileExtension(language);
+  var filename = "rovo-snippet.".concat(extension);
+  // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
+  var doc = document;
+  var blob = new Blob([content], {
+    type: 'text/plain'
+  });
+  var url = URL.createObjectURL(blob);
+  var anchor = doc.createElement('a');
+  anchor.href = url;
+  anchor.download = filename;
+  anchor.style.display = 'none';
+  doc.body.appendChild(anchor);
+  anchor.dispatchEvent(new MouseEvent('click', {
+    bubbles: false,
+    cancelable: true,
+    view: window
+  }));
+  doc.body.removeChild(anchor);
+  // Defer revocation to avoid race condition in Safari/Firefox
+  setTimeout(function () {
+    return URL.revokeObjectURL(url);
+  }, 0);
+};
+var DownloadButton = function DownloadButton(_ref) {
+  var content = _ref.content,
+    language = _ref.language,
+    intl = _ref.intl;
+  var tooltip = intl.formatMessage(_messages.codeBlockButtonMessages.downloadCodeBlock);
+  return (0, _react.jsx)(_analyticsContext.default.Consumer, null, function (_ref2) {
+    var fireAnalyticsEvent = _ref2.fireAnalyticsEvent;
+    return (0, _react.jsx)("span", null, (0, _react.jsx)(_tooltip.default, {
+      content: tooltip,
+      hideTooltipOnClick: false,
+      position: "top"
+    }, (0, _react.jsx)("div", null, (0, _react.jsx)(_new.IconButton, {
+      appearance: "subtle",
+      label: tooltip,
+      icon: _download.default
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      ,
+      onClick: function onClick(event) {
+        fireAnalyticsEvent({
+          // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'.
+          // This error was introduced after upgrading to TypeScript 5
+          action: _enums.ACTION.CLICKED,
+          actionSubject: _enums.ACTION_SUBJECT.BUTTON,
+          actionSubjectId: _enums.ACTION_SUBJECT_ID.CODEBLOCK_DOWNLOAD,
+          eventType: _enums.EVENT_TYPE.UI
+        });
+        triggerDownload(content, language);
+        event.stopPropagation();
+      },
+      spacing: "compact"
+    }))));
+  });
+};
+var _default_1 = (0, _reactIntl.injectIntl)(DownloadButton);
+var _default = exports.default = _default_1;

package/dist/cjs/react/nodes/codeBlock/windowedCodeBlock.js

@@ -50,6 +50,7 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
   var text = _ref2.text,
     language = _ref2.language,
     allowCopyToClipboard = _ref2.allowCopyToClipboard,
+    allowDownloadCodeBlock = _ref2.allowDownloadCodeBlock,
     _ref2$allowWrapCodeBl = _ref2.allowWrapCodeBlock,
     allowWrapCodeBlock = _ref2$allowWrapCodeBl === void 0 ? false : _ref2$allowWrapCodeBl,
     codeBidiWarningTooltipEnabled = _ref2.codeBidiWarningTooltipEnabled,
@@ -84,7 +85,9 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
     fallback: memoizedLightWeightCodeBlock
   }, (0, _react2.jsx)(_codeBlockContainer.default, {
     allowCopyToClipboard: allowCopyToClipboard,
-    allowWrapCodeBlock: allowWrapCodeBlock
+    allowWrapCodeBlock: allowWrapCodeBlock,
+    allowDownloadCodeBlock: allowDownloadCodeBlock,
+    language: language
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className,

package/dist/cjs/react/nodes/emoji.js

@@ -92,6 +92,7 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
           shortName: shortName
         }),
         editorEmoji: true,
+        renderUnicodeEmojiAsImage: false,
         onEmojiLoadSuccess: resourceConfig === null || resourceConfig === void 0 ? void 0 : resourceConfig.onEmojiLoadSuccess,
         onEmojiLoadFail: resourceConfig === null || resourceConfig === void 0 ? void 0 : resourceConfig.onEmojiLoadFail
       });

package/dist/cjs/ui/Renderer/index.js

@@ -72,7 +72,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "132.7.0";
+var packageVersion = "133.1.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -263,6 +263,7 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
       extensionViewportSizes: props.extensionViewportSizes,
       getExtensionHeight: props.getExtensionHeight,
       allowCopyToClipboard: props.allowCopyToClipboard,
+      allowDownloadCodeBlock: props.allowDownloadCodeBlock,
       allowWrapCodeBlock: props.allowWrapCodeBlock,
       allowCustomPanels: props.allowCustomPanels,
       allowAnnotations: props.allowAnnotations,
@@ -482,6 +483,7 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
       allowNestedHeaderLinks: (0, _links.isNestedHeaderLinksEnabled)(props.allowHeadingAnchorLinks),
       allowColumnSorting: props.allowColumnSorting,
       allowCopyToClipboard: props.allowCopyToClipboard,
+      allowDownloadCodeBlock: props.allowDownloadCodeBlock,
       allowWrapCodeBlock: props.allowWrapCodeBlock,
       allowCustomPanels: props.allowCustomPanels,
       allowPlaceholderText: props.allowPlaceholderText,
@@ -521,6 +523,7 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
       appearance: props.appearance,
       contentMode: props.contentMode || 'standard',
       allowCopyToClipboard: props.allowCopyToClipboard,
+      allowDownloadCodeBlock: props.allowDownloadCodeBlock,
       allowWrapCodeBlock: props.allowWrapCodeBlock,
       allowPlaceholderText: props.allowPlaceholderText,
       allowColumnSorting: props.allowColumnSorting,

package/dist/es2019/analytics/enums.js

@@ -51,6 +51,7 @@ export let ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["HOVER_LABEL"] = "hoverLabel";
   ACTION_SUBJECT_ID["INLINE_COMMENT"] = "inlineComment";
   ACTION_SUBJECT_ID["CODEBLOCK_COPY"] = "codeBlockCopy";
+  ACTION_SUBJECT_ID["CODEBLOCK_DOWNLOAD"] = "codeBlockDownload";
   ACTION_SUBJECT_ID["CODEBLOCK_WRAP"] = "codeBlockWrap";
   return ACTION_SUBJECT_ID;
 }({});

package/dist/es2019/react/index.js

@@ -43,6 +43,7 @@ export default class ReactSerializer {
      */
     _defineProperty(this, "expandHeadingIds", []);
     _defineProperty(this, "allowCopyToClipboard", false);
+    _defineProperty(this, "allowDownloadCodeBlock", false);
     _defineProperty(this, "allowWrapCodeBlock", false);
     _defineProperty(this, "allowPlaceholderText", true);
     _defineProperty(this, "allowCustomPanels", false);
@@ -184,6 +185,7 @@ export default class ReactSerializer {
     this.disableActions = init.disableActions;
     this.allowHeadingAnchorLinks = init.allowHeadingAnchorLinks;
     this.allowCopyToClipboard = init.allowCopyToClipboard;
+    this.allowDownloadCodeBlock = init.allowDownloadCodeBlock;
     this.allowWrapCodeBlock = init.allowWrapCodeBlock;
     this.allowPlaceholderText = init.allowPlaceholderText;
     this.allowCustomPanels = init.allowCustomPanels;
@@ -593,6 +595,7 @@ export default class ReactSerializer {
       content: node.content ? node.content.toJSON() : undefined,
       allowHeadingAnchorLinks: this.allowHeadingAnchorLinks,
       allowCopyToClipboard: this.allowCopyToClipboard,
+      allowDownloadCodeBlock: this.allowDownloadCodeBlock,
       allowWrapCodeBlock: this.allowWrapCodeBlock,
       allowPlaceholderText: this.allowPlaceholderText,
       rendererAppearance: this.appearance,

package/dist/es2019/react/nodes/codeBlock/codeBlock.js

@@ -17,6 +17,7 @@ function CodeBlock(props) {
     language,
     allowCopyToClipboard = false,
     allowWrapCodeBlock = false,
+    allowDownloadCodeBlock = false,
     codeBidiWarningTooltipEnabled,
     hideLineNumbers = false,
     localId,
@@ -27,7 +28,9 @@ function CodeBlock(props) {
   const [wrapLongLines, setWrapLongLines] = useState(() => expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true) && Boolean(wrap));
   return jsx(CodeBlockContainer, {
     allowCopyToClipboard: allowCopyToClipboard,
-    allowWrapCodeBlock: allowWrapCodeBlock
+    allowWrapCodeBlock: allowWrapCodeBlock,
+    allowDownloadCodeBlock: allowDownloadCodeBlock,
+    language: language
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className,

package/dist/es2019/react/nodes/codeBlock/components/codeBlockButtonContainer.js

@@ -5,6 +5,7 @@
 /* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
 import { jsx, css } from '@emotion/react';
 import CopyButton from './codeBlockCopyButton';
+import DownloadButton from './codeBlockDownloadButton';
 import CodeWrapButton from './codeBlockWrapButton';
 const codeBlockButtonsWrapper = css({
   position: 'sticky',
@@ -47,7 +48,9 @@ const codeBlockButtonsStyle = css({
 });
 const CodeBlockButtonContainer = ({
   allowCopyToClipboard,
+  allowDownloadCodeBlock,
   allowWrapCodeBlock,
+  language,
   setWrapLongLines,
   text,
   wrapLongLines
@@ -56,7 +59,10 @@ const CodeBlockButtonContainer = ({
     css: codeBlockButtonsWrapper
   }, jsx("div", {
     css: codeBlockButtonsStyle
-  }, allowWrapCodeBlock && jsx(CodeWrapButton, {
+  }, allowDownloadCodeBlock && jsx(DownloadButton, {
+    content: text,
+    language: language !== null && language !== void 0 ? language : null
+  }), allowWrapCodeBlock && jsx(CodeWrapButton, {
     setWrapLongLines: setWrapLongLines,
     wrapLongLines: wrapLongLines
   }), allowCopyToClipboard && jsx(CopyButton, {

package/dist/es2019/react/nodes/codeBlock/components/codeBlockContainer.js

@@ -76,9 +76,11 @@ const denseModeOverrides = css({
 });
 const CodeBlockContainer = ({
   allowCopyToClipboard,
+  allowDownloadCodeBlock,
   allowWrapCodeBlock,
   children,
   className,
+  language,
   localId,
   setWrapLongLines,
   text,
@@ -91,7 +93,9 @@ const CodeBlockContainer = ({
     css: [codeBlockStyleOverrides, (expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && denseModeOverrides]
   }, jsx(CodeBlockButtonContainer, {
     allowCopyToClipboard: allowCopyToClipboard,
+    allowDownloadCodeBlock: allowDownloadCodeBlock,
     allowWrapCodeBlock: allowWrapCodeBlock,
+    language: language,
     setWrapLongLines: setWrapLongLines,
     text: text,
     wrapLongLines: wrapLongLines

package/dist/es2019/react/nodes/codeBlock/components/codeBlockDownloadButton.js

@@ -0,0 +1,123 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+import { injectIntl } from 'react-intl';
+import DownloadIcon from '@atlaskit/icon/core/download';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx } from '@emotion/react';
+import { IconButton } from '@atlaskit/button/new';
+import Tooltip from '@atlaskit/tooltip';
+import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
+import AnalyticsContext from '../../../../analytics/analyticsContext';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../../../analytics/enums';
+/**
+ * NOTE: The language-to-extension mapping logic below is intentionally duplicated in
+ * platform/packages/ai-mate/conversation-assistant-utils/src/downloadCodeBlock.ts.
+ * This is because @atlaskit/renderer cannot import from @atlassian/conversation-assistant-utils
+ * (cross-package dependency not allowed). If you update the logic here, update it there too.
+ *
+ * Maps ADF code block language names to file extensions.
+ * Inlined here to avoid cross-package dependencies on ai-mate packages.
+ */
+const languageToExtension = {
+  bash: 'sh',
+  c: 'c',
+  cpp: 'cpp',
+  css: 'css',
+  csv: 'csv',
+  go: 'go',
+  htm: 'html',
+  html: 'html',
+  java: 'java',
+  javascript: 'js',
+  js: 'js',
+  json: 'json',
+  jsx: 'jsx',
+  less: 'less',
+  markdown: 'md',
+  md: 'md',
+  python: 'py',
+  ruby: 'rb',
+  rust: 'rs',
+  scss: 'scss',
+  sh: 'sh',
+  shell: 'sh',
+  sql: 'sql',
+  ts: 'ts',
+  tsx: 'tsx',
+  typescript: 'ts',
+  xml: 'xml',
+  yaml: 'yaml',
+  yml: 'yaml'
+};
+const getFileExtension = language => {
+  var _languageToExtension$;
+  if (!language) {
+    return 'txt';
+  }
+  return (_languageToExtension$ = languageToExtension[language.toLowerCase()]) !== null && _languageToExtension$ !== void 0 ? _languageToExtension$ : 'txt';
+};
+const triggerDownload = (content, language) => {
+  // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
+  if (typeof document === 'undefined') {
+    return;
+  }
+  const extension = getFileExtension(language);
+  const filename = `rovo-snippet.${extension}`;
+  // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
+  const doc = document;
+  const blob = new Blob([content], {
+    type: 'text/plain'
+  });
+  const url = URL.createObjectURL(blob);
+  const anchor = doc.createElement('a');
+  anchor.href = url;
+  anchor.download = filename;
+  anchor.style.display = 'none';
+  doc.body.appendChild(anchor);
+  anchor.dispatchEvent(new MouseEvent('click', {
+    bubbles: false,
+    cancelable: true,
+    view: window
+  }));
+  doc.body.removeChild(anchor);
+  // Defer revocation to avoid race condition in Safari/Firefox
+  setTimeout(() => URL.revokeObjectURL(url), 0);
+};
+const DownloadButton = ({
+  content,
+  language,
+  intl
+}) => {
+  const tooltip = intl.formatMessage(codeBlockButtonMessages.downloadCodeBlock);
+  return jsx(AnalyticsContext.Consumer, null, ({
+    fireAnalyticsEvent
+  }) => jsx("span", null, jsx(Tooltip, {
+    content: tooltip,
+    hideTooltipOnClick: false,
+    position: "top"
+  }, jsx("div", null, jsx(IconButton, {
+    appearance: "subtle",
+    label: tooltip,
+    icon: DownloadIcon
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
+    onClick: event => {
+      fireAnalyticsEvent({
+        // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'.
+        // This error was introduced after upgrading to TypeScript 5
+        action: ACTION.CLICKED,
+        actionSubject: ACTION_SUBJECT.BUTTON,
+        actionSubjectId: ACTION_SUBJECT_ID.CODEBLOCK_DOWNLOAD,
+        eventType: EVENT_TYPE.UI
+      });
+      triggerDownload(content, language);
+      event.stopPropagation();
+    },
+    spacing: "compact"
+  })))));
+};
+const _default_1 = injectIntl(DownloadButton);
+export default _default_1;

package/dist/es2019/react/nodes/codeBlock/windowedCodeBlock.js

@@ -22,6 +22,7 @@ const WindowedCodeBlock = ({
   text,
   language,
   allowCopyToClipboard,
+  allowDownloadCodeBlock,
   allowWrapCodeBlock = false,
   codeBidiWarningTooltipEnabled,
   hideLineNumbers = false,
@@ -52,7 +53,9 @@ const WindowedCodeBlock = ({
     fallback: memoizedLightWeightCodeBlock
   }, jsx(CodeBlockContainer, {
     allowCopyToClipboard: allowCopyToClipboard,
-    allowWrapCodeBlock: allowWrapCodeBlock
+    allowWrapCodeBlock: allowWrapCodeBlock,
+    allowDownloadCodeBlock: allowDownloadCodeBlock,
+    language: language
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className,

package/dist/es2019/react/nodes/emoji.js

@@ -79,6 +79,7 @@ class EmojiNode extends PureComponent {
           shortName
         }),
         editorEmoji: true,
+        renderUnicodeEmojiAsImage: false,
         onEmojiLoadSuccess: resourceConfig === null || resourceConfig === void 0 ? void 0 : resourceConfig.onEmojiLoadSuccess,
         onEmojiLoadFail: resourceConfig === null || resourceConfig === void 0 ? void 0 : resourceConfig.onEmojiLoadFail
       });

package/dist/es2019/ui/Renderer/index.js

@@ -58,7 +58,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.2;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "132.7.0";
+const packageVersion = "133.1.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -255,6 +255,7 @@ export const RendererFunctionalComponent = props => {
       extensionViewportSizes: props.extensionViewportSizes,
       getExtensionHeight: props.getExtensionHeight,
       allowCopyToClipboard: props.allowCopyToClipboard,
+      allowDownloadCodeBlock: props.allowDownloadCodeBlock,
       allowWrapCodeBlock: props.allowWrapCodeBlock,
       allowCustomPanels: props.allowCustomPanels,
       allowAnnotations: props.allowAnnotations,
@@ -472,6 +473,7 @@ export const RendererFunctionalComponent = props => {
       allowNestedHeaderLinks: isNestedHeaderLinksEnabled(props.allowHeadingAnchorLinks),
       allowColumnSorting: props.allowColumnSorting,
       allowCopyToClipboard: props.allowCopyToClipboard,
+      allowDownloadCodeBlock: props.allowDownloadCodeBlock,
       allowWrapCodeBlock: props.allowWrapCodeBlock,
       allowCustomPanels: props.allowCustomPanels,
       allowPlaceholderText: props.allowPlaceholderText,
@@ -509,6 +511,7 @@ export const RendererFunctionalComponent = props => {
       appearance: props.appearance,
       contentMode: props.contentMode || 'standard',
       allowCopyToClipboard: props.allowCopyToClipboard,
+      allowDownloadCodeBlock: props.allowDownloadCodeBlock,
       allowWrapCodeBlock: props.allowWrapCodeBlock,
       allowPlaceholderText: props.allowPlaceholderText,
       allowColumnSorting: props.allowColumnSorting,

package/dist/esm/analytics/enums.js

@@ -51,6 +51,7 @@ export var ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["HOVER_LABEL"] = "hoverLabel";
   ACTION_SUBJECT_ID["INLINE_COMMENT"] = "inlineComment";
   ACTION_SUBJECT_ID["CODEBLOCK_COPY"] = "codeBlockCopy";
+  ACTION_SUBJECT_ID["CODEBLOCK_DOWNLOAD"] = "codeBlockDownload";
   ACTION_SUBJECT_ID["CODEBLOCK_WRAP"] = "codeBlockWrap";
   return ACTION_SUBJECT_ID;
 }({});

package/dist/esm/react/index.js

@@ -52,6 +52,7 @@ var ReactSerializer = /*#__PURE__*/function () {
      */
     _defineProperty(this, "expandHeadingIds", []);
     _defineProperty(this, "allowCopyToClipboard", false);
+    _defineProperty(this, "allowDownloadCodeBlock", false);
     _defineProperty(this, "allowWrapCodeBlock", false);
     _defineProperty(this, "allowPlaceholderText", true);
     _defineProperty(this, "allowCustomPanels", false);
@@ -190,6 +191,7 @@ var ReactSerializer = /*#__PURE__*/function () {
     this.disableActions = init.disableActions;
     this.allowHeadingAnchorLinks = init.allowHeadingAnchorLinks;
     this.allowCopyToClipboard = init.allowCopyToClipboard;
+    this.allowDownloadCodeBlock = init.allowDownloadCodeBlock;
     this.allowWrapCodeBlock = init.allowWrapCodeBlock;
     this.allowPlaceholderText = init.allowPlaceholderText;
     this.allowCustomPanels = init.allowCustomPanels;
@@ -656,6 +658,7 @@ var ReactSerializer = /*#__PURE__*/function () {
         content: node.content ? node.content.toJSON() : undefined,
         allowHeadingAnchorLinks: this.allowHeadingAnchorLinks,
         allowCopyToClipboard: this.allowCopyToClipboard,
+        allowDownloadCodeBlock: this.allowDownloadCodeBlock,
         allowWrapCodeBlock: this.allowWrapCodeBlock,
         allowPlaceholderText: this.allowPlaceholderText,
         rendererAppearance: this.appearance,

package/dist/esm/react/nodes/codeBlock/codeBlock.js

@@ -19,6 +19,8 @@ function CodeBlock(props) {
     allowCopyToClipboard = _props$allowCopyToCli === void 0 ? false : _props$allowCopyToCli,
     _props$allowWrapCodeB = props.allowWrapCodeBlock,
     allowWrapCodeBlock = _props$allowWrapCodeB === void 0 ? false : _props$allowWrapCodeB,
+    _props$allowDownloadC = props.allowDownloadCodeBlock,
+    allowDownloadCodeBlock = _props$allowDownloadC === void 0 ? false : _props$allowDownloadC,
     codeBidiWarningTooltipEnabled = props.codeBidiWarningTooltipEnabled,
     _props$hideLineNumber = props.hideLineNumbers,
     hideLineNumbers = _props$hideLineNumber === void 0 ? false : _props$hideLineNumber,
@@ -34,7 +36,9 @@ function CodeBlock(props) {
     setWrapLongLines = _useState2[1];
   return jsx(CodeBlockContainer, {
     allowCopyToClipboard: allowCopyToClipboard,
-    allowWrapCodeBlock: allowWrapCodeBlock
+    allowWrapCodeBlock: allowWrapCodeBlock,
+    allowDownloadCodeBlock: allowDownloadCodeBlock,
+    language: language
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className,

package/dist/esm/react/nodes/codeBlock/components/codeBlockButtonContainer.js

@@ -5,6 +5,7 @@
 /* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
 import { jsx, css } from '@emotion/react';
 import CopyButton from './codeBlockCopyButton';
+import DownloadButton from './codeBlockDownloadButton';
 import CodeWrapButton from './codeBlockWrapButton';
 var codeBlockButtonsWrapper = css({
   position: 'sticky',
@@ -47,7 +48,9 @@ var codeBlockButtonsStyle = css({
 });
 var CodeBlockButtonContainer = function CodeBlockButtonContainer(_ref) {
   var allowCopyToClipboard = _ref.allowCopyToClipboard,
+    allowDownloadCodeBlock = _ref.allowDownloadCodeBlock,
     allowWrapCodeBlock = _ref.allowWrapCodeBlock,
+    language = _ref.language,
     setWrapLongLines = _ref.setWrapLongLines,
     text = _ref.text,
     wrapLongLines = _ref.wrapLongLines;
@@ -55,7 +58,10 @@ var CodeBlockButtonContainer = function CodeBlockButtonContainer(_ref) {
     css: codeBlockButtonsWrapper
   }, jsx("div", {
     css: codeBlockButtonsStyle
-  }, allowWrapCodeBlock && jsx(CodeWrapButton, {
+  }, allowDownloadCodeBlock && jsx(DownloadButton, {
+    content: text,
+    language: language !== null && language !== void 0 ? language : null
+  }), allowWrapCodeBlock && jsx(CodeWrapButton, {
     setWrapLongLines: setWrapLongLines,
     wrapLongLines: wrapLongLines
   }), allowCopyToClipboard && jsx(CopyButton, {

package/dist/esm/react/nodes/codeBlock/components/codeBlockContainer.js

@@ -40,9 +40,11 @@ var denseModeOverrides = css(_defineProperty({}, "".concat(CodeBlockSharedCssCla
 }));
 var CodeBlockContainer = function CodeBlockContainer(_ref) {
   var allowCopyToClipboard = _ref.allowCopyToClipboard,
+    allowDownloadCodeBlock = _ref.allowDownloadCodeBlock,
     allowWrapCodeBlock = _ref.allowWrapCodeBlock,
     children = _ref.children,
     className = _ref.className,
+    language = _ref.language,
     localId = _ref.localId,
     setWrapLongLines = _ref.setWrapLongLines,
     text = _ref.text,
@@ -54,7 +56,9 @@ var CodeBlockContainer = function CodeBlockContainer(_ref) {
     css: [codeBlockStyleOverrides, (expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && denseModeOverrides]
   }, jsx(CodeBlockButtonContainer, {
     allowCopyToClipboard: allowCopyToClipboard,
+    allowDownloadCodeBlock: allowDownloadCodeBlock,
     allowWrapCodeBlock: allowWrapCodeBlock,
+    language: language,
     setWrapLongLines: setWrapLongLines,
     text: text,
     wrapLongLines: wrapLongLines

package/dist/esm/react/nodes/codeBlock/components/codeBlockDownloadButton.js

@@ -0,0 +1,125 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+import { injectIntl } from 'react-intl';
+import DownloadIcon from '@atlaskit/icon/core/download';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx } from '@emotion/react';
+import { IconButton } from '@atlaskit/button/new';
+import Tooltip from '@atlaskit/tooltip';
+import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
+import AnalyticsContext from '../../../../analytics/analyticsContext';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../../../analytics/enums';
+/**
+ * NOTE: The language-to-extension mapping logic below is intentionally duplicated in
+ * platform/packages/ai-mate/conversation-assistant-utils/src/downloadCodeBlock.ts.
+ * This is because @atlaskit/renderer cannot import from @atlassian/conversation-assistant-utils
+ * (cross-package dependency not allowed). If you update the logic here, update it there too.
+ *
+ * Maps ADF code block language names to file extensions.
+ * Inlined here to avoid cross-package dependencies on ai-mate packages.
+ */
+var languageToExtension = {
+  bash: 'sh',
+  c: 'c',
+  cpp: 'cpp',
+  css: 'css',
+  csv: 'csv',
+  go: 'go',
+  htm: 'html',
+  html: 'html',
+  java: 'java',
+  javascript: 'js',
+  js: 'js',
+  json: 'json',
+  jsx: 'jsx',
+  less: 'less',
+  markdown: 'md',
+  md: 'md',
+  python: 'py',
+  ruby: 'rb',
+  rust: 'rs',
+  scss: 'scss',
+  sh: 'sh',
+  shell: 'sh',
+  sql: 'sql',
+  ts: 'ts',
+  tsx: 'tsx',
+  typescript: 'ts',
+  xml: 'xml',
+  yaml: 'yaml',
+  yml: 'yaml'
+};
+var getFileExtension = function getFileExtension(language) {
+  var _languageToExtension$;
+  if (!language) {
+    return 'txt';
+  }
+  return (_languageToExtension$ = languageToExtension[language.toLowerCase()]) !== null && _languageToExtension$ !== void 0 ? _languageToExtension$ : 'txt';
+};
+var triggerDownload = function triggerDownload(content, language) {
+  // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
+  if (typeof document === 'undefined') {
+    return;
+  }
+  var extension = getFileExtension(language);
+  var filename = "rovo-snippet.".concat(extension);
+  // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
+  var doc = document;
+  var blob = new Blob([content], {
+    type: 'text/plain'
+  });
+  var url = URL.createObjectURL(blob);
+  var anchor = doc.createElement('a');
+  anchor.href = url;
+  anchor.download = filename;
+  anchor.style.display = 'none';
+  doc.body.appendChild(anchor);
+  anchor.dispatchEvent(new MouseEvent('click', {
+    bubbles: false,
+    cancelable: true,
+    view: window
+  }));
+  doc.body.removeChild(anchor);
+  // Defer revocation to avoid race condition in Safari/Firefox
+  setTimeout(function () {
+    return URL.revokeObjectURL(url);
+  }, 0);
+};
+var DownloadButton = function DownloadButton(_ref) {
+  var content = _ref.content,
+    language = _ref.language,
+    intl = _ref.intl;
+  var tooltip = intl.formatMessage(codeBlockButtonMessages.downloadCodeBlock);
+  return jsx(AnalyticsContext.Consumer, null, function (_ref2) {
+    var fireAnalyticsEvent = _ref2.fireAnalyticsEvent;
+    return jsx("span", null, jsx(Tooltip, {
+      content: tooltip,
+      hideTooltipOnClick: false,
+      position: "top"
+    }, jsx("div", null, jsx(IconButton, {
+      appearance: "subtle",
+      label: tooltip,
+      icon: DownloadIcon
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      ,
+      onClick: function onClick(event) {
+        fireAnalyticsEvent({
+          // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'.
+          // This error was introduced after upgrading to TypeScript 5
+          action: ACTION.CLICKED,
+          actionSubject: ACTION_SUBJECT.BUTTON,
+          actionSubjectId: ACTION_SUBJECT_ID.CODEBLOCK_DOWNLOAD,
+          eventType: EVENT_TYPE.UI
+        });
+        triggerDownload(content, language);
+        event.stopPropagation();
+      },
+      spacing: "compact"
+    }))));
+  });
+};
+var _default_1 = injectIntl(DownloadButton);
+export default _default_1;

package/dist/esm/react/nodes/codeBlock/windowedCodeBlock.js

@@ -41,6 +41,7 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
   var text = _ref2.text,
     language = _ref2.language,
     allowCopyToClipboard = _ref2.allowCopyToClipboard,
+    allowDownloadCodeBlock = _ref2.allowDownloadCodeBlock,
     _ref2$allowWrapCodeBl = _ref2.allowWrapCodeBlock,
     allowWrapCodeBlock = _ref2$allowWrapCodeBl === void 0 ? false : _ref2$allowWrapCodeBl,
     codeBidiWarningTooltipEnabled = _ref2.codeBidiWarningTooltipEnabled,
@@ -75,7 +76,9 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
     fallback: memoizedLightWeightCodeBlock
   }, jsx(CodeBlockContainer, {
     allowCopyToClipboard: allowCopyToClipboard,
-    allowWrapCodeBlock: allowWrapCodeBlock
+    allowWrapCodeBlock: allowWrapCodeBlock,
+    allowDownloadCodeBlock: allowDownloadCodeBlock,
+    language: language
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className,

package/dist/esm/react/nodes/emoji.js

@@ -87,6 +87,7 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
           shortName: shortName
         }),
         editorEmoji: true,
+        renderUnicodeEmojiAsImage: false,
         onEmojiLoadSuccess: resourceConfig === null || resourceConfig === void 0 ? void 0 : resourceConfig.onEmojiLoadSuccess,
         onEmojiLoadFail: resourceConfig === null || resourceConfig === void 0 ? void 0 : resourceConfig.onEmojiLoadFail
       });

package/dist/esm/ui/Renderer/index.js

@@ -63,7 +63,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "132.7.0";
+var packageVersion = "133.1.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -254,6 +254,7 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
       extensionViewportSizes: props.extensionViewportSizes,
       getExtensionHeight: props.getExtensionHeight,
       allowCopyToClipboard: props.allowCopyToClipboard,
+      allowDownloadCodeBlock: props.allowDownloadCodeBlock,
       allowWrapCodeBlock: props.allowWrapCodeBlock,
       allowCustomPanels: props.allowCustomPanels,
       allowAnnotations: props.allowAnnotations,
@@ -473,6 +474,7 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
       allowNestedHeaderLinks: isNestedHeaderLinksEnabled(props.allowHeadingAnchorLinks),
       allowColumnSorting: props.allowColumnSorting,
       allowCopyToClipboard: props.allowCopyToClipboard,
+      allowDownloadCodeBlock: props.allowDownloadCodeBlock,
       allowWrapCodeBlock: props.allowWrapCodeBlock,
       allowCustomPanels: props.allowCustomPanels,
       allowPlaceholderText: props.allowPlaceholderText,
@@ -512,6 +514,7 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
       appearance: props.appearance,
       contentMode: props.contentMode || 'standard',
       allowCopyToClipboard: props.allowCopyToClipboard,
+      allowDownloadCodeBlock: props.allowDownloadCodeBlock,
       allowWrapCodeBlock: props.allowWrapCodeBlock,
       allowPlaceholderText: props.allowPlaceholderText,
       allowColumnSorting: props.allowColumnSorting,

package/dist/types/analytics/enums.d.ts

@@ -48,6 +48,7 @@ export declare enum ACTION_SUBJECT_ID {
     HOVER_LABEL = "hoverLabel",
     INLINE_COMMENT = "inlineComment",
     CODEBLOCK_COPY = "codeBlockCopy",
+    CODEBLOCK_DOWNLOAD = "codeBlockDownload",
     CODEBLOCK_WRAP = "codeBlockWrap"
 }
 export type AEP<Action, ActionSubject, ActionSubjectID, Attributes, EventType> = {

package/dist/types/react/index.d.ts

@@ -16,6 +16,7 @@ export interface ReactSerializerInit {
     allowColumnSorting?: boolean;
     allowCopyToClipboard?: boolean;
     allowCustomPanels?: boolean;
+    allowDownloadCodeBlock?: boolean;
     allowFixedColumnWidthOption?: boolean;
     allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
     allowMediaLinking?: boolean;
@@ -85,6 +86,7 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
     private allowHeadingAnchorLinks?;
     private allowColumnSorting?;
     private allowCopyToClipboard?;
+    private allowDownloadCodeBlock?;
     private allowWrapCodeBlock?;
     private allowPlaceholderText?;
     private allowCustomPanels?;

package/dist/types/react/nodes/codeBlock/codeBlock.d.ts

@@ -7,6 +7,7 @@ import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
 import type { SupportedLanguages } from '@atlaskit/code';
 export interface Props {
     allowCopyToClipboard?: boolean;
+    allowDownloadCodeBlock?: boolean;
     allowWrapCodeBlock?: boolean;
     className?: string;
     codeBidiWarningTooltipEnabled: boolean;

package/dist/types/react/nodes/codeBlock/components/codeBlockButtonContainer.d.ts

@@ -6,10 +6,12 @@ import { jsx } from '@emotion/react';
 import type { Dispatch, SetStateAction } from 'react';
 export interface CodeBlockButtonContainerProps {
     allowCopyToClipboard?: boolean;
+    allowDownloadCodeBlock?: boolean;
     allowWrapCodeBlock?: boolean;
+    language?: string | null;
     setWrapLongLines: Dispatch<SetStateAction<boolean>>;
     text: string;
     wrapLongLines: boolean;
 }
-declare const CodeBlockButtonContainer: ({ allowCopyToClipboard, allowWrapCodeBlock, setWrapLongLines, text, wrapLongLines, }: CodeBlockButtonContainerProps) => jsx.JSX.Element;
+declare const CodeBlockButtonContainer: ({ allowCopyToClipboard, allowDownloadCodeBlock, allowWrapCodeBlock, language, setWrapLongLines, text, wrapLongLines, }: CodeBlockButtonContainerProps) => jsx.JSX.Element;
 export default CodeBlockButtonContainer;

package/dist/types/react/nodes/codeBlock/components/codeBlockContainer.d.ts

@@ -10,5 +10,5 @@ interface ContainerProps extends CodeBlockButtonContainerProps {
     className?: string;
     localId?: string;
 }
-declare const CodeBlockContainer: ({ allowCopyToClipboard, allowWrapCodeBlock, children, className, localId, setWrapLongLines, text, wrapLongLines, }: ContainerProps) => jsx.JSX.Element;
+declare const CodeBlockContainer: ({ allowCopyToClipboard, allowDownloadCodeBlock, allowWrapCodeBlock, children, className, language, localId, setWrapLongLines, text, wrapLongLines, }: ContainerProps) => jsx.JSX.Element;
 export default CodeBlockContainer;

package/dist/types/react/nodes/codeBlock/components/codeBlockDownloadButton.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { ComponentType, FC } from 'react';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
+type Props = {
+    content: string;
+    language: string | null;
+};
+declare const _default_1: FC<WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: ComponentType<Props & WrappedComponentProps>;
+};
+export default _default_1;

package/dist/types/react/nodes/codeBlock/windowedCodeBlock.d.ts

@@ -1,4 +1,4 @@
 import { jsx } from '@emotion/react';
 import type { Props as CodeBlockProps } from './codeBlock';
-declare const WindowedCodeBlock: ({ text, language, allowCopyToClipboard, allowWrapCodeBlock, codeBidiWarningTooltipEnabled, hideLineNumbers, className: rootClassName, wrap, }: CodeBlockProps) => jsx.JSX.Element;
+declare const WindowedCodeBlock: ({ text, language, allowCopyToClipboard, allowDownloadCodeBlock, allowWrapCodeBlock, codeBidiWarningTooltipEnabled, hideLineNumbers, className: rootClassName, wrap, }: CodeBlockProps) => jsx.JSX.Element;
 export default WindowedCodeBlock;

package/dist/types/react/types.d.ts

@@ -18,6 +18,7 @@ export interface NodeMeta {
     [key: string]: any;
     allowCopyToClipboard?: boolean;
     allowCustomPanels?: boolean;
+    allowDownloadCodeBlock?: boolean;
     allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
     allowPlaceholderText?: boolean;
     allowWrapCodeBlock?: boolean;

package/dist/types/ui/Renderer/index.d.ts

@@ -28,6 +28,7 @@ export type RendererWrapperProps = {
     allowColumnSorting?: boolean;
     allowCopyToClipboard?: boolean;
     allowCustomPanels?: boolean;
+    allowDownloadCodeBlock?: boolean;
     allowNestedHeaderLinks: boolean;
     allowPlaceholderText?: boolean;
     allowRendererContainerStyles?: boolean;

package/dist/types/ui/renderer-props.d.ts

@@ -35,6 +35,7 @@ export interface RendererProps {
     allowColumnSorting?: boolean;
     allowCopyToClipboard?: boolean;
     allowCustomPanels?: boolean;
+    allowDownloadCodeBlock?: boolean;
     allowFixedColumnWidthOption?: boolean;
     allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
     allowPlaceholderText?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "133.0.0",
+	"version": "133.2.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,7 +44,7 @@
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/editor-shared-styles": "^4.0.0",
 		"@atlaskit/editor-smart-link-draggable": "^1.0.0",
-		"@atlaskit/emoji": "^71.0.0",
+		"@atlaskit/emoji": "^71.1.0",
 		"@atlaskit/feature-gate-js-client": "^6.0.0",
 		"@atlaskit/icon": "^36.0.0",
 		"@atlaskit/link": "^4.0.0",
@@ -66,7 +66,7 @@
 		"@atlaskit/status": "^5.0.0",
 		"@atlaskit/task-decision": "^21.0.0",
 		"@atlaskit/theme": "^26.0.0",
-		"@atlaskit/tmp-editor-statsig": "^104.0.0",
+		"@atlaskit/tmp-editor-statsig": "^105.0.0",
 		"@atlaskit/tokens": "^14.0.0",
 		"@atlaskit/tooltip": "^23.0.0",
 		"@atlaskit/visually-hidden": "^4.0.0",
@@ -80,7 +80,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.0.0",
+		"@atlaskit/editor-common": "^116.2.0",
 		"@atlaskit/link-provider": "^5.0.0",
 		"@atlaskit/media-core": "^38.0.0",
 		"react": "^18.2.0",