From f9a005aca7a5dc0df6bbf6391544910b2d603d28 Mon Sep 17 00:00:00 2001
From: rian mandala <60568628+rianmandala@users.noreply.github.com>
Date: Mon, 6 Jan 2025 13:26:06 +0700
Subject: [PATCH] feat: add notification warning (#76)

* feat: add warning notification

* chore: bump stable version
---
 lerna.json                                     |  2 +-
 packages/apsara-icons/package.json             |  2 +-
 packages/apsara-ui/package.json                |  2 +-
 .../src/Notification/Notification.stories.tsx  |  9 ++++++++-
 .../src/Notification/Notification.tsx          | 18 ++++++++++++++++++
 5 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/lerna.json b/lerna.json
index f0b0ccb3..435739a6 100644
--- a/lerna.json
+++ b/lerna.json
@@ -2,7 +2,7 @@
     "packages": ["packages/*"],
     "npmClient": "yarn",
     "useWorkspaces": true,
-    "version": "0.11.3",
+    "version": "0.11.4",
     "command": {
         "version": {
             "message": "chore(release): publish %s"
diff --git a/packages/apsara-icons/package.json b/packages/apsara-icons/package.json
index 231c20de..88ce6997 100644
--- a/packages/apsara-icons/package.json
+++ b/packages/apsara-icons/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@goto-company/icons",
-    "version": "0.11.3",
+    "version": "0.11.4",
     "description": "Apsara icons",
     "scripts": {
         "build": "node scripts/build.js",
diff --git a/packages/apsara-ui/package.json b/packages/apsara-ui/package.json
index 8ba1d914..00ee1142 100644
--- a/packages/apsara-ui/package.json
+++ b/packages/apsara-ui/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@goto-company/apsara",
-    "version": "0.11.3",
+    "version": "0.11.4",
     "description": "A list of base components for apsara",
     "author": "Praveen Yadav <praveen.yadav@go-jek.com>",
     "license": "Apache-2.0",
diff --git a/packages/apsara-ui/src/Notification/Notification.stories.tsx b/packages/apsara-ui/src/Notification/Notification.stories.tsx
index 7abcafa3..baca2e53 100644
--- a/packages/apsara-ui/src/Notification/Notification.stories.tsx
+++ b/packages/apsara-ui/src/Notification/Notification.stories.tsx
@@ -17,7 +17,7 @@ export const notifications = () => {
 };
 
 const _Notifications = () => {
-    const { showError, showNotification, showSuccess } = useNotification();
+    const { showError, showNotification, showSuccess, showWarning } = useNotification();
 
     return (
         <div style={{ display: "flex" }}>
@@ -35,6 +35,13 @@ const _Notifications = () => {
             >
                 show Error
             </Button>
+            <Button
+                onClick={() => {
+                    showWarning("warning", "this is a test warning");
+                }}
+            >
+                show Warning
+            </Button>
             <Button
                 onClick={() => {
                     showNotification({
diff --git a/packages/apsara-ui/src/Notification/Notification.tsx b/packages/apsara-ui/src/Notification/Notification.tsx
index c3ba4c8c..c7d324e6 100644
--- a/packages/apsara-ui/src/Notification/Notification.tsx
+++ b/packages/apsara-ui/src/Notification/Notification.tsx
@@ -24,6 +24,7 @@ export interface Notifier {
     showNotification: (notification: Notification) => void;
     showSuccess: (title: string, content?: string) => void;
     showError: (title: string, content?: string) => void;
+    showWarning: (title: string, content?: string) => void;
 }
 
 export const useNotification = () => {
@@ -70,11 +71,27 @@ export const NotificationProvider = ({ children }: any) => {
         [setNotifications],
     );
 
+    const showWarning = useCallback(
+        (title: string, content?: string) => {
+            setNotifications((prevNotifications) => [
+                ...prevNotifications,
+                {
+                    title: title,
+                    content: content,
+                    id: uuid(),
+                    icon: <Icon name="error" color="orange" size={32} />,
+                },
+            ]);
+        },
+        [setNotifications],
+    );
+
     const contextValue = useMemo(
         () => ({
             showNotification,
             showSuccess,
             showError,
+            showWarning,
         }),
         [showNotification, showSuccess, showError],
     );
@@ -120,6 +137,7 @@ const NotificationContext = createContext<Notifier>({
     showNotification: (_notification: Notification) => {},
     showSuccess: (_title: string, _content?: string) => {},
     showError: (_title: string, _content?: string) => {},
+    showWarning: (_title: string, _content?: string) => {},
 });
 
 const uuid = () => {