@atlaskit/media-viewer 52.8.3 → 52.8.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/media-viewer
 
+## 52.8.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 52.8.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 52.8.3
 
 ### Patch Changes

package/dist/cjs/analytics/index.js

@@ -10,7 +10,7 @@ exports.packageVersion = exports.packageName = void 0;
 var _analytics = require("@atlaskit/media-common/analytics");
 var componentName = exports.component = exports.componentName = 'mediaViewer';
 var packageName = exports.packageName = "@atlaskit/media-viewer";
-var packageVersion = exports.packageVersion = "52.8.2";
+var packageVersion = exports.packageVersion = "0.0.0-development";
 function getFileAttributes(fileState) {
   if (!fileState) {
     return {

package/dist/cjs/analytics/ufoExperiences.js

@@ -13,7 +13,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "52.8.2";
+var packageVersion = "0.0.0-development";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/styleWrappers.js

@@ -1,4 +1,4 @@
-/* styleWrappers.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styleWrappers.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/viewers/archiveSidebar/custom-button-item.js

@@ -1,4 +1,4 @@
-/* custom-button-item.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* custom-button-item.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/viewers/archiveSidebar/nativePdfViewer.js

@@ -1,4 +1,4 @@
-/* nativePdfViewer.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* nativePdfViewer.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/viewers/archiveSidebar/styleWrappers.js

@@ -1,4 +1,4 @@
-/* styleWrappers.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styleWrappers.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/viewers/codeViewer/CodeRendererAdvanced/CodeRendererAdvanced.js

@@ -1,4 +1,4 @@
-/* CodeRendererAdvanced.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* CodeRendererAdvanced.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/viewers/codeViewer/codeViewerRenderer-compiled.js

@@ -1,4 +1,4 @@
-/* codeViewerRenderer-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* codeViewerRenderer-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/viewers/doc/doc-viewer.js

@@ -1,4 +1,4 @@
-/* doc-viewer.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* doc-viewer.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/viewers/doc/passwordInput.js

@@ -1,4 +1,4 @@
-/* passwordInput.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* passwordInput.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/viewers/svg/ImageWrapper-compiled.js

@@ -1,4 +1,4 @@
-/* ImageWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* ImageWrapper-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/es2019/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
 const componentName = 'mediaViewer';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "52.8.2";
+const packageVersion = "0.0.0-development";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/es2019/analytics/ufoExperiences.js

@@ -3,7 +3,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "52.8.2";
+const packageVersion = "0.0.0-development";
 let ufoExperience;
 const getExperience = () => {
   if (!ufoExperience) {

package/dist/es2019/styleWrappers.js

@@ -1,4 +1,4 @@
-/* styleWrappers.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styleWrappers.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./styleWrappers.compiled.css";
 import * as React from 'react';

package/dist/es2019/viewers/archiveSidebar/custom-button-item.js

@@ -1,4 +1,4 @@
-/* custom-button-item.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* custom-button-item.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./custom-button-item.compiled.css";
 import * as React from 'react';

package/dist/es2019/viewers/archiveSidebar/nativePdfViewer.js

@@ -1,4 +1,4 @@
-/* nativePdfViewer.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* nativePdfViewer.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./nativePdfViewer.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/viewers/archiveSidebar/styleWrappers.js

@@ -1,4 +1,4 @@
-/* styleWrappers.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styleWrappers.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./styleWrappers.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/viewers/codeViewer/CodeRendererAdvanced/CodeRendererAdvanced.js

@@ -1,4 +1,4 @@
-/* CodeRendererAdvanced.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* CodeRendererAdvanced.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./CodeRendererAdvanced.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useRef } from 'react';

package/dist/es2019/viewers/codeViewer/codeViewerRenderer-compiled.js

@@ -1,4 +1,4 @@
-/* codeViewerRenderer-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* codeViewerRenderer-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./codeViewerRenderer-compiled.compiled.css";
 import * as React from 'react';

package/dist/es2019/viewers/doc/doc-viewer.js

@@ -1,4 +1,4 @@
-/* doc-viewer.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* doc-viewer.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./doc-viewer.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useReducer } from 'react';

package/dist/es2019/viewers/doc/passwordInput.js

@@ -1,4 +1,4 @@
-/* passwordInput.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* passwordInput.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./passwordInput.compiled.css";
 import * as React from 'react';

package/dist/es2019/viewers/svg/ImageWrapper-compiled.js

@@ -1,4 +1,4 @@
-/* ImageWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* ImageWrapper-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./ImageWrapper-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
 var componentName = 'mediaViewer';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "52.8.2";
+var packageVersion = "0.0.0-development";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/esm/analytics/ufoExperiences.js

@@ -6,7 +6,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "52.8.2";
+var packageVersion = "0.0.0-development";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/esm/styleWrappers.js

@@ -1,4 +1,4 @@
-/* styleWrappers.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styleWrappers.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import "./styleWrappers.compiled.css";

package/dist/esm/viewers/archiveSidebar/custom-button-item.js

@@ -1,4 +1,4 @@
-/* custom-button-item.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* custom-button-item.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "onClick"];

package/dist/esm/viewers/archiveSidebar/nativePdfViewer.js

@@ -1,4 +1,4 @@
-/* nativePdfViewer.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* nativePdfViewer.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./nativePdfViewer.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/viewers/archiveSidebar/styleWrappers.js

@@ -1,4 +1,4 @@
-/* styleWrappers.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styleWrappers.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./styleWrappers.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/viewers/codeViewer/CodeRendererAdvanced/CodeRendererAdvanced.js

@@ -1,4 +1,4 @@
-/* CodeRendererAdvanced.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* CodeRendererAdvanced.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./CodeRendererAdvanced.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useRef } from 'react';

package/dist/esm/viewers/codeViewer/codeViewerRenderer-compiled.js

@@ -1,4 +1,4 @@
-/* codeViewerRenderer-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* codeViewerRenderer-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";

package/dist/esm/viewers/doc/doc-viewer.js

@@ -1,4 +1,4 @@
-/* doc-viewer.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* doc-viewer.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";

package/dist/esm/viewers/doc/passwordInput.js

@@ -1,4 +1,4 @@
-/* passwordInput.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* passwordInput.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./passwordInput.compiled.css";

package/dist/esm/viewers/svg/ImageWrapper-compiled.js

@@ -1,4 +1,4 @@
-/* ImageWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* ImageWrapper-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./ImageWrapper-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/example-helpers/NativeMediaPreview.tsx

@@ -22,7 +22,7 @@ export const NativeMediaPreview = ({
 	identifier,
 	mediaClient,
 	onClick,
-}: NativeMediaViewerProps) => {
+}: NativeMediaViewerProps): React.JSX.Element => {
 	const [url, setUrl] = useState('dataURI' in identifier ? identifier.dataURI : '');
 	const [isPreviewUnavailable, setIsPreviewUnavailable] = useState(false);
 

package/example-helpers/centeredForm.tsx

@@ -8,7 +8,7 @@ const centeredFormStyles = xcss({
 	margin: 'auto',
 });
 
-export const CenteredForm = ({ children }: { children: ReactNode }) => (
+export const CenteredForm = ({ children }: { children: ReactNode }): React.JSX.Element => (
 	<Stack alignInline="center" alignBlock="center" grow="fill" xcss={centeredFormStyles}>
 		<Box>{children}</Box>
 	</Stack>

package/example-helpers/index.ts

@@ -175,27 +175,52 @@ export const zipWithNestedFolderItem: FileIdentifier = {
 	occurrenceKey: 'testOccurrenceKey',
 };
 
-export const zipItemMultipleFoldersAtRoot = {
+export const zipItemMultipleFoldersAtRoot: {
+    occurrenceKey: string;
+    mediaItemType: "file";
+    id: string;
+    collectionName?: string;
+} = {
 	...zipItemMultipleFoldersAtRootId,
 	occurrenceKey: 'testOccurenceKey',
 };
 
-export const zipItemLargeInnerFile = {
+export const zipItemLargeInnerFile: {
+    occurrenceKey: string;
+    mediaItemType: "file";
+    id: string;
+    collectionName?: string;
+} = {
 	...zipItemLargeInnerFileId,
 	occurrenceKey: 'testOccurrenceKey',
 };
 
-export const codeItem = {
+export const codeItem: {
+    occurrenceKey: string;
+    mediaItemType: "file";
+    id: string;
+    collectionName?: string;
+} = {
 	...codeFileId,
 	occurrenceKey: 'testOccurrenceKey',
 };
 
-export const emailItem = {
+export const emailItem: {
+    occurrenceKey: string;
+    mediaItemType: "file";
+    id: string;
+    collectionName?: string;
+} = {
 	...emailFileId,
 	occurrenceKey: 'testOccurrenceKey',
 };
 
-export const emailFailedItem = {
+export const emailFailedItem: {
+    occurrenceKey: string;
+    mediaItemType: "file";
+    id: string;
+    collectionName?: string;
+} = {
 	...emailUnsupportedFileId,
 	occurrenceKey: 'testOccurrenceKey',
 };

package/example-helpers/styles.ts

@@ -1,27 +1,27 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
+import { css, type SerializedStyles } from '@emotion/react';
 import { token } from '@atlaskit/tokens';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const containerStyles = css({
+export const containerStyles: SerializedStyles = css({
 	display: 'flex',
 	flexDirection: 'row',
 	flexWrap: 'wrap',
 });
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const groupStyles = css({
+export const groupStyles: SerializedStyles = css({
 	width: '250px',
 	padding: token('space.250', '20px'),
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const buttonListStyles = css({
+export const buttonListStyles: SerializedStyles = css({
 	paddingLeft: 0,
 	listStyle: 'none',
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const mVSidebarStyles = css({
+export const mVSidebarStyles: SerializedStyles = css({
 	height: 'calc(100vh - 64px)',
 	padding: token('space.400', '32px'),
 	overflow: 'auto',
@@ -38,7 +38,7 @@ export const mVSidebarStyles = css({
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const mVSidebarHeaderStyles = css({
+export const mVSidebarHeaderStyles: SerializedStyles = css({
 	display: 'flex',
 	width: '100%',
 	justifyContent: 'space-between',

package/example-helpers/svg/delayApiResponses.ts

@@ -6,7 +6,7 @@ type Endpoints = Partial<Record<keyof MediaApi, number>>;
 export const delayApiResponses = (
 	mediaApi: MediaApi,
 	{ getImage, getItems, getFileBinary }: Endpoints,
-) => {
+): void => {
 	const baseGetImage = mediaApi.getImage;
 	mediaApi.getImage = async (...params) => {
 		await sleep(getImage);

package/example-helpers/svg/toggle.tsx

@@ -32,7 +32,7 @@ export const ToggleBox = ({
 	label: string;
 	centered?: boolean;
 	onChange: (val: boolean) => void;
-}) => {
+}): React.JSX.Element => {
 	const [id] = useState(makeid());
 
 	return (

package/example-helpers/svg/uploader.ts

@@ -4,12 +4,16 @@ import { type FileIdentifier } from '@atlaskit/media-client';
 import { getMediaClient } from '@atlaskit/media-client-react';
 import { type MediaClientConfig } from '@atlaskit/media-client';
 
-export const useSvgUploader = (config: MediaClientConfig, collectionName?: string) => {
+export const useSvgUploader = (config: MediaClientConfig, collectionName?: string): {
+    status: string;
+    identifier: FileIdentifier | undefined;
+    uploadFn: (event: SyntheticEvent<HTMLInputElement>) => Promise<void>;
+} => {
 	const mediaClient = getMediaClient(config);
 	const [identifier, setIdentifier] = useState<FileIdentifier>();
 	const [status, setStatus] = useState<string>('');
 
-	const uploadFn = async (event: SyntheticEvent<HTMLInputElement>) => {
+	const uploadFn = async (event: SyntheticEvent<HTMLInputElement>): Promise<void> => {
 		if (!event.currentTarget.files || !event.currentTarget.files.length) {
 			return;
 		}

package/example-helpers/svg/useSelectOptions.ts

@@ -1,7 +1,15 @@
-import { useState, useMemo } from 'react';
+import { useState, useMemo, type Dispatch, type SetStateAction } from 'react';
 import { type FileIdentifier } from '@atlaskit/media-client';
 
-export const useSelectOptions = (identifiers: FileIdentifier[], fileKeys: string[]) => {
+export const useSelectOptions = (identifiers: FileIdentifier[], fileKeys: string[]): {
+    options: {
+        label: string;
+        value: FileIdentifier;
+    }[]; defaultOption: {
+        label: string;
+        value: FileIdentifier;
+    }; identifier: FileIdentifier; setIdentifier: Dispatch<SetStateAction<FileIdentifier>>;
+} => {
 	const defaultOption = useMemo(
 		() => ({ label: fileKeys[0], value: identifiers[0] }),
 		[identifiers, fileKeys],

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "52.8.3",
+	"version": "52.8.5",
 	"description": "MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,11 +35,11 @@
 		"@atlaskit/button": "^23.10.0",
 		"@atlaskit/code": "^17.4.0",
 		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/form": "^15.3.0",
+		"@atlaskit/form": "^15.4.0",
 		"@atlaskit/heading": "^5.3.0",
-		"@atlaskit/icon": "^32.0.0",
+		"@atlaskit/icon": "^33.0.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
-		"@atlaskit/icon-lab": "^5.17.0",
+		"@atlaskit/icon-lab": "^6.0.0",
 		"@atlaskit/media-client": "^36.0.0",
 		"@atlaskit/media-client-react": "^5.0.0",
 		"@atlaskit/media-common": "^13.0.0",
@@ -53,15 +53,15 @@
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tokens": "^11.0.0",
-		"@atlaskit/tooltip": "^20.14.0",
+		"@atlaskit/tokens": "^11.1.0",
+		"@atlaskit/tooltip": "^21.0.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@codemirror/language": "6.10.8",
 		"@codemirror/language-data": "6.5.1",
 		"@codemirror/state": "6.5.1",
 		"@codemirror/view": "6.36.2",
-		"@compiled/react": "^0.18.6",
+		"@compiled/react": "^0.20.0",
 		"@kenjiuno/msgreader": "^1.2.6",
 		"@lezer/highlight": "1.2.1",
 		"deep-equal": "^1.0.1",
@@ -91,7 +91,7 @@
 		"@atlaskit/media-test-helpers": "^40.0.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlaskit/toggle": "^15.2.0",
-		"@atlassian/a11y-jest-testing": "^0.11.0",
+		"@atlassian/a11y-jest-testing": "^0.10.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/ufo": "^0.7.0",
 		"@testing-library/dom": "^10.1.0",