namirasoft-site-react 1.4.339 → 1.4.340

package/src/components/NSBarNotification.tsx

@@ -1,86 +1,86 @@
-import Styles from "./NSBarNotification.module.css";
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { useEffect } from "react";
-
-export interface NSBarNotificationProps extends IBaseComponentProps
-{
-    id: string;
-    text: string;
-    type: NotificationType;
-    color: NSBarNotificationColor;
-    expired_at?: Date;
-}
-
-export interface NSBarNotificationPropsInner extends NSBarNotificationProps
-{
-    onClose: () => void;
-    onChangeState: () => void;
-}
-
-export enum NSBarNotificationColor
-{
-    GRAY = "GRAY",
-    BLUE = "BLUE",
-    GREEN = "GREEN",
-    YELLOW = "YELLOW",
-    RED = "RED",
-}
-
-export enum NotificationType
-{
-    Information = "Information",
-    Warning = "Warning",
-    Success = "Success",
-    Error = "Error",
-}
-
-export function NSBarNotification(props: NSBarNotificationPropsInner)
-{
-    let className = Styles["ns_" + props.color.toString().toLowerCase()];
-    let type = props.type;
-    let src = "";
-
-    useEffect(() =>
-    {
-        const interval = setInterval(() =>
-        {
-            props.onChangeState();
-        }, 500);
-        return () => clearInterval(interval);
-    }, []);
-
-    switch (type)
-    {
-        case "Error":
-            src = "https://static.namirasoft.com/image/concept/close/error.svg";
-            break;
-        case "Success":
-            src = "https://static.namirasoft.com/image/concept/close/success.svg";
-            break;
-        case "Warning":
-            src = "https://static.namirasoft.com/image/concept/close/warning.svg";
-            break;
-        case "Information":
-            src = "https://static.namirasoft.com/image/concept/close/info.svg";
-    }
-
-    return (
-        <div id={props.id}
-            className={`${Styles.ns_messenger} ${className}`}
-            style={props.style}
-        >
-            <p className={`mb-0 ns-font-16-normal`}>{props.text}</p>
-            <img
-                className={Styles.ns_exit_icon}
-                src={src}
-                alt="exit"
-                width={32}
-                height={32}
-                onClick={() =>
-                {
-                    props.onClose?.();
-                }}
-            />
-        </div>
-    )
+import Styles from "./NSBarNotification.module.css";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { useEffect } from "react";
+
+export interface NSBarNotificationProps extends IBaseComponentProps
+{
+    id: string;
+    text: string;
+    type: NotificationType;
+    color: NSBarNotificationColor;
+    expired_at?: Date;
+}
+
+export interface NSBarNotificationPropsInner extends NSBarNotificationProps
+{
+    onClose: () => void;
+    onChangeState: () => void;
+}
+
+export enum NSBarNotificationColor
+{
+    GRAY = "GRAY",
+    BLUE = "BLUE",
+    GREEN = "GREEN",
+    YELLOW = "YELLOW",
+    RED = "RED",
+}
+
+export enum NotificationType
+{
+    Information = "Information",
+    Warning = "Warning",
+    Success = "Success",
+    Error = "Error",
+}
+
+export function NSBarNotification(props: NSBarNotificationPropsInner)
+{
+    let className = Styles["ns_" + props.color.toString().toLowerCase()];
+    let type = props.type;
+    let src = "";
+
+    useEffect(() =>
+    {
+        const interval = setInterval(() =>
+        {
+            props.onChangeState();
+        }, 500);
+        return () => clearInterval(interval);
+    }, []);
+
+    switch (type)
+    {
+        case "Error":
+            src = "https://static.namirasoft.com/image/concept/close/error.svg";
+            break;
+        case "Success":
+            src = "https://static.namirasoft.com/image/concept/close/success.svg";
+            break;
+        case "Warning":
+            src = "https://static.namirasoft.com/image/concept/close/warning.svg";
+            break;
+        case "Information":
+            src = "https://static.namirasoft.com/image/concept/close/info.svg";
+    }
+
+    return (
+        <div id={props.id}
+            className={`${Styles.ns_messenger} ${className}`}
+            style={props.style}
+        >
+            <p className={`mb-0 ns-font-16-normal`}>{props.text}</p>
+            <img
+                className={Styles.ns_exit_icon}
+                src={src}
+                alt="exit"
+                width={32}
+                height={32}
+                onClick={() =>
+                {
+                    props.onClose?.();
+                }}
+            />
+        </div>
+    )
 };

package/src/components/NSBarTitle.module.css

@@ -1,10 +1,10 @@
-.title {
-	text-align: center;
-	color: rgba(20, 27, 92, 1);
-}
-
-.description {
-	text-align: center;
-	color: rgba(20, 27, 92, 1);
-	margin: 0px;
+.title {
+	text-align: center;
+	color: rgba(20, 27, 92, 1);
+}
+
+.description {
+	text-align: center;
+	color: rgba(20, 27, 92, 1);
+	margin: 0px;
 }

package/src/components/NSBarTitle.tsx

@@ -1,24 +1,24 @@
-import Styles from './NSBarTitle.module.css';
-import { StringFormatter } from '../main';
-
-export interface NSBarTitleProps 
-{
-	title: string;
-	description?: string;
-}
-
-export function NSBarTitle(props: NSBarTitleProps)
-{
-	return (
-		<div className="container">
-			<h1 className={Styles.title}>{props.title}</h1>
-			{
-				props.description &&
-				<p className={Styles.description}>{
-					StringFormatter.toHTML(props.description)
-				}
-				</p>
-			}
-		</div>
-	);
+import Styles from './NSBarTitle.module.css';
+import { StringFormatter } from '../main';
+
+export interface NSBarTitleProps 
+{
+	title: string;
+	description?: string;
+}
+
+export function NSBarTitle(props: NSBarTitleProps)
+{
+	return (
+		<div className="container">
+			<h1 className={Styles.title}>{props.title}</h1>
+			{
+				props.description &&
+				<p className={Styles.description}>{
+					StringFormatter.toHTML(props.description)
+				}
+				</p>
+			}
+		</div>
+	);
 }

package/src/components/NSBox.module.css

@@ -1,51 +1,51 @@
-.ns_box_input_parent {
-	display: flex;
-	flex-direction: column;
-	color: #141B5C;
-	justify-content: center;
-	width: 100%;
-	max-width: 100%;
-}
-
-.ns_box_input_bar {
-	display: flex;
-	justify-content: space-between !important;
-	align-items: center !important;
-	height: 28px;
-}
-
-.ns_box_input_title {
-	font-size: 16px;
-	font-weight: 400;
-	display: flex;
-	align-items: center;
-	flex-direction: row;
-	gap: 4px;
-}
-
-.ns_box_input {
-	padding: 8px 32px 8px 12px;
-	font-size: 16px;
-	font-weight: 400;
-	border: 1px solid rgba(0, 0, 0, 1) !important;
-	border-radius: 8px;
-	height: 48px !important;
-	width: 100% !important;
-	max-width: inherit;
-	background-size: 24px 24px;
-}
-
-.ns_box_input:focus-visible {
-	border-color: rgba(0, 0, 0, 1) !important;
-	outline: solid 1px #4096ff !important;
-}
-
-@media only screen and (min-width: 480px) {
-	.ns_box_input {
-		max-width: inherit;
-	}
-
-	.ns_box_input_parent {
-		width: 272px;
-	}
+.ns_box_input_parent {
+	display: flex;
+	flex-direction: column;
+	color: #141B5C;
+	justify-content: center;
+	width: 100%;
+	max-width: 100%;
+}
+
+.ns_box_input_bar {
+	display: flex;
+	justify-content: space-between !important;
+	align-items: center !important;
+	height: 28px;
+}
+
+.ns_box_input_title {
+	font-size: 16px;
+	font-weight: 400;
+	display: flex;
+	align-items: center;
+	flex-direction: row;
+	gap: 4px;
+}
+
+.ns_box_input {
+	padding: 8px 32px 8px 12px;
+	font-size: 16px;
+	font-weight: 400;
+	border: 1px solid rgba(0, 0, 0, 1) !important;
+	border-radius: 8px;
+	height: 48px !important;
+	width: 100% !important;
+	max-width: inherit;
+	background-size: 24px 24px;
+}
+
+.ns_box_input:focus-visible {
+	border-color: rgba(0, 0, 0, 1) !important;
+	outline: solid 1px #4096ff !important;
+}
+
+@media only screen and (min-width: 480px) {
+	.ns_box_input {
+		max-width: inherit;
+	}
+
+	.ns_box_input_parent {
+		width: 272px;
+	}
 }

package/src/components/NSBox.tsx

@@ -1,20 +1,20 @@
-class NSBoxWidth
-{
-	one: string = "272px";
-	double: string = "560px";
-	triple: string = "848px";
-	quadruple: string = "1136px";
-}
-
-class NSBoxHeight
-{
-	box: string = "48px";
-	header: string = "28px";
-	total: string = "76px";
-}
-
-export class NSBox
-{
-	static width: NSBoxWidth = new NSBoxWidth();
-	static height: NSBoxHeight = new NSBoxHeight();
+class NSBoxWidth
+{
+	one: string = "272px";
+	double: string = "560px";
+	triple: string = "848px";
+	quadruple: string = "1136px";
+}
+
+class NSBoxHeight
+{
+	box: string = "48px";
+	header: string = "28px";
+	total: string = "76px";
+}
+
+export class NSBox
+{
+	static width: NSBoxWidth = new NSBoxWidth();
+	static height: NSBoxHeight = new NSBoxHeight();
 }

package/src/components/NSBoxBaseCombo.module.css

@@ -1,7 +1,7 @@
-.ns_box_base_combo_select {
-	height: 48px;
-	border: 1px solid #000 !important;
-	border-radius: 8px;
-	overflow: hidden;
-	width: 100%;
+.ns_box_base_combo_select {
+	height: 48px;
+	border: 1px solid #000 !important;
+	border-radius: 8px;
+	overflow: hidden;
+	width: 100%;
 }