namirasoft-site-react 1.3.350 → 1.3.352

package/src/components/NSModal.tsx

@@ -1,50 +1,50 @@
-import { IBaseComponentProps, NSSpace, NSSpaceSizeType, NSTitle } from "../main";
-import Styles from './NSModal.module.css';
-export interface INSModalProps extends IBaseComponentProps
-{
-	title?: string;
-	description?: string;
-	show: boolean;
-	children?: React.ReactNode;
-	onClose: () => void;
-}
-export function NSModal(props: INSModalProps)
-{
-	const handleModalClick = (event: React.MouseEvent) =>
-	{
-		event.stopPropagation();
-	};
-	return (
-		<div onClick={props.onClose}>
-			<section
-				id={props.id}
-				className={`${props.show ? Styles.ns_show : Styles.ns_hide}
-					${Styles.ns_modal} 
-					${props.classList?.join(" ")}`}
-				style={props.style}
-				onClick={props.onClose}
-			>
-				<div className={Styles.ns_modal_container} onClick={handleModalClick}>
-					<div className={Styles.ns_modal_content}>
-						{props.title && (
-							<>
-								<NSTitle title={props.title} style={{ marginBottom: "0" }} />
-								<NSSpace size={NSSpaceSizeType.MICRO} />
-							</>
-						)}
-						{props.description && (
-							<div>
-								<p style={{ marginBottom: "0" }} className={Styles.ns_modal_description}>{props.description}</p>
-							</div>
-						)}
-						{props.children && (
-							<div>
-								{props.children}
-							</div>
-						)}
-					</div>
-				</div>
-			</section>
-		</div>
-	);
+import { IBaseComponentProps, NSSpace, NSSpaceSizeType, NSTitle } from "../main";
+import Styles from './NSModal.module.css';
+export interface INSModalProps extends IBaseComponentProps
+{
+	title?: string;
+	description?: string;
+	show: boolean;
+	children?: React.ReactNode;
+	onClose: () => void;
+}
+export function NSModal(props: INSModalProps)
+{
+	const handleModalClick = (event: React.MouseEvent) =>
+	{
+		event.stopPropagation();
+	};
+	return (
+		<div onClick={props.onClose}>
+			<section
+				id={props.id}
+				className={`${props.show ? Styles.ns_show : Styles.ns_hide}
+					${Styles.ns_modal} 
+					${props.classList?.join(" ")}`}
+				style={props.style}
+				onClick={props.onClose}
+			>
+				<div className={Styles.ns_modal_container} onClick={handleModalClick}>
+					<div className={Styles.ns_modal_content}>
+						{props.title && (
+							<>
+								<NSTitle title={props.title} style={{ marginBottom: "0" }} />
+								<NSSpace size={NSSpaceSizeType.MICRO} />
+							</>
+						)}
+						{props.description && (
+							<div>
+								<p style={{ marginBottom: "0" }} className={Styles.ns_modal_description}>{props.description}</p>
+							</div>
+						)}
+						{props.children && (
+							<div>
+								{props.children}
+							</div>
+						)}
+					</div>
+				</div>
+			</section>
+		</div>
+	);
 }

package/src/components/NSNoData.module.css

@@ -1,9 +1,9 @@
-.ns_table_no_data {
-    background-color: rgb(255, 255, 255);
-    color: rgba(140, 140, 140, 0.7);
-    text-align: center;
-}
-
-.ns_table_no_data h4 {
-    font-size: 24px;
+.ns_table_no_data {
+    background-color: rgb(255, 255, 255);
+    color: rgba(140, 140, 140, 0.7);
+    text-align: center;
+}
+
+.ns_table_no_data h4 {
+    font-size: 24px;
 }

package/src/components/NSNoData.tsx

@@ -1,25 +1,25 @@
-import Styles from './NSNoData.module.css';
-import { IBaseComponentProps } from '../props/IBaseComponentProps';
-
-export interface INSNoDataProps extends IBaseComponentProps
-{
-	lable: string;
-}
-
-export function NSNoData(props: INSNoDataProps)
-{
-	return (
-		<div
-			id={props.id}
-			className={`${Styles.ns_table_no_data} ${props.classList?.join(" ")}`}
-			style={props.style}
-		>
-			<img
-				src='https://static.namirasoft.com/image/concept/no_data/white.svg'
-				alt='No Data'
-				width={96}
-				height={96} />
-			<h4>{props.lable}</h4>
-		</div>
-	);
+import Styles from './NSNoData.module.css';
+import { IBaseComponentProps } from '../props/IBaseComponentProps';
+
+export interface INSNoDataProps extends IBaseComponentProps
+{
+	lable: string;
+}
+
+export function NSNoData(props: INSNoDataProps)
+{
+	return (
+		<div
+			id={props.id}
+			className={`${Styles.ns_table_no_data} ${props.classList?.join(" ")}`}
+			style={props.style}
+		>
+			<img
+				src='https://static.namirasoft.com/image/concept/no_data/white.svg'
+				alt='No Data'
+				width={96}
+				height={96} />
+			<h4>{props.lable}</h4>
+		</div>
+	);
 }

package/src/components/NSPageSelectionModal.module.css

@@ -1,103 +1,103 @@
-.ns_print_container {
-    z-index: 1;
-    top: 0%;
-    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: 3;
-}
-
-.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: space-between;
-    gap: 8px;
-}
-
-.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_print_container {
-        max-width: 590px;
-    }
-
-    .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: #00000059;
-    position: fixed;
-    top: 0;
-    left: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: default;
-}
-
-.ns_parent_modal {
-    /* position: relative; */
+.ns_print_container {
+    z-index: 1;
+    top: 0%;
+    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: 3;
+}
+
+.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: space-between;
+    gap: 8px;
+}
+
+.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_print_container {
+        max-width: 590px;
+    }
+
+    .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: #00000059;
+    position: fixed;
+    top: 0;
+    left: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: default;
+}
+
+.ns_parent_modal {
+    /* position: relative; */
 }