cozy-ui 75.2.0 → 75.3.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [75.3.0](https://github.com/cozy/cozy-ui/compare/v75.2.0...v75.3.0) (2022-09-22)
+
+
+### Features
+
+* **Viewer:** Add metadata for stranger driver license ([95ba1f5](https://github.com/cozy/cozy-ui/commit/95ba1f5))
+
 # [75.2.0](https://github.com/cozy/cozy-ui/compare/v75.1.0...v75.2.0) (2022-09-22)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "75.2.0",
+  "version": "75.3.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/FileImageLoader/index.jsx

@@ -12,7 +12,7 @@ const GET_LINK = 'GET_LINK'
 
 import { checkImageSource } from './checkImageSource'
 import { isFileEncrypted } from '../Viewer/helpers'
-import { EncryptedContext } from '../Viewer/EncryptedProvider'
+import { EncryptedContext } from '../Viewer/providers/EncryptedProvider'
 
 export class FileImageLoader extends Component {
   state = {

package/react/FileImageLoader/index.spec.jsx

@@ -6,7 +6,7 @@ import logger from 'cozy-logger'
 
 import { FileImageLoader } from '.'
 import { checkImageSource } from './checkImageSource'
-import EncryptedProvider from '../Viewer/EncryptedProvider'
+import EncryptedProvider from '../Viewer/providers/EncryptedProvider'
 
 jest.mock('./checkImageSource', () => ({
   ...jest.requireActual('./checkImageSource'),

package/react/Viewer/Footer/DownloadButton.jsx

@@ -7,7 +7,7 @@ import Icon from '../../Icon'
 import DownloadIcon from '../../Icons/Download'
 import Button from '../../Buttons'
 import Alerter from '../../Alerter'
-import { withViewerLocales } from '../withViewerLocales'
+import { withViewerLocales } from '../hoc/withViewerLocales'
 
 const DownloadButton = ({ file, t }) => {
   const client = useClient()

package/react/Viewer/Footer/ForwardButton.jsx

@@ -10,7 +10,7 @@ import ReplyIcon from '../../Icons/Reply'
 import ShareIosIcon from '../../Icons/ShareIos'
 import Button from '../../Buttons'
 import Alerter from '../../Alerter'
-import { withViewerLocales } from '../withViewerLocales'
+import { withViewerLocales } from '../hoc/withViewerLocales'
 import { exportFilesNative } from './helpers'
 
 const {

package/react/Viewer/NoViewer/DownloadButton.jsx

@@ -7,7 +7,7 @@ import { withClient } from 'cozy-client'
 import { FileDoctype } from '../../proptypes'
 import Button from '../../Button'
 
-import { withViewerLocales } from '../withViewerLocales'
+import { withViewerLocales } from '../hoc/withViewerLocales'
 import { downloadFile } from '../helpers'
 
 const DownloadButton = ({ t, client, file, url }) => (

package/react/Viewer/NoViewer/NoViewer.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import FileIcon from './FileIcon'
 import DownloadButton from './DownloadButton'
-import styles from '../styles.styl'
+import styles from '../ViewersByFile/styles.styl'
 import { FileDoctype } from '../../proptypes'
 
 const NoViewer = ({ file, url, renderFallbackExtraContent }) => (

package/react/Viewer/NoViewer/__snapshots__/NoViewer.spec.jsx.snap

@@ -3,7 +3,7 @@
 exports[`NoViewer should render the viewer 1`] = `
 <div>
   <div
-    class="styles__viewer-noviewer___3heA6"
+    class="styles__viewer-noviewer___auG-6"
   >
     <svg
       class="styles__icon___23x3R"
@@ -26,7 +26,7 @@ exports[`NoViewer should render the viewer 1`] = `
       </g>
     </svg>
     <p
-      class="styles__viewer-filename___36bWW"
+      class="styles__viewer-filename___3jZCt"
     >
       notSupported.xyz
     </p>
@@ -47,7 +47,7 @@ exports[`NoViewer should render the viewer 1`] = `
 exports[`NoViewer should render the viewer with specific extra content 1`] = `
 <div>
   <div
-    class="styles__viewer-noviewer___3heA6"
+    class="styles__viewer-noviewer___auG-6"
   >
     <svg
       class="styles__icon___23x3R"
@@ -70,7 +70,7 @@ exports[`NoViewer should render the viewer with specific extra content 1`] = `
       </g>
     </svg>
     <p
-      class="styles__viewer-filename___36bWW"
+      class="styles__viewer-filename___3jZCt"
     >
       notSupported.xyz
     </p>

package/react/Viewer/Panel/ActionMenuWrapper.jsx

@@ -5,9 +5,9 @@ import { useAppLinkWithStoreFallback, useClient } from 'cozy-client'
 
 import useBreakpoints from '../../hooks/useBreakpoints'
 import { useI18n } from '../../I18n'
-import useViewerSnackbar from '../snackbar/ViewerSnackbarProvider'
+import useViewerSnackbar from '../providers/ViewerSnackbarProvider'
 import { buildEditAttributePath, getCurrentModel } from '../helpers'
-import useActionMenuContext from './ActionMenuProvider'
+import useActionMenuContext from '../providers/ActionMenuProvider'
 import ActionMenuMobile from './ActionMenuMobile'
 import ActionMenuDesktop from './ActionMenuDesktop'
 

package/react/Viewer/Panel/Certifications.jsx

@@ -7,7 +7,7 @@ import { Media, Img, Bd } from '../../Media'
 import Icon, { iconPropType } from '../../Icon'
 import CarbonCopyIcon from '../../Icons/CarbonCopy'
 import SafeIcon from '../../Icons/Safe'
-import { withViewerLocales } from '../withViewerLocales'
+import { withViewerLocales } from '../hoc/withViewerLocales'
 
 const Certification = ({ icon, title, caption }) => {
   return (

package/react/Viewer/Panel/PanelContent.jsx

@@ -5,7 +5,7 @@ import cx from 'classnames'
 import Stack from '../../Stack'
 import Paper from '../../Paper'
 import Typography from '../../Typography'
-import { withViewerLocales } from '../withViewerLocales'
+import { withViewerLocales } from '../hoc/withViewerLocales'
 
 import getPanelBlocks, { panelBlocksSpecs } from './getPanelBlocks'
 

package/react/Viewer/Panel/Qualification.jsx

@@ -2,17 +2,17 @@ import React, { useRef, useState, createRef, useMemo, useEffect } from 'react'
 import PropTypes from 'prop-types'
 
 import List from '../../MuiCozyTheme/List'
-import { withViewerLocales } from '../withViewerLocales'
+import { withViewerLocales } from '../hoc/withViewerLocales'
 import {
   formatMetadataQualification,
   knownDateMetadataNames,
-  knowNumberMetadataNames,
+  knowInformationMetadataNames,
   knowOtherMetadataNames
 } from '../helpers'
 import QualificationListItemContact from './QualificationListItemContact'
 import ActionMenuWrapper from './ActionMenuWrapper'
 import QualificationListItemDate from './QualificationListItemDate'
-import QualificationListItemNumber from './QualificationListItemNumber'
+import QualificationListItemInformation from './QualificationListItemInformation'
 import QualificationListItemOther from './QualificationListItemOther'
 
 const Qualification = ({ file = {} }) => {
@@ -61,9 +61,9 @@ const Qualification = ({ file = {} }) => {
           )
         }
 
-        if (knowNumberMetadataNames.includes(name)) {
+        if (knowInformationMetadataNames.includes(name)) {
           return (
-            <QualificationListItemNumber
+            <QualificationListItemInformation
               key={idx}
               ref={actionBtnRef.current[idx]}
               metadataComputed={meta}

package/react/Viewer/Panel/{QualificationListItemNumber.jsx → QualificationListItemInformation.jsx}

@@ -9,7 +9,7 @@ import Dots from '../../Icons/Dots'
 import QualificationListItemText from './QualificationListItemText'
 import { useI18n } from '../../I18n'
 
-const QualificationListItemNumber = forwardRef(
+const QualificationListItemInformation = forwardRef(
   ({ metadataComputed, toggleActionsMenu }, ref) => {
     const { t } = useI18n()
     const { name, value } = metadataComputed
@@ -17,7 +17,7 @@ const QualificationListItemNumber = forwardRef(
     return (
       <ListItem className={'u-pl-2 u-pr-3'}>
         <QualificationListItemText
-          primary={t(`Viewer.panel.qualification.number.title.${name}`)}
+          primary={t(`Viewer.panel.qualification.information.title.${name}`)}
           secondary={value}
         />
         <ListItemSecondaryAction>
@@ -29,9 +29,9 @@ const QualificationListItemNumber = forwardRef(
     )
   }
 )
-QualificationListItemNumber.displayName = 'QualificationListItemNumber'
+QualificationListItemInformation.displayName = 'QualificationListItemNumber'
 
-QualificationListItemNumber.propTypes = {
+QualificationListItemInformation.propTypes = {
   metadataComputed: PropTypes.shape({
     name: PropTypes.string,
     value: PropTypes.string
@@ -39,4 +39,4 @@ QualificationListItemNumber.propTypes = {
   toggleActionsMenu: PropTypes.func.isRequired
 }
 
-export default QualificationListItemNumber
+export default QualificationListItemInformation

package/react/Viewer/Viewer.jsx

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types'
 
 import { FileDoctype } from '../proptypes'
 
-import ViewerControls from './ViewerControls'
-import ViewerByFile from './ViewerByFile'
+import ViewerControls from './components/ViewerControls'
+import ViewerByFile from './components/ViewerByFile'
 import { toolbarPropsPropType } from './index'
 
 const KEY_CODE_LEFT = 37

package/react/Viewer/ViewerContainer.jsx

@@ -1,18 +1,20 @@
 import React, { createRef } from 'react'
 import PropTypes from 'prop-types'
+import cx from 'classnames'
 
 import useBreakpoints from '../hooks/useBreakpoints'
 import { FileDoctype } from '../proptypes'
 
 import { toolbarPropsPropType } from './proptypes'
 import { isValidForPanel } from './helpers'
-import ViewerWrapper from './ViewerWrapper'
 import Viewer from './Viewer'
 import ViewerInformationsWrapper from './ViewerInformationsWrapper'
-import EncryptedProvider from './EncryptedProvider'
-import { ViewerSnackbarProvider } from './snackbar/ViewerSnackbarProvider'
+import EncryptedProvider from './providers/EncryptedProvider'
+import { ViewerSnackbarProvider } from './providers/ViewerSnackbarProvider'
 import ViewerSnackbar from './snackbar/ViewerSnackbar'
-import { ActionMenuProvider } from './Panel/ActionMenuProvider'
+import { ActionMenuProvider } from './providers/ActionMenuProvider'
+
+import styles from './styles.styl'
 
 const ViewerContainer = props => {
   const {
@@ -36,7 +38,10 @@ const ViewerContainer = props => {
   return (
     <ViewerSnackbarProvider>
       <ActionMenuProvider editPathByModelProps={editPathByModelProps}>
-        <ViewerWrapper className={className}>
+        <div
+          id="viewer-wrapper"
+          className={cx(styles['viewer-wrapper'], className)}
+        >
           <EncryptedProvider url={currentURL}>
             <Viewer
               {...rest}
@@ -55,7 +60,7 @@ const ViewerContainer = props => {
           >
             {children}
           </ViewerInformationsWrapper>
-        </ViewerWrapper>
+        </div>
         <ViewerSnackbar />
       </ActionMenuProvider>
     </ViewerSnackbarProvider>

package/react/Viewer/ViewerInformationsWrapper.jsx

@@ -4,8 +4,8 @@ import { useTheme } from '@material-ui/core'
 
 import { FileDoctype } from '../proptypes'
 
-import InformationPanel from './InformationPanel'
-import Footer from './Footer'
+import InformationPanel from './components/InformationPanel'
+import Footer from './components/Footer'
 import PanelContent from './Panel/PanelContent'
 import FooterContent from './Footer/FooterContent'
 import { useSetFlagshipUI } from '../hooks/useSetFlagshipUi/useSetFlagshipUI'

package/react/Viewer/ViewerInformationsWrapper.spec.jsx

@@ -4,10 +4,10 @@ import { render } from '@testing-library/react'
 import ViewerInformationsWrapper from './ViewerInformationsWrapper'
 
 /* eslint-disable react/display-name */
-jest.mock('./Footer', () => ({ children }) => (
+jest.mock('./components/Footer', () => ({ children }) => (
   <div data-testid="Footer">{children}</div>
 ))
-jest.mock('./InformationPanel', () => ({ children }) => (
+jest.mock('./components/InformationPanel', () => ({ children }) => (
   <div data-testid="InformationPanel">{children}</div>
 ))
 jest.mock('./Panel/PanelContent', () => () => (

package/react/Viewer/ViewerWithCustomPanelAndFooter.jsx

@@ -1,17 +1,19 @@
 import React, { createRef } from 'react'
+import cx from 'classnames'
 
 import useBreakpoints from '../hooks/useBreakpoints'
 
-import ViewerWrapper from './ViewerWrapper'
-import InformationPanel from './InformationPanel'
-import Footer from './Footer'
+import InformationPanel from './components/InformationPanel'
+import Footer from './components/Footer'
 import Viewer from './Viewer'
 
+import styles from './styles.styl'
+
 const ViewerWithCustomPanelAndFooter = props => {
   console.warn(
     'Warning: Please do not use the "ViewerWithCustomPanelAndFooter" Component, replace it with the default export component'
   )
-  const { footerProps, panelInfoProps, ...rest } = props
+  const { footerProps, panelInfoProps, className, ...rest } = props
   const { files, currentIndex } = props
   const fileCount = files.length
   const hasPrevious = currentIndex > 0
@@ -26,7 +28,10 @@ const ViewerWithCustomPanelAndFooter = props => {
     panelInfoProps.showPanel({ file: currentFile })
 
   return (
-    <ViewerWrapper>
+    <div
+      id="viewer-wrapper"
+      className={cx(styles['viewer-wrapper'], className)}
+    >
       <Viewer
         {...rest}
         disablePanel={true}
@@ -45,7 +50,7 @@ const ViewerWithCustomPanelAndFooter = props => {
           <panelInfoProps.PanelContent file={currentFile} />
         </InformationPanel>
       )}
-    </ViewerWrapper>
+    </div>
   )
 }
 

package/react/Viewer/{AudioViewer.jsx → ViewersByFile/AudioViewer.jsx}

@@ -1,11 +1,12 @@
 import React from 'react'
-import Icon from '../Icon'
-import FileTypeAudioIcon from '../Icons/FileTypeAudio'
 
-import withFileUrl from './withFileUrl'
-import styles from './styles.styl'
+import Icon from '../../Icon'
+import FileTypeAudioIcon from '../../Icons/FileTypeAudio'
+import isTesting from '../../helpers/isTesting'
+
+import withFileUrl from '../hoc/withFileUrl'
 
-import isTesting from '../../react/helpers/isTesting'
+import styles from './styles.styl'
 
 const AudioViewer = ({ file, url }) => (
   <div className={styles['viewer-audioviewer']}>

package/react/Viewer/{AudioViewer.spec.jsx → ViewersByFile/AudioViewer.spec.jsx}

@@ -1,8 +1,9 @@
 import React from 'react'
 import { render, waitFor } from '@testing-library/react'
 
-import { BreakpointsProvider } from '../hooks/useBreakpoints'
-import DemoProvider from './docs/DemoProvider'
+import { BreakpointsProvider } from '../../hooks/useBreakpoints'
+
+import DemoProvider from '../docs/DemoProvider'
 
 import AudioViewer from './AudioViewer'
 

package/react/Viewer/{ImageViewer.jsx → ViewersByFile/ImageViewer.jsx}

@@ -1,9 +1,9 @@
 import React, { Component } from 'react'
 import Hammer from 'hammerjs'
 
-import FileImageLoader from '../FileImageLoader'
+import FileImageLoader from '../../FileImageLoader'
 
-import ViewerSpinner from './ViewerSpinner'
+import ViewerSpinner from '../components/ViewerSpinner'
 import NoNetworkViewer from './NoNetworkViewer'
 
 import styles from './styles.styl'

package/react/Viewer/{ImageViewer.spec.jsx → ViewersByFile/ImageViewer.spec.jsx}

@@ -1,15 +1,16 @@
 import React from 'react'
 import { render, waitFor } from '@testing-library/react'
 
-import { BreakpointsProvider } from '../hooks/useBreakpoints'
+import { BreakpointsProvider } from '../../hooks/useBreakpoints'
+import { checkImageSource } from '../../FileImageLoader/checkImageSource'
+
+import DemoProvider from '../docs/DemoProvider'
+import EncryptedProvider from '../providers/EncryptedProvider'
 
-import DemoProvider from './docs/DemoProvider'
-import { checkImageSource } from '../FileImageLoader/checkImageSource'
 import ImageViewer from './ImageViewer'
-import EncryptedProvider from './EncryptedProvider'
 
-jest.mock('../FileImageLoader/checkImageSource', () => ({
-  ...jest.requireActual('../FileImageLoader/checkImageSource'),
+jest.mock('../../FileImageLoader/checkImageSource', () => ({
+  ...jest.requireActual('../../FileImageLoader/checkImageSource'),
   checkImageSource: jest.fn()
 }))
 

package/react/Viewer/{NoNetworkViewer.jsx → ViewersByFile/NoNetworkViewer.jsx}

@@ -1,10 +1,11 @@
 import React from 'react'
 
-import Icon from '../Icon'
-import CloudBrokenIcon from '../Icons/CloudBroken'
-import Button from '../Button'
+import Icon from '../../Icon'
+import CloudBrokenIcon from '../../Icons/CloudBroken'
+import Button from '../../Button'
+
+import { withViewerLocales } from '../hoc/withViewerLocales'
 
-import { withViewerLocales } from './withViewerLocales'
 import styles from './styles.styl'
 
 const NoNetworkViewer = ({ t, onReload }) => (

package/react/Viewer/{OnlyOfficeViewer.jsx → ViewersByFile/OnlyOfficeViewer.jsx}

@@ -1,11 +1,11 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
-import Button from '../Button'
-import { FileDoctype } from '../proptypes'
+import Button from '../../Button'
+import { FileDoctype } from '../../proptypes'
 
-import { withViewerLocales } from './withViewerLocales'
-import NoViewer from './NoViewer'
+import { withViewerLocales } from '../hoc/withViewerLocales'
+import NoViewer from '../NoViewer'
 
 const OnlyOfficeViewer = ({ file, onlyOfficeOpener, t }) => {
   return (

package/react/Viewer/{PdfJsViewer.jsx → ViewersByFile/PdfJsViewer.jsx}

@@ -5,11 +5,11 @@ import cx from 'classnames'
 import throttle from 'lodash/throttle'
 import flow from 'lodash/flow'
 
-import ViewerSpinner from './ViewerSpinner'
-import { withViewerLocales } from './withViewerLocales'
-import withFileUrl from './withFileUrl'
-import ToolbarButton from './PdfToolbarButton'
-import NoViewer from './NoViewer'
+import ViewerSpinner from '../components/ViewerSpinner'
+import { withViewerLocales } from '../hoc/withViewerLocales'
+import withFileUrl from '../hoc/withFileUrl'
+import ToolbarButton from '../components/PdfToolbarButton'
+import NoViewer from '../NoViewer'
 
 import styles from './styles.styl'
 

package/react/Viewer/{PdfJsViewer.spec.jsx → ViewersByFile/PdfJsViewer.spec.jsx}

@@ -1,5 +1,6 @@
 import React from 'react'
 import { shallow } from 'enzyme'
+
 import { PdfJsViewer, MIN_SCALE, MAX_SCALE, MAX_PAGES } from './PdfJsViewer'
 
 describe('PDFViewer', () => {

package/react/Viewer/{PdfMobileViewer.jsx → ViewersByFile/PdfMobileViewer.jsx}

@@ -4,14 +4,14 @@ import { useClient } from 'cozy-client'
 import { openFileWith } from 'cozy-client/dist/models/fsnative'
 import { isMobileApp } from 'cozy-device-helper'
 
-import Alerter from '../Alerter'
-import Spinner from '../Spinner'
-import Button from '../Button'
-import FileImageLoader from '../FileImageLoader'
+import Alerter from '../../Alerter'
+import Spinner from '../../Spinner'
+import Button from '../../Button'
+import FileImageLoader from '../../FileImageLoader'
 
-import { withViewerLocales } from './withViewerLocales'
-import DownloadButton from './NoViewer/DownloadButton'
-import NoViewer from './NoViewer'
+import { withViewerLocales } from '../hoc/withViewerLocales'
+import DownloadButton from '../NoViewer/DownloadButton'
+import NoViewer from '../NoViewer'
 
 import styles from './styles.styl'
 

package/react/Viewer/{PdfMobileViewer.spec.jsx → ViewersByFile/PdfMobileViewer.spec.jsx}

@@ -5,10 +5,10 @@ import { CozyProvider, createMockClient } from 'cozy-client'
 import { isMobileApp } from 'cozy-device-helper'
 import logger from 'cozy-logger'
 
-import { I18n } from '../I18n'
+import { I18n } from '../../I18n'
 
+import EncryptedProvider from '../providers/EncryptedProvider'
 import { PdfMobileViewer } from './PdfMobileViewer'
-import EncryptedProvider from './EncryptedProvider'
 
 logger.error = logger.warn = jest.fn()
 

package/react/Viewer/{ShortcutViewer.jsx → ViewersByFile/ShortcutViewer.jsx}

@@ -2,11 +2,12 @@ import React from 'react'
 import { useClient, useFetchShortcut } from 'cozy-client'
 import get from 'lodash/get'
 
-import { withViewerLocales } from './withViewerLocales'
-import { ButtonLink } from '../Button'
-import NoViewer from './NoViewer'
-import { FileDoctype } from '../proptypes'
-import OpenwithIcon from '../Icons/Openwith'
+import { withViewerLocales } from '../hoc/withViewerLocales'
+import { ButtonLink } from '../../Button'
+import { FileDoctype } from '../../proptypes'
+import OpenwithIcon from '../../Icons/Openwith'
+
+import NoViewer from '../NoViewer'
 
 const ShortcutViewer = ({ t, file }) => {
   const client = useClient()

package/react/Viewer/{ShortcutViewer.spec.jsx → ViewersByFile/ShortcutViewer.spec.jsx}

@@ -1,12 +1,12 @@
 import React from 'react'
 
 import CozyClient, { CozyProvider } from 'cozy-client'
-import I18n from '../I18n'
 import { render, waitFor } from '@testing-library/react'
+import I18n from '../../I18n'
 
-import ShortcutViewer from './ShortcutViewer'
+import en from '../locales/en.json'
 
-import en from './locales/en.json'
+import ShortcutViewer from './ShortcutViewer'
 
 export const locales = {
   en

package/react/Viewer/{TextViewer.jsx → ViewersByFile/TextViewer.jsx}

@@ -5,14 +5,14 @@ import cx from 'classnames'
 
 import { withClient, models } from 'cozy-client'
 
-import ViewerSpinner from './ViewerSpinner'
-import { FileDoctype } from '../proptypes'
+import { FileDoctype } from '../../proptypes'
 
-import withFileUrl from './withFileUrl'
-import NoViewer from './NoViewer'
+import ViewerSpinner from '../components/ViewerSpinner'
+import withFileUrl from '../hoc/withFileUrl'
+import NoViewer from '../NoViewer'
+import { isFileEncrypted } from '../helpers'
 
 import styles from './styles.styl'
-import { isFileEncrypted } from './helpers'
 
 const MarkdownRenderer = ({ text }) => (
   <ReactMarkdown

package/react/Viewer/{TextViewer.spec.jsx → ViewersByFile/TextViewer.spec.jsx}

@@ -4,7 +4,8 @@ import renderer from 'react-test-renderer'
 
 import { createMockClient } from 'cozy-client'
 
-import { BreakpointsProvider } from '../hooks/useBreakpoints'
+import { BreakpointsProvider } from '../../hooks/useBreakpoints'
+
 import { TextViewer, isMarkdown } from './TextViewer'
 
 const client = createMockClient({})

package/react/Viewer/{VideoViewer.jsx → ViewersByFile/VideoViewer.jsx}

@@ -1,6 +1,7 @@
 import React from 'react'
 
-import withFileUrl from './withFileUrl'
+import withFileUrl from '../hoc/withFileUrl'
+
 import styles from './styles.styl'
 
 const VideoViewer = ({ file, url }) => (

package/react/Viewer/{VideoViewer.spec.jsx → ViewersByFile/VideoViewer.spec.jsx}

@@ -1,8 +1,8 @@
 import React from 'react'
 import { render, waitFor } from '@testing-library/react'
 
-import { BreakpointsProvider } from '../hooks/useBreakpoints'
-import DemoProvider from './docs/DemoProvider'
+import { BreakpointsProvider } from '../../hooks/useBreakpoints'
+import DemoProvider from '../docs/DemoProvider'
 
 import VideoViewer from './VideoViewer'
 

package/react/Viewer/{__snapshots__ → ViewersByFile/__snapshots__}/AudioViewer.spec.jsx.snap

@@ -3,7 +3,7 @@
 exports[`AudioViewer should render a spinner then the audio viewer 1`] = `
 <div>
   <div
-    class="styles__viewer-audioviewer___2HBWZ"
+    class="styles__viewer-audioviewer___1OQPB"
   >
     <svg
       class="styles__icon___23x3R"
@@ -29,7 +29,7 @@ exports[`AudioViewer should render a spinner then the audio viewer 1`] = `
       </g>
     </svg>
     <p
-      class="styles__viewer-filename___36bWW"
+      class="styles__viewer-filename___3jZCt"
     >
       sample.mp3
     </p>