@atlaskit/media-client 27.2.1 → 27.3.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/media-client
 
+## 27.3.0
+
+### Minor Changes
+
+- [#112714](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/112714)
+  [`2a85dbbc4bc4f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2a85dbbc4bc4f) -
+  CXP-3328 Safeguard getArtifactUrl output with CDN feature flag
+
 ## 27.2.1
 
 ### Patch Changes

package/compass.yml

@@ -42,6 +42,5 @@ links:
     type: PROJECT
     url: 'https://product-fabric.atlassian.net/jira/software/c/projects/MEX/boards/713'
 relationships: {}
-
 # Learn more about formatting compass.yml:
 # https://go.atlassian.com/compass-yml-format

package/dist/cjs/models/artifacts.js

@@ -4,7 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getArtifactUrl = void 0;
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var getArtifactUrl = exports.getArtifactUrl = function getArtifactUrl(artifacts, prop) {
-  var _artifacts$prop, _artifacts$prop2;
-  return ((_artifacts$prop = artifacts[prop]) === null || _artifacts$prop === void 0 ? void 0 : _artifacts$prop.cdnUrl) || ((_artifacts$prop2 = artifacts[prop]) === null || _artifacts$prop2 === void 0 ? void 0 : _artifacts$prop2.url);
+  var _artifacts$prop3;
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.media-cdn-delivery')) {
+    var _artifacts$prop, _artifacts$prop2;
+    return ((_artifacts$prop = artifacts[prop]) === null || _artifacts$prop === void 0 ? void 0 : _artifacts$prop.cdnUrl) || ((_artifacts$prop2 = artifacts[prop]) === null || _artifacts$prop2 === void 0 ? void 0 : _artifacts$prop2.url);
+  }
+  return (_artifacts$prop3 = artifacts[prop]) === null || _artifacts$prop3 === void 0 ? void 0 : _artifacts$prop3.url;
 };

package/dist/es2019/client/media-store/resolveAuth.js

@@ -16,12 +16,12 @@ export const resolveAuth = async (authProvider, authContext, authProviderTimeout
   }
 
   /*
-    We added a token expiration check here in the past, and then we had to revert due to edge cases in the client that we can't control.
-    Token expiration check in the frontend is a bad idea. Don't do it!
-    More info:
-    https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13080
-    https://gist.github.com/timvisee/fcda9bbdff88d45cc9061606b4b923ca
-  */
+     We added a token expiration check here in the past, and then we had to revert due to edge cases in the client that we can't control.
+     Token expiration check in the frontend is a bad idea. Don't do it!
+     More info:
+     https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13080
+     https://gist.github.com/timvisee/fcda9bbdff88d45cc9061606b4b923ca
+   */
 
   return auth;
 };

package/dist/es2019/models/artifacts.js

@@ -1,4 +1,9 @@
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export const getArtifactUrl = (artifacts, prop) => {
-  var _artifacts$prop, _artifacts$prop2;
-  return ((_artifacts$prop = artifacts[prop]) === null || _artifacts$prop === void 0 ? void 0 : _artifacts$prop.cdnUrl) || ((_artifacts$prop2 = artifacts[prop]) === null || _artifacts$prop2 === void 0 ? void 0 : _artifacts$prop2.url);
+  var _artifacts$prop3;
+  if (getBooleanFF('platform.media-cdn-delivery')) {
+    var _artifacts$prop, _artifacts$prop2;
+    return ((_artifacts$prop = artifacts[prop]) === null || _artifacts$prop === void 0 ? void 0 : _artifacts$prop.cdnUrl) || ((_artifacts$prop2 = artifacts[prop]) === null || _artifacts$prop2 === void 0 ? void 0 : _artifacts$prop2.url);
+  }
+  return (_artifacts$prop3 = artifacts[prop]) === null || _artifacts$prop3 === void 0 ? void 0 : _artifacts$prop3.url;
 };

package/dist/esm/models/artifacts.js

@@ -1,4 +1,9 @@
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export var getArtifactUrl = function getArtifactUrl(artifacts, prop) {
-  var _artifacts$prop, _artifacts$prop2;
-  return ((_artifacts$prop = artifacts[prop]) === null || _artifacts$prop === void 0 ? void 0 : _artifacts$prop.cdnUrl) || ((_artifacts$prop2 = artifacts[prop]) === null || _artifacts$prop2 === void 0 ? void 0 : _artifacts$prop2.url);
+  var _artifacts$prop3;
+  if (getBooleanFF('platform.media-cdn-delivery')) {
+    var _artifacts$prop, _artifacts$prop2;
+    return ((_artifacts$prop = artifacts[prop]) === null || _artifacts$prop === void 0 ? void 0 : _artifacts$prop.cdnUrl) || ((_artifacts$prop2 = artifacts[prop]) === null || _artifacts$prop2 === void 0 ? void 0 : _artifacts$prop2.url);
+  }
+  return (_artifacts$prop3 = artifacts[prop]) === null || _artifacts$prop3 === void 0 ? void 0 : _artifacts$prop3.url;
 };

package/dist/types/client/file-fetcher/index.d.ts

@@ -10,7 +10,7 @@ import { type MediaSubscribable } from '../../utils/mediaSubscribable';
 import { type Dimensions } from '../../utils/getDimensionsFromBlob';
 import { type MediaTraceContext } from '@atlaskit/media-common';
 import { type FilePreview, type FileState, type MediaStore } from '@atlaskit/media-state';
-export type { FileFetcherErrorAttributes, FileFetcherErrorReason, } from './error';
+export type { FileFetcherErrorAttributes, FileFetcherErrorReason } from './error';
 export { isFileFetcherError, FileFetcherError } from './error';
 export interface CopySourceFile {
     id: string;

package/dist/types/index.d.ts

@@ -19,11 +19,11 @@ export type { RequestErrorReason, RequestErrorMetadata, RequestErrorAttributes,
 export { isAbortedRequestError, createUrl } from './utils/request/helpers';
 export { PollingFunction } from './utils/polling';
 export { isPollingError, PollingError } from './utils/polling/errors';
-export type { Executor, PollingErrorAttributes, PollingErrorReason, } from './utils/polling/types';
+export type { Executor, PollingErrorAttributes, PollingErrorReason } from './utils/polling/types';
 export type { RequestMethod, RequestParams, RequestHeaders, RetryOptions, ClientOptions, RequestMetadata, RequestOptions, CreateUrlOptions, } from './utils/request/types';
 export type { ImageResizeMode } from './utils/imageResizeModeToFileImageMode';
 export { imageResizeModeToFileImageMode } from './utils/imageResizeModeToFileImageMode';
-export { FileFetcherImpl, FileFetcherError, isFileFetcherError, } from './client/file-fetcher';
+export { FileFetcherImpl, FileFetcherError, isFileFetcherError } from './client/file-fetcher';
 export type { CopySourceFile, CopyDestination, CopyFileOptions, FileFetcher, FileFetcherErrorAttributes, FileFetcherErrorReason, } from './client/file-fetcher';
 export { MediaClient } from './client/media-client';
 export { StargateClient } from './client/stargate-client';
@@ -32,14 +32,14 @@ export { checkWebpSupport } from './utils/checkWebpSupport';
 export { getDimensionsFromBlob } from './utils/getDimensionsFromBlob';
 export type { Dimensions } from './utils/getDimensionsFromBlob';
 export { createMediaSubject } from './utils/createMediaSubject';
-export { isFileIdentifier, isExternalImageIdentifier, isDifferentIdentifier, } from './identifier';
-export type { Identifier, FileIdentifier, ExternalImageIdentifier, } from './identifier';
+export { isFileIdentifier, isExternalImageIdentifier, isDifferentIdentifier } from './identifier';
+export type { Identifier, FileIdentifier, ExternalImageIdentifier } from './identifier';
 export type { EventPayloadListener, UploadEventPayloadMap, MediaViewedEventPayload, } from './client/events';
 export type { MediaClientConfig } from '@atlaskit/media-core';
 export { globalMediaEventEmitter } from './globalMediaEventEmitter';
 export { isMediaBlobUrl, getAttrsFromUrl, addFileAttrsToUrl, objectToQueryString, } from './utils/url';
 export type { MediaBlobUrlAttrs } from './utils/url';
-export { createMediaSubscribable, fromObservable, } from './utils/mediaSubscribable';
+export { createMediaSubscribable, fromObservable } from './utils/mediaSubscribable';
 export type { MediaSubscribable, MediaSubscription, MediaObserver, } from './utils/mediaSubscribable';
 export { RECENTS_COLLECTION, MAX_RESOLUTION } from './constants';
 export { getFileStreamsCache } from './file-streams-cache';

package/dist/types/models/errors/index.d.ts

@@ -1,5 +1,5 @@
 import { type MediaClientError, type MediaClientErrorAttributes } from './types';
-export type { MediaClientError, MediaClientErrorReason, MediaClientErrorAttributes, } from './types';
+export type { MediaClientError, MediaClientErrorReason, MediaClientErrorAttributes } from './types';
 export { isMediaClientError, getMediaClientErrorReason } from './helpers';
 /**
  * Base class for media errors

package/dist/types/utils/mediaSubscribable/index.d.ts

@@ -1,3 +1,3 @@
-export type { MediaSubscribable, MediaObserver, MediaSubscription, } from './types';
+export type { MediaSubscribable, MediaObserver, MediaSubscription } from './types';
 export { toPromise } from './toPromise';
 export { createMediaSubscribable, fromObservable } from './fromObservable';

package/dist/types/utils/mobileUpload/index.d.ts

@@ -1,5 +1,5 @@
 export { isMobileUploadError, MobileUploadError } from './error';
 export { createServicesCache } from './servicesCache';
-export { createMobileUploadService, createMobileUploadStateMachine, } from './stateMachine';
+export { createMobileUploadService, createMobileUploadStateMachine } from './stateMachine';
 export { createMobileFileStateSubject } from './helpers';
 export type { StateMachineContext, StateMachineSchema, StateMachineEvent, StateMachineTypestate, } from './stateMachine/types';

package/dist/types/utils/request/index.d.ts

@@ -1,5 +1,5 @@
 import { type RequestOptions } from './types';
-export type { RequestErrorReason, RequestErrorMetadata, RequestErrorAttributes, } from './types';
+export type { RequestErrorReason, RequestErrorMetadata, RequestErrorAttributes } from './types';
 export { RequestError, isRequestError } from './errors';
 export { isRateLimitedError, createRequestErrorReason } from './helpers';
 export declare function request(url: string, options?: RequestOptions, controller?: AbortController): Promise<Response>;

package/dist/types-ts4.5/client/file-fetcher/index.d.ts

@@ -10,7 +10,7 @@ import { type MediaSubscribable } from '../../utils/mediaSubscribable';
 import { type Dimensions } from '../../utils/getDimensionsFromBlob';
 import { type MediaTraceContext } from '@atlaskit/media-common';
 import { type FilePreview, type FileState, type MediaStore } from '@atlaskit/media-state';
-export type { FileFetcherErrorAttributes, FileFetcherErrorReason, } from './error';
+export type { FileFetcherErrorAttributes, FileFetcherErrorReason } from './error';
 export { isFileFetcherError, FileFetcherError } from './error';
 export interface CopySourceFile {
     id: string;

package/dist/types-ts4.5/index.d.ts

@@ -19,11 +19,11 @@ export type { RequestErrorReason, RequestErrorMetadata, RequestErrorAttributes,
 export { isAbortedRequestError, createUrl } from './utils/request/helpers';
 export { PollingFunction } from './utils/polling';
 export { isPollingError, PollingError } from './utils/polling/errors';
-export type { Executor, PollingErrorAttributes, PollingErrorReason, } from './utils/polling/types';
+export type { Executor, PollingErrorAttributes, PollingErrorReason } from './utils/polling/types';
 export type { RequestMethod, RequestParams, RequestHeaders, RetryOptions, ClientOptions, RequestMetadata, RequestOptions, CreateUrlOptions, } from './utils/request/types';
 export type { ImageResizeMode } from './utils/imageResizeModeToFileImageMode';
 export { imageResizeModeToFileImageMode } from './utils/imageResizeModeToFileImageMode';
-export { FileFetcherImpl, FileFetcherError, isFileFetcherError, } from './client/file-fetcher';
+export { FileFetcherImpl, FileFetcherError, isFileFetcherError } from './client/file-fetcher';
 export type { CopySourceFile, CopyDestination, CopyFileOptions, FileFetcher, FileFetcherErrorAttributes, FileFetcherErrorReason, } from './client/file-fetcher';
 export { MediaClient } from './client/media-client';
 export { StargateClient } from './client/stargate-client';
@@ -32,14 +32,14 @@ export { checkWebpSupport } from './utils/checkWebpSupport';
 export { getDimensionsFromBlob } from './utils/getDimensionsFromBlob';
 export type { Dimensions } from './utils/getDimensionsFromBlob';
 export { createMediaSubject } from './utils/createMediaSubject';
-export { isFileIdentifier, isExternalImageIdentifier, isDifferentIdentifier, } from './identifier';
-export type { Identifier, FileIdentifier, ExternalImageIdentifier, } from './identifier';
+export { isFileIdentifier, isExternalImageIdentifier, isDifferentIdentifier } from './identifier';
+export type { Identifier, FileIdentifier, ExternalImageIdentifier } from './identifier';
 export type { EventPayloadListener, UploadEventPayloadMap, MediaViewedEventPayload, } from './client/events';
 export type { MediaClientConfig } from '@atlaskit/media-core';
 export { globalMediaEventEmitter } from './globalMediaEventEmitter';
 export { isMediaBlobUrl, getAttrsFromUrl, addFileAttrsToUrl, objectToQueryString, } from './utils/url';
 export type { MediaBlobUrlAttrs } from './utils/url';
-export { createMediaSubscribable, fromObservable, } from './utils/mediaSubscribable';
+export { createMediaSubscribable, fromObservable } from './utils/mediaSubscribable';
 export type { MediaSubscribable, MediaSubscription, MediaObserver, } from './utils/mediaSubscribable';
 export { RECENTS_COLLECTION, MAX_RESOLUTION } from './constants';
 export { getFileStreamsCache } from './file-streams-cache';

package/dist/types-ts4.5/models/errors/index.d.ts

@@ -1,5 +1,5 @@
 import { type MediaClientError, type MediaClientErrorAttributes } from './types';
-export type { MediaClientError, MediaClientErrorReason, MediaClientErrorAttributes, } from './types';
+export type { MediaClientError, MediaClientErrorReason, MediaClientErrorAttributes } from './types';
 export { isMediaClientError, getMediaClientErrorReason } from './helpers';
 /**
  * Base class for media errors

package/dist/types-ts4.5/utils/mediaSubscribable/index.d.ts

@@ -1,3 +1,3 @@
-export type { MediaSubscribable, MediaObserver, MediaSubscription, } from './types';
+export type { MediaSubscribable, MediaObserver, MediaSubscription } from './types';
 export { toPromise } from './toPromise';
 export { createMediaSubscribable, fromObservable } from './fromObservable';

package/dist/types-ts4.5/utils/mobileUpload/index.d.ts

@@ -1,5 +1,5 @@
 export { isMobileUploadError, MobileUploadError } from './error';
 export { createServicesCache } from './servicesCache';
-export { createMobileUploadService, createMobileUploadStateMachine, } from './stateMachine';
+export { createMobileUploadService, createMobileUploadStateMachine } from './stateMachine';
 export { createMobileFileStateSubject } from './helpers';
 export type { StateMachineContext, StateMachineSchema, StateMachineEvent, StateMachineTypestate, } from './stateMachine/types';

package/dist/types-ts4.5/utils/request/index.d.ts

@@ -1,5 +1,5 @@
 import { type RequestOptions } from './types';
-export type { RequestErrorReason, RequestErrorMetadata, RequestErrorAttributes, } from './types';
+export type { RequestErrorReason, RequestErrorMetadata, RequestErrorAttributes } from './types';
 export { RequestError, isRequestError } from './errors';
 export { isRateLimitedError, createRequestErrorReason } from './helpers';
 export declare function request(url: string, options?: RequestOptions, controller?: AbortController): Promise<Response>;

package/example-helpers/styles.ts

@@ -1,104 +1,117 @@
 import { token } from '@atlaskit/tokens';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { type FileStatus } from '../src';
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const wrapperStyles = css({
-  display: 'flex',
+	display: 'flex',
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const imagePreviewStyles = css({
-  width: '300px',
+	width: '300px',
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const previewWrapperStyles = css({
-  flex: 1,
+	flex: 1,
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const metadataWrapperStyles = css({
-  width: '400px',
-  overflow: 'scroll',
-  flex: 1,
+	width: '400px',
+	overflow: 'scroll',
+	flex: 1,
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const fileInputStyles = css({
-  color: 'transparent',
+	color: 'transparent',
 });
 
 export interface FilesWrapperProps {
-  status: FileStatus;
-  key: number;
+	status: FileStatus;
+	key: number;
 }
 
 const statusColorMap: { [key in FileStatus]: string } = {
-  uploading: token('color.background.accent.blue.subtle', 'cornflowerblue'),
-  processing: token('color.background.accent.orange.subtler', 'peachpuff'),
-  processed: token('color.background.accent.green.subtle', 'darkseagreen'),
-  error: token('color.background.accent.red.subtle', 'indianred'),
-  'failed-processing': token('color.background.accent.red.subtle', 'indianred'),
+	uploading: token('color.background.accent.blue.subtle', 'cornflowerblue'),
+	processing: token('color.background.accent.orange.subtler', 'peachpuff'),
+	processed: token('color.background.accent.green.subtle', 'darkseagreen'),
+	error: token('color.background.accent.red.subtle', 'indianred'),
+	'failed-processing': token('color.background.accent.red.subtle', 'indianred'),
 };
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 export const fileWrapperStyles = (status: FileStatus) =>
-  css({
-    padding: '5px',
-    margin: '10px',
-    display: 'inline-block',
-    width: '315px',
-    backgroundColor: statusColorMap[status],
-  });
+	css({
+		padding: '5px',
+		margin: '10px',
+		display: 'inline-block',
+		width: '315px',
+		// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+		backgroundColor: statusColorMap[status],
+	});
 
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const cardsWrapperStyles = css({
-  width: '900px',
-  padding: '10px',
-  borderRight: `1px solid ${token('color.border', '#ccc')}`,
-  h1: {
-    textAlign: 'center',
-    borderBottom: `1px solid ${token('color.border', '#ccc')}`,
-  },
-  '> div': {
-    width: 'auto',
-    display: 'inline-block',
-    margin: '10px',
-  },
+	width: '900px',
+	padding: '10px',
+	borderRight: `1px solid ${token('color.border', '#ccc')}`,
+	// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+	h1: {
+		textAlign: 'center',
+		borderBottom: `1px solid ${token('color.border', '#ccc')}`,
+	},
+	// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+	'> div': {
+		width: 'auto',
+		display: 'inline-block',
+		margin: '10px',
+	},
 });
 
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const headerStyles = css({
-  button: {
-    margin: '5px',
-  },
+	// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+	button: {
+		margin: '5px',
+	},
 });
 
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const fileStateWrapperStyles = css({
-  border: `1px solid ${token('color.border', '#ccc')}`,
-  margin: '10px',
-  padding: '10px',
-  width: '500px',
+	border: `1px solid ${token('color.border', '#ccc')}`,
+	margin: '10px',
+	padding: '10px',
+	width: '500px',
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const uploadTouchWrapperStyles = css({
-  height: '100%',
-  width: '100%',
-  display: 'flex',
-  flexDirection: 'column',
-  flexWrap: 'nowrap',
-  alignItems: 'center',
-  justifyContent: 'center',
-  alignContent: 'center',
+	height: '100%',
+	width: '100%',
+	display: 'flex',
+	flexDirection: 'column',
+	flexWrap: 'nowrap',
+	alignItems: 'center',
+	justifyContent: 'center',
+	alignContent: 'center',
 });
 
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const rowStyles = css({
-  flexDirection: 'row',
-  justifyContent: 'center',
-  '> *': {
-    marginRight: '10px',
-  },
+	flexDirection: 'row',
+	justifyContent: 'center',
+	// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+	'> *': {
+		marginRight: '10px',
+	},
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const responseStyles = css({
-  fontFamily: 'monospace',
-  whiteSpace: 'pre',
+	fontFamily: 'monospace',
+	whiteSpace: 'pre',
 });

package/example-helpers/stylesWrapper.tsx

@@ -1,82 +1,89 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { type ChangeEvent, type ReactNode } from 'react';
 import {
-  cardsWrapperStyles,
-  fileInputStyles,
-  fileStateWrapperStyles,
-  fileWrapperStyles,
-  headerStyles,
-  imagePreviewStyles,
-  metadataWrapperStyles,
-  previewWrapperStyles,
-  responseStyles,
-  rowStyles,
-  uploadTouchWrapperStyles,
-  wrapperStyles,
+	cardsWrapperStyles,
+	fileInputStyles,
+	fileStateWrapperStyles,
+	fileWrapperStyles,
+	headerStyles,
+	imagePreviewStyles,
+	metadataWrapperStyles,
+	previewWrapperStyles,
+	responseStyles,
+	rowStyles,
+	uploadTouchWrapperStyles,
+	wrapperStyles,
 } from './styles';
 import { type FileStatus } from '../src';
 
 export const Wrapper = ({ children }: { children: ReactNode }) => {
-  return <div css={wrapperStyles}>{children}</div>;
+	// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+	return <div css={wrapperStyles}>{children}</div>;
 };
 
 interface ImagePreviewProps {
-  src: string;
-  alt: string;
+	src: string;
+	alt: string;
 }
 
 export const ImagePreview = ({ src, alt }: ImagePreviewProps) => {
-  return <img css={imagePreviewStyles} src={src} alt={alt} />;
+	// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+	return <img css={imagePreviewStyles} src={src} alt={alt} />;
 };
 
 export const PreviewWrapper = ({ children }: { children: ReactNode }) => {
-  return <div css={previewWrapperStyles}>{children}</div>;
+	// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+	return <div css={previewWrapperStyles}>{children}</div>;
 };
 
 export const MetadataWrapper = ({ children }: { children: ReactNode }) => {
-  return <pre css={metadataWrapperStyles}>{children}</pre>;
+	// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+	return <pre css={metadataWrapperStyles}>{children}</pre>;
 };
 
 type FileInputProps = {
-  type: string;
-  onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+	type: string;
+	onChange: (e: ChangeEvent<HTMLInputElement>) => void;
 };
 
 export const FileInput = ({ type, onChange }: FileInputProps) => {
-  return <input css={fileInputStyles} type={type} onChange={onChange} />;
+	// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+	return <input css={fileInputStyles} type={type} onChange={onChange} />;
 };
 
-export const FileWrapper = ({
-  children,
-  status,
-}: {
-  children: ReactNode;
-  status: FileStatus;
-}) => {
-  return <div css={fileWrapperStyles(status)}>{children}</div>;
+export const FileWrapper = ({ children, status }: { children: ReactNode; status: FileStatus }) => {
+	// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+	return <div css={fileWrapperStyles(status)}>{children}</div>;
 };
 
 export const CardsWrapper = ({ children }: { children: ReactNode }) => {
-  return <div css={cardsWrapperStyles}>{children}</div>;
+	// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+	return <div css={cardsWrapperStyles}>{children}</div>;
 };
 
 export const Header = ({ children }: { children: ReactNode }) => {
-  return <div css={headerStyles}>{children}</div>;
+	// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+	return <div css={headerStyles}>{children}</div>;
 };
 
 export const FileStateWrapper = ({ children }: { children: ReactNode }) => {
-  return <div css={fileStateWrapperStyles}>{children}</div>;
+	// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+	return <div css={fileStateWrapperStyles}>{children}</div>;
 };
 
 export const UploadTouchWrapper = ({ children }: { children: ReactNode }) => {
-  return <div css={uploadTouchWrapperStyles}>{children}</div>;
+	// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+	return <div css={uploadTouchWrapperStyles}>{children}</div>;
 };
 
 export const Row = ({ children }: { children: ReactNode }) => {
-  return <div css={rowStyles}>{children}</div>;
+	// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+	return <div css={rowStyles}>{children}</div>;
 };
 
 export const Response = ({ children }: { children: ReactNode }) => {
-  return <div css={responseStyles}>{children}</div>;
+	// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+	return <div css={responseStyles}>{children}</div>;
 };