@snack-uikit/modal 0.11.4 → 0.12.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/CHANGELOG.md CHANGED
@@ -3,6 +3,22 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # 0.12.0 (2024-08-02)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **FF-3788:** updated typescript to v5 ([89e3338](https://github.com/cloud-ru-tech/snack-uikit/commit/89e3338a3ef4df24e4c20d9a9c8cd16e7934ba63))
12
+
13
+
14
+ ### BREAKING CHANGES
15
+
16
+
17
+ * **PDS-349:** link property external deleted ([fe15016](https://github.com/cloud-ru-tech/snack-uikit/commit/fe150162c9a6bdec5d43dabe1e1a8296ddbe0cd4))
18
+
19
+
20
+
21
+
6
22
  ## 0.11.4 (2024-07-19)
7
23
 
8
24
  ### Only dependencies have been changed
package/README.md CHANGED
@@ -65,7 +65,7 @@
65
65
  | content | `ReactNode` | - | Содержимое модального окна |
66
66
  | cancelButton | `Omit<ButtonOutlineProps, "data-test-id" \| "size">` | - | Кнопка отмены |
67
67
  | additionalButton | `Omit<ButtonSimpleProps, "data-test-id" \| "size">` | - | Вторая кнопка действия |
68
- | disclaimer | `{ text: string; link?: Pick<LinkProps, "text" \| "href" \| "target" \| "external">; }` | - | Небольшой текст под кнопками футера с возможностью передать дополнительно ссылку |
68
+ | disclaimer | `{ text: string; link?: Pick<LinkProps, "text" \| "href" \| "target">; }` | - | Небольшой текст под кнопками футера с возможностью передать дополнительно ссылку |
69
69
  | truncate | `{ title?: number; subtitle?: number; }` | '{ <br>title: 1; <br>subtitle: 2; }' | Максимальное кол-во строк <br> - `title` - в заголовке <br> - `subtitle` - в подзаголовке |
70
70
  | size | "s" \| "m" \| "l" | s | Размер |
71
71
  | align | enum Align: `"vertical"`, `"default"`, `"center"` | default | Выравнивание, для разных размеров доступны разные значения <br> для size=`s` - все <br> для size=`m` - align=`default \| center` <br> для size=`l` - align=`default` |
@@ -23,5 +23,5 @@ export function Modal(_a) {
23
23
  const aligns = getAlignProps({ align, size });
24
24
  const buttonsSize = getButtonsSize({ align, size });
25
25
  const picture = getPicture({ size, picture: pictureProp });
26
- return (_jsxs(ModalCustom, Object.assign({ open: open, onClose: onClose, size: size, mode: mode, className: className }, rest, { children: [_jsx(ModalCustom.Header, { title: _jsx(TruncateString, { text: title, maxLines: (truncate === null || truncate === void 0 ? void 0 : truncate.title) || 1 }), titleTooltip: titleTooltip, subtitle: subtitle ? _jsx(TruncateString, { text: subtitle, maxLines: (truncate === null || truncate === void 0 ? void 0 : truncate.subtitle) || 2 }) : undefined, picture: picture, align: aligns.header }), Boolean(content) && _jsx(ModalCustom.Body, { content: content, align: aligns.body }), _jsx(ModalCustom.Footer, { actions: _jsxs(_Fragment, { children: [_jsx(ButtonFilled, Object.assign({ appearance: 'primary' }, approveButton, { size: buttonsSize, className: styles.footerButton, "data-test-id": TEST_IDS.approveButton })), cancelButton && (_jsx(ButtonOutline, Object.assign({ appearance: 'neutral' }, cancelButton, { size: buttonsSize, className: styles.footerButton, "data-test-id": TEST_IDS.cancelButton }))), additionalButton && (_jsx(ButtonSimple, Object.assign({ appearance: 'neutral' }, additionalButton, { size: buttonsSize, className: styles.footerButton, "data-test-id": TEST_IDS.additionalButton })))] }), disclaimer: disclaimer && (_jsxs(_Fragment, { children: [_jsx(Typography.SansBodyS, { "data-test-id": TEST_IDS.disclaimerText, children: disclaimer.text }), disclaimer.link && (_jsx(Link, Object.assign({ external: true }, disclaimer.link, { size: 's', "data-test-id": TEST_IDS.disclaimerLink })))] })), align: aligns.footer, className: styles.modalFooter })] })));
26
+ return (_jsxs(ModalCustom, Object.assign({ open: open, onClose: onClose, size: size, mode: mode, className: className }, rest, { children: [_jsx(ModalCustom.Header, { title: _jsx(TruncateString, { text: title, maxLines: (truncate === null || truncate === void 0 ? void 0 : truncate.title) || 1 }), titleTooltip: titleTooltip, subtitle: subtitle ? _jsx(TruncateString, { text: subtitle, maxLines: (truncate === null || truncate === void 0 ? void 0 : truncate.subtitle) || 2 }) : undefined, picture: picture, align: aligns.header }), Boolean(content) && _jsx(ModalCustom.Body, { content: content, align: aligns.body }), _jsx(ModalCustom.Footer, { actions: _jsxs(_Fragment, { children: [_jsx(ButtonFilled, Object.assign({ appearance: 'primary' }, approveButton, { size: buttonsSize, className: styles.footerButton, "data-test-id": TEST_IDS.approveButton })), cancelButton && (_jsx(ButtonOutline, Object.assign({ appearance: 'neutral' }, cancelButton, { size: buttonsSize, className: styles.footerButton, "data-test-id": TEST_IDS.cancelButton }))), additionalButton && (_jsx(ButtonSimple, Object.assign({ appearance: 'neutral' }, additionalButton, { size: buttonsSize, className: styles.footerButton, "data-test-id": TEST_IDS.additionalButton })))] }), disclaimer: disclaimer && (_jsxs(_Fragment, { children: [_jsx(Typography.SansBodyS, { "data-test-id": TEST_IDS.disclaimerText, children: disclaimer.text }), disclaimer.link && _jsx(Link, Object.assign({}, disclaimer.link, { size: 's', "data-test-id": TEST_IDS.disclaimerLink }))] })), align: aligns.footer, className: styles.modalFooter })] })));
27
27
  }
@@ -22,7 +22,7 @@ type BaseModalProps = Omit<ModalCustomProps, 'children' | 'size'> & {
22
22
  /** Небольшой текст под кнопками футера с возможностью передать дополнительно ссылку */
23
23
  disclaimer?: {
24
24
  text: string;
25
- link?: Pick<LinkProps, 'text' | 'href' | 'target' | 'external'>;
25
+ link?: Pick<LinkProps, 'text' | 'href' | 'target'>;
26
26
  };
27
27
  /**
28
28
  * Максимальное кол-во строк
package/dist/utils.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ModalHeaderImage, ModalHeaderProps } from './helperComponents';
3
2
  import { Align, Size } from './types';
4
3
  export declare function getAlignProps({ align, size }: {
@@ -26,6 +25,6 @@ export declare function getPicture({ size, picture }: {
26
25
  size: Size;
27
26
  picture: ModalHeaderProps['picture'];
28
27
  }): import("react").JSXElementConstructor<{
29
- size?: number | undefined;
30
- className?: string | undefined;
28
+ size?: number;
29
+ className?: string;
31
30
  }> | ModalHeaderImage | undefined;
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Modal",
7
- "version": "0.11.4",
7
+ "version": "0.12.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -35,7 +35,7 @@
35
35
  "@snack-uikit/button": "0.17.2",
36
36
  "@snack-uikit/icon-predefined": "0.5.1",
37
37
  "@snack-uikit/icons": "0.22.0",
38
- "@snack-uikit/link": "0.12.4",
38
+ "@snack-uikit/link": "0.13.0",
39
39
  "@snack-uikit/scroll": "0.6.0",
40
40
  "@snack-uikit/tooltip": "0.13.7",
41
41
  "@snack-uikit/truncate-string": "0.4.20",
@@ -47,5 +47,5 @@
47
47
  "devDependencies": {
48
48
  "@types/react-modal": "3.16.0"
49
49
  },
50
- "gitHead": "4c153b54a2902cf20883d85b4dc753344313c6cb"
50
+ "gitHead": "86e5b8fc3a6235eddccf75485b6e989b6baf9a86"
51
51
  }
@@ -83,9 +83,7 @@ export function Modal({
83
83
  <>
84
84
  <Typography.SansBodyS data-test-id={TEST_IDS.disclaimerText}>{disclaimer.text}</Typography.SansBodyS>
85
85
 
86
- {disclaimer.link && (
87
- <Link external {...disclaimer.link} size='s' data-test-id={TEST_IDS.disclaimerLink} />
88
- )}
86
+ {disclaimer.link && <Link {...disclaimer.link} size='s' data-test-id={TEST_IDS.disclaimerLink} />}
89
87
  </>
90
88
  )
91
89
  }
@@ -24,7 +24,7 @@ type BaseModalProps = Omit<ModalCustomProps, 'children' | 'size'> & {
24
24
  /** Небольшой текст под кнопками футера с возможностью передать дополнительно ссылку */
25
25
  disclaimer?: {
26
26
  text: string;
27
- link?: Pick<LinkProps, 'text' | 'href' | 'target' | 'external'>;
27
+ link?: Pick<LinkProps, 'text' | 'href' | 'target'>;
28
28
  };
29
29
  /**
30
30
  * Максимальное кол-во строк