@atlaskit/renderer 132.7.0 → 133.1.0

package/CHANGELOG.md

@@ -1,5 +1,53 @@
 # @atlaskit/renderer
 
+## 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
+
+- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
+  Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
+
+  Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
+
+  Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
+
+  ```diff
+  - "typesVersions": {
+  -    ">=4.5 <4.9": {
+  -        "*": [
+  -            "dist/types-ts4.5/*",
+  -            "dist/types-ts4.5/index.d.ts"
+  -        ]
+  -    }
+  - },
+  ```
+
+### Minor Changes
+
+- [`458ee17c2c8ee`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/458ee17c2c8ee) -
+  Register layout column vertical alignment rendering experiment and gate renderer layout column
+  vertical alignment styles behind it
+
+### Patch Changes
+
+- [`eb0de97776ce5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eb0de97776ce5) -
+  cleanup to prefer static regex as part of ees019
+- Updated dependencies
+
 ## 132.7.0
 
 ### Minor 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/layoutColumn-compiled.js

@@ -28,6 +28,8 @@ var multipleWrappedImagesStyle = null;
 var clearNextSiblingBlockMarkMarginTopStyle = null;
 var LayoutSectionCompiled = exports.LayoutSectionCompiled = function LayoutSectionCompiled(props) {
   var isLayoutColumnMenuEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_layout_column_menu', 'isEnabled', true);
+  // Pure rollout gate: no A/B exposure analysis is planned for this rendering switch.
+  var isLayoutColumnValignRenderingEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-layout-column": true,
     "data-column-width": props.width,
@@ -37,7 +39,7 @@ var LayoutSectionCompiled = exports.LayoutSectionCompiled = function LayoutSecti
     style: {
       flexBasis: "".concat(props.width, "%")
     },
-    className: (0, _runtime.ax)([isLayoutColumnMenuEnabled && props.valign === 'middle' && "_1e0c1txw _2lx21bp4 _1bah1h6o", isLayoutColumnMenuEnabled && props.valign === 'bottom' && "_1e0c1txw _2lx21bp4 _1bahesu3", (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
+    className: (0, _runtime.ax)([(isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'middle' && "_1e0c1txw _2lx21bp4 _1bah1h6o", (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'bottom' && "_1e0c1txw _2lx21bp4 _1bahesu3", (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
   }, /*#__PURE__*/_react.default.createElement(_ui.WidthProvider, null, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _runtime.ax)(["_1skbgrf3", "_19segrf3 _1ki1grf3 _bmdegrf3 _166hgrf3 _7g1ogrf3 _sk2jgrf3 _hgeogrf3"])
   }), props.children));

package/dist/cjs/react/nodes/layoutColumn-emotion.js

@@ -58,6 +58,8 @@ var clearNextSiblingBlockMarkMarginTopStyle = (0, _react2.css)((0, _defineProper
 }));
 var LayoutSectionEmotion = exports.LayoutSectionEmotion = function LayoutSectionEmotion(props) {
   var isLayoutColumnMenuEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_layout_column_menu', 'isEnabled', true);
+  // Pure rollout gate: no A/B exposure analysis is planned for this rendering switch.
+  var isLayoutColumnValignRenderingEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
   return (0, _react2.jsx)("div", {
     "data-layout-column": true,
     "data-column-width": props.width,
@@ -69,7 +71,7 @@ var LayoutSectionEmotion = exports.LayoutSectionEmotion = function LayoutSection
     },
     css: [
     // Keep separate: Compiled crashes on ternary/object lookup here.
-    isLayoutColumnMenuEnabled && props.valign === 'middle' && verticalAlignMiddleStyles, isLayoutColumnMenuEnabled && props.valign === 'bottom' && verticalAlignBottomStyles, (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && multipleWrappedImagesStyle]
+    (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'middle' && verticalAlignMiddleStyles, (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'bottom' && verticalAlignBottomStyles, (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && multipleWrappedImagesStyle]
   }, (0, _react2.jsx)(_ui.WidthProvider, null, (0, _react2.jsx)("div", {
     css: [clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle]
   }), props.children));

package/dist/cjs/react/utils/use-select-all-trap.js

@@ -9,16 +9,16 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _react = _interopRequireDefault(require("react"));
 var _analyticsContext = _interopRequireDefault(require("../../analytics/analyticsContext"));
 var _elementSelection = require("./element-selection");
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+var MAC_PLATFORM_REGEX = /Mac/;
 var useSelectAllTrap = exports.useSelectAllTrap = function useSelectAllTrap() {
   var _React$useContext = _react.default.useContext(_analyticsContext.default),
     fireAnalyticsEvent = _React$useContext.fireAnalyticsEvent;
   var ref = _react.default.useRef(null);
   var clicked = _react.default.useRef(false);
   var caught = _react.default.useRef();
-
-  // Ignored via go/ees005
-  // eslint-disable-next-line require-unicode-regexp
-  var mac = typeof navigator !== 'undefined' ? /Mac/.test(navigator.platform) : false;
+  var mac = typeof navigator !== 'undefined' ? MAC_PLATFORM_REGEX.test(navigator.platform) : false;
   var onKeyDown = _react.default.useCallback(function (e) {
     var _e$target, _e$target$matches;
     var el = ref.current;

package/dist/cjs/steps/index.js

@@ -13,6 +13,9 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _transform = require("@atlaskit/editor-prosemirror/transform");
 /* eslint-disable jsdoc/require-jsdoc -- internal step helpers */
 
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+var MEDIA_OR_MEDIA_SINGLE_REGEX = /media|mediaSingle/;
 function getStartPos(element) {
   return parseInt(element.dataset.rendererStartPos || '-1', 10);
 }
@@ -231,10 +234,7 @@ function getPosFromRange(range) {
   var possibleMediaOrMediaSingleElement = findParent(startContainer);
 
   // Video hover targets return media single, not media, thus, the extra check in condition.
-  var isMediaOrMediaSingle = possibleMediaOrMediaSingleElement &&
-  // Ignored via go/ees005
-  // eslint-disable-next-line require-unicode-regexp
-  /media|mediaSingle/.test(getNodeType(possibleMediaOrMediaSingleElement) || '');
+  var isMediaOrMediaSingle = possibleMediaOrMediaSingleElement && MEDIA_OR_MEDIA_SINGLE_REGEX.test(getNodeType(possibleMediaOrMediaSingleElement) || '');
   if (isMediaOrMediaSingle) {
     var pos;
     var mediaSingleElement = getNodeType(possibleMediaOrMediaSingleElement) === 'mediaSingle' ? possibleMediaOrMediaSingleElement : findMediaParent(possibleMediaOrMediaSingleElement);

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

@@ -21,6 +21,9 @@ var _uuid = _interopRequireDefault(require("uuid"));
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 // Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+var FAILED_TO_EXECUTE_REGEX = /Failed to execute.*on 'Node'.*/;
+// Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   function ErrorBoundary() {
@@ -78,10 +81,7 @@ var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_React$Compon
       (0, _monitoring.logException)(error, {
         location: 'renderer'
       });
-      // Ignored via go/ees005
-      // eslint-disable-next-line require-unicode-regexp
-      var pattern = /Failed to execute.*on 'Node'.*/;
-      var matchesPattern = pattern.test(error.message);
+      var matchesPattern = FAILED_TO_EXECUTE_REGEX.test(error.message);
       if (matchesPattern) {
         this.fireAnalyticsEvent({
           action: _analytics.ACTION.CAUGHT_DOM_ERROR,

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.0.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/cjs/ui/annotations/element/mark.js

@@ -88,10 +88,12 @@ var markStylesWithCommentsPanel = (0, _react2.css)((0, _defineProperty2.default)
     boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"
   }
 }));
+
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+var MOBILE_USER_AGENT_REGEX = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
 var isMobile = function isMobile() {
-  // Ignored via go/ees005
-  // eslint-disable-next-line require-unicode-regexp
-  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+  return MOBILE_USER_AGENT_REGEX.test(navigator.userAgent);
 };
 var accessibilityStylesNew = (0, _react2.css)({
   '&::before, &::after': {

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