@snack-uikit/modal 0.9.0 → 0.9.2

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.9.2 (2023-12-18)
+
+### Only dependencies have been changed
+* [@snack-uikit/icons@0.19.2](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/icons/CHANGELOG.md)
+* [@snack-uikit/link@0.9.2](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/link/CHANGELOG.md)
+* [@snack-uikit/tooltip@0.10.2](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/tooltip/CHANGELOG.md)
+* [@snack-uikit/truncate-string@0.4.2](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/truncate-string/CHANGELOG.md)
+
+
+
+
+
+## 0.9.1 (2023-12-14)
+
+### Only dependencies have been changed
+* [@snack-uikit/icons@0.19.1](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/icons/CHANGELOG.md)
+* [@snack-uikit/link@0.9.1](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/link/CHANGELOG.md)
+* [@snack-uikit/tooltip@0.10.1](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/tooltip/CHANGELOG.md)
+* [@snack-uikit/truncate-string@0.4.1](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/truncate-string/CHANGELOG.md)
+
+
+
+
+
 # 0.9.0 (2023-12-14)
 
 

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, Object.assign({ "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({}, disclaimer.link, { size: 's', external: true, "data-test-id": TEST_IDS.disclaimerLink })))] })), align: aligns.footer, className: styles.modalFooter })] })));
 }

package/dist/components/ModalCustom/ModalCustom.js

@@ -26,7 +26,7 @@ export function ModalCustom(_a) {
             onClose();
         }
     };
-    return (_jsxs(RCModal, Object.assign({ data: Object.assign(Object.assign({}, getDataTestAttributes(rest)), { size }), isOpen: open, onRequestClose: handleClose, appElement: document.body, overlayElement: (_, content) => (_jsx(OverlayElement, { blur: [MODE.Forced, MODE.Aggressive].includes(mode), content: content, onClose: handleClose })), className: cn(styles.modal, className) }, { children: [mode !== MODE.Forced && (_jsx("div", Object.assign({ className: styles.headerElements }, { children: _jsx(ButtonClose, { onClick: handleCloseButtonClick }) }))), children] })));
+    return (_jsxs(RCModal, { data: Object.assign(Object.assign({}, getDataTestAttributes(rest)), { size }), isOpen: open, onRequestClose: handleClose, appElement: document.body, overlayElement: (_, content) => (_jsx(OverlayElement, { blur: [MODE.Forced, MODE.Aggressive].includes(mode), content: content, onClose: handleClose })), className: cn(styles.modal, className), children: [mode !== MODE.Forced && (_jsx("div", { className: styles.headerElements, children: _jsx(ButtonClose, { onClick: handleCloseButtonClick }) })), children] }));
 }
 (function (ModalCustom) {
     ModalCustom.Header = ModalHeader;

package/dist/helperComponents/Body/Body.js

@@ -17,5 +17,5 @@ import { CONTENT_ALIGN, TEST_IDS } from '../../constants';
 import styles from './styles.module.css';
 export function ModalBody(_a) {
     var { content, align = CONTENT_ALIGN.Default, className } = _a, rest = __rest(_a, ["content", "align", "className"]);
-    return (_jsx(Scroll, Object.assign({ size: 'm', className: cn(styles.modalBody, className) }, extractSupportProps(rest), { "data-align": align, "data-test-id": TEST_IDS.content }, { children: content })));
+    return (_jsx(Scroll, Object.assign({ size: 'm', className: cn(styles.modalBody, className) }, extractSupportProps(rest), { "data-align": align, "data-test-id": TEST_IDS.content, children: content })));
 }

package/dist/helperComponents/ButtonClose/ButtonClose.js

@@ -3,5 +3,5 @@ import { CrossSVG } from '@snack-uikit/icons';
 import { TEST_IDS } from '../../constants';
 import styles from './styles.module.css';
 export function ButtonClose({ onClick }) {
-    return (_jsx("button", Object.assign({ className: styles.buttonClose, onClick: onClick, "aria-label": 'close modal', "data-test-id": TEST_IDS.closeButton }, { children: _jsx(CrossSVG, {}) })));
+    return (_jsx("button", { className: styles.buttonClose, onClick: onClick, "aria-label": 'close modal', "data-test-id": TEST_IDS.closeButton, children: _jsx(CrossSVG, {}) }));
 }

package/dist/helperComponents/Footer/Footer.js

@@ -16,5 +16,5 @@ import { ALIGN, TEST_IDS } from '../../constants';
 import styles from './styles.module.css';
 export function ModalFooter(_a) {
     var { actions, disclaimer, align = ALIGN.Default, className } = _a, rest = __rest(_a, ["actions", "disclaimer", "align", "className"]);
-    return (_jsxs("div", Object.assign({ "data-align": align, className: cn(styles.footer, className) }, extractSupportProps(rest), { "data-test-id": TEST_IDS.footer }, { children: [_jsx("div", Object.assign({ className: styles.footerActions }, { children: actions })), disclaimer && (_jsx("div", Object.assign({ className: styles.footerDisclaimer, "data-test-id": TEST_IDS.disclaimer }, { children: disclaimer })))] })));
+    return (_jsxs("div", Object.assign({ "data-align": align, className: cn(styles.footer, className) }, extractSupportProps(rest), { "data-test-id": TEST_IDS.footer, children: [_jsx("div", { className: styles.footerActions, children: actions }), disclaimer && (_jsx("div", { className: styles.footerDisclaimer, "data-test-id": TEST_IDS.disclaimer, children: disclaimer }))] })));
 }

package/dist/helperComponents/Header/Header.js

@@ -20,6 +20,6 @@ import { isPictureImage } from '../../utils';
 import styles from './styles.module.css';
 export function ModalHeader(_a) {
     var { title, titleTooltip, subtitle, align = CONTENT_ALIGN.Default, picture, className } = _a, rest = __rest(_a, ["title", "titleTooltip", "subtitle", "align", "picture", "className"]);
-    return (_jsxs("div", Object.assign({ className: cn(styles.header, className) }, extractSupportProps(rest), { "data-test-id": TEST_IDS.header }, { children: [picture &&
-                (isPictureImage(picture) ? (_jsx("img", { src: picture.src, alt: picture.alt, className: styles.image, "data-test-id": TEST_IDS.image })) : (_jsx("div", Object.assign({ className: styles.icon, "data-test-id": TEST_IDS.icon }, { children: _jsx(IconPredefined, { icon: picture, size: 'l' }) })))), _jsxs("div", Object.assign({ className: styles.headlineLayout, "data-align": align }, { children: [_jsxs("div", Object.assign({ className: styles.headline }, { children: [_jsx(Typography.SansHeadlineS, Object.assign({ className: styles.title, "data-test-id": TEST_IDS.title }, { children: title })), titleTooltip && _jsx(QuestionTooltip, { tip: titleTooltip, size: 's', "data-test-id": TEST_IDS.tooltip })] })), subtitle && (_jsx(Typography.SansBodyM, Object.assign({ className: styles.subtitle, "data-test-id": TEST_IDS.subtitle }, { children: subtitle })))] }))] })));
+    return (_jsxs("div", Object.assign({ className: cn(styles.header, className) }, extractSupportProps(rest), { "data-test-id": TEST_IDS.header, children: [picture &&
+                (isPictureImage(picture) ? (_jsx("img", { src: picture.src, alt: picture.alt, className: styles.image, "data-test-id": TEST_IDS.image })) : (_jsx("div", { className: styles.icon, "data-test-id": TEST_IDS.icon, children: _jsx(IconPredefined, { icon: picture, size: 'l' }) }))), _jsxs("div", { className: styles.headlineLayout, "data-align": align, children: [_jsxs("div", { className: styles.headline, children: [_jsx(Typography.SansHeadlineS, { className: styles.title, "data-test-id": TEST_IDS.title, children: title }), titleTooltip && _jsx(QuestionTooltip, { tip: titleTooltip, size: 's', "data-test-id": TEST_IDS.tooltip })] }), subtitle && (_jsx(Typography.SansBodyM, { className: styles.subtitle, "data-test-id": TEST_IDS.subtitle, children: subtitle }))] })] })));
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Modal",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -34,11 +34,11 @@
   "dependencies": {
     "@snack-uikit/button": "0.15.0",
     "@snack-uikit/icon-predefined": "0.4.0",
-    "@snack-uikit/icons": "0.19.0",
-    "@snack-uikit/link": "0.9.0",
+    "@snack-uikit/icons": "0.19.2",
+    "@snack-uikit/link": "0.9.2",
     "@snack-uikit/scroll": "0.5.0",
-    "@snack-uikit/tooltip": "0.10.0",
-    "@snack-uikit/truncate-string": "0.4.0",
+    "@snack-uikit/tooltip": "0.10.2",
+    "@snack-uikit/truncate-string": "0.4.2",
     "@snack-uikit/typography": "0.6.0",
     "@snack-uikit/utils": "3.2.0",
     "classnames": "2.3.2",
@@ -47,5 +47,5 @@
   "devDependencies": {
     "@types/react-modal": "3.16.0"
   },
-  "gitHead": "bd39c5e674f3b91b0e2487782a04b15034cf3d8b"
+  "gitHead": "50ef9bb113ec40897ffb3eeae62539ce82ade899"
 }