@cloud-ru/ds-uikit-product-modal-predefined 1.0.42 → 1.0.43

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": "@cloud-ru/ds-uikit-product-modal-predefined",
3
- "version": "1.0.42",
3
+ "version": "1.0.43",
4
4
  "description": "Product preset-компоненты для delete, recall и release notes сценариев на базе Modal и BottomSheet.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -40,22 +40,22 @@
40
40
  ],
41
41
  "dependencies": {
42
42
  "classnames": "^2.5.1",
43
- "@cloud-ru/ds-adaptive": "^1.0.2",
44
43
  "@cloud-ru/ds-bottom-sheet": "^2.0.0",
45
- "@cloud-ru/ds-button": "^1.0.4",
46
- "@cloud-ru/ds-carousel": "^1.1.4",
44
+ "@cloud-ru/ds-adaptive": "^1.0.2",
47
45
  "@cloud-ru/ds-fields": "^2.5.2",
46
+ "@cloud-ru/ds-carousel": "^1.1.4",
48
47
  "@cloud-ru/ds-icons": "^1.5.0",
48
+ "@cloud-ru/ds-locale": "^1.0.0",
49
49
  "@cloud-ru/ds-info-block": "^1.0.3",
50
50
  "@cloud-ru/ds-markdown": "^1.0.40",
51
- "@cloud-ru/ds-locale": "^1.0.0",
51
+ "@cloud-ru/ds-button": "^1.0.4",
52
52
  "@cloud-ru/ds-modal": "^2.0.0",
53
53
  "@cloud-ru/ds-pagination": "^1.1.4",
54
54
  "@cloud-ru/ds-scroll": "^1.0.5",
55
55
  "@cloud-ru/ds-skeleton": "^1.0.2",
56
56
  "@cloud-ru/ds-tooltip": "^1.0.11",
57
- "@cloud-ru/ds-truncate-string": "^1.0.12",
58
57
  "@cloud-ru/ds-typography": "^1.0.1",
58
+ "@cloud-ru/ds-truncate-string": "^1.0.12",
59
59
  "@cloud-ru/ds-uikit-product-copy": "^1.1.11",
60
60
  "@cloud-ru/ds-utils": "^1.2.0"
61
61
  },
@@ -1,4 +1,4 @@
1
- import { APPEARANCE, Button, SIZE, VIEW } from '@cloud-ru/ds-button';
1
+ import { APPEARANCE } from '@cloud-ru/ds-button';
2
2
  import { ModalCustom, WIDTH } from '@cloud-ru/ds-modal';
3
3
  import { QuestionTooltip } from '@cloud-ru/ds-tooltip';
4
4
  import { useRef } from 'react';
@@ -88,27 +88,15 @@ export function DeleteModal({
88
88
  </div>
89
89
  }
90
90
  />
91
- <ModalCustom.Footer>
92
- <div className={styles.footer}>
93
- <Button
94
- size={SIZE.L}
95
- view={VIEW.Outline}
96
- appearance={APPEARANCE.Neutral}
97
- label={t('deleteModal.cancel')}
98
- onClick={handleClose}
99
- data-test-id={TEST_IDS.cancelButton}
100
- />
101
- <Button
102
- size={SIZE.L}
103
- view={VIEW.Filled}
104
- appearance={APPEARANCE.Critical}
105
- label={t('deleteModal.approve')}
106
- loading={deleting}
107
- onClick={handleApproveClick}
108
- data-test-id={TEST_IDS.approveButton}
109
- />
110
- </div>
111
- </ModalCustom.Footer>
91
+ <ModalCustom.Footer
92
+ cancelButton={{ label: t('deleteModal.cancel'), onClick: handleClose }}
93
+ approveButton={{
94
+ label: t('deleteModal.approve'),
95
+ appearance: APPEARANCE.Critical,
96
+ loading: deleting,
97
+ onClick: handleApproveClick,
98
+ }}
99
+ />
112
100
  </ModalCustom>
113
101
  );
114
102
  }
@@ -1,4 +1,4 @@
1
- import { APPEARANCE, Button, SIZE, VIEW } from '@cloud-ru/ds-button';
1
+ import { APPEARANCE } from '@cloud-ru/ds-button';
2
2
  import { ModalCustom, WIDTH } from '@cloud-ru/ds-modal';
3
3
  import { QuestionTooltip } from '@cloud-ru/ds-tooltip';
4
4
  import { useRef } from 'react';
@@ -83,27 +83,15 @@ export function RecallModal({
83
83
  </div>
84
84
  }
85
85
  />
86
- <ModalCustom.Footer>
87
- <div className={styles.footer}>
88
- <Button
89
- size={SIZE.L}
90
- view={VIEW.Outline}
91
- appearance={APPEARANCE.Neutral}
92
- label={t('recallModal.cancel')}
93
- onClick={handleClose}
94
- data-test-id={TEST_IDS.cancelButton}
95
- />
96
- <Button
97
- size={SIZE.L}
98
- view={VIEW.Filled}
99
- appearance={APPEARANCE.Critical}
100
- label={t('recallModal.approve')}
101
- loading={loading}
102
- onClick={handleApproveClick}
103
- data-test-id={TEST_IDS.approveButton}
104
- />
105
- </div>
106
- </ModalCustom.Footer>
86
+ <ModalCustom.Footer
87
+ cancelButton={{ label: t('recallModal.cancel'), onClick: handleClose }}
88
+ approveButton={{
89
+ label: t('recallModal.approve'),
90
+ appearance: APPEARANCE.Critical,
91
+ loading: loading,
92
+ onClick: handleApproveClick,
93
+ }}
94
+ />
107
95
  </ModalCustom>
108
96
  );
109
97
  }
package/src/constants.ts CHANGED
@@ -32,8 +32,8 @@ export const TEST_IDS = {
32
32
  deleteModal: 'delete-modal',
33
33
  recallModal: 'recall-modal',
34
34
  releaseNotes: 'release-notes',
35
- approveButton: 'modal-predefined__approve-button',
36
- cancelButton: 'modal-predefined__cancel-button',
35
+ approveButton: 'modal__footer-approve',
36
+ cancelButton: 'modal__footer-cancel',
37
37
  confirmInput: 'modal-predefined__confirm-input',
38
38
  confirmCopyButton: 'modal-predefined__confirm-copy-button',
39
39
  releaseNotesItem: 'modal-predefined__release-notes-item',
@@ -9,10 +9,3 @@
9
9
  flex-direction: column;
10
10
  row-gap: base.$sn-primitive-dimension-16;
11
11
  }
12
-
13
- .footer {
14
- display: flex;
15
- column-gap: base.$sn-primitive-dimension-8;
16
- justify-content: flex-end;
17
- width: 100%;
18
- }