cozy-sharing 10.3.0 → 10.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cozy-sharing",
3
- "version": "10.3.0",
3
+ "version": "10.4.0",
4
4
  "description": "Provides sharing login for React applications.",
5
5
  "main": "dist/index.js",
6
6
  "author": "Cozy",
@@ -39,8 +39,8 @@
39
39
  "babel-jest": "26.6.3",
40
40
  "babel-plugin-css-modules-transform": "1.6.2",
41
41
  "babel-plugin-inline-react-svg": "1.1.2",
42
- "cozy-client": "40.5.0",
43
- "cozy-ui": "93.1.1",
42
+ "cozy-client": "^45.14.0",
43
+ "cozy-ui": "^103.8.2",
44
44
  "enzyme": "3.11.0",
45
45
  "enzyme-adapter-react-16": "1.15.6",
46
46
  "enzyme-to-json": "3.6.2",
@@ -50,9 +50,9 @@
50
50
  "react-router": "^5.0.1"
51
51
  },
52
52
  "peerDependencies": {
53
- "cozy-client": "^40.5.0",
53
+ "cozy-client": ">=45.14.0",
54
54
  "cozy-realtime": "^3.11.0",
55
- "cozy-ui": ">=93.1.1",
55
+ "cozy-ui": ">=103.8.1",
56
56
  "prop-types": "^15.7.2",
57
57
  "react": "^16.12.0",
58
58
  "react-router": "^5.0.1"
@@ -60,5 +60,5 @@
60
60
  "sideEffects": [
61
61
  "*.css"
62
62
  ],
63
- "gitHead": "4f5a6b23fb9df75f5f564f5d41667e922742b05b"
63
+ "gitHead": "e3e6b6ca27bfcc2c61893eeb763c43f926308630"
64
64
  }
@@ -129,7 +129,7 @@ const SharingBannerByLinkText = () => {
129
129
  </a>
130
130
  )
131
131
  return (
132
- <span style={{ color: 'var(--textIconColor)' }}>
132
+ <span style={{ color: 'var(--iconTextColor)' }}>
133
133
  {text} {knowMore}
134
134
  </span>
135
135
  )
