namirasoft-site-react 1.4.552 → 1.4.554

package/src/components/NSDialogBoxDateTime.tsx

@@ -1,29 +1,29 @@
-import { Component, createRef } from 'react';
-import { NSBoxDateTime, NSBoxDateTimeProps } from "./NSBoxDateTime";
-import { INSDialogBoxBaseProps, NSDialogBox } from "./NSDialogBox";
-
-export interface NSDialogBoxDateTimeProps extends INSDialogBoxBaseProps<NSBoxDateTime>
-{
-    box: NSBoxDateTimeProps;
-}
-
-export class NSDialogBoxDateTime extends Component<NSDialogBoxDateTimeProps>
-{
-    private NSBoxDateTime_Ref = createRef<NSBoxDateTime>();
-
-    override render()
-    {
-        return (
-            <NSDialogBox
-                {...this.props}
-                children_ref={this.NSBoxDateTime_Ref}
-            >
-                <NSBoxDateTime
-                    {...this.props.box}
-                    ref={this.NSBoxDateTime_Ref}
-                />
-                {this.props.children}
-            </NSDialogBox>
-        );
-    }
+import { Component, createRef } from 'react';
+import { NSBoxDateTime, NSBoxDateTimeProps } from "./NSBoxDateTime";
+import { INSDialogBoxBaseProps, NSDialogBox } from "./NSDialogBox";
+
+export interface NSDialogBoxDateTimeProps extends INSDialogBoxBaseProps<NSBoxDateTime>
+{
+    box: NSBoxDateTimeProps;
+}
+
+export class NSDialogBoxDateTime extends Component<NSDialogBoxDateTimeProps>
+{
+    private NSBoxDateTime_Ref = createRef<NSBoxDateTime>();
+
+    override render()
+    {
+        return (
+            <NSDialogBox
+                {...this.props}
+                children_ref={this.NSBoxDateTime_Ref}
+            >
+                <NSBoxDateTime
+                    {...this.props.box}
+                    ref={this.NSBoxDateTime_Ref}
+                />
+                {this.props.children}
+            </NSDialogBox>
+        );
+    }
 }

package/src/components/NSDialogBoxPhone.tsx

@@ -1,29 +1,29 @@
-import { Component, createRef } from 'react';
-import { INSDialogBoxBaseProps, NSDialogBox } from "./NSDialogBox";
-import { NSBoxPhone, NSBoxPhoneProps } from "./NSBoxPhone";
-
-export interface NSDialogBoxPhoneProps extends INSDialogBoxBaseProps<NSBoxPhone>
-{
-    box: NSBoxPhoneProps;
-}
-
-export class NSDialogBoxPhone extends Component<NSDialogBoxPhoneProps>
-{
-    private NSBoxPhone_Ref = createRef<NSBoxPhone>();
-
-    override render()
-    {
-        return (
-            <NSDialogBox
-                {...this.props}
-                children_ref={this.NSBoxPhone_Ref}
-            >
-                <NSBoxPhone
-                    {...this.props.box}
-                    ref={this.NSBoxPhone_Ref}
-                />
-                {this.props.children}
-            </NSDialogBox>
-        );
-    }
+import { Component, createRef } from 'react';
+import { INSDialogBoxBaseProps, NSDialogBox } from "./NSDialogBox";
+import { NSBoxPhone, NSBoxPhoneProps } from "./NSBoxPhone";
+
+export interface NSDialogBoxPhoneProps extends INSDialogBoxBaseProps<NSBoxPhone>
+{
+    box: NSBoxPhoneProps;
+}
+
+export class NSDialogBoxPhone extends Component<NSDialogBoxPhoneProps>
+{
+    private NSBoxPhone_Ref = createRef<NSBoxPhone>();
+
+    override render()
+    {
+        return (
+            <NSDialogBox
+                {...this.props}
+                children_ref={this.NSBoxPhone_Ref}
+            >
+                <NSBoxPhone
+                    {...this.props.box}
+                    ref={this.NSBoxPhone_Ref}
+                />
+                {this.props.children}
+            </NSDialogBox>
+        );
+    }
 }

package/src/components/NSDialogBoxString.tsx

@@ -1,29 +1,29 @@
-import { Component, createRef } from 'react';
-import { INSDialogBoxBaseProps, NSDialogBox } from "./NSDialogBox";
-import { NSBoxString, NSBoxStringProps } from './NSBoxString';
-
-export interface NSDialogBoxStringProps extends INSDialogBoxBaseProps<NSBoxString>
-{
-    box: NSBoxStringProps;
-}
-
-export class NSDialogBoxString extends Component<NSDialogBoxStringProps>
-{
-    private NSBoxString_Ref = createRef<NSBoxString>();
-
-    override render()
-    {
-        return (
-            <NSDialogBox
-                {...this.props}
-                children_ref={this.NSBoxString_Ref}
-            >
-                <NSBoxString
-                    {...this.props.box}
-                    ref={this.NSBoxString_Ref}
-                />
-                {this.props.children}
-            </NSDialogBox>
-        );
-    }
+import { Component, createRef } from 'react';
+import { INSDialogBoxBaseProps, NSDialogBox } from "./NSDialogBox";
+import { NSBoxString, NSBoxStringProps } from './NSBoxString';
+
+export interface NSDialogBoxStringProps extends INSDialogBoxBaseProps<NSBoxString>
+{
+    box: NSBoxStringProps;
+}
+
+export class NSDialogBoxString extends Component<NSDialogBoxStringProps>
+{
+    private NSBoxString_Ref = createRef<NSBoxString>();
+
+    override render()
+    {
+        return (
+            <NSDialogBox
+                {...this.props}
+                children_ref={this.NSBoxString_Ref}
+            >
+                <NSBoxString
+                    {...this.props.box}
+                    ref={this.NSBoxString_Ref}
+                />
+                {this.props.children}
+            </NSDialogBox>
+        );
+    }
 }

package/src/components/NSDialogDelete.tsx

@@ -1,37 +1,37 @@
-import { NSDialogInfo, NSDialogInfoProps } from './NSDialogInfo';
-import { NSButtonGreen } from "./NSButtonGreen";
-import { NSButtonRed } from "./NSButtonRed";
-import { NSSpace, NSSpaceSizeType } from "./NSSpace";
-import { NSRow } from './NSRow';
-import { NSButtonOnClickProps } from './NSButton';
-import { NSLoading } from './NSLoading';
-
-export interface NSDialogDeleteProps extends NSDialogInfoProps
-{
-    onYes: NSButtonOnClickProps;
-    onNo: NSButtonOnClickProps;
-    loading?: boolean;
-}
-
-export function NSDialogDelete(props: NSDialogDeleteProps) 
-{
-    return (
-        <NSDialogInfo
-            {...props}
-            onClose={() => !props.loading && props.onClose()}
-        >
-            {props.children}
-            <NSSpace size={NSSpaceSizeType.MINI}></NSSpace>
-            {
-                !props.loading
-                    ?
-                    <NSRow>
-                        <NSButtonGreen title="Yes" onClick={props.onYes} />
-                        <NSButtonRed title="No" onClick={props.onNo} />
-                    </NSRow>
-                    :
-                    <NSLoading small hideTitle hideDescription />
-            }
-        </NSDialogInfo>
-    );
+import { NSDialogInfo, NSDialogInfoProps } from './NSDialogInfo';
+import { NSButtonGreen } from "./NSButtonGreen";
+import { NSButtonRed } from "./NSButtonRed";
+import { NSSpace, NSSpaceSizeType } from "./NSSpace";
+import { NSRow } from './NSRow';
+import { NSButtonOnClickProps } from './NSButton';
+import { NSLoading } from './NSLoading';
+
+export interface NSDialogDeleteProps extends NSDialogInfoProps
+{
+    onYes: NSButtonOnClickProps;
+    onNo: NSButtonOnClickProps;
+    loading?: boolean;
+}
+
+export function NSDialogDelete(props: NSDialogDeleteProps) 
+{
+    return (
+        <NSDialogInfo
+            {...props}
+            onClose={() => !props.loading && props.onClose()}
+        >
+            {props.children}
+            <NSSpace size={NSSpaceSizeType.MINI}></NSSpace>
+            {
+                !props.loading
+                    ?
+                    <NSRow>
+                        <NSButtonGreen title="Yes" onClick={props.onYes} />
+                        <NSButtonRed title="No" onClick={props.onNo} />
+                    </NSRow>
+                    :
+                    <NSLoading small hideTitle hideDescription />
+            }
+        </NSDialogInfo>
+    );
 }

package/src/components/NSDialogInfo.tsx

@@ -1,50 +1,50 @@
-import { StringFormatter } from "../main";
-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;
-	show_as_code: boolean;
-}
-
-export function NSDialogInfo(props: NSDialogInfoProps)
-{
-	let description = props.description;
-	let show_code = false;
-	if (typeof description === "string")
-		if (props.show_as_code)
-		{
-			show_code = true;
-			description = StringFormatter.toHTML(description);
-		}
-	return (
-		<NSDialog center_dialog {...props} style={{ right: "unset" }}>
-			{props.title && (
-				<>
-					<NSTitle title={props.title} style={{ marginBottom: "0" }} />
-					<NSSpace size={NSSpaceSizeType.MINI} />
-				</>
-			)}
-			{
-				description && <>
-					{
-						show_code ?
-							<code className="px-2">
-								<p style={{ marginBottom: "0" }}>{description}</p>
-							</code>
-							:
-							<div className="px-2">
-								<p style={{ marginBottom: "0" }}>{description}</p>
-							</div>
-					}
-				</>
-			}
-			{
-				props.children
-			}
-		</NSDialog>
-	);
+import { StringFormatter } from "../main";
+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;
+	show_as_code: boolean;
+}
+
+export function NSDialogInfo(props: NSDialogInfoProps)
+{
+	let description = props.description;
+	let show_code = false;
+	if (typeof description === "string")
+		if (props.show_as_code)
+		{
+			show_code = true;
+			description = StringFormatter.toHTML(description);
+		}
+	return (
+		<NSDialog center_dialog {...props} style={{ right: "unset" }}>
+			{props.title && (
+				<>
+					<NSTitle title={props.title} style={{ marginBottom: "0" }} />
+					<NSSpace size={NSSpaceSizeType.MINI} />
+				</>
+			)}
+			{
+				description && <>
+					{
+						show_code ?
+							<code className="px-2">
+								<p style={{ marginBottom: "0" }}>{description}</p>
+							</code>
+							:
+							<div className="px-2">
+								<p style={{ marginBottom: "0" }}>{description}</p>
+							</div>
+					}
+				</>
+			}
+			{
+				props.children
+			}
+		</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;
 }