namirasoft-site-react 1.4.147 → 1.4.149

package/src/App.css

@@ -1,34 +1,34 @@
-.ns_font_16_bold {
-	font-size: 16px;
-	font-weight: 600;
-}
-
-.out {
-	width: 24px;
-	height: 24px;
-	background-color: red;
-	margin: auto;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-}
-
-.middle {
-	width: 19px;
-	height: 19px;
-	background-color: #fff;
-	margin: auto;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-}
-
-.in {
-	width: 14px;
-	height: 14px;
-	background-color: red;
-	margin: auto;
-	display: flex;
-	justify-content: center;
-	align-items: center;
+.ns_font_16_bold {
+	font-size: 16px;
+	font-weight: 600;
+}
+
+.out {
+	width: 24px;
+	height: 24px;
+	background-color: red;
+	margin: auto;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.middle {
+	width: 19px;
+	height: 19px;
+	background-color: #fff;
+	margin: auto;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.in {
+	width: 14px;
+	height: 14px;
+	background-color: red;
+	margin: auto;
+	display: flex;
+	justify-content: center;
+	align-items: center;
 }

package/src/App.tsx

@@ -1,95 +1,95 @@
-import './App.css';
-import 'bootstrap/dist/css/bootstrap.min.css';
-import { NSPanel, NSBoxDate, NSSection, NSBoxFile, NSLayout, NSBoxCombo, } from './main';
-import { NSRow } from './components/NSRow';
-
-export function App()
-{
-	return (
-		<>
-			<NSLayout
-				header={{
-					icons: [],
-					title: "",
-				}}
-				isLoggedIn={() => true}
-				logo='https://img.freepik.com/free-photo/colorful-abstract-textured-background-design_53876-108265.jpg'
-				notifications={[]}
-				notifier={{} as any}
-				scope=''
-				background='url("https://img.freepik.com/free-photo/colorful-abstract-textured-background-design_53876-108265.jpg")'
-				alerts={[
-					{
-						isVisible: () => true,
-						title: { title: "Verify your email", description: "Please login to your profile and fill out your email address to continue. This does not take more than 2 minutes to finish." },
-					},
-					{
-						isVisible: () => true,
-						title: { title: "Verify", description: "Please login to your profile" },
-					}
-				]}
-			>
-				<NSSection>
-					<NSPanel >
-						<NSBoxCombo
-							getOptions={() =>
-							{
-								return [{ title: "Amir", value: "1" }, { title: "Ilia", value: "2" }];
-							}}
-							multiple={false}
-							required
-							title='s'
-						></NSBoxCombo>
-						<NSBoxDate
-							title='Date'
-							required
-						/>
-						<NSRow>
-							<NSBoxDate
-								title='Date'
-								required
-							/>
-							<NSBoxDate
-								title='Date'
-								required
-							/>
-						</NSRow>
-						<NSBoxDate
-							title='Date'
-							required
-						/>
-						<NSBoxDate
-							title='Date'
-							required
-						/>
-						<NSRow>
-							<NSBoxFile
-								title='Date'
-								required
-								style={{ width: "100%" }}
-							/>
-						</NSRow>
-						<NSRow>
-							<NSBoxDate
-								title='Date'
-								required
-							/>
-							<NSBoxDate
-								title='Date'
-								required
-							/>
-							<NSBoxDate
-								title='Date'
-								required
-							/>
-							<NSBoxDate
-								title='Date'
-								required
-							/>
-						</NSRow>
-					</NSPanel>
-				</NSSection>
-			</NSLayout >
-		</>
-	);
+import './App.css';
+import 'bootstrap/dist/css/bootstrap.min.css';
+import { NSPanel, NSBoxDate, NSSection, NSBoxFile, NSLayout, NSBoxCombo, } from './main';
+import { NSRow } from './components/NSRow';
+
+export function App()
+{
+	return (
+		<>
+			<NSLayout
+				header={{
+					icons: [],
+					title: "",
+				}}
+				isLoggedIn={() => true}
+				logo='https://img.freepik.com/free-photo/colorful-abstract-textured-background-design_53876-108265.jpg'
+				notifications={[]}
+				notifier={{} as any}
+				scope=''
+				background='url("https://img.freepik.com/free-photo/colorful-abstract-textured-background-design_53876-108265.jpg")'
+				alerts={[
+					{
+						isVisible: () => true,
+						title: { title: "Verify your email", description: "Please login to your profile and fill out your email address to continue. This does not take more than 2 minutes to finish." },
+					},
+					{
+						isVisible: () => true,
+						title: { title: "Verify", description: "Please login to your profile" },
+					}
+				]}
+			>
+				<NSSection>
+					<NSPanel >
+						<NSBoxCombo
+							getOptions={() =>
+							{
+								return [{ title: "Amir", value: "1" }, { title: "Ilia", value: "2" }];
+							}}
+							multiple={false}
+							required
+							title='s'
+						></NSBoxCombo>
+						<NSBoxDate
+							title='Date'
+							required
+						/>
+						<NSRow>
+							<NSBoxDate
+								title='Date'
+								required
+							/>
+							<NSBoxDate
+								title='Date'
+								required
+							/>
+						</NSRow>
+						<NSBoxDate
+							title='Date'
+							required
+						/>
+						<NSBoxDate
+							title='Date'
+							required
+						/>
+						<NSRow>
+							<NSBoxFile
+								title='Date'
+								required
+								style={{ width: "100%" }}
+							/>
+						</NSRow>
+						<NSRow>
+							<NSBoxDate
+								title='Date'
+								required
+							/>
+							<NSBoxDate
+								title='Date'
+								required
+							/>
+							<NSBoxDate
+								title='Date'
+								required
+							/>
+							<NSBoxDate
+								title='Date'
+								required
+							/>
+						</NSRow>
+					</NSPanel>
+				</NSSection>
+			</NSLayout >
+		</>
+	);
 }

package/src/Color.tsx

@@ -1,11 +1,11 @@
-export class Color
-{
-    static getColor(percentage: number,): string
-    {
-        if (percentage >= 75) return '#368F01';
-        if (percentage >= 60) return ' #44B400';
-        if (percentage >= 50) return '#56E500';
-        if (percentage >= 25) return '#FAFF00';
-        return 'red';
-    }
+export class Color
+{
+    static getColor(percentage: number,): string
+    {
+        if (percentage >= 75) return '#368F01';
+        if (percentage >= 60) return ' #44B400';
+        if (percentage >= 50) return '#56E500';
+        if (percentage >= 25) return '#FAFF00';
+        return 'red';
+    }
 }

package/src/CopyToClipboard.ts

@@ -1,7 +1,7 @@
-export class CopyToClipboard
-{
-    static copyToClipboard(value: string): void
-    {
-        navigator.clipboard.writeText(value);
-    }
+export class CopyToClipboard
+{
+    static copyToClipboard(value: string): void
+    {
+        navigator.clipboard.writeText(value);
+    }
 };

package/src/Validator.ts

@@ -1,126 +1,126 @@
-import { PhoneOperation } from "namirasoft-core";
-import { IValidationNumberProps } from "./props/IValidationNumberProps";
-import { IValidationProps } from "./props/IValidationProps";
-import { IValidationStringProps } from "./props/IValidationStringProps";
-import { DateSchema, DurationSchema, EmailSchema, IPV4Schema, IPV6Schema, TimeSchema } from "namirasoft-schema";
-
-export class Validator
-{
-    static getError(name: string, value: string | number | null | undefined, validator: IValidationProps): string | null
-    {
-        if (validator.required)
-            if (!value)
-                return `${name} is required.`;
-        if (value != null)
-            if (validator.regex)
-            {
-                if (!new RegExp(validator.regex.regex).test(value + ""))
-                    return `${name} is not a valid ${validator.regex.name}.`;
-            }
-        if (value != null)
-            if (validator.validator)
-            {
-                let error = validator.validator(name, value);
-                if (error)
-                    return error;
-            }
-        return null;
-    }
-    static getErrorString(name: string, value: string | null | undefined, validator: IValidationStringProps): string | null
-    {
-        if (value != null)
-        {
-            if (validator.max_length != null)
-                if (validator.max_length < value.length)
-                    return `Max length of ${name} should be ${validator.max_length} characters.`;
-            if (validator.min_length != null)
-                if (validator.min_length > value.length)
-                    return `Minlength of ${name} should be ${validator.min_length} characters.`;
-        }
-        return null;
-    }
-    static getErrorNumber(name: string, value: number | null | undefined, validator: IValidationNumberProps): string | null
-    {
-        if (value != null)
-        {
-            if (isNaN(value))
-                return `${name} is not a number.`;
-            if (validator.max != null)
-                if (validator.max < value)
-                    return `Max value of ${name} should be ${validator.max} characters.`;
-            if (validator.min != null)
-                if (validator.min > value)
-                    return `Min value of ${name} should be ${validator.min} characters.`;
-        }
-        return null;
-    }
-    static getErrorEmail(name: string, value: string | null | undefined, validator: IValidationProps): string | null
-    {
-        if (!validator.required)
-            if (!value)
-                return null;
-        return Validator.getError(name, value, {
-            required: true, regex: {
-                name: "Email",
-                regex: EmailSchema.REGEX
-            }
-        });
-    }
-    static getErrorDate(name: string, value: string | null | undefined): string | null
-    {
-        return Validator.getError(name, value, {
-            required: true, regex: {
-                name: "Date",
-                regex: DateSchema.REGEX
-            }
-        });
-    }
-    static getErrorTime(name: string, value: string | null | undefined): string | null
-    {
-        return Validator.getError(name, value, {
-            required: true, regex: {
-                name: "Time",
-                regex: TimeSchema.REGEX
-            }
-        });
-    }
-    static getErrorDuration(name: string, value: string | null | undefined): string | null
-    {
-        return Validator.getError(name, value, {
-            required: true, regex: {
-                name: "Duration",
-                regex: DurationSchema.REGEX
-            }
-        });
-    }
-    static getErrorIPV4(name: string, value: string | null | undefined): string | null
-    {
-        return Validator.getError(name, value, {
-            required: true, regex: {
-                name: "IP",
-                regex: IPV4Schema.REGEX
-            }
-        });
-    }
-    static getErrorIPV6(name: string, value: string | null | undefined): string | null
-    {
-        return Validator.getError(name, value, {
-            required: true, regex: {
-                name: "IP",
-                regex: IPV6Schema.REGEX
-            }
-        });
-    }
-    static getErrorPhone(name: string, value: string | null | undefined): string | null
-    {
-        return Validator.getError(name, value, {
-            required: true, validator: () =>
-            {
-                if (value)
-                    if (!PhoneOperation.isValid(value))
-                        return `${name} is not a valid phone number`;
-                return null;
-            }
-        });
-    }
+import { PhoneOperation } from "namirasoft-core";
+import { IValidationNumberProps } from "./props/IValidationNumberProps";
+import { IValidationProps } from "./props/IValidationProps";
+import { IValidationStringProps } from "./props/IValidationStringProps";
+import { DateSchema, DurationSchema, EmailSchema, IPV4Schema, IPV6Schema, TimeSchema } from "namirasoft-schema";
+
+export class Validator
+{
+    static getError(name: string, value: string | number | null | undefined, validator: IValidationProps): string | null
+    {
+        if (validator.required)
+            if (!value)
+                return `${name} is required.`;
+        if (value != null)
+            if (validator.regex)
+            {
+                if (!new RegExp(validator.regex.regex).test(value + ""))
+                    return `${name} is not a valid ${validator.regex.name}.`;
+            }
+        if (value != null)
+            if (validator.validator)
+            {
+                let error = validator.validator(name, value);
+                if (error)
+                    return error;
+            }
+        return null;
+    }
+    static getErrorString(name: string, value: string | null | undefined, validator: IValidationStringProps): string | null
+    {
+        if (value != null)
+        {
+            if (validator.max_length != null)
+                if (validator.max_length < value.length)
+                    return `Max length of ${name} should be ${validator.max_length} characters.`;
+            if (validator.min_length != null)
+                if (validator.min_length > value.length)
+                    return `Minlength of ${name} should be ${validator.min_length} characters.`;
+        }
+        return null;
+    }
+    static getErrorNumber(name: string, value: number | null | undefined, validator: IValidationNumberProps): string | null
+    {
+        if (value != null)
+        {
+            if (isNaN(value))
+                return `${name} is not a number.`;
+            if (validator.max != null)
+                if (validator.max < value)
+                    return `Max value of ${name} should be ${validator.max} characters.`;
+            if (validator.min != null)
+                if (validator.min > value)
+                    return `Min value of ${name} should be ${validator.min} characters.`;
+        }
+        return null;
+    }
+    static getErrorEmail(name: string, value: string | null | undefined, validator: IValidationProps): string | null
+    {
+        if (!validator.required)
+            if (!value)
+                return null;
+        return Validator.getError(name, value, {
+            required: true, regex: {
+                name: "Email",
+                regex: EmailSchema.REGEX
+            }
+        });
+    }
+    static getErrorDate(name: string, value: string | null | undefined): string | null
+    {
+        return Validator.getError(name, value, {
+            required: true, regex: {
+                name: "Date",
+                regex: DateSchema.REGEX
+            }
+        });
+    }
+    static getErrorTime(name: string, value: string | null | undefined): string | null
+    {
+        return Validator.getError(name, value, {
+            required: true, regex: {
+                name: "Time",
+                regex: TimeSchema.REGEX
+            }
+        });
+    }
+    static getErrorDuration(name: string, value: string | null | undefined): string | null
+    {
+        return Validator.getError(name, value, {
+            required: true, regex: {
+                name: "Duration",
+                regex: DurationSchema.REGEX
+            }
+        });
+    }
+    static getErrorIPV4(name: string, value: string | null | undefined): string | null
+    {
+        return Validator.getError(name, value, {
+            required: true, regex: {
+                name: "IP",
+                regex: IPV4Schema.REGEX
+            }
+        });
+    }
+    static getErrorIPV6(name: string, value: string | null | undefined): string | null
+    {
+        return Validator.getError(name, value, {
+            required: true, regex: {
+                name: "IP",
+                regex: IPV6Schema.REGEX
+            }
+        });
+    }
+    static getErrorPhone(name: string, value: string | null | undefined): string | null
+    {
+        return Validator.getError(name, value, {
+            required: true, validator: () =>
+            {
+                if (value)
+                    if (!PhoneOperation.isValid(value))
+                        return `${name} is not a valid phone number`;
+                return null;
+            }
+        });
+    }
 }