@atlaskit/media-viewer 52.8.4 → 52.8.5

package/CHANGELOG.md

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

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.4",
+	"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/"
@@ -54,7 +54,7 @@
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^22.0.0",
 		"@atlaskit/tokens": "^11.1.0",
-		"@atlaskit/tooltip": "^20.14.0",
+		"@atlaskit/tooltip": "^21.0.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@codemirror/language": "6.10.8",