cozy-ui 81.0.0 → 81.1.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [81.1.0](https://github.com/cozy/cozy-ui/compare/v81.0.0...v81.1.0) (2023-02-14)
+
+
+### Features
+
+* Use bare directories instead of index files in specifiers ([00dd09e](https://github.com/cozy/cozy-ui/commit/00dd09e))
+
 # [81.0.0](https://github.com/cozy/cozy-ui/compare/v80.3.0...v81.0.0) (2023-02-13)
 
 

package/package.json

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

package/react/ActionMenu/index.spec.jsx

@@ -10,7 +10,7 @@ import Icon from '../Icon'
 import FileIcon from '../Icons/File'
 import WarningIcon from '../Icons/Warning'
 
-import ActionMenu, { ActionMenuItem, ActionMenuRadio } from './'
+import ActionMenu, { ActionMenuItem, ActionMenuRadio } from '.'
 
 describe('ActionMenu', () => {
   fixPopperTesting()

package/react/Alerter/alerter.spec.js

@@ -4,7 +4,7 @@
 import React from 'react'
 import { shallow } from 'enzyme'
 
-import Alerter from './'
+import Alerter from '.'
 import Alert from './Alert'
 import Button from '../Button'
 

package/react/AppLinker/index.deprecated.spec.jsx

@@ -19,7 +19,7 @@ import {
   checkApp
 } from 'cozy-device-helper'
 
-import AppLinker from './index'
+import AppLinker from '.'
 import { generateUniversalLink } from './native'
 jest.useFakeTimers()
 

package/react/AppLinker/index.spec.jsx

@@ -11,7 +11,7 @@ import {
   checkApp
 } from 'cozy-device-helper'
 
-import AppLinker from './index'
+import AppLinker from '.'
 import { generateUniversalLink } from './native'
 jest.useFakeTimers()
 

package/react/AppLinker/native.js

@@ -3,7 +3,7 @@ import {
   ensureFirstSlash
 } from 'cozy-client'
 
-import { UNIVERSAL_LINK_URL } from './native.config.js'
+import { UNIVERSAL_LINK_URL } from './native.config'
 
 export const getUniversalLinkDomain = () => {
   return UNIVERSAL_LINK_URL

package/react/AppTile/AppTile.spec.jsx

@@ -9,7 +9,7 @@ import CozyClient, { CozyProvider } from 'cozy-client'
 import en from '../AppSections/locales/en.json'
 import I18n from '../I18n'
 
-import AppTile from './index'
+import AppTile from '.'
 
 const appMock = {
   slug: 'test',

package/react/Avatar/index.jsx

@@ -55,6 +55,7 @@ export const Avatar = ({
   const IconToRender = Icon.isProperIcon(icon) ? <Icon icon={icon} /> : icon
   return (
     <div
+      data-testid="Avatar" // used by a test in cozy-contacts
       className={cx(
         styles['c-avatar'],
         text ? styles['c-avatar--text'] : '',

package/react/Banner/index.spec.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { render } from '@testing-library/react'
-import Banner from './index'
+import Banner from '.'
 
 describe('Grid', () => {
   it('should render correctly justify content', () => {

package/react/CipherIcon/index.spec.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { fireEvent, render } from '@testing-library/react'
-import CipherIcon from './index'
+import CipherIcon from '.'
 
 jest.mock('cozy-client', () => ({
   withClient: Component => {

package/react/ContactsList/Contacts/ContactCozy.jsx

@@ -5,7 +5,10 @@ import { TableCell } from '../../Table'
 import styles from '../styles.styl'
 
 const ContactCozy = ({ cozyUrl }) => (
-  <TableCell className={`${styles['contact-cozyurl']} u-ellipsis`}>
+  <TableCell
+    data-testid="ContactCozy" // used by a test in cozy-contacts
+    className={`${styles['contact-cozyurl']} u-ellipsis`}
+  >
     {cozyUrl}
   </TableCell>
 )

package/react/ContactsList/Contacts/ContactEmail.jsx

@@ -5,7 +5,10 @@ import { TableCell } from '../../Table'
 import styles from '../styles.styl'
 
 const ContactEmail = ({ email }) => (
-  <TableCell className={`${styles['contact-email']} u-ellipsis`}>
+  <TableCell
+    data-testid="ContactEmail" // used by a test in cozy-contacts
+    className={`${styles['contact-email']} u-ellipsis`}
+  >
     {email}
   </TableCell>
 )

package/react/ContactsList/Contacts/ContactIdentity.jsx

@@ -20,6 +20,7 @@ const ContactIdentity = ({ contact }) => {
 
   return (
     <TableCell
+      data-testid="ContactIdentity" // used by a test in cozy-contacts
       className={`${
         styles['contact-identity']
       } u-flex u-flex-items-center u-ellipsis`}

package/react/ContactsList/Contacts/ContactName.jsx

@@ -9,6 +9,7 @@ const ContactName = ({ displayName, familyName }) => {
 
   return (
     <Typography
+      data-testid="ContactName" // used by a test in cozy-contacts
       className="u-ml-1"
       variant="body1"
       noWrap

package/react/ContactsList/Contacts/ContactPhone.jsx

@@ -5,7 +5,10 @@ import { TableCell } from '../../Table'
 import styles from '../styles.styl'
 
 const ContactPhone = ({ phone }) => (
-  <TableCell className={`${styles['contact-phone']} u-ellipsis`}>
+  <TableCell
+    data-testid="ContactPhone" // used by a test in cozy-contacts
+    className={`${styles['contact-phone']} u-ellipsis`}
+  >
     {phone}
   </TableCell>
 )

package/react/ContactsList/__snapshots__/ContactRow.spec.js.snap

@@ -9,9 +9,11 @@ exports[`ContactRow should match the contact snapshot 1`] = `
 >
   <div
     className="styles__TableCell___yJCq7 styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis"
+    data-testid="ContactIdentity"
   >
     <div
       className="styles__c-avatar___PpDI- styles__c-avatar--text___2dvna"
+      data-testid="Avatar"
       style={
         Object {
           "--circleSize": "32px",
@@ -28,6 +30,7 @@ exports[`ContactRow should match the contact snapshot 1`] = `
     </div>
     <p
       className="MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline"
+      data-testid="ContactName"
     >
       <span
         className=""
@@ -45,16 +48,19 @@ exports[`ContactRow should match the contact snapshot 1`] = `
   </div>
   <div
     className="styles__TableCell___yJCq7 styles__contact-email___3n3q2 u-ellipsis"
+    data-testid="ContactEmail"
   >
     johndoe@localhost
   </div>
   <div
     className="styles__TableCell___yJCq7 styles__contact-phone___1sA_m u-ellipsis"
+    data-testid="ContactPhone"
   >
     0123456789
   </div>
   <div
     className="styles__TableCell___yJCq7 styles__contact-cozyurl___3kBp5 u-ellipsis"
+    data-testid="ContactCozy"
   >
     http://johndoe.mycozy.cloud
   </div>

package/react/ContactsListModal/index.jsx

@@ -13,7 +13,7 @@ import {
   useCozyDialog
 } from '../CozyDialogs'
 import useRealtime from '../hooks/useRealtime'
-import useEventListener from '../hooks/useEventListener.js'
+import useEventListener from '../hooks/useEventListener'
 import useBreakpoints from '../hooks/useBreakpoints'
 import Button from '../Buttons'
 import PlusIcon from '../Icons/Plus'

package/react/DateMonthPicker/index.spec.jsx

@@ -1,6 +1,6 @@
 import { mount } from 'enzyme'
 import React from 'react'
-import DateMonthPicker from './index'
+import DateMonthPicker from '.'
 import { act } from 'react-dom/test-utils'
 
 import I18n from '../I18n'

package/react/Field/index.spec.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import Field from './'
+import Field from '.'
 import { shallow } from 'enzyme'
 
 describe('Field component', () => {

package/react/FileInput/index.spec.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import uniqueId from 'lodash/uniqueId'
 
-import FileInput from './index'
+import FileInput from '.'
 
 jest.mock('lodash/uniqueId')
 

package/react/FilePicker/FilePickerHeader.jsx

@@ -12,7 +12,7 @@ import Previous from '../Icons/Previous'
 
 import FilePickerBreadcrumb from './FilePickerBreadcrumb'
 import { buildCurrentFolderQuery } from './queries'
-import { ROOT_DIR_ID } from './index'
+import { ROOT_DIR_ID } from '.'
 
 /**
  * @param {IOCozyFolder} displayedFolder - An io.cozy.files folder

package/react/I18n/withLocales.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { I18n, translate } from './'
+import { I18n, translate } from '.'
 import omit from 'lodash/omit'
 
 /**

package/react/Input/index.spec.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import Input from './index'
+import Input from '.'
 
 describe('Input component', () => {
   it('should support number type', () => {

package/react/Modal/index.spec.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import { act } from 'react-dom/test-utils'
 import { useState } from 'react'
 import { mount } from 'enzyme'
-import Modal, { BODY_CLASS } from './index'
+import Modal, { BODY_CLASS } from '.'
 import { BreakpointsProvider } from '../hooks/useBreakpoints'
 
 describe('Modal', () => {

package/react/PieChart/index.spec.jsx

@@ -1,4 +1,4 @@
-import { makeOptions, makeData } from './index'
+import { makeOptions, makeData } from '.'
 
 describe('makeOptions', () => {
   it('should return default options', () => {

package/react/Popup/index.spec.jsx

@@ -3,7 +3,7 @@ import { shallow } from 'enzyme'
 
 import { isMobileApp } from 'cozy-device-helper'
 
-import { Popup } from './'
+import { Popup } from '.'
 
 jest.mock('cozy-device-helper', () => ({
   ...jest.requireActual('cozy-device-helper'),

package/react/PushClientButton/index.spec.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 
 import { render } from '@testing-library/react'
 
-import PushClientButton from './'
+import PushClientButton from '.'
 
 jest.mock('../Icons/DeviceLaptop', () => () => (
   <div data-testid="device-laptop" />

package/react/Radio/index.spec.jsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react'
 
 import { render, fireEvent } from '@testing-library/react'
 
-import Radio from './'
+import Radio from '.'
 import RadioGroup from '../RadioGroup'
 import FormControlLabel from '../FormControlLabel'
 

package/react/SquareAppIcon/SquareAppIcon.spec.js

@@ -8,7 +8,7 @@ import CozyClient, { CozyProvider } from 'cozy-client'
 import Icon from '../Icon'
 import CozyIcon from '../Icons/Cozy'
 import MuiCozyTheme from '../MuiCozyTheme'
-import SquareAppIcon from './index'
+import SquareAppIcon from '.'
 
 const appMock = {
   slug: 'test',

package/react/UploadQueue/index.spec.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { UploadQueue, formatRemainingTime } from './index'
+import { UploadQueue, formatRemainingTime } from '.'
 import { render } from '@testing-library/react'
 import { useI18n } from '../I18n'
 

package/react/ViewStack/example.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { useViewStack } from './index'
+import { useViewStack } from '.'
 import Button from '../Button'
 
 const PaddedParagraph = ({ children }) => (

package/react/ViewStack/index.spec.jsx

@@ -2,7 +2,7 @@ import { mount } from 'enzyme'
 import React from 'react'
 import { act } from 'react-dom/test-utils'
 import { Slide } from './example'
-import ViewStack from './index'
+import ViewStack from '.'
 import Button from '../Button'
 import SwipeableViews from 'react-swipeable-views'
 

package/react/Viewer/Viewer.jsx

@@ -5,7 +5,7 @@ import { FileDoctype } from '../proptypes'
 
 import ViewerControls from './components/ViewerControls'
 import ViewerByFile from './components/ViewerByFile'
-import { toolbarPropsPropType } from './index'
+import { toolbarPropsPropType } from '.'
 
 const KEY_CODE_LEFT = 37
 const KEY_CODE_RIGHT = 39

package/react/Viewer/ViewerExposer.js

@@ -1,3 +1,3 @@
-import DefaultViewer from './index'
+import DefaultViewer from '.'
 
 export default DefaultViewer

package/react/Viewer/components/ViewerControls.jsx

@@ -8,7 +8,7 @@ import { withStyles } from '../../styles'
 import withBreakpoints from '../../helpers/withBreakpoints'
 
 import { isValidForPanel } from '../helpers'
-import { toolbarPropsPropType } from '../index'
+import { toolbarPropsPropType } from '..'
 import { infoWidth } from './InformationPanel'
 import Toolbar from './Toolbar'
 import Navigation from './Navigation'