@@ -132,46 +132,51 @@ exports[`ContactSuggestion component should display contact suggestion for a con
132
132
  <ListItemIcon
133
133
  key=".$.$.0"
134
134
  >
135
- <ForwardRef(ListItemIcon)
136
- classes={
137
- Object {
138
- "alignItemsFlexStart": "MuiListItemIcon-alignItemsFlexStart",
139
- "root": "MuiListItemIcon-root",
140
- }
141
- }
135
+ <WithStyles(ForwardRef(ListItemIcon))
136
+ className="cozyListItemIcon"
142
137
  >
143
- <div
144
- className="MuiListItemIcon-root"
138
+ <ForwardRef(ListItemIcon)
139
+ className="cozyListItemIcon"
140
+ classes={
141
+ Object {
142
+ "alignItemsFlexStart": "MuiListItemIcon-alignItemsFlexStart",
143
+ "root": "MuiListItemIcon-root",
144
+ }
145
+ }
145
146
  >
146
- <Avatar
147
- className=""
148
- disabled={false}
149
- ghost={false}
150
- icon={[Function]}
151
- image=""
152
- size="small"
153
- style={Object {}}
154
- text="JS"
147
+ <div
148
+ className="MuiListItemIcon-root cozyListItemIcon"
155
149
  >
156
- <div
157
- className="styles__c-avatar___PpDI- styles__c-avatar--text___2dvna"
158
- data-testid="Avatar"
159
- style={
160
- Object {
161
- "--circleSize": "32px",
162
- "backgroundColor": "#C2ADF4",
163
- }
164
- }
150
+ <Avatar
151
+ className=""
152
+ disabled={false}
153
+ ghost={false}
154
+ icon={[Function]}
155
+ image=""
156
+ size="small"
157
+ style={Object {}}
158
+ text="JS"
165
159
  >
166
- <span
167
- className="styles__c-avatar-initials___310qC"
160
+ <div
161
+ className="styles__c-avatar___PpDI- styles__c-avatar--text___2dvna"
162
+ data-testid="Avatar"
163
+ style={
164
+ Object {
165
+ "--circleSize": "32px",
166
+ "backgroundColor": "#C2ADF4",
167
+ }
168
+ }
168
169
  >
169
- JS
170
- </span>
171
- </div>
172
- </Avatar>
173
- </div>
174
- </ForwardRef(ListItemIcon)>
170
+ <span
171
+ className="styles__c-avatar-initials___310qC"
172
+ >
173
+ JS
174
+ </span>
175
+ </div>
176
+ </Avatar>
177
+ </div>
178
+ </ForwardRef(ListItemIcon)>
179
+ </WithStyles(ForwardRef(ListItemIcon))>
175
180
  </ListItemIcon>
176
181
  <ListItemText
177
182
  ellipsis={true}
@@ -501,46 +506,51 @@ exports[`ContactSuggestion component should display contact suggestion for a con
501
506
  <ListItemIcon
502
507
  key=".$.$.0"
503
508
  >
504
- <ForwardRef(ListItemIcon)
505
- classes={
506
- Object {
507
- "alignItemsFlexStart": "MuiListItemIcon-alignItemsFlexStart",
508
- "root": "MuiListItemIcon-root",
509
- }
510
- }
509
+ <WithStyles(ForwardRef(ListItemIcon))
510
+ className="cozyListItemIcon"
511
511
  >
512
- <div
513
- className="MuiListItemIcon-root"
512
+ <ForwardRef(ListItemIcon)
513
+ className="cozyListItemIcon"
514
+ classes={
515
+ Object {
516
+ "alignItemsFlexStart": "MuiListItemIcon-alignItemsFlexStart",
517
+ "root": "MuiListItemIcon-root",
518
+ }
519
+ }
514
520
  >
515
- <Avatar
516
- className=""
517
- disabled={false}
518
- ghost={false}
519
- icon={[Function]}
520
- image=""
521
- size="small"
522
- style={Object {}}
523
- text="J"
521
+ <div
522
+ className="MuiListItemIcon-root cozyListItemIcon"
524
523
  >
525
- <div
526
- className="styles__c-avatar___PpDI- styles__c-avatar--text___2dvna"
527
- data-testid="Avatar"
528
- style={
529
- Object {
530
- "--circleSize": "32px",
531
- "backgroundColor": "#0DCBCF",
532
- }
533
- }
524
+ <Avatar
525
+ className=""
526
+ disabled={false}
527
+ ghost={false}
528
+ icon={[Function]}
529
+ image=""
530
+ size="small"
531
+ style={Object {}}
532
+ text="J"
534
533
  >
535
- <span
536
- className="styles__c-avatar-initials___310qC"
534
+ <div
535
+ className="styles__c-avatar___PpDI- styles__c-avatar--text___2dvna"
536
+ data-testid="Avatar"
537
+ style={
538
+ Object {
539
+ "--circleSize": "32px",
540
+ "backgroundColor": "#0DCBCF",
541
+ }
542
+ }
537
543
  >
538
- J
539
- </span>
540
- </div>
541
- </Avatar>
542
- </div>
543
- </ForwardRef(ListItemIcon)>
544
+ <span
545
+ className="styles__c-avatar-initials___310qC"
546
+ >
547
+ J
548
+ </span>
549
+ </div>
550
+ </Avatar>
551
+ </div>
552
+ </ForwardRef(ListItemIcon)>
553
+ </WithStyles(ForwardRef(ListItemIcon))>
544
554
  </ListItemIcon>
545
555
  <ListItemText
546
556
  ellipsis={true}
@@ -921,46 +931,51 @@ exports[`ContactSuggestion component should display contact suggestion for a gro
921
931
  <ListItemIcon
922
932
  key=".$.$.0"
923
933
  >
924
- <ForwardRef(ListItemIcon)
925
- classes={
926
- Object {
927
- "alignItemsFlexStart": "MuiListItemIcon-alignItemsFlexStart",
928
- "root": "MuiListItemIcon-root",
929
- }
930
- }
934
+ <WithStyles(ForwardRef(ListItemIcon))
935
+ className="cozyListItemIcon"
931
936
  >
932
- <div
933
- className="MuiListItemIcon-root"
937
+ <ForwardRef(ListItemIcon)
938
+ className="cozyListItemIcon"
939
+ classes={
940
+ Object {
941
+ "alignItemsFlexStart": "MuiListItemIcon-alignItemsFlexStart",
942
+ "root": "MuiListItemIcon-root",
943
+ }
944
+ }
934
945
  >
935
- <Avatar
936
- className=""
937
- disabled={false}
938
- ghost={false}
939
- icon={[Function]}
940
- image=""
941
- size="small"
942
- style={Object {}}
943
- text="G"
946
+ <div
947
+ className="MuiListItemIcon-root cozyListItemIcon"
944
948
  >
945
- <div
946
- className="styles__c-avatar___PpDI- styles__c-avatar--text___2dvna"
947
- data-testid="Avatar"
948
- style={
949
- Object {
950
- "--circleSize": "32px",
951
- "backgroundColor": "#7F6BEE",
952
- }
953
- }
949
+ <Avatar
950
+ className=""
951
+ disabled={false}
952
+ ghost={false}
953
+ icon={[Function]}
954
+ image=""
955
+ size="small"
956
+ style={Object {}}
957
+ text="G"
954
958
  >
955
- <span
956
- className="styles__c-avatar-initials___310qC"
959
+ <div
960
+ className="styles__c-avatar___PpDI- styles__c-avatar--text___2dvna"
961
+ data-testid="Avatar"
962
+ style={
963
+ Object {
964
+ "--circleSize": "32px",
965
+ "backgroundColor": "#7F6BEE",
966
+ }
967
+ }
957
968
  >
958
- G
959
- </span>
960
- </div>
961
- </Avatar>
962
- </div>
963
- </ForwardRef(ListItemIcon)>
969
+ <span
970
+ className="styles__c-avatar-initials___310qC"
971
+ >
972
+ G
973
+ </span>
974
+ </div>
975
+ </Avatar>
976
+ </div>
977
+ </ForwardRef(ListItemIcon)>
978
+ </WithStyles(ForwardRef(ListItemIcon))>
964
979
  </ListItemIcon>
965
980
  <ListItemText
966
981
  ellipsis={true}
@@ -1,5 +1,3 @@
1
- @require 'settings/palette.styl'
2
-
3
1
  .fil-mobileactionmenu
4
2
  color var(--charcoalGrey)
5
3
  hr
@@ -1,6 +1,3 @@
1
- @require 'settings/palette.styl'
2
- @require 'settings/z-index.styl'
3
-
4
1
  .container
5
2
  position relative
6
3
 
@@ -9,7 +6,7 @@
9
6
  position absolute
10
7
  top 100%
11
8
  margin-top .25rem
12
- z-index $alert-index-mobile
9
+ z-index var(--zIndex-alertMobile)
13
10
  width 100%
14
11
  overflow hidden
15
12
  box-shadow 0px 0px 0px 0.5px rgba(29, 33, 42, 0.12), 0px 2px 4px rgba(29, 33, 42, 0.0793047), 0px 4px 16px rgba(29, 33, 42, 0.06)
@@ -1,6 +1,5 @@
1
1
  @require 'components/button.styl'
2
2
  @require 'settings/breakpoints.styl'
3
- @require 'settings/palette.styl'
4
3
 
5
4
  :root
6
5
  --genericRecipientBackground: var(--slateGrey)
@@ -1,7 +1,6 @@
1
1
  @require 'components/forms.styl'
2
2
  @require 'components/popover.styl'
3
3
  @require 'settings/breakpoints.styl'
4
- @require 'settings/palette.styl'
5
4
 
6
5
  .share-byemail-onlybylink
7
6
  background var(--paleGrey)