namirasoft-site-react 1.4.111 → 1.4.113

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,118 +1,118 @@
-import { PhoneOperation, RegexTemplate } from "namirasoft-core";
-import { IValidationNumberProps } from "./props/IValidationNumberProps";
-import { IValidationProps } from "./props/IValidationProps";
-import { IValidationStringProps } from "./props/IValidationStringProps";
-
-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;
-        debugger;
-
-        return Validator.getError(name, value, {
-            required: true, regex: {
-                name: "Email",
-                regex: RegexTemplate.Email
-            }
-        });
-    }
-    static getErrorDate(name: string, value: string | null | undefined): string | null
-    {
-        return Validator.getError(name, value, {
-            required: true, regex: {
-                name: "Date",
-                regex: RegexTemplate.Date
-            }
-        });
-    }
-    static getErrorTime(name: string, value: string | null | undefined): string | null
-    {
-        return Validator.getError(name, value, {
-            required: true, regex: {
-                name: "Time",
-                regex: RegexTemplate.Time
-            }
-        });
-    }
-    static getErrorDuration(name: string, value: string | null | undefined): string | null
-    {
-        return Validator.getError(name, value, {
-            required: true, regex: {
-                name: "Duration",
-                regex: RegexTemplate.Duration
-            }
-        });
-    }
-    static getErrorIP(name: string, value: string | null | undefined): string | null
-    {
-        return Validator.getError(name, value, {
-            required: true, regex: {
-                name: "IP",
-                regex: RegexTemplate.IP
-            }
-        });
-    }
-    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, RegexTemplate } from "namirasoft-core";
+import { IValidationNumberProps } from "./props/IValidationNumberProps";
+import { IValidationProps } from "./props/IValidationProps";
+import { IValidationStringProps } from "./props/IValidationStringProps";
+
+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;
+        debugger;
+
+        return Validator.getError(name, value, {
+            required: true, regex: {
+                name: "Email",
+                regex: RegexTemplate.Email
+            }
+        });
+    }
+    static getErrorDate(name: string, value: string | null | undefined): string | null
+    {
+        return Validator.getError(name, value, {
+            required: true, regex: {
+                name: "Date",
+                regex: RegexTemplate.Date
+            }
+        });
+    }
+    static getErrorTime(name: string, value: string | null | undefined): string | null
+    {
+        return Validator.getError(name, value, {
+            required: true, regex: {
+                name: "Time",
+                regex: RegexTemplate.Time
+            }
+        });
+    }
+    static getErrorDuration(name: string, value: string | null | undefined): string | null
+    {
+        return Validator.getError(name, value, {
+            required: true, regex: {
+                name: "Duration",
+                regex: RegexTemplate.Duration
+            }
+        });
+    }
+    static getErrorIP(name: string, value: string | null | undefined): string | null
+    {
+        return Validator.getError(name, value, {
+            required: true, regex: {
+                name: "IP",
+                regex: RegexTemplate.IP
+            }
+        });
+    }
+    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;
+            }
+        });
+    }
 }

package/src/components/NSAccordion.module.css

@@ -1,5 +1,5 @@
-.nsaccordion_parent {
-	border-radius: 8px;
-	width: 100%;
-	max-width: 1150px;
+.nsaccordion_parent {
+	border-radius: 8px;
+	width: 100%;
+	max-width: 1150px;
 }

package/src/components/NSAccordion.tsx

@@ -1,52 +1,52 @@
-import React, { useState, useRef, useEffect } from 'react';
-import { IBaseComponentProps } from '../props/IBaseComponentProps';
-import Styles from "./NSAccordion.module.css"
-
-interface NSAccordionProps extends IBaseComponentProps
-{
-	getHeader: () => React.ReactNode;
-	children: React.ReactNode;
-}
-
-export function NSAccordion(props: NSAccordionProps)
-{
-	const [isOpen, setIsOpen] = useState(false);
-	const [height, setHeight] = useState<number | 'auto'>(0);
-	const contentRef = useRef<HTMLDivElement>(null);
-
-	const toggleAccordion = () =>
-	{
-		setIsOpen(!isOpen);
-	};
-
-	useEffect(() =>
-	{
-		if (isOpen)
-		{
-			setHeight(contentRef.current?.scrollHeight || 'auto');
-		} else
-		{
-			setHeight(0);
-		}
-	}, [isOpen]);
-
-	return (
-		<div className={`${Styles.nsaccordion_parent} ${props.classList?.join(" ")}`} style={props.style}>
-			<div
-				onClick={toggleAccordion}
-			>
-				{props.getHeader()}
-			</div>
-			<div
-				ref={contentRef}
-				style={{
-					height: height,
-					overflow: 'hidden',
-					transition: 'height 0.3s ease',
-				}}
-			>
-				{props.children}
-			</div>
-		</div>
-	);
+import React, { useState, useRef, useEffect } from 'react';
+import { IBaseComponentProps } from '../props/IBaseComponentProps';
+import Styles from "./NSAccordion.module.css"
+
+interface NSAccordionProps extends IBaseComponentProps
+{
+	getHeader: () => React.ReactNode;
+	children: React.ReactNode;
+}
+
+export function NSAccordion(props: NSAccordionProps)
+{
+	const [isOpen, setIsOpen] = useState(false);
+	const [height, setHeight] = useState<number | 'auto'>(0);
+	const contentRef = useRef<HTMLDivElement>(null);
+
+	const toggleAccordion = () =>
+	{
+		setIsOpen(!isOpen);
+	};
+
+	useEffect(() =>
+	{
+		if (isOpen)
+		{
+			setHeight(contentRef.current?.scrollHeight || 'auto');
+		} else
+		{
+			setHeight(0);
+		}
+	}, [isOpen]);
+
+	return (
+		<div className={`${Styles.nsaccordion_parent} ${props.classList?.join(" ")}`} style={props.style}>
+			<div
+				onClick={toggleAccordion}
+			>
+				{props.getHeader()}
+			</div>
+			<div
+				ref={contentRef}
+				style={{
+					height: height,
+					overflow: 'hidden',
+					transition: 'height 0.3s ease',
+				}}
+			>
+				{props.children}
+			</div>
+		</div>
+	);
 };

package/src/components/NSActionMenu.module.css

@@ -1,102 +1,102 @@
-.ns_action_bar {
-	display: flex;
-	flex-direction: column;
-	width: 180px;
-	color: #000;
-	position: relative;
-	max-width: 100%;
-	margin: 16px 0;
-	width: 100%;
-}
-
-.single_action_button {
-	margin-top: 16px;
-	margin-bottom: 16px;
-	width: 100%;
-}
-
-.ns_action_bar>button {
-	border-radius: 8px;
-	padding: 10px 12px;
-	font-size: 16px;
-	font-weight: 400;
-	border: 1px solid #000;
-	max-width: 100%;
-	height: max-content !important;
-	background: #fff;
-	cursor: pointer;
-	text-align: start;
-	color: #141B5C;
-	cursor: pointer;
-}
-
-.ns_action_menu_icon {
-	position: absolute;
-	right: 5px;
-	top: 12px;
-	z-index: 1;
-}
-
-.ns_action_item_holder {
-	list-style-type: none;
-	padding: 16px 0;
-	margin: 0;
-	background: #fff;
-	border-radius: 8px;
-	position: absolute;
-	top: 64px;
-	left: 0;
-	width: 100%;
-	box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
-	-webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
-	-moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
-}
-
-.ns_action_item {
-	height: 40px;
-	display: flex;
-	align-items: center;
-	font-size: 16px;
-	color: #141B5C;
-	padding: 0 16px;
-	cursor: pointer;
-	position: relative;
-	z-index: 11;
-}
-
-.ns_action_item:hover {
-	background-color: #141B5C66;
-}
-
-.ns_deActive_item {
-	color: #D1D1D1;
-	cursor: not-allowed;
-}
-
-.ns_show {
-	display: block;
-}
-
-.ns_hide {
-	display: none;
-}
-
-@media only screen and (min-width: 380px) {
-
-	.single_action_button,
-	.ns_action_bar {
-		max-width: 272px;
-	}
-}
-
-@media only screen and (min-width: 786px) {
-	.single_action_button {
-		margin-top: 0px;
-		margin-bottom: 0px;
-		width: 180px;
-	}
-
-	.ns_action_bar {
-		width: 180px;
-	}
+.ns_action_bar {
+	display: flex;
+	flex-direction: column;
+	width: 180px;
+	color: #000;
+	position: relative;
+	max-width: 100%;
+	margin: 16px 0;
+	width: 100%;
+}
+
+.single_action_button {
+	margin-top: 16px;
+	margin-bottom: 16px;
+	width: 100%;
+}
+
+.ns_action_bar>button {
+	border-radius: 8px;
+	padding: 10px 12px;
+	font-size: 16px;
+	font-weight: 400;
+	border: 1px solid #000;
+	max-width: 100%;
+	height: max-content !important;
+	background: #fff;
+	cursor: pointer;
+	text-align: start;
+	color: #141B5C;
+	cursor: pointer;
+}
+
+.ns_action_menu_icon {
+	position: absolute;
+	right: 5px;
+	top: 12px;
+	z-index: 1;
+}
+
+.ns_action_item_holder {
+	list-style-type: none;
+	padding: 16px 0;
+	margin: 0;
+	background: #fff;
+	border-radius: 8px;
+	position: absolute;
+	top: 64px;
+	left: 0;
+	width: 100%;
+	box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
+	-webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
+	-moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
+}
+
+.ns_action_item {
+	height: 40px;
+	display: flex;
+	align-items: center;
+	font-size: 16px;
+	color: #141B5C;
+	padding: 0 16px;
+	cursor: pointer;
+	position: relative;
+	z-index: 11;
+}
+
+.ns_action_item:hover {
+	background-color: #141B5C66;
+}
+
+.ns_deActive_item {
+	color: #D1D1D1;
+	cursor: not-allowed;
+}
+
+.ns_show {
+	display: block;
+}
+
+.ns_hide {
+	display: none;
+}
+
+@media only screen and (min-width: 380px) {
+
+	.single_action_button,
+	.ns_action_bar {
+		max-width: 272px;
+	}
+}
+
+@media only screen and (min-width: 786px) {
+	.single_action_button {
+		margin-top: 0px;
+		margin-bottom: 0px;
+		width: 180px;
+	}
+
+	.ns_action_bar {
+		width: 180px;
+	}
 }