fix(mespapiers): Breaking change of cozy-ui 77

cozy · Nov 8, 2022 · be3098e · be3098e
1 parent 5770b83
commit be3098e
Show file tree

Hide file tree

Showing 10 changed files with 11 additions and 10 deletions.
diff --git a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ContactList.jsx b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ContactList.jsx
@@ -71,7 +71,7 @@ const ContactList = ({
   return (
     <>
       <Paper elevation={2} className="u-mt-1 u-mh-half">
-        <List>
+        <List className="u-pv-0">
           <div className="u-mah-5 u-ov-auto">
             {contactsList.map(contact => (
               <Contact

diff --git a/packages/cozy-mespapiers-lib/src/components/ModelSteps/Edit/ContactEditList.jsx b/packages/cozy-mespapiers-lib/src/components/ModelSteps/Edit/ContactEditList.jsx
@@ -43,7 +43,7 @@ const ContactEditList = ({
   return (
     <>
       <Paper elevation={2} className="u-mt-1 u-mh-half">
-        <List>
+        <List className="u-pv-0">
           <div className="u-mah-5 u-ov-auto">
             {contactsList.map(contact => (
               <ContactEditItem

diff --git a/packages/cozy-mespapiers-lib/src/components/ModelSteps/Edit/PageEdit/PageEditItems.jsx b/packages/cozy-mespapiers-lib/src/components/ModelSteps/Edit/PageEdit/PageEditItems.jsx
@@ -13,7 +13,7 @@ const PageEditItems = ({ items, onChange, value }) => {
   const { isMobile } = useBreakpoints()
 
   return (
-    <List>
+    <List className="u-pv-0">
       {items.map((item, idx) => (
         <ListItem
           key={idx}

diff --git a/packages/cozy-mespapiers-lib/src/components/Multiselect/MultiselectContent.jsx b/packages/cozy-mespapiers-lib/src/components/Multiselect/MultiselectContent.jsx
@@ -19,7 +19,7 @@ const MultiselectContent = ({ setIsFilePickerActive }) => {
           {t('Multiselect.empty')}
         </Typography>
       ) : (
-        <List className="u-flex u-flex-column u-flex-justify-center">
+        <List className="u-flex u-flex-column u-flex-justify-center u-pv-0">
           {allMultiSelectionFiles.map((file, idx) => (
             <PaperCardItem
               key={`${file._id}${idx}`}

diff --git a/packages/cozy-mespapiers-lib/src/components/Papers/PaperGroup.jsx b/packages/cozy-mespapiers-lib/src/components/Papers/PaperGroup.jsx
@@ -34,7 +34,7 @@ const PaperGroup = ({ allPapersByCategories, setSelectedThemeLabel }) => {
   }
 
   return (
-    <List>
+    <List className="u-pv-0">
       <ListSubheader>{t('PapersList.subheader')}</ListSubheader>
       <div className="u-pv-half">
         {allPapersByCategories.length === 0 ? (

diff --git a/packages/cozy-mespapiers-lib/src/components/Papers/PapersListByContact.jsx b/packages/cozy-mespapiers-lib/src/components/Papers/PapersListByContact.jsx
@@ -8,7 +8,7 @@ import PapersList from '../Papers/PapersList'
 
 const PapersListByContact = ({ paperslistByContact }) => {
   return (
-    <List>
+    <List className="u-pv-0">
       {paperslistByContact.map(({ withHeader, contact, papers }, idx) => (
         <Fragment key={idx}>
           {withHeader && <ListSubheader>{contact}</ListSubheader>}

diff --git a/packages/cozy-mespapiers-lib/src/components/Placeholders/FeaturedPlaceholdersList.jsx b/packages/cozy-mespapiers-lib/src/components/Placeholders/FeaturedPlaceholdersList.jsx
@@ -46,7 +46,7 @@ const FeaturedPlaceholdersList = ({ featuredPlaceholders }) => {
   }
 
   return (
-    <List>
+    <List className="u-pv-0">
       {featuredPlaceholders.length > 0 && (
         <ListSubheader>{t('FeaturedPlaceholdersList.subheader')}</ListSubheader>
       )}

diff --git a/...mespapiers-lib/src/components/Placeholders/PlaceholderListModal/PlaceholderThemesList.jsx b/...mespapiers-lib/src/components/Placeholders/PlaceholderListModal/PlaceholderThemesList.jsx
@@ -20,7 +20,7 @@ const PlaceholderThemesList = ({ setQualifByTheme }) => {
   const scannerT = useScannerI18n()
 
   return (
-    <List className="u-mv-half">
+    <List className="u-mv-half u-pv-0">
       {themesList.map(theme => {
         return (
           <ListItem

diff --git a/...cozy-mespapiers-lib/src/components/Placeholders/PlaceholderListModal/PlaceholdersList.jsx b/...cozy-mespapiers-lib/src/components/Placeholders/PlaceholderListModal/PlaceholdersList.jsx
@@ -17,7 +17,8 @@ import ActionMenuImportDropdown from '../ActionMenuImportDropdown'
 const useStyles = makeStyles(() => ({
   placeholderList: {
     minHeight: '15rem',
-    margin: '0.5rem 0'
+    margin: '0.5rem 0',
+    padding: 0
   },
   actionMenu: {
     position: 'absolute',

diff --git a/packages/cozy-mespapiers-lib/src/components/SearchResult/SearchResult.jsx b/packages/cozy-mespapiers-lib/src/components/SearchResult/SearchResult.jsx
@@ -92,7 +92,7 @@ const SearchResult = ({ filteredPapers }) => {
   return filesWithContacts.length > 0 ? (
     <>
       <ListSubheader>{t('PapersList.subheader')}</ListSubheader>
-      <List>
+      <List className="u-pv-0">
         {filesWithContacts.map(({ contact, file }) => {
           return (
             <SearchResultLine