@atlaskit/section-message 8.5.1 → 8.6.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/section-message
 
+## 8.6.0
+
+### Minor Changes
+
+- [`98ff1fe25f14a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/98ff1fe25f14a) -
+  Introduces the `onDismiss` callback function for usage with the `isDismissible` prop.
+
+## 8.5.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 8.5.1
 
 ### Patch Changes

package/dist/cjs/section-message.js

@@ -52,14 +52,16 @@ var SectionMessage = /*#__PURE__*/(0, _react.forwardRef)(function SectionMessage
     title = _ref.title,
     icon = _ref.icon,
     isDismissible = _ref.isDismissible,
+    onDismiss = _ref.onDismiss,
     testId = _ref.testId;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     dismissed = _useState2[0],
     setDismissed = _useState2[1];
   var handleDismiss = (0, _react.useCallback)(function () {
+    onDismiss === null || onDismiss === void 0 || onDismiss();
     setDismissed(true);
-  }, []);
+  }, [onDismiss]);
   var _getAppearanceIconSty = (0, _appearanceIcon.getAppearanceIconStyles)(appearance, icon),
     primaryColor = _getAppearanceIconSty.primaryIconColor,
     secondaryColor = _getAppearanceIconSty.backgroundColor,

package/dist/es2019/section-message.js

@@ -41,12 +41,14 @@ const SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage({
   title,
   icon,
   isDismissible,
+  onDismiss,
   testId
 }, ref) {
   const [dismissed, setDismissed] = useState(false);
   const handleDismiss = useCallback(() => {
+    onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
     setDismissed(true);
-  }, []);
+  }, [onDismiss]);
   const {
     primaryIconColor: primaryColor,
     backgroundColor: secondaryColor,

package/dist/esm/section-message.js

@@ -43,14 +43,16 @@ var SectionMessage = /*#__PURE__*/forwardRef(function SectionMessage(_ref, ref)
     title = _ref.title,
     icon = _ref.icon,
     isDismissible = _ref.isDismissible,
+    onDismiss = _ref.onDismiss,
     testId = _ref.testId;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     dismissed = _useState2[0],
     setDismissed = _useState2[1];
   var handleDismiss = useCallback(function () {
+    onDismiss === null || onDismiss === void 0 || onDismiss();
     setDismissed(true);
-  }, []);
+  }, [onDismiss]);
   var _getAppearanceIconSty = getAppearanceIconStyles(appearance, icon),
     primaryColor = _getAppearanceIconSty.primaryIconColor,
     secondaryColor = _getAppearanceIconSty.backgroundColor,

package/dist/types/internal/appearance-icon.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type ComponentType } from 'react';
 import type { Appearance, SectionMessageProps } from '../types';
 export declare function getAppearanceIconStyles(appearance: Appearance, icon: SectionMessageProps['icon']): {
     Icon: React.ElementType<any, keyof React.JSX.IntrinsicElements> | (({ size, primaryColor, secondaryColor, }: {
@@ -8,5 +8,5 @@ export declare function getAppearanceIconStyles(appearance: Appearance, icon: Se
     }) => React.JSX.Element);
     backgroundColor: string;
     primaryIconColor: string;
-    LegacyFallbackIcon?: React.ComponentType<any> | undefined;
+    LegacyFallbackIcon?: ComponentType<any>;
 };

package/dist/types/section-message-action.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SectionMessageActionProps } from './types';
 /**
  * __Section message action__

package/dist/types/section-message.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SectionMessageProps } from './types';
 /**
  * __Section message__

package/dist/types/types.d.ts

@@ -39,6 +39,10 @@ export interface SectionMessageProps {
      * It does not handle persistence of the dismissed state across page reloads or remounts.
      */
     isDismissible?: boolean;
+    /**
+     * A callback function that is called when the user dismisses the message.
+     */
+    onDismiss?: () => void;
     /**
      * A `testId` prop is a unique string that appears as a data attribute `data-testid`
      * in the rendered code, serving as a hook for automated tests.

package/dist/types-ts4.5/internal/appearance-icon.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type ComponentType } from 'react';
 import type { Appearance, SectionMessageProps } from '../types';
 export declare function getAppearanceIconStyles(appearance: Appearance, icon: SectionMessageProps['icon']): {
     Icon: React.ElementType<any, keyof React.JSX.IntrinsicElements> | (({ size, primaryColor, secondaryColor, }: {
@@ -8,5 +8,5 @@ export declare function getAppearanceIconStyles(appearance: Appearance, icon: Se
     }) => React.JSX.Element);
     backgroundColor: string;
     primaryIconColor: string;
-    LegacyFallbackIcon?: React.ComponentType<any> | undefined;
+    LegacyFallbackIcon?: ComponentType<any>;
 };

package/dist/types-ts4.5/section-message-action.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SectionMessageActionProps } from './types';
 /**
  * __Section message action__

package/dist/types-ts4.5/section-message.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SectionMessageProps } from './types';
 /**
  * __Section message__

package/dist/types-ts4.5/types.d.ts

@@ -39,6 +39,10 @@ export interface SectionMessageProps {
      * It does not handle persistence of the dismissed state across page reloads or remounts.
      */
     isDismissible?: boolean;
+    /**
+     * A callback function that is called when the user dismisses the message.
+     */
+    onDismiss?: () => void;
     /**
      * A `testId` prop is a unique string that appears as a data attribute `data-testid`
      * in the rendered code, serving as a hook for automated tests.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/section-message",
-	"version": "8.5.1",
+	"version": "8.6.0",
 	"description": "A section message is used to alert users to a particular section of the screen.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,11 +38,11 @@
 		".": "./src/index.tsx"
 	},
 	"dependencies": {
-		"@atlaskit/button": "^23.3.0",
+		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.9.0",
+		"@atlaskit/icon": "^28.1.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.11.0",
@@ -61,14 +61,13 @@
 		"@atlaskit/code": "^17.2.0",
 		"@atlaskit/docs": "^11.0.0",
 		"@atlaskit/ds-lib": "^5.0.0",
-		"@atlaskit/form": "^12.0.0",
+		"@atlaskit/form": "^12.2.0",
 		"@atlaskit/range": "^9.2.0",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
-		"@atlassian/ssr-tests": "^0.2.0",
+		"@atlassian/ssr-tests": "^0.3.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
-		"react-dom": "^18.2.0",
-		"typescript": "~5.4.2"
+		"react-dom": "^18.2.0"
 	},
 	"techstack": {
 		"@atlassian/frontend": {

package/section-message/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/entry-points/section-message.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/entry-points/section-message.d.ts"
       ]

package/section-message-action/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/entry-points/section-message-action.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/entry-points/section-message-action.d.ts"
       ]

package/types/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/entry-points/types.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/entry-points/types.d.ts"
       ]