@synerise/ds-alert 0.7.48 → 0.7.49

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.7.49](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@0.7.48...@synerise/ds-alert@0.7.49) (2023-11-09)
+
+
+### Bug Fixes
+
+* **SectionMessage:** [TC-1304] click handling when closing section message ([5ccd4af](https://github.com/Synerise/synerise-design/commit/5ccd4afd4c65f7afa33b69857400ebf9b53a90c5))
+
+
+
+
+
 ## [0.7.48](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@0.7.47...@synerise/ds-alert@0.7.48) (2023-10-30)
 
 **Note:** Version bump only for package @synerise/ds-alert

package/dist/SectionMessage/SectionMessage.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Props } from './SectionMessage.types';
-declare const SectionMessage: React.FC<Props>;
+declare const SectionMessage: ({ icon, type, message, description, showMoreLabel, onShowMore, onClose, newClient, moreButtons, withEmphasis, withLink, unorderedList, color, withClose, customColor, customColorIcon, customIcon, textButton, }: Props) => JSX.Element;
 export default SectionMessage;

package/dist/SectionMessage/SectionMessage.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React, { useMemo } from 'react';
 import Icon, { CloseM, WarningFillM, UserAddM, Check3M, HelpFillM, UserUpM, UpdateDataM, NotificationsReceiveM } from '@synerise/ds-icon';
 import Button from '@synerise/ds-button';
 import * as S from './SectionMessage.styles';
@@ -20,6 +20,7 @@ var SectionMessage = function SectionMessage(_ref) {
       description = _ref.description,
       showMoreLabel = _ref.showMoreLabel,
       onShowMore = _ref.onShowMore,
+      onClose = _ref.onClose,
       newClient = _ref.newClient,
       moreButtons = _ref.moreButtons,
       withEmphasis = _ref.withEmphasis,
@@ -31,18 +32,23 @@ var SectionMessage = function SectionMessage(_ref) {
       customColorIcon = _ref.customColorIcon,
       customIcon = _ref.customIcon,
       textButton = _ref.textButton;
-  var renderMessage = React.useMemo(function () {
+  var renderMessage = useMemo(function () {
     return /*#__PURE__*/React.createElement(S.AlertContent, {
       withLink: withLink
     }, message && /*#__PURE__*/React.createElement(S.AlertMessage, null, message), /*#__PURE__*/React.createElement(S.Text, null, description && /*#__PURE__*/React.createElement(S.AlertDescription, null, description), withLink && /*#__PURE__*/React.createElement(S.LinkWrapper, null, withLink), withEmphasis && !withLink && /*#__PURE__*/React.createElement(S.EmphasisWrapper, null, withEmphasis)), onShowMore && showMoreLabel && /*#__PURE__*/React.createElement(S.AlertShowMore, {
       onClick: onShowMore
     }, showMoreLabel), moreButtons, unorderedList && !moreButtons && unorderedList);
   }, [message, description, showMoreLabel, onShowMore, moreButtons, withEmphasis, withLink, unorderedList]);
-  var renderIcon = React.useMemo(function () {
+  var renderIcon = useMemo(function () {
     if (icon) return icon;
     if (ICONS[type]) return ICONS[type];
     return DEFAULT_ICON;
   }, [icon, type]);
+
+  var handleClose = function handleClose() {
+    onClose && onClose();
+  };
+
   return /*#__PURE__*/React.createElement(S.Container, {
     color: color,
     customColor: customColor
@@ -56,7 +62,9 @@ var SectionMessage = function SectionMessage(_ref) {
     mode: "icon-label"
   }, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(UserAddM, null)
-  }), textButton), withClose && /*#__PURE__*/React.createElement(S.IconCloseWrapper, null, /*#__PURE__*/React.createElement(Icon, {
+  }), textButton), withClose && /*#__PURE__*/React.createElement(S.IconCloseWrapper, {
+    onClick: handleClose
+  }, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(CloseM, null)
   })))));
 };

package/dist/SectionMessage/SectionMessage.types.d.ts

@@ -14,6 +14,7 @@ export interface Props extends Omit<AlertProps, 'type' | 'message'> {
     mode?: ModeType;
     showMoreLabel?: React.ReactNode;
     onShowMore?: () => void;
+    onClose?: () => void;
     newClient?: boolean | React.ReactNode;
     moreButtons?: boolean | React.ReactNode;
     withEmphasis?: React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-alert",
-  "version": "0.7.48",
+  "version": "0.7.49",
   "description": "Alert UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -51,5 +51,5 @@
     "@testing-library/jest-dom": "5.1.1",
     "@testing-library/react": "10.0.1"
   },
-  "gitHead": "854aa713ea3fb1e9348fd351888da807f761a3f4"
+  "gitHead": "88f117b388bae43df3daf3be6ca725ff0355e54b"
 }