@snack-uikit/modal 0.9.23 → 0.10.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.10.0 (2024-05-31)
+
+
+### Features
+
+* **FF-4718:** add external prop into link ([29ed86b](https://github.com/cloud-ru-tech/snack-uikit/commit/29ed86bb1b60ad6289f0cbcdb4f9e46b42b6f59b))
+
+
+
+
+
 ## 0.9.23 (2024-05-30)
 
 ### Only dependencies have been changed

package/README.md

@@ -65,7 +65,7 @@
 | content | `ReactNode` | - | Содержимое модального окна |
 | cancelButton | `Omit<ButtonOutlineProps, "data-test-id" \| "size">` | - | Кнопка отмены |
 | additionalButton | `Omit<ButtonSimpleProps, "data-test-id" \| "size">` | - | Вторая кнопка действия |
-| disclaimer | `{ text: string; link?: Pick<LinkProps, "text" \| "href" \| "target">; }` | - | Небольшой текст под кнопками футера с возможностью передать дополнительно ссылку |
+| disclaimer | `{ text: string; link?: Pick<LinkProps, "text" \| "href" \| "target" \| "external">; }` | - | Небольшой текст под кнопками футера с возможностью передать дополнительно ссылку |
 | size | "s" \| "m" \| "l" | s | Размер |
 | align | enum Align: `"vertical"`, `"default"`, `"center"` | default | Выравнивание, для разных размеров доступны разные значения <br> для size=`s` - все <br> для size=`m` - align=`default \| center` <br> для size=`l` - align=`default` |
 | picture | `JSXElementConstructor<{ size?: number; className?: string; }> \| ModalHeaderImage` | - | Можно передать иконку из пакета `@snack-uikit/icon-predefined`, или путь к картинке и атрибут `alt` |

package/dist/components/Modal/Modal.js

@@ -23,5 +23,5 @@ export function Modal(_a) {
     const aligns = getAlignProps({ align, size });
     const buttonsSize = getButtonsSize({ align, size });
     const picture = getPicture({ size, picture: pictureProp });
-    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 }), titleTooltip: titleTooltip, subtitle: subtitle, 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({}, approveButton, { size: buttonsSize, className: styles.footerButton, "data-test-id": TEST_IDS.approveButton })), cancelButton && (_jsx(ButtonOutline, Object.assign({}, cancelButton, { size: buttonsSize, className: styles.footerButton, "data-test-id": TEST_IDS.cancelButton }))), additionalButton && (_jsx(ButtonSimple, Object.assign({}, 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', external: true, "data-test-id": TEST_IDS.disclaimerLink })))] })), align: aligns.footer, className: styles.modalFooter })] })));
+    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 }), titleTooltip: titleTooltip, subtitle: subtitle, 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({}, approveButton, { size: buttonsSize, className: styles.footerButton, "data-test-id": TEST_IDS.approveButton })), cancelButton && (_jsx(ButtonOutline, Object.assign({}, cancelButton, { size: buttonsSize, className: styles.footerButton, "data-test-id": TEST_IDS.cancelButton }))), additionalButton && (_jsx(ButtonSimple, Object.assign({}, 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 })] })));
 }

package/dist/components/Modal/types.d.ts

@@ -22,7 +22,7 @@ type BaseModalProps = Omit<ModalCustomProps, 'children' | 'size'> & {
     /** Небольшой текст под кнопками футера с возможностью передать дополнительно ссылку */
     disclaimer?: {
         text: string;
-        link?: Pick<LinkProps, 'text' | 'href' | 'target'>;
+        link?: Pick<LinkProps, 'text' | 'href' | 'target' | 'external'>;
     };
 };
 export type ModalSProps = BaseModalProps & {

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Modal",
-  "version": "0.9.23",
+  "version": "0.10.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -47,5 +47,5 @@
   "devDependencies": {
     "@types/react-modal": "3.16.0"
   },
-  "gitHead": "6a5d30f58b1ca79c29b9f4b3078edbd8c02e15a4"
+  "gitHead": "13e85b0e3b38f78596e86b5765248598b2aa0fa5"
 }

package/src/components/Modal/Modal.tsx

@@ -80,7 +80,7 @@ export function Modal({
               <Typography.SansBodyS data-test-id={TEST_IDS.disclaimerText}>{disclaimer.text}</Typography.SansBodyS>
 
               {disclaimer.link && (
-                <Link {...disclaimer.link} size='s' external data-test-id={TEST_IDS.disclaimerLink} />
+                <Link external {...disclaimer.link} size='s' data-test-id={TEST_IDS.disclaimerLink} />
               )}
             </>
           )

package/src/components/Modal/types.ts

@@ -24,7 +24,7 @@ type BaseModalProps = Omit<ModalCustomProps, 'children' | 'size'> & {
   /** Небольшой текст под кнопками футера с возможностью передать дополнительно ссылку */
   disclaimer?: {
     text: string;
-    link?: Pick<LinkProps, 'text' | 'href' | 'target'>;
+    link?: Pick<LinkProps, 'text' | 'href' | 'target' | 'external'>;
   };
 };