cozy-ui 57.5.0 → 57.5.4

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+## [57.5.4](https://github.com/cozy/cozy-ui/compare/v57.5.3...v57.5.4) (2021-11-04)
+
+
+### Bug Fixes
+
+* AppTile doesn't require name prop ([3a74932](https://github.com/cozy/cozy-ui/commit/3a74932))
+
+## [57.5.3](https://github.com/cozy/cozy-ui/compare/v57.5.2...v57.5.3) (2021-11-04)
+
+
+### Bug Fixes
+
+* Border color of Accordion ([4628488](https://github.com/cozy/cozy-ui/commit/4628488))
+
+## [57.5.2](https://github.com/cozy/cozy-ui/compare/v57.5.1...v57.5.2) (2021-11-02)
+
+
+### Bug Fixes
+
+* Use u-spacellipsis instead of u-ellipsis ([3a4a6c3](https://github.com/cozy/cozy-ui/commit/3a4a6c3))
+
+## [57.5.1](https://github.com/cozy/cozy-ui/compare/v57.5.0...v57.5.1) (2021-11-02)
+
+
+### Bug Fixes
+
+* Set correct argos batchCount ([8a6179d](https://github.com/cozy/cozy-ui/commit/8a6179d)), closes [cozy/cozy-ui#1917](https://github.com/cozy/cozy-ui/issues/1917)
+
 # [57.5.0](https://github.com/cozy/cozy-ui/compare/v57.4.0...v57.5.0) (2021-10-28)
 
 

package/package.json

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

package/react/AppTile/Readme.md

@@ -1,21 +1,24 @@
 Component used to show an app status, can be used in
 a list of apps for example in the Store.
 
-```
+```jsx
 import AppTile from '.'
 import mockApps from '../AppSections/_mockApps'
 import { I18n } from '../I18n'
+import Grid from 'cozy-ui/transpiled/react/MuiCozyTheme/Grid'
 
 const locale = {}
+const app = mockApps[0]
 
-const app = mockApps[0];
+;
 
 <I18n dictRequire={lang => locale} lang="en">
-  <div className='u-flex'>
+  <Grid container>
     <AppTile app={app} />
     <AppTile app={{...app, maintenance: true}} />
+    <AppTile app={{...app, maintenance: true}} displaySpecificMaintenanceStyle={true} />
     <AppTile app={{...app, availableVersion: true}} />
     <AppTile app={{...app, availableVersion: true}} showStatus={['maintenance']} />
-  </div>
+  </Grid>
 </I18n>
 ```

package/react/AppTile/index.jsx

@@ -106,7 +106,7 @@ export const AppTile = ({
 
 AppTile.propTypes = {
   app: AppDoctype,
-  name: PropTypes.string.isRequired,
+  name: PropTypes.string,
   namePrefix: PropTypes.string,
   onClick: PropTypes.func,
   IconComponent: PropTypes.element,

package/react/MuiCozyTheme/makeOverrides.js

@@ -73,7 +73,7 @@ const makeOverrides = theme => ({
       boxShadow: '0 4px 12px 0 rgba(0, 0, 0, 0.08)',
       borderWidth: '0.0625rem',
       borderStyle: 'solid',
-      borderColor: theme.palette.grey[200],
+      borderColor: theme.palette.border.main,
       overflow: 'hidden',
       marginBottom: '1rem'
     }
@@ -119,7 +119,7 @@ const makeOverrides = theme => ({
   MuiAccordionDetails: {
     root: {
       padding: 0,
-      borderTop: `0.0625rem solid ${theme.palette.grey[200]}`
+      borderTop: `0.0625rem solid ${theme.palette.border.main}`
     }
   },
   MuiStepConnector: {

package/react/SquareAppIcon/Readme.md

@@ -27,7 +27,7 @@ const theme = useCozyTheme()
     <SquareAppIcon name="Add" variant="add" />
   </Grid>
   <Grid item>
-    <SquareAppIcon app="testapp" name="No Account" variant="ghost" />
+    <SquareAppIcon app="testapp" name="No Account long name very very very very long" variant="ghost" />
   </Grid>
   <Grid item>
     <SquareAppIcon name="Shortcut" variant="shortcut" />

package/react/SquareAppIcon/__snapshots__/SquareAppIcon.spec.js.snap

@@ -35,7 +35,7 @@ exports[`SquareAppIcon component should render an app correctly with the app nam
     />
   </span>
   <h6
-    class="MuiTypography-root makeStyles-name-7 u-ellipsis u-ov-hidden MuiTypography-h6 MuiTypography-alignCenter"
+    class="MuiTypography-root makeStyles-name-7 u-spacellipsis MuiTypography-h6 MuiTypography-alignCenter"
   >
     Test
   </h6>
@@ -77,7 +77,7 @@ exports[`SquareAppIcon component should render an app correctly with the given n
     />
   </span>
   <h6
-    class="MuiTypography-root makeStyles-name-1 u-ellipsis u-ov-hidden MuiTypography-h6 MuiTypography-alignCenter"
+    class="MuiTypography-root makeStyles-name-1 u-spacellipsis MuiTypography-h6 MuiTypography-alignCenter"
   >
     modified
   </h6>
@@ -119,7 +119,7 @@ exports[`SquareAppIcon component should render an app with the app slug if no na
     />
   </span>
   <h6
-    class="MuiTypography-root makeStyles-name-13 u-ellipsis u-ov-hidden MuiTypography-h6 MuiTypography-alignCenter"
+    class="MuiTypography-root makeStyles-name-13 u-spacellipsis MuiTypography-h6 MuiTypography-alignCenter"
   >
     testslug
   </h6>
@@ -168,7 +168,7 @@ exports[`SquareAppIcon component should render correctly an app in add state 1`]
     />
   </span>
   <h6
-    class="MuiTypography-root makeStyles-name-37 u-ellipsis u-ov-hidden MuiTypography-h6 MuiTypography-alignCenter"
+    class="MuiTypography-root makeStyles-name-37 u-spacellipsis MuiTypography-h6 MuiTypography-alignCenter"
   />
 </div>
 `;
@@ -220,7 +220,7 @@ exports[`SquareAppIcon component should render correctly an app in error state 1
     />
   </span>
   <h6
-    class="MuiTypography-root makeStyles-name-31 u-ellipsis u-ov-hidden MuiTypography-h6 MuiTypography-alignCenter"
+    class="MuiTypography-root makeStyles-name-31 u-spacellipsis MuiTypography-h6 MuiTypography-alignCenter"
   >
     Test
   </h6>
@@ -262,7 +262,7 @@ exports[`SquareAppIcon component should render correctly an app in ghost state 1
     />
   </span>
   <h6
-    class="MuiTypography-root makeStyles-name-25 u-ellipsis u-ov-hidden MuiTypography-h6 MuiTypography-alignCenter"
+    class="MuiTypography-root makeStyles-name-25 u-spacellipsis MuiTypography-h6 MuiTypography-alignCenter"
   >
     Test
   </h6>
@@ -304,7 +304,7 @@ exports[`SquareAppIcon component should render correctly an app in maintenance s
     />
   </span>
   <h6
-    class="MuiTypography-root makeStyles-name-19 u-ellipsis u-ov-hidden MuiTypography-h6 MuiTypography-alignCenter"
+    class="MuiTypography-root makeStyles-name-19 u-spacellipsis MuiTypography-h6 MuiTypography-alignCenter"
   >
     Test
   </h6>
@@ -349,7 +349,7 @@ exports[`SquareAppIcon component should render correctly an app in shortcut stat
     </span>
   </span>
   <h6
-    class="MuiTypography-root makeStyles-name-43 u-ellipsis u-ov-hidden MuiTypography-h6 MuiTypography-alignCenter"
+    class="MuiTypography-root makeStyles-name-43 u-spacellipsis MuiTypography-h6 MuiTypography-alignCenter"
   >
     shortcut
   </h6>

package/react/SquareAppIcon/index.jsx

@@ -26,6 +26,9 @@ const useStyles = makeStyles(theme => ({
     lineHeight: '1.188rem',
     margin: '0.5rem 0.25rem 0 0.25rem',
     textShadow: theme.textShadows[1],
+    lineClamp: '2',
+    boxOrient: 'vertical',
+    display: '-webkit-box',
     height: '2.375rem',
     [theme.breakpoints.down('sm')]: {
       width: '3.75rem',
@@ -121,7 +124,7 @@ export const SquareAppIcon = ({ app, name, variant }) => {
         </Badge>
       </InfosBadge>
       <Typography
-        className={cx(classes.name, 'u-ellipsis', 'u-ov-hidden')}
+        className={cx(classes.name, 'u-spacellipsis')}
         variant="h6"
         align="center"
       >

package/transpiled/react/AppTile/index.js

@@ -98,7 +98,7 @@ export var AppTile = function AppTile(_ref) {
 };
 AppTile.propTypes = {
   app: AppDoctype,
-  name: PropTypes.string.isRequired,
+  name: PropTypes.string,
   namePrefix: PropTypes.string,
   onClick: PropTypes.func,
   IconComponent: PropTypes.element,

package/transpiled/react/MuiCozyTheme/makeOverrides.js

@@ -74,7 +74,7 @@ var makeOverrides = function makeOverrides(theme) {
         boxShadow: '0 4px 12px 0 rgba(0, 0, 0, 0.08)',
         borderWidth: '0.0625rem',
         borderStyle: 'solid',
-        borderColor: theme.palette.grey[200],
+        borderColor: theme.palette.border.main,
         overflow: 'hidden',
         marginBottom: '1rem'
       }
@@ -120,7 +120,7 @@ var makeOverrides = function makeOverrides(theme) {
     MuiAccordionDetails: {
       root: {
         padding: 0,
-        borderTop: "0.0625rem solid ".concat(theme.palette.grey[200])
+        borderTop: "0.0625rem solid ".concat(theme.palette.border.main)
       }
     },
     MuiStepConnector: {

package/transpiled/react/SquareAppIcon/index.js

@@ -38,6 +38,9 @@ var useStyles = makeStyles(function (theme) {
       lineHeight: '1.188rem',
       margin: '0.5rem 0.25rem 0 0.25rem',
       textShadow: theme.textShadows[1],
+      lineClamp: '2',
+      boxOrient: 'vertical',
+      display: '-webkit-box',
       height: '2.375rem'
     }, theme.breakpoints.down('sm'), {
       width: '3.75rem',
@@ -113,7 +116,7 @@ export var SquareAppIcon = function SquareAppIcon(_ref) {
   }) : React.createElement(AppIcon, {
     app: app
   })))), React.createElement(Typography, {
-    className: cx(classes.name, 'u-ellipsis', 'u-ov-hidden'),
+    className: cx(classes.name, 'u-spacellipsis'),
     variant: "h6",
     align: "center"
   }, appName));