namirasoft-site-react 1.3.63 → 1.3.64

package/dist/components/NSNotification.d.ts

@@ -1,14 +1,21 @@
 import { BaseComponentProps } from "../props/BaseComponentProps";
 export interface NSNotificationProps extends BaseComponentProps {
-    title: string;
-    type: NSNotificationType;
+    text: string;
+    type: NotificationType;
+    color: NSNotificationColor;
     onClose: () => void;
 }
-export declare enum NSNotificationType {
+export declare enum NSNotificationColor {
     GRAY = "GRAY",
     BLUE = "BLUE",
     GREEN = "GREEN",
     YELLOW = "YELLOW",
     RED = "RED"
 }
+export declare enum NotificationType {
+    Information = "Information",
+    Warning = "Warning",
+    Success = "Success",
+    Error = "Error"
+}
 export declare function NSNotification(props: NSNotificationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSNotification.js

@@ -1,16 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Exit from '../assets/images/close-vector.png';
 import Styles from "./NSNotification.module.css";
-export var NSNotificationType;
-(function (NSNotificationType) {
-    NSNotificationType["GRAY"] = "GRAY";
-    NSNotificationType["BLUE"] = "BLUE";
-    NSNotificationType["GREEN"] = "GREEN";
-    NSNotificationType["YELLOW"] = "YELLOW";
-    NSNotificationType["RED"] = "RED";
-})(NSNotificationType || (NSNotificationType = {}));
+export var NSNotificationColor;
+(function (NSNotificationColor) {
+    NSNotificationColor["GRAY"] = "GRAY";
+    NSNotificationColor["BLUE"] = "BLUE";
+    NSNotificationColor["GREEN"] = "GREEN";
+    NSNotificationColor["YELLOW"] = "YELLOW";
+    NSNotificationColor["RED"] = "RED";
+})(NSNotificationColor || (NSNotificationColor = {}));
+export var NotificationType;
+(function (NotificationType) {
+    NotificationType["Information"] = "Information";
+    NotificationType["Warning"] = "Warning";
+    NotificationType["Success"] = "Success";
+    NotificationType["Error"] = "Error";
+})(NotificationType || (NotificationType = {}));
 export function NSNotification(props) {
-    let className = Styles["ns_" + props.type.toString().toLowerCase];
-    return (_jsxs("div", { id: props.id, className: `${Styles.ns_messenger} ${className}`, style: props.style, children: [_jsx("p", { className: `mb-0 ns-font-16-normal`, children: props.title }), _jsx("img", { className: Styles.ns_exit_icon, src: Exit, alt: "exit", width: 32, height: 32, onClick: props.onClose })] }));
+    let className = Styles["ns_" + props.color.toString().toLowerCase];
+    return (_jsxs("div", { id: props.id, className: `${Styles.ns_messenger} ${className}`, style: props.style, children: [_jsx("p", { className: `mb-0 ns-font-16-normal`, children: props.text }), _jsx("img", { className: Styles.ns_exit_icon, src: Exit, alt: "exit", width: 32, height: 32, onClick: props.onClose })] }));
 }
 //# sourceMappingURL=NSNotification.js.map

package/dist/components/NSNotification.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSNotification.js","sourceRoot":"","sources":["../../src/components/NSNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,mCAAmC,CAAC;AACrD,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAUjD,MAAM,CAAN,IAAY,kBAOX;AAPD,WAAY,kBAAkB;IAE1B,mCAAa,CAAA;IACb,mCAAa,CAAA;IACb,qCAAe,CAAA;IACf,uCAAiB,CAAA;IACjB,iCAAW,CAAA;AACf,CAAC,EAPW,kBAAkB,KAAlB,kBAAkB,QAO7B;AAED,MAAM,UAAU,cAAc,CAAC,KAA0B;IAErD,IAAI,SAAS,GAAG,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;IAClE,OAAO,CACH,eAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EACb,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,SAAS,EAAE,EAChD,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,YAAG,SAAS,EAAE,wBAAwB,YAAG,KAAK,CAAC,KAAK,GAAK,EACzD,cACI,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,GAAG,EAAE,IAAI,EACT,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,KAAK,CAAC,OAAO,GACxB,IACA,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"NSNotification.js","sourceRoot":"","sources":["../../src/components/NSNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,mCAAmC,CAAC;AACrD,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAWjD,MAAM,CAAN,IAAY,mBAOX;AAPD,WAAY,mBAAmB;IAE3B,oCAAa,CAAA;IACb,oCAAa,CAAA;IACb,sCAAe,CAAA;IACf,wCAAiB,CAAA;IACjB,kCAAW,CAAA;AACf,CAAC,EAPW,mBAAmB,KAAnB,mBAAmB,QAO9B;AAED,MAAM,CAAN,IAAY,gBAMX;AAND,WAAY,gBAAgB;IAExB,+CAA2B,CAAA;IAC3B,uCAAmB,CAAA;IACnB,uCAAmB,CAAA;IACnB,mCAAe,CAAA;AACnB,CAAC,EANW,gBAAgB,KAAhB,gBAAgB,QAM3B;AAED,MAAM,UAAU,cAAc,CAAC,KAA0B;IAErD,IAAI,SAAS,GAAG,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;IACnE,OAAO,CACH,eAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EACb,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,SAAS,EAAE,EAChD,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,YAAG,SAAS,EAAE,wBAAwB,YAAG,KAAK,CAAC,IAAI,GAAK,EACxD,cACI,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,GAAG,EAAE,IAAI,EACT,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,KAAK,CAAC,OAAO,GACxB,IACA,CACT,CAAC;AACN,CAAC"}

package/package.json

@@ -8,7 +8,7 @@
     "framework": "npm",
     "application": "package",
     "private": false,
-    "version": "1.3.63",
+    "version": "1.3.64",
     "author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh",
     "license": "MIT",
     "main": "./dist/main.js",

package/src/components/NSNotification.tsx

@@ -4,12 +4,13 @@ import { BaseComponentProps } from "../props/BaseComponentProps";
 
 export interface NSNotificationProps extends BaseComponentProps
 {
-    title: string;
-    type: NSNotificationType;
+    text: string;
+    type: NotificationType;
+    color: NSNotificationColor;
     onClose: () => void;
 }
 
-export enum NSNotificationType
+export enum NSNotificationColor
 {
     GRAY = "GRAY",
     BLUE = "BLUE",
@@ -18,15 +19,23 @@ export enum NSNotificationType
     RED = "RED",
 }
 
+export enum NotificationType
+{
+    Information = "Information",
+    Warning = "Warning",
+    Success = "Success",
+    Error = "Error",
+}
+
 export function NSNotification(props: NSNotificationProps)
 {
-    let className = Styles["ns_" + props.type.toString().toLowerCase];
+    let className = Styles["ns_" + props.color.toString().toLowerCase];
     return (
         <div id={props.id}
             className={`${Styles.ns_messenger} ${className}`}
             style={props.style}
         >
-            <p className={`mb-0 ns-font-16-normal`}>{props.title}</p>
+            <p className={`mb-0 ns-font-16-normal`}>{props.text}</p>
             <img
                 className={Styles.ns_exit_icon}
                 src={Exit}