@synerise/ds-alert 0.7.48 → 0.7.50

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.7.50](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@0.7.49...@synerise/ds-alert@0.7.50) (2023-12-11)
+
+**Note:** Version bump only for package @synerise/ds-alert
+
+
+
+
+
+## [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.50",
   "description": "Alert UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -18,7 +18,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:css && npm run defs",
     "build:css": "node ../../../scripts/style/less.js",
-    "build:js": "babel --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
+    "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
     "build:watch": "npm run build:js -- --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "npm pack --pack-destination ../../portal/storybook-static/static",
@@ -33,8 +33,8 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.18.7",
-    "@synerise/ds-icon": "^0.58.7",
+    "@synerise/ds-button": "^0.18.8",
+    "@synerise/ds-icon": "^0.58.8",
     "animate.css": "^4.1.1",
     "react-animate-height": "^2.0.23",
     "react-dom": "16.13.0",
@@ -47,9 +47,9 @@
     "styled-components": "5.0.1"
   },
   "devDependencies": {
-    "@synerise/ds-utils": "^0.24.21",
+    "@synerise/ds-utils": "^0.24.22",
     "@testing-library/jest-dom": "5.1.1",
     "@testing-library/react": "10.0.1"
   },
-  "gitHead": "854aa713ea3fb1e9348fd351888da807f761a3f4"
+  "gitHead": "5ab278e69cd049334216bc9867cca2ce6a5fc218"
 }