cozy-ui 75.5.0 → 75.6.1

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## [75.6.1](https://github.com/cozy/cozy-ui/compare/v75.6.0...v75.6.1) (2022-09-30)
+
+
+### Bug Fixes
+
+* **Viewer:** Do not use MidEllipsys component if text prop is falsy ([abefe41](https://github.com/cozy/cozy-ui/commit/abefe41))
+
+# [75.6.0](https://github.com/cozy/cozy-ui/compare/v75.5.0...v75.6.0) (2022-09-30)
+
+
+### Bug Fixes
+
+* **Viewer:** Contacts no longer display in the Viewer ([2d3e379](https://github.com/cozy/cozy-ui/commit/2d3e379))
+* **Viewer:** The country name must be limited in size ([8b8fa84](https://github.com/cozy/cozy-ui/commit/8b8fa84))
+
+
+### Features
+
+* Add FaceId icon ([6571aed](https://github.com/cozy/cozy-ui/commit/6571aed))
+
 # [75.5.0](https://github.com/cozy/cozy-ui/compare/v75.4.1...v75.5.0) (2022-09-29)
 
 

package/assets/icons/ui/face-id.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 3a1 1 0 0 1 1-1h2a1 1 0 0 0 0-2H3a3 3 0 0 0-3 3v2a1 1 0 0 0 2 0V3Zm12 0a1 1 0 0 0-1-1h-2a1 1 0 1 1 0-2h2a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V3ZM3 14a1 1 0 0 1-1-1v-2a1 1 0 1 0-2 0v2a3 3 0 0 0 3 3h2a1 1 0 1 0 0-2H3Zm11-1a1 1 0 0 1-1 1h-2a1 1 0 1 0 0 2h2a3 3 0 0 0 3-3v-2a1 1 0 1 0-2 0v2ZM6 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm5 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM7 6a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0V6Zm-1.386 4.21a1 1 0 1 0-1.228 1.58C5.364 12.55 6.63 13 8 13c1.369 0 2.636-.45 3.614-1.21a1 1 0 1 0-1.228-1.58C9.765 10.695 8.932 11 8 11c-.932 0-1.765-.306-2.386-.79Z"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "75.5.0",
+  "version": "75.6.1",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {
@@ -27,7 +27,8 @@
     "build:doc:config": "copyfiles -u 1 docs/*.md docs/_config.yml build",
     "build:doc:kss": "kss --destination build/styleguide --title 'Cozy-UI Styleguide' --source stylus --builder node_modules/michelangelo/kss_styleguide/custom-template --homepage stylus/styleguide.md --css app.css",
     "build:doc:react": "styleguidist build --config docs/styleguide.config.js",
-    "build": "env BABEL_ENV=transpilation babel --extensions .ts,.tsx,.js,.jsx react/ --out-dir transpiled/react --verbose",
+    "build:types": "tsc -p tsconfig-build.json",
+    "build": "yarn build:types && env BABEL_ENV=transpilation babel --extensions .ts,.tsx,.js,.jsx react/ --out-dir transpiled/react --verbose",
     "clean:doc:kss": "rm -rf build/styleguide",
     "deploy:doc": "git-directory-deploy --directory build/ --branch gh-pages",
     "makeSvgr": "scripts/generate-svgr-icon.sh",
@@ -60,6 +61,7 @@
     "removeEmptyCss": "node scripts/removeEmptyCss.js",
     "optimizeIcons": "svgo -r --folder assets/icons"
   },
+  "types": "dist/index.d.ts",
   "sideEffects": [
     "*.css",
     "intersection-observer"

package/react/ActionMenu/ActionMenuEffects.ts

@@ -1,3 +1,7 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+
+// TODO: remove eslint-disable and @ts-ignore rules
+
 import { Theme, useTheme } from '@material-ui/core'
 
 import { isFlagshipApp } from 'cozy-device-helper'
@@ -19,9 +23,11 @@ const useHook = (): void => {
   useSetFlagshipUI(
     {
       bottomBackground: theme.palette.background.paper,
+      // @ts-ignore
       bottomTheme: 'dark',
       topOverlay: getCssVariableValue('overlay'),
       topBackground: theme.palette.background.paper,
+      // @ts-ignore
       topTheme: 'light'
     },
     {

package/react/Icon/Readme.md

@@ -106,6 +106,7 @@ import Euro from 'cozy-ui/transpiled/react/Icons/Euro'
 import Exchange from 'cozy-ui/transpiled/react/Icons/Exchange'
 import Eye from 'cozy-ui/transpiled/react/Icons/Eye'
 import EyeClosed from 'cozy-ui/transpiled/react/Icons/EyeClosed'
+import FaceId from 'cozy-ui/transpiled/react/Icons/FaceId'
 import File from 'cozy-ui/transpiled/react/Icons/File'
 import FileAdd from 'cozy-ui/transpiled/react/Icons/FileAdd'
 import FileDuotone from 'cozy-ui/transpiled/react/Icons/FileDuotone'
@@ -326,6 +327,7 @@ const icons = [
   Exchange,
   Eye,
   EyeClosed,
+  FaceId,
   File,
   FileAdd,
   FileDuotone,

package/react/Icon/icons-sprite.js

@@ -278,7 +278,7 @@ module.exports = `<svg><defs>
   </g>
 </symbol><symbol id="eye" viewBox="0 0 20 20">
   <path fill-rule="evenodd" d="M21,10 C21,10 24,4 30,4 C36,4 39,10 39,10 C39,10 36,16 30,16 C24,16 21,10 21,10 Z M30,14 C32.2091391,14 34,12.2091391 34,10 C34,7.79086089 32.2091391,6 30,6 C27.7908609,6 26,7.79086089 26,10 C26,12.2091391 27.7908609,14 30,14 Z M30,12 C31.1045696,12 32,11.1045696 32,10 C32,8.89543045 31.1045696,8 30,8 C28.8954304,8 28,8.89543045 28,10 C28,11.1045696 28.8954304,12 30,12 Z" transform="translate(-20)"/>
-</symbol><symbol id="file-add" viewBox="0 0 16 16">
+</symbol><symbol id="face-id" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 3a1 1 0 0 1 1-1h2a1 1 0 0 0 0-2H3a3 3 0 0 0-3 3v2a1 1 0 0 0 2 0V3Zm12 0a1 1 0 0 0-1-1h-2a1 1 0 1 1 0-2h2a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V3ZM3 14a1 1 0 0 1-1-1v-2a1 1 0 1 0-2 0v2a3 3 0 0 0 3 3h2a1 1 0 1 0 0-2H3Zm11-1a1 1 0 0 1-1 1h-2a1 1 0 1 0 0 2h2a3 3 0 0 0 3-3v-2a1 1 0 1 0-2 0v2ZM6 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm5 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM7 6a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0V6Zm-1.386 4.21a1 1 0 1 0-1.228 1.58C5.364 12.55 6.63 13 8 13c1.369 0 2.636-.45 3.614-1.21a1 1 0 1 0-1.228-1.58C9.765 10.695 8.932 11 8 11c-.932 0-1.765-.306-2.386-.79Z"/></symbol><symbol id="file-add" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M1 1c0-.552.446-1 .998-1H10v5h5v10.004a1 1 0 0 1-1.007.996H2.007A1.002 1.002 0 0 1 1 15V1zm10 3V0l4 4h-4zM7 6v3H4v2h3v3h2v-3h3V9H9V6H7z"/>
 </symbol><symbol id="file-duotone" viewBox="0 0 26 32">
     <g id="files-colored" fill-rule="evenodd">

package/react/Icons/FaceId.jsx

@@ -0,0 +1,16 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/face-id.svg` to regenerate;
+import React from 'react'
+
+function SvgFaceId(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2 3a1 1 0 011-1h2a1 1 0 000-2H3a3 3 0 00-3 3v2a1 1 0 002 0V3zm12 0a1 1 0 00-1-1h-2a1 1 0 110-2h2a3 3 0 013 3v2a1 1 0 11-2 0V3zM3 14a1 1 0 01-1-1v-2a1 1 0 10-2 0v2a3 3 0 003 3h2a1 1 0 100-2H3zm11-1a1 1 0 01-1 1h-2a1 1 0 100 2h2a3 3 0 003-3v-2a1 1 0 10-2 0v2zM6 6a1 1 0 11-2 0 1 1 0 012 0zm5 1a1 1 0 100-2 1 1 0 000 2zM7 6a1 1 0 012 0v2a1 1 0 01-2 0V6zm-1.386 4.21a1 1 0 10-1.228 1.58C5.364 12.55 6.63 13 8 13c1.369 0 2.636-.45 3.614-1.21a1 1 0 10-1.228-1.58C9.765 10.695 8.932 11 8 11c-.932 0-1.765-.306-2.386-.79z"
+      />
+    </svg>
+  )
+}
+
+export default SvgFaceId

package/react/Modal/ModalEffects.ts

@@ -1,3 +1,7 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+
+// TODO: remove eslint-disable and @ts-ignore rules
+
 import { Theme, useTheme } from '@material-ui/core'
 
 import { getFlagshipMetadata, isFlagshipApp } from 'cozy-device-helper'
@@ -22,8 +26,10 @@ const useHook = (): void => {
   useSetFlagshipUI(
     {
       bottomBackground: theme.palette.background.paper,
+      // @ts-ignore
       bottomTheme: 'dark',
       topBackground: theme.palette.background.paper,
+      // @ts-ignore
       topTheme: 'dark'
     },
     {

package/react/Viewer/Panel/Qualification.jsx

@@ -25,6 +25,9 @@ const makeQualificationListItemComp = metadataName => {
   }
 
   if (knownOtherMetadataNames.includes(metadataName)) {
+    if (metadataName === 'contact') {
+      return QualificationListItemContact
+    }
     return QualificationListItemOther
   }
 }
@@ -63,16 +66,12 @@ const Qualification = ({ file = {} }) => {
     <List className={'u-pv-1'}>
       {formatedMetadataQualification.map((meta, idx) => {
         const { name } = meta
-
-        if (name === 'contact') {
-          return <QualificationListItemContact key={idx} file={file} />
-        }
-
         const QualificationListItemComp = makeQualificationListItemComp(name)
 
         return (
           <QualificationListItemComp
             key={idx}
+            file={file}
             ref={actionBtnRef.current[idx]}
             formatedMetadataQualification={meta}
             toggleActionsMenu={val => toggleActionsMenu(idx, name, val)}

package/react/Viewer/Panel/QualificationListItemInformation.jsx

@@ -8,21 +8,32 @@ import Icon from '../../Icon'
 import Dots from '../../Icons/Dots'
 import QualificationListItemText from './QualificationListItemText'
 import { useI18n } from '../../I18n'
+import MidEllipsis from '../../MidEllipsis'
 
 const QualificationListItemInformation = forwardRef(
   ({ formatedMetadataQualification, toggleActionsMenu }, ref) => {
     const { t } = useI18n()
     const { name, value } = formatedMetadataQualification
 
+    const currentValue = value ? (
+      <MidEllipsis text={value} />
+    ) : (
+      t('Viewer.panel.qualification.noInfo')
+    )
+
     return (
       <ListItem className={'u-pl-2 u-pr-3'}>
         <QualificationListItemText
           primary={t(`Viewer.panel.qualification.information.title.${name}`)}
-          secondary={value || t('Viewer.panel.qualification.noInfo')}
+          secondary={currentValue}
           disabled={!value}
         />
         <ListItemSecondaryAction>
-          <IconButton ref={ref} onClick={() => toggleActionsMenu(value)}>
+          <IconButton
+            ref={ref}
+            onClick={() => toggleActionsMenu(value)}
+            data-testid="toggleActionsMenuBtn"
+          >
             <Icon icon={Dots} />
           </IconButton>
         </ListItemSecondaryAction>

package/react/Viewer/Panel/QualificationListItemInformation.spec.jsx

@@ -0,0 +1,52 @@
+import React from 'react'
+import { fireEvent, render } from '@testing-library/react'
+import DemoProvider from '../docs/DemoProvider'
+
+import QualificationListItemInformation from './QualificationListItemInformation'
+
+const setup = ({
+  formatedMetadataQualification = {},
+  toggleActionsMenu = jest.fn()
+} = {}) => {
+  return render(
+    <DemoProvider>
+      <QualificationListItemInformation
+        formatedMetadataQualification={formatedMetadataQualification}
+        toggleActionsMenu={toggleActionsMenu}
+      />
+    </DemoProvider>
+  )
+}
+
+describe('QualificationListItemInformation', () => {
+  describe('formatedMetadataQualification', () => {
+    it('should display default text if value is falsy', () => {
+      const formatedMetadataQualification = { name: 'country', value: '' }
+      const { getByText } = setup({ formatedMetadataQualification })
+
+      expect(getByText('Viewer.panel.qualification.noInfo'))
+    })
+    it('should display current value if it is truthy', () => {
+      const formatedMetadataQualification = { name: 'country', value: 'Italie' }
+      const { queryByText } = setup({
+        formatedMetadataQualification
+      })
+
+      expect(queryByText('Viewer.panel.qualification.noInfo')).toBeNull()
+    })
+  })
+  describe('toggleActionsMenu', () => {
+    it('should call toggleActionsMenu with current value on click it', () => {
+      const formatedMetadataQualification = { name: 'country', value: 'Italie' }
+      const toggleActionsMenu = jest.fn()
+      const { getByTestId } = setup({
+        toggleActionsMenu,
+        formatedMetadataQualification
+      })
+      const toggleActionsMenuBtn = getByTestId('toggleActionsMenuBtn')
+      fireEvent.click(toggleActionsMenuBtn)
+
+      expect(toggleActionsMenu).toBeCalledWith('Italie')
+    })
+  })
+})

package/react/Viewer/helpers.js

@@ -75,7 +75,7 @@ const makeMetadataQualification = ({ metadata, knownMetadataName, value }) => {
     knownMetadataName
   )
 
-  if (shouldReturnThisMetadata) {
+  if (shouldReturnThisMetadata || knownMetadataName === 'contact') {
     return { name: knownMetadataName, value: value || null }
   }
 }

package/react/__snapshots__/examples.spec.jsx.snap

@@ -3645,6 +3645,11 @@ exports[`Icon should render examples: Icon 1`] = `
       </svg>
       <p class=\\"MuiTypography-root u-mt-half MuiTypography-body1 MuiTypography-colorTextPrimary\\">EyeClosed</p>
     </div>
+    <div class=\\"makeStyles-iconTile-110 u-ta-center u-mb-1\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
+        <path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M2 3a1 1 0 011-1h2a1 1 0 000-2H3a3 3 0 00-3 3v2a1 1 0 002 0V3zm12 0a1 1 0 00-1-1h-2a1 1 0 110-2h2a3 3 0 013 3v2a1 1 0 11-2 0V3zM3 14a1 1 0 01-1-1v-2a1 1 0 10-2 0v2a3 3 0 003 3h2a1 1 0 100-2H3zm11-1a1 1 0 01-1 1h-2a1 1 0 100 2h2a3 3 0 003-3v-2a1 1 0 10-2 0v2zM6 6a1 1 0 11-2 0 1 1 0 012 0zm5 1a1 1 0 100-2 1 1 0 000 2zM7 6a1 1 0 012 0v2a1 1 0 01-2 0V6zm-1.386 4.21a1 1 0 10-1.228 1.58C5.364 12.55 6.63 13 8 13c1.369 0 2.636-.45 3.614-1.21a1 1 0 10-1.228-1.58C9.765 10.695 8.932 11 8 11c-.932 0-1.765-.306-2.386-.79z\\"></path>
+      </svg>
+      <p class=\\"MuiTypography-root u-mt-half MuiTypography-body1 MuiTypography-colorTextPrimary\\">FaceId</p>
+    </div>
     <div class=\\"makeStyles-iconTile-110 u-ta-center u-mb-1\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
         <defs>
           <path id=\\"file_svg__a\\" d=\\"M1 1c0-.552.446-1 .998-1H10v5h5v10.004a1 1 0 01-1.007.996H2.007A1.002 1.002 0 011 15V1zm10 3V0l4 4h-4z\\"></path>
@@ -5117,6 +5122,9 @@ exports[`Icon should render examples: Icon 3`] = `
         <symbol id=\\"eye\\" viewBox=\\"0 0 20 20\\">
           <path fill-rule=\\"evenodd\\" d=\\"M21,10 C21,10 24,4 30,4 C36,4 39,10 39,10 C39,10 36,16 30,16 C24,16 21,10 21,10 Z M30,14 C32.2091391,14 34,12.2091391 34,10 C34,7.79086089 32.2091391,6 30,6 C27.7908609,6 26,7.79086089 26,10 C26,12.2091391 27.7908609,14 30,14 Z M30,12 C31.1045696,12 32,11.1045696 32,10 C32,8.89543045 31.1045696,8 30,8 C28.8954304,8 28,8.89543045 28,10 C28,11.1045696 28.8954304,12 30,12 Z\\" transform=\\"translate(-20)\\"></path>
         </symbol>
+        <symbol id=\\"face-id\\" viewBox=\\"0 0 16 16\\">
+          <path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M2 3a1 1 0 0 1 1-1h2a1 1 0 0 0 0-2H3a3 3 0 0 0-3 3v2a1 1 0 0 0 2 0V3Zm12 0a1 1 0 0 0-1-1h-2a1 1 0 1 1 0-2h2a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V3ZM3 14a1 1 0 0 1-1-1v-2a1 1 0 1 0-2 0v2a3 3 0 0 0 3 3h2a1 1 0 1 0 0-2H3Zm11-1a1 1 0 0 1-1 1h-2a1 1 0 1 0 0 2h2a3 3 0 0 0 3-3v-2a1 1 0 1 0-2 0v2ZM6 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm5 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM7 6a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0V6Zm-1.386 4.21a1 1 0 1 0-1.228 1.58C5.364 12.55 6.63 13 8 13c1.369 0 2.636-.45 3.614-1.21a1 1 0 1 0-1.228-1.58C9.765 10.695 8.932 11 8 11c-.932 0-1.765-.306-2.386-.79Z\\"></path>
+        </symbol>
         <symbol id=\\"file-add\\" viewBox=\\"0 0 16 16\\">
           <path fill-rule=\\"evenodd\\" d=\\"M1 1c0-.552.446-1 .998-1H10v5h5v10.004a1 1 0 0 1-1.007.996H2.007A1.002 1.002 0 0 1 1 15V1zm10 3V0l4 4h-4zM7 6v3H4v2h3v3h2v-3h3V9H9V6H7z\\"></path>
         </symbol>
@@ -6686,6 +6694,9 @@ exports[`Icon should render examples: Icon 7`] = `
         <symbol id=\\"eye\\" viewBox=\\"0 0 20 20\\">
           <path fill-rule=\\"evenodd\\" d=\\"M21,10 C21,10 24,4 30,4 C36,4 39,10 39,10 C39,10 36,16 30,16 C24,16 21,10 21,10 Z M30,14 C32.2091391,14 34,12.2091391 34,10 C34,7.79086089 32.2091391,6 30,6 C27.7908609,6 26,7.79086089 26,10 C26,12.2091391 27.7908609,14 30,14 Z M30,12 C31.1045696,12 32,11.1045696 32,10 C32,8.89543045 31.1045696,8 30,8 C28.8954304,8 28,8.89543045 28,10 C28,11.1045696 28.8954304,12 30,12 Z\\" transform=\\"translate(-20)\\"></path>
         </symbol>
+        <symbol id=\\"face-id\\" viewBox=\\"0 0 16 16\\">
+          <path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M2 3a1 1 0 0 1 1-1h2a1 1 0 0 0 0-2H3a3 3 0 0 0-3 3v2a1 1 0 0 0 2 0V3Zm12 0a1 1 0 0 0-1-1h-2a1 1 0 1 1 0-2h2a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V3ZM3 14a1 1 0 0 1-1-1v-2a1 1 0 1 0-2 0v2a3 3 0 0 0 3 3h2a1 1 0 1 0 0-2H3Zm11-1a1 1 0 0 1-1 1h-2a1 1 0 1 0 0 2h2a3 3 0 0 0 3-3v-2a1 1 0 1 0-2 0v2ZM6 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm5 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM7 6a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0V6Zm-1.386 4.21a1 1 0 1 0-1.228 1.58C5.364 12.55 6.63 13 8 13c1.369 0 2.636-.45 3.614-1.21a1 1 0 1 0-1.228-1.58C9.765 10.695 8.932 11 8 11c-.932 0-1.765-.306-2.386-.79Z\\"></path>
+        </symbol>
         <symbol id=\\"file-add\\" viewBox=\\"0 0 16 16\\">
           <path fill-rule=\\"evenodd\\" d=\\"M1 1c0-.552.446-1 .998-1H10v5h5v10.004a1 1 0 0 1-1.007.996H2.007A1.002 1.002 0 0 1 1 15V1zm10 3V0l4 4h-4zM7 6v3H4v2h3v3h2v-3h3V9H9V6H7z\\"></path>
         </symbol>

package/scripts/generate-svgr-icon.sh

@@ -2,11 +2,13 @@
 
 set -euo pipefail
 
+streamEditor=$([[ $(uname -s) == "Linux" ]] && echo sed || echo gsed)
+
 createSvgr()
 {
   svgFileFullPath=$1
   svgFilename=`basename $svgFileFullPath`
-  jsFilename=`echo $svgFilename | gsed -E 's/^([a-z])/\U\1/g; s/-([a-z])/\U\1/g; s/svg$/jsx/g'`
+  jsFilename=`echo $svgFilename | $streamEditor -E 's/^([a-z])/\U\1/g; s/-([a-z])/\U\1/g; s/svg$/jsx/g'`
   jsFileFullPath="react/Icons/${jsFilename}"
 
   echo $svgFileFullPath

package/scripts/svgr-template.js

@@ -8,9 +8,7 @@ function defaultTemplate(
     plugins.push('typescript')
   }
   const typeScriptTpl = template.smart({ plugins, preserveComments: true })
-  const automaticallyCreatedMention = `// Automatically created, please run \`scripts/generate-svgr-icon.sh ${
-    opts.state.filePath
-  }\` to regenerate`
+  const automaticallyCreatedMention = `// Automatically created, please run \`scripts/generate-svgr-icon.sh ${opts.state.filePath}\` to regenerate`
 
   for (let imp of imports) {
     if (imp.source.value !== 'react') {

package/transpiled/react/ActionMenu/ActionMenuEffects.d.ts

@@ -0,0 +1 @@
+export declare const useActionMenuEffects: () => void;

package/transpiled/react/ActionMenu/ActionMenuEffects.js

@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+// TODO: remove eslint-disable and @ts-ignore rules
 import { useTheme } from '@material-ui/core';
 import { isFlagshipApp } from 'cozy-device-helper';
 import { getCssVariableValue } from "cozy-ui/transpiled/react/utils/color";
@@ -12,9 +14,11 @@ var useHook = function useHook() {
   var theme = useTheme();
   useSetFlagshipUI({
     bottomBackground: theme.palette.background.paper,
+    // @ts-ignore
     bottomTheme: 'dark',
     topOverlay: getCssVariableValue('overlay'),
     topBackground: theme.palette.background.paper,
+    // @ts-ignore
     topTheme: 'light'
   }, {
     bottomBackground: getBottomBackground(theme),

package/transpiled/react/Dialog/DialogEffects.d.ts

@@ -0,0 +1,26 @@
+import { Theme } from '@material-ui/core';
+import { FlagshipUI } from '../hooks/useSetFlagshipUi/useSetFlagshipUI';
+interface DialogEffectsOptions {
+    cozybar?: Element | null;
+    fullscreen?: boolean;
+    immersive?: boolean;
+    sidebar?: HTMLElement | Element | null;
+    rootModal?: HTMLElement | Element | null;
+    theme: Theme;
+}
+export declare enum DOMStrings {
+    BackgroundDefault = "default",
+    BackgroundPaper = "paper",
+    CozyBarBackground = "background-color",
+    CozyBarClass = ".coz-bar-wrapper",
+    CozyBarPrimaryClass = "coz-theme-primary",
+    DialogClass = ".MuiPaper-root",
+    OverlayActive = "rgba(0, 0, 0, 0.5)",
+    OverlayTransparent = "transparent",
+    RootModalColor = "color",
+    SidebarID = "sidebar"
+}
+export declare const makeOnMount: ({ cozybar, fullscreen, sidebar, rootModal, theme }: DialogEffectsOptions) => FlagshipUI;
+export declare const makeOnUnmount: ({ rootModal, theme, immersive, sidebar, cozybar }: DialogEffectsOptions) => FlagshipUI;
+export declare const useDialogEffects: (fullscreen?: boolean | undefined) => void;
+export {};