namirasoft-site-react 1.4.134 → 1.4.136

package/src/components/NSDialog.module.css

@@ -1,107 +1,111 @@
-.ns_dialog_container {
-	background-color: #00000080;
-	width: 100%;
-	height: 100%;
-	position: fixed;
-	top: 0;
-	right: 0;
-	left: 0;
-	bottom: 0;
-	z-index: 99;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-}
-
-.ns_dialog_center_container {
-	background-color: #00000080;
-	width: 100%;
-	height: 100%;
-	position: fixed;
-	top: 0;
-	right: 0;
-	left: 0;
-	bottom: 0;
-	z-index: 99;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-}
-
-.ns_dialog_background {
-	background-color: #00000080;
-	width: 100%;
-	height: 100%;
-	position: fixed;
-	top: 0;
-	right: 0;
-	left: 0;
-	bottom: 0;
-	z-index: 99;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-}
-
-.ns_dialog_content {
-	border: 8px solid rgb(233, 232, 232);
-	border-radius: 24px;
-	background-color: white;
-	z-index: 100;
-	min-width: 350px;
-	max-width: 992px;
-	min-height: 150px;
-	padding: 8px 0;
-	position: absolute;
-	color: black;
-	cursor: default;
-}
-
-.ns_dialog_children {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	padding: 16px;
-}
-
-@media only screen and (min-width: 1024px) {
-	.ns_dialog_container {
-		background-color: none;
-		position: relative;
-		display: unset;
-	}
-
-	.ns_dialog_background {
-		background-color: #00000080;
-		width: 100%;
-		height: 100%;
-		position: fixed;
-		top: 0;
-		right: 0;
-		z-index: 99;
-	}
-
-	.ns_dialog_center_container {
-		background-color: #00000080;
-		width: 100%;
-		height: 100%;
-		position: fixed;
-		top: 0;
-		right: 0;
-		left: 0;
-		bottom: 0;
-		z-index: 99;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-	}
-	.ns_dialog_center_container> .ns_dialog_content { 
-		left: 0;
-		width: 100%;
-		position: relative;
-	}
-	.ns_dialog_content {
-		right: 0;
-	}
+.ns_dialog_container {
+	background-color: #00000080;
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	top: 0;
+	right: 0;
+	left: 0;
+	bottom: 0;
+	z-index: 99;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.ns_dialog_center_container {
+	background-color: #00000080;
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	top: 0;
+	right: 0;
+	left: 0;
+	bottom: 0;
+	z-index: 99;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.ns_dialog_background {
+	background-color: #00000080;
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	top: 0;
+	right: 0;
+	left: 0;
+	bottom: 0;
+	z-index: 99;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.ns_dialog_content {
+	border: 8px solid rgb(233, 232, 232);
+	border-radius: 24px;
+	background-color: white;
+	z-index: 100;
+	min-width: 350px;
+	max-width: 992px;
+	min-height: 150px;
+	padding: 8px 0;
+	position: absolute;
+	color: black;
+	cursor: default;
+}
+
+.ns_dialog_children {
+	display: flex;
+	width: 100%;
+	height: 100%;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	padding: 16px;
+}
+
+@media only screen and (min-width: 1024px) {
+	.ns_dialog_container {
+		background-color: none;
+		position: relative;
+		display: unset;
+	}
+
+	.ns_dialog_background {
+		background-color: #00000080;
+		width: 100%;
+		height: 100%;
+		position: fixed;
+		top: 0;
+		right: 0;
+		z-index: 99;
+	}
+
+	.ns_dialog_center_container {
+		background-color: #00000080;
+		width: 100%;
+		height: 100%;
+		position: fixed;
+		top: 0;
+		right: 0;
+		left: 0;
+		bottom: 0;
+		z-index: 99;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.ns_dialog_center_container>.ns_dialog_content {
+		left: 0;
+		width: 100%;
+		position: relative;
+	}
+
+	.ns_dialog_content {
+		right: 0;
+	}
 }

package/src/components/NSDialog.tsx

@@ -1,57 +1,58 @@
-import { ReactNode } from 'react';
-import { IBaseComponentProps } from '../props/IBaseComponentProps';
-import Styles from './NSDialog.module.css';
-
-export interface NSDialogProps extends IBaseComponentProps
-{
-	onClose: () => void;
-	children: ReactNode;
-	center_dialog?: boolean;
-}
-
-export function NSDialog(props: NSDialogProps)
-{
-	return (
-		<section
-			id={props.id}
-			className={props.center_dialog ? Styles.ns_dialog_center_container : Styles.ns_dialog_container}
-		>
-			<div className={Styles.ns_dialog_background} onClick={() => props.onClose()}>
-			</div>
-			<div
-				className={`${Styles.ns_dialog_content} ${props.classList?.join(" ")}`}
-				style={{
-					...props.style
-				}}
-			>
-				<div
-					onClick={() => props.onClose()}
-					style=
-					{{
-						position: "absolute",
-						top: 0,
-						right: 0,
-						transform: "translate(-40%,40%)",
-						cursor: "pointer",
-						width: "24px",
-						height: "24px",
-					}}
-				>
-					<img
-						src='https://static.namirasoft.com/image/concept/close/blue.svg'
-						alt='close'
-						width={24}
-						height={24}
-						style=
-						{{
-							position: "absolute"
-						}}
-						onClick={() => props.onClose()} />
-				</div>
-				<div className={Styles.ns_dialog_children}>
-					{props.children}
-				</div>
-			</div>
-		</section >
-	);
+import { ReactNode } from 'react';
+import { IBaseComponentProps } from '../props/IBaseComponentProps';
+import Styles from './NSDialog.module.css';
+
+export interface NSDialogProps extends IBaseComponentProps
+{
+	onClose: () => void;
+	children: ReactNode;
+	center_dialog?: boolean;
+	hideCloseButton?: boolean;
+}
+
+export function NSDialog(props: NSDialogProps)
+{
+	return (
+		<section
+			id={props.id}
+			className={props.center_dialog ? Styles.ns_dialog_center_container : Styles.ns_dialog_container}
+		>
+			<div className={Styles.ns_dialog_background} onClick={() => props.onClose()}>
+			</div>
+			<div
+				className={`${Styles.ns_dialog_content} ${props.classList?.join(" ")}`}
+				style={{ ...props.style }}
+			>
+				{
+					!props.hideCloseButton && <div
+						onClick={() => props.onClose()}
+						style=
+						{{
+							position: "absolute",
+							top: 0,
+							right: 0,
+							transform: "translate(-40%,40%)",
+							cursor: "pointer",
+							width: "24px",
+							height: "24px",
+						}}
+					>
+						<img
+							src='https://static.namirasoft.com/image/concept/close/blue.svg'
+							alt='close'
+							width={24}
+							height={24}
+							style=
+							{{
+								position: "absolute"
+							}}
+							onClick={() => props.onClose()} />
+					</div>
+				}
+				<div className={Styles.ns_dialog_children}>
+					{props.children}
+				</div>
+			</div>
+		</section >
+	);
 }

package/src/components/NSDialogDelete.tsx

@@ -1,27 +1,27 @@
-import { NSDialogInfo, NSDialogInfoProps } from './NSDialogInfo';
-import { NSButtonGreen } from "./NSButtonGreen";
-import { NSButtonRed } from "./NSButtonRed";
-import { NSSpace, NSSpaceSizeType } from "./NSSpace";
-
-export interface NSDialogDeleteProps extends NSDialogInfoProps
-{
-    onYes: () => void;
-    onNo: () => void;
-}
-
-export function NSDialogDelete(props: NSDialogDeleteProps) 
-{
-    return (
-        <NSDialogInfo {...props}
-            onClose={props.onNo}
-        >
-            {props.children}
-            <NSSpace size={NSSpaceSizeType.MINI}></NSSpace>
-            <div>
-                <NSButtonGreen title="Yes" onClick={props.onYes} />
-                <NSSpace size={NSSpaceSizeType.MICRO}></NSSpace>
-                <NSButtonRed title="No" onClick={props.onNo} />
-            </div>
-        </NSDialogInfo>
-    );
+import { NSDialogInfo, NSDialogInfoProps } from './NSDialogInfo';
+import { NSButtonGreen } from "./NSButtonGreen";
+import { NSButtonRed } from "./NSButtonRed";
+import { NSSpace, NSSpaceSizeType } from "./NSSpace";
+
+export interface NSDialogDeleteProps extends NSDialogInfoProps
+{
+    onYes: () => void;
+    onNo: () => void;
+}
+
+export function NSDialogDelete(props: NSDialogDeleteProps) 
+{
+    return (
+        <NSDialogInfo {...props}
+            onClose={props.onNo}
+        >
+            {props.children}
+            <NSSpace size={NSSpaceSizeType.MINI}></NSSpace>
+            <div>
+                <NSButtonGreen title="Yes" onClick={props.onYes} />
+                <NSSpace size={NSSpaceSizeType.MICRO}></NSSpace>
+                <NSButtonRed title="No" onClick={props.onNo} />
+            </div>
+        </NSDialogInfo>
+    );
 }

package/src/components/NSDialogInfo.tsx

@@ -1,37 +1,37 @@
-import { NSDialogProps, NSDialog } from "./NSDialog";
-import { NSSpace, NSSpaceSizeType } from "./NSSpace";
-import { NSTitle } from "./NSTitle";
-
-export interface NSDialogInfoProps extends NSDialogProps
-{
-	title?: string;
-	description?: string | React.ReactNode;
-}
-
-export function NSDialogInfo(props: NSDialogInfoProps)
-{
-	return (
-		<NSDialog center_dialog {...props} style={{ right: "unset" }}>
-			{props.title && (
-				<>
-					<NSTitle title={props.title} style={{ marginBottom: "0" }} />
-					<NSSpace size={NSSpaceSizeType.MINI} />
-				</>
-			)}
-			{
-				props.description && (
-					<div className="px-2">
-						<p style={{ marginBottom: "0" }}>{props.description}</p>
-					</div>
-				)
-			}
-			{
-				props.children && (
-					<div>
-						{props.children}
-					</div>
-				)
-			}
-		</NSDialog>
-	);
+import { NSDialogProps, NSDialog } from "./NSDialog";
+import { NSSpace, NSSpaceSizeType } from "./NSSpace";
+import { NSTitle } from "./NSTitle";
+
+export interface NSDialogInfoProps extends NSDialogProps
+{
+	title?: string;
+	description?: string | React.ReactNode;
+}
+
+export function NSDialogInfo(props: NSDialogInfoProps)
+{
+	return (
+		<NSDialog center_dialog {...props} style={{ right: "unset" }}>
+			{props.title && (
+				<>
+					<NSTitle title={props.title} style={{ marginBottom: "0" }} />
+					<NSSpace size={NSSpaceSizeType.MINI} />
+				</>
+			)}
+			{
+				props.description && (
+					<div className="px-2">
+						<p style={{ marginBottom: "0" }}>{props.description}</p>
+					</div>
+				)
+			}
+			{
+				props.children && (
+					<div>
+						{props.children}
+					</div>
+				)
+			}
+		</NSDialog>
+	);
 }

package/src/components/NSDialogPageSelection.module.css

@@ -1,104 +1,104 @@
-.ns_print_container {
-    transform: translate(50%, 50%);
-    background-color: rgba(255, 255, 255, 1);
-    border-radius: 16px;
-    border: 0.2px solid rgb(210, 210, 210);
-    padding: 16px;
-    max-width: 380px;
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    z-index: 100;
-	width: 100%;
-	border: 8px solid rgb(233, 232, 232);
-}
-
-.ns_header_print {
-    position: relative;
-}
-
-.ns_close_icon {
-    position: absolute;
-    right: 0px;
-    top: 0px;
-    cursor: pointer;
-}
-
-.ns_print_title {
-    display: flex;
-    gap: 8px;
-    color: #141B5C;
-    justify-content: center;
-    margin: 0;
-    align-items: center;
-}
-
-.ns_print_description {
-    color: #141B5C;
-    margin: 0;
-}
-
-.ns_parent_checkboxs {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    gap: 16px;
-}
-
-.ns_w_box_boolean div {
-    width: 100% !important;
-}
-
-.ns_w_box_boolean {
-    width: 100% !important;
-}
-
-.ns_w_box_string {
-    width: 100% !important;
-}
-
-.ns_w_box_string input {
-    width: 100% !important;
-    max-width: 100% !important;
-}
-
-@media only screen and (min-width: 768px) {
-	.ns_parent_checkboxs { 
-		justify-content: space-between;
-	}
-	
-    .ns_print_container {
-        max-width: 610px;
-    }
-
-    .ns_w_box_boolean div {
-        width: 272px !important;
-    }
-
-    .ns_w_box_boolean {
-        width: 272px !important;
-    }
-
-    .ns_w_box_string {
-        width: 272px !important;
-    }
-
-    .ns_w_box_string input {
-        width: 272px !important;
-    }
-}
-
-.ns_toast_background {
-    width: 100vw;
-    height: 100vh;
-    background-color: #00000090;
-    position: fixed;
-    top: 0;
-    left: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: default;
-	z-index: 99;
+.ns_print_container {
+    transform: translate(50%, 50%);
+    background-color: rgba(255, 255, 255, 1);
+    border-radius: 16px;
+    border: 0.2px solid rgb(210, 210, 210);
+    padding: 16px;
+    max-width: 380px;
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 100;
+	width: 100%;
+	border: 8px solid rgb(233, 232, 232);
+}
+
+.ns_header_print {
+    position: relative;
+}
+
+.ns_close_icon {
+    position: absolute;
+    right: 0px;
+    top: 0px;
+    cursor: pointer;
+}
+
+.ns_print_title {
+    display: flex;
+    gap: 8px;
+    color: #141B5C;
+    justify-content: center;
+    margin: 0;
+    align-items: center;
+}
+
+.ns_print_description {
+    color: #141B5C;
+    margin: 0;
+}
+
+.ns_parent_checkboxs {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 16px;
+}
+
+.ns_w_box_boolean div {
+    width: 100% !important;
+}
+
+.ns_w_box_boolean {
+    width: 100% !important;
+}
+
+.ns_w_box_string {
+    width: 100% !important;
+}
+
+.ns_w_box_string input {
+    width: 100% !important;
+    max-width: 100% !important;
+}
+
+@media only screen and (min-width: 768px) {
+	.ns_parent_checkboxs { 
+		justify-content: space-between;
+	}
+	
+    .ns_print_container {
+        max-width: 610px;
+    }
+
+    .ns_w_box_boolean div {
+        width: 272px !important;
+    }
+
+    .ns_w_box_boolean {
+        width: 272px !important;
+    }
+
+    .ns_w_box_string {
+        width: 272px !important;
+    }
+
+    .ns_w_box_string input {
+        width: 272px !important;
+    }
+}
+
+.ns_toast_background {
+    width: 100vw;
+    height: 100vh;
+    background-color: #00000090;
+    position: fixed;
+    top: 0;
+    left: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: default;
+	z-index: 99;
 }