cozy-ui 103.5.0 → 103.6.1

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/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ ## [103.6.1](https://github.com/cozy/cozy-ui/compare/v103.6.0...v103.6.1) (2024-02-19)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * **CozyDialogs:** Divider for small dialog wasn't fullwidth ([594ec4e](https://github.com/cozy/cozy-ui/commit/594ec4e))
7
+
8
+ # [103.6.0](https://github.com/cozy/cozy-ui/compare/v103.5.0...v103.6.0) (2024-02-15)
9
+
10
+
11
+ ### Features
12
+
13
+ * Add new translations for fine amount ([d7e681c](https://github.com/cozy/cozy-ui/commit/d7e681c))
14
+
1
15
  # [103.5.0](https://github.com/cozy/cozy-ui/compare/v103.4.0...v103.5.0) (2024-02-15)
2
16
 
3
17
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cozy-ui",
3
- "version": "103.5.0",
3
+ "version": "103.6.1",
4
4
  "description": "Cozy apps UI SDK",
5
5
  "main": "./index.js",
6
6
  "bin": {
@@ -16,6 +16,7 @@ const Dialog = props => {
16
16
  dialogTitleProps,
17
17
  fullScreen,
18
18
  id,
19
+ dividerProps,
19
20
  dialogActionsProps,
20
21
  dialogContentProps
21
22
  } = useCozyDialog(props)
@@ -45,7 +46,7 @@ const Dialog = props => {
45
46
  {title && (
46
47
  <>
47
48
  <DialogTitle {...dialogTitleProps}>{title}</DialogTitle>
48
- <Divider />
49
+ <Divider {...dividerProps} />
49
50
  </>
50
51
  )}
51
52
  <DialogContent {...dialogContentProps}>
@@ -16,6 +16,7 @@ const FixedActionsDialog = props => {
16
16
  dialogTitleProps,
17
17
  fullScreen,
18
18
  id,
19
+ dividerProps,
19
20
  dialogActionsProps,
20
21
  dialogContentProps
21
22
  } = useCozyDialog({ ...props, isFluidTitle: true })
@@ -52,7 +53,7 @@ const FixedActionsDialog = props => {
52
53
  {content}
53
54
  </div>
54
55
  </DialogContent>
55
- <Divider />
56
+ <Divider {...dividerProps} />
56
57
  {actions && (
57
58
  <DialogActions
58
59
  {...dialogActionsProps}
@@ -16,6 +16,7 @@ const FixedDialog = props => {
16
16
  dialogTitleProps,
17
17
  fullScreen,
18
18
  id,
19
+ dividerProps,
19
20
  dialogActionsProps,
20
21
  dialogContentProps
21
22
  } = useCozyDialog(props)
@@ -45,7 +46,7 @@ const FixedDialog = props => {
45
46
  {title && (
46
47
  <>
47
48
  <DialogTitle {...dialogTitleProps}>{title}</DialogTitle>
48
- <Divider />
49
+ <Divider {...dividerProps} />
49
50
  </>
50
51
  )}
51
52
  <DialogContent {...dialogContentProps}>
@@ -30,6 +30,7 @@
30
30
  "bicNumber": "BIC number",
31
31
  "passportNumber": "Passport number",
32
32
  "number": {
33
+ "fine": "Amount of the fine",
33
34
  "fidelity_card": "Card number",
34
35
  "driver_license": "License number",
35
36
  "caf": "CAF file number",
@@ -30,6 +30,7 @@
30
30
  "bicNumber": "Numéro BIC",
31
31
  "passportNumber": "Numéro du passeport",
32
32
  "number": {
33
+ "fine": "Montant de l'amende",
33
34
  "fidelity_card": "Numéro de la carte",
34
35
  "driver_license": "Numéro du permis",
35
36
  "caf": "Numéro de dossier CAF",
@@ -416,7 +416,11 @@ export const makeLightNormalOverrides = theme => ({
416
416
  padding: '0 8px 8px',
417
417
  height: 'auto',
418
418
  maxHeight: 'calc(100% - 32px)',
419
- borderRadius: '6px'
419
+ borderRadius: '6px',
420
+ '& .divider--dialog': {
421
+ marginLeft: '-8px',
422
+ marginRight: '-8px'
423
+ }
420
424
  }
421
425
  },
422
426
  '&.medium': {
@@ -52,6 +52,9 @@
52
52
  },
53
53
  "information": {
54
54
  "title": {
55
+ "fine": {
56
+ "number": "Amount of the fine"
57
+ },
55
58
  "fidelity_card": {
56
59
  "number": "Card number"
57
60
  },
@@ -52,6 +52,9 @@
52
52
  },
53
53
  "information": {
54
54
  "title": {
55
+ "fine": {
56
+ "number": "Montant de l'amende"
57
+ },
55
58
  "fidelity_card": {
56
59
  "number": "Numéro de la carte"
57
60
  },
@@ -21,6 +21,7 @@ var Dialog = function Dialog(props) {
21
21
  dialogTitleProps = _useCozyDialog.dialogTitleProps,
22
22
  fullScreen = _useCozyDialog.fullScreen,
23
23
  id = _useCozyDialog.id,
24
+ dividerProps = _useCozyDialog.dividerProps,
24
25
  dialogActionsProps = _useCozyDialog.dialogActionsProps,
25
26
  dialogContentProps = _useCozyDialog.dialogContentProps;
26
27
 
@@ -34,7 +35,7 @@ var Dialog = function Dialog(props) {
34
35
  }), fullScreen && onBackOrClose && /*#__PURE__*/React.createElement(DialogBackButton, {
35
36
  "data-testid": "modal-backclose-button-".concat(id),
36
37
  onClick: onBackOrClose
37
- }), title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DialogTitle, dialogTitleProps, title), /*#__PURE__*/React.createElement(Divider, null)), /*#__PURE__*/React.createElement(DialogContent, dialogContentProps, /*#__PURE__*/React.createElement("div", {
38
+ }), title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DialogTitle, dialogTitleProps, title), /*#__PURE__*/React.createElement(Divider, dividerProps)), /*#__PURE__*/React.createElement(DialogContent, dialogContentProps, /*#__PURE__*/React.createElement("div", {
38
39
  className: "dialogContentInner withFluidActions"
39
40
  }, /*#__PURE__*/React.createElement("div", {
40
41
  className: cx('dialogContentWrapper', {
@@ -29,6 +29,7 @@ var FixedActionsDialog = function FixedActionsDialog(props) {
29
29
  dialogTitleProps = _useCozyDialog.dialogTitleProps,
30
30
  fullScreen = _useCozyDialog.fullScreen,
31
31
  id = _useCozyDialog.id,
32
+ dividerProps = _useCozyDialog.dividerProps,
32
33
  dialogActionsProps = _useCozyDialog.dialogActionsProps,
33
34
  dialogContentProps = _useCozyDialog.dialogContentProps;
34
35
 
@@ -46,7 +47,7 @@ var FixedActionsDialog = function FixedActionsDialog(props) {
46
47
  className: "dialogContentInner"
47
48
  }, title && /*#__PURE__*/React.createElement("div", {
48
49
  className: "dialogTitleFluidContainer"
49
- }, /*#__PURE__*/React.createElement(DialogTitle, dialogTitleProps, title)), content)), /*#__PURE__*/React.createElement(Divider, null), actions && /*#__PURE__*/React.createElement(DialogActions, _extends({}, dialogActionsProps, {
50
+ }, /*#__PURE__*/React.createElement(DialogTitle, dialogTitleProps, title)), content)), /*#__PURE__*/React.createElement(Divider, dividerProps), actions && /*#__PURE__*/React.createElement(DialogActions, _extends({}, dialogActionsProps, {
50
51
  disableSpacing: true,
51
52
  className: cx({
52
53
  columnLayout: actionsLayout == 'column'
@@ -21,6 +21,7 @@ var FixedDialog = function FixedDialog(props) {
21
21
  dialogTitleProps = _useCozyDialog.dialogTitleProps,
22
22
  fullScreen = _useCozyDialog.fullScreen,
23
23
  id = _useCozyDialog.id,
24
+ dividerProps = _useCozyDialog.dividerProps,
24
25
  dialogActionsProps = _useCozyDialog.dialogActionsProps,
25
26
  dialogContentProps = _useCozyDialog.dialogContentProps;
26
27
 
@@ -34,7 +35,7 @@ var FixedDialog = function FixedDialog(props) {
34
35
  }), fullScreen && onBackOrClose && /*#__PURE__*/React.createElement(DialogBackButton, {
35
36
  "data-testid": "modal-backclose-button-".concat(id),
36
37
  onClick: onBackOrClose
37
- }), title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DialogTitle, dialogTitleProps, title), /*#__PURE__*/React.createElement(Divider, null)), /*#__PURE__*/React.createElement(DialogContent, dialogContentProps, /*#__PURE__*/React.createElement("div", {
38
+ }), title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DialogTitle, dialogTitleProps, title), /*#__PURE__*/React.createElement(Divider, dividerProps)), /*#__PURE__*/React.createElement(DialogContent, dialogContentProps, /*#__PURE__*/React.createElement("div", {
38
39
  className: "dialogContentInner"
39
40
  }, content)), /*#__PURE__*/React.createElement(Divider, null), actions && /*#__PURE__*/React.createElement(DialogActions, _extends({}, dialogActionsProps, {
40
41
  disableSpacing: true,
@@ -31,6 +31,7 @@ var en = {
31
31
  bicNumber: "BIC number",
32
32
  passportNumber: "Passport number",
33
33
  number: {
34
+ fine: "Amount of the fine",
34
35
  fidelity_card: "Card number",
35
36
  driver_license: "License number",
36
37
  caf: "CAF file number",
@@ -97,6 +98,7 @@ var fr = {
97
98
  bicNumber: "Num\xE9ro BIC",
98
99
  passportNumber: "Num\xE9ro du passeport",
99
100
  number: {
101
+ fine: "Montant de l'amende",
100
102
  fidelity_card: "Num\xE9ro de la carte",
101
103
  driver_license: "Num\xE9ro du permis",
102
104
  caf: "Num\xE9ro de dossier CAF",
@@ -391,7 +391,11 @@ export var makeLightNormalOverrides = function makeLightNormalOverrides(theme) {
391
391
  padding: '0 8px 8px',
392
392
  height: 'auto',
393
393
  maxHeight: 'calc(100% - 32px)',
394
- borderRadius: '6px'
394
+ borderRadius: '6px',
395
+ '& .divider--dialog': {
396
+ marginLeft: '-8px',
397
+ marginRight: '-8px'
398
+ }
395
399
  }),
396
400
  '&.medium': _defineProperty({}, theme.breakpoints.up('md'), {
397
401
  width: '544px',
@@ -53,6 +53,9 @@ var en = {
53
53
  },
54
54
  information: {
55
55
  title: {
56
+ fine: {
57
+ number: "Amount of the fine"
58
+ },
56
59
  fidelity_card: {
57
60
  number: "Card number"
58
61
  },
@@ -183,6 +186,9 @@ var fr = {
183
186
  },
184
187
  information: {
185
188
  title: {
189
+ fine: {
190
+ number: "Montant de l'amende"
191
+ },
186
192
  fidelity_card: {
187
193
  number: "Num\xE9ro de la carte"
188
194
  },