namirasoft-site-react 1.4.409 → 1.4.410

package/src/ProductCacheService.ts

@@ -1,16 +1,16 @@
-import { NamirasoftAPIProductServer, ProductFullRow } from "namirasoft-api-product";
-import { CacheService, EnvService, IStorageLocal } from "namirasoft-core";
-
-export class ProductCacheService
-{
-    static get(product_id: string, onError: (error: Error | string, timout?: number) => void)
-    {
-        return new CacheService<ProductFullRow>("ns-product", new IStorageLocal(), 24 * 60, async () => "1.0.0", async () =>
-        {
-            let REACT_APP_BASE_URL_API_PRODUCT = new EnvService("REACT_APP_BASE_URL_API_PRODUCT", true).getString();
-            let server = new NamirasoftAPIProductServer(REACT_APP_BASE_URL_API_PRODUCT, onError);
-            let ans = await server.product.Get(product_id);
-            return ans;
-        });
-    }
+import { NamirasoftAPIProductServer, ProductFullRow } from "namirasoft-api-product";
+import { CacheService, EnvService, IStorageLocal } from "namirasoft-core";
+
+export class ProductCacheService
+{
+    static get(product_id: string, onError: (error: Error | string, timout?: number) => void)
+    {
+        return new CacheService<ProductFullRow>("ns-product", new IStorageLocal(), 24 * 60, async () => "1.0.0", async () =>
+        {
+            let REACT_APP_BASE_URL_API_PRODUCT = new EnvService("REACT_APP_BASE_URL_API_PRODUCT", true).getString();
+            let server = new NamirasoftAPIProductServer(REACT_APP_BASE_URL_API_PRODUCT, onError);
+            let ans = await server.product.Get(product_id);
+            return ans;
+        });
+    }
 }

package/src/Validator.ts

@@ -1,167 +1,167 @@
-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 | boolean | null | undefined, validator: IValidationProps): string | null
-    {
-        if (validator.required)
-            if (value == null || value === "")
-                return `${name} is required.`;
-        if (value != null)
-            if (validator.regex)
-            {
-                if (!new RegExp(validator.regex.regex).test(value + ""))
-                    return `${name} does not match regex ${validator.regex.regex}.`;
-            }
-        if (value != null)
-            if (validator.validator)
-            {
-                let error = validator.validator(name, value);
-                if (error)
-                    return error;
-            }
-
-        if (value != null)
-        {
-            if (validator.valids)
-                if (validator.valids.length > 0)
-                    if (!validator.valids.includes(value + ""))
-                        return `${value} is not a valid value for ${name}. Valid values are ${validator.valids.join(", ")}.`;
-            if (validator.invalids)
-                if (validator.invalids.length > 0)
-                    if (validator.invalids.includes(value + ""))
-                        return `${value} is an invalid value for ${name}. Invalid values are ${validator.invalids.join(", ")}.`;
-        }
-        return null;
-    }
-    static getErrorString(name: string, value: string | null | undefined, validator: IValidationStringProps): string | null
-    {
-        if (value != null)
-        {
-            if (validator.min_length != null)
-                if (value.length < validator.min_length)
-                    return `Min length of ${name} should be ${validator.min_length} characters.`;
-            if (validator.max_length != null)
-                if (validator.max_length < value.length)
-                    return `Max length of ${name} should be ${validator.max_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.`;
-            // eslint-disable-next-line
-            if (validator.min != null)
-                if (value < validator.min)
-                    return `Min value of ${name} should be ${validator.min} characters.`;
-            // eslint-disable-next-line
-            if (validator.max != null)
-                if (validator.max < value)
-                    return `Max value of ${name} should be ${validator.max} characters.`;
-        }
-        return null;
-    }
-    static getErrorArray<T>(name: string, value: T[], required: boolean, min?: number, max?: number): string | null 
-    {
-        if (required)
-            // eslint-disable-next-line
-            if (value == null || value.length == 0)
-                return `${name} is required.`;
-        if (value != null)
-        {
-            if (min != null)
-                if (value.length < min)
-                    return `Min length of ${name} should be ${min} characters.`;
-            if (max != null)
-                if (max < value.length)
-                    return `Max length of ${name} should be ${max} 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 getErrorDateTime(name: string, value: Date | null | undefined): string | null
-    {
-        if (value != null)
-        {
-            const dateTime = new Date(value);
-            if (isNaN(dateTime.getTime()))
-                return `${value} is not a valid DateTime for ${name}.`;
-        }
-        return null;
-    }
-    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 | boolean | null | undefined, validator: IValidationProps): string | null
+    {
+        if (validator.required)
+            if (value == null || value === "")
+                return `${name} is required.`;
+        if (value != null)
+            if (validator.regex)
+            {
+                if (!new RegExp(validator.regex.regex).test(value + ""))
+                    return `${name} does not match regex ${validator.regex.regex}.`;
+            }
+        if (value != null)
+            if (validator.validator)
+            {
+                let error = validator.validator(name, value);
+                if (error)
+                    return error;
+            }
+
+        if (value != null)
+        {
+            if (validator.valids)
+                if (validator.valids.length > 0)
+                    if (!validator.valids.includes(value + ""))
+                        return `${value} is not a valid value for ${name}. Valid values are ${validator.valids.join(", ")}.`;
+            if (validator.invalids)
+                if (validator.invalids.length > 0)
+                    if (validator.invalids.includes(value + ""))
+                        return `${value} is an invalid value for ${name}. Invalid values are ${validator.invalids.join(", ")}.`;
+        }
+        return null;
+    }
+    static getErrorString(name: string, value: string | null | undefined, validator: IValidationStringProps): string | null
+    {
+        if (value != null)
+        {
+            if (validator.min_length != null)
+                if (value.length < validator.min_length)
+                    return `Min length of ${name} should be ${validator.min_length} characters.`;
+            if (validator.max_length != null)
+                if (validator.max_length < value.length)
+                    return `Max length of ${name} should be ${validator.max_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.`;
+            // eslint-disable-next-line
+            if (validator.min != null)
+                if (value < validator.min)
+                    return `Min value of ${name} should be ${validator.min} characters.`;
+            // eslint-disable-next-line
+            if (validator.max != null)
+                if (validator.max < value)
+                    return `Max value of ${name} should be ${validator.max} characters.`;
+        }
+        return null;
+    }
+    static getErrorArray<T>(name: string, value: T[], required: boolean, min?: number, max?: number): string | null 
+    {
+        if (required)
+            // eslint-disable-next-line
+            if (value == null || value.length == 0)
+                return `${name} is required.`;
+        if (value != null)
+        {
+            if (min != null)
+                if (value.length < min)
+                    return `Min length of ${name} should be ${min} characters.`;
+            if (max != null)
+                if (max < value.length)
+                    return `Max length of ${name} should be ${max} 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 getErrorDateTime(name: string, value: Date | null | undefined): string | null
+    {
+        if (value != null)
+        {
+            const dateTime = new Date(value);
+            if (isNaN(dateTime.getTime()))
+                return `${value} is not a valid DateTime for ${name}.`;
+        }
+        return null;
+    }
+    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;
+            }
+        });
+    }
 }

package/src/components/INSBox.tsx

@@ -1,7 +1,7 @@
-export interface INSBox
-{
-	getError(): string | null;
-	getValue(checkError: boolean): any;
-	setValue(value: any, callback?: () => void): void;
-	isEmpty(value: any): boolean;
+export interface INSBox
+{
+	getError(): string | null;
+	getValue(checkError: boolean): any;
+	setValue(value: any, callback?: () => void): void;
+	isEmpty(value: any): boolean;
 }

package/src/components/NSBanner.module.css

@@ -1,48 +1,48 @@
-.ns_banner_container {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    gap: 48px;
-}
-
-.ns_banner_image_right {
-    justify-content: center;
-    align-self: center;
-}
-
-.ns_banner_image_left {
-    justify-content: center;
-    align-self: center;
-}
-
-.ns_banner_text_container {
-    display: flex;
-    flex-direction: column;
-}
-
-.ns_banner_headline {
-    font-size: 24px;
-    color: rgba(20, 27, 92, 1);
-}
-
-.ns_banner_title {
-    font-size: 48px;
-    color: rgba(20, 27, 92, 1);
-    text-align: start;
-}
-
-.ns_banner_description {
-    font-size: 16px;
-    color: rgba(20, 27, 92, 1);
-}
-
-@media only screen and (min-width:992px) {
-    .ns_banner_container {
-        flex-direction: row;
-    }
-
-    .ns_banner_text_container {
-        width: 624px;
-    }
+.ns_banner_container {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 48px;
+}
+
+.ns_banner_image_right {
+    justify-content: center;
+    align-self: center;
+}
+
+.ns_banner_image_left {
+    justify-content: center;
+    align-self: center;
+}
+
+.ns_banner_text_container {
+    display: flex;
+    flex-direction: column;
+}
+
+.ns_banner_headline {
+    font-size: 24px;
+    color: rgba(20, 27, 92, 1);
+}
+
+.ns_banner_title {
+    font-size: 48px;
+    color: rgba(20, 27, 92, 1);
+    text-align: start;
+}
+
+.ns_banner_description {
+    font-size: 16px;
+    color: rgba(20, 27, 92, 1);
+}
+
+@media only screen and (min-width:992px) {
+    .ns_banner_container {
+        flex-direction: row;
+    }
+
+    .ns_banner_text_container {
+        width: 624px;
+    }
 }

package/src/components/NSBanner.tsx

@@ -1,81 +1,81 @@
-// todo move to its own probject: I guess this is Timify
-import { IImageProps } from "../main";
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import Styles from "./NSBanner.module.css"
-
-export interface NSBannerProps extends IBaseComponentProps
-{
-	imageRight: (IImageProps & IBaseComponentProps) | null;
-	imageLeft: (IImageProps & IBaseComponentProps) | null;
-	headline?: (IBaseComponentProps & { text: string }) | null;
-	title: (IBaseComponentProps & { text: string }) | null;
-	desciption?: (IBaseComponentProps & { text: string }) | null;
-}
-
-export function NSBanner(props: NSBannerProps)
-{
-	return (
-		<div
-			id={props.id}
-			className={`${Styles.ns_banner_container} ${props.classList?.join(" ") ?? ""}`}
-			style={props.style}
-		>
-			{
-				props.imageLeft &&
-				<img
-					id={props.imageLeft.id}
-					className={`${Styles.ns_banner_image_right} ${props.imageLeft.classList?.join(" ") ?? ""}`}
-					src={props.imageLeft.src}
-					alt={props.imageLeft.alt}
-					width={192}
-					height={192}
-					style={props.imageLeft.style}
-				/>
-			}
-			<div className={Styles.ns_banner_text_container}>
-				{
-					props.headline &&
-					<h6
-						id={props.headline.id}
-						className={`${Styles.ns_banner_headline} ${props.headline.classList?.join(" ") ?? ""}`}
-						style={props.headline.style}
-					>
-						{props.headline.text}
-					</h6>
-				}
-				{
-					props.title &&
-					<h1
-						id={props.title.id}
-						className={`${Styles.ns_banner_title} ${props.title.classList?.join(" ") ?? ""}`}
-						style={props.title.style}
-					>
-						{props.title.text}
-					</h1>
-				}
-				{
-					props.desciption &&
-					<p
-						id={props.desciption.id}
-						className={`${Styles.ns_banner_description} ${props.desciption.classList?.join(" ") ?? ""}`}
-						style={props.desciption.style}
-					>
-						{props.desciption.text}
-					</p>
-				}
-			</div>
-			{
-				props.imageRight &&
-				<img
-					id={props.imageRight.id}
-					className={`${Styles.ns_banner_image_right} ${props.imageRight.classList?.join(" ") ?? ""}`}
-					src={props.imageRight.src}
-					alt={props.imageRight.alt}
-					width={192}
-					height={192}
-					style={props.imageRight.style}
-				/>
-			}
-		</div>
-	);
+// todo move to its own probject: I guess this is Timify
+import { IImageProps } from "../main";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import Styles from "./NSBanner.module.css"
+
+export interface NSBannerProps extends IBaseComponentProps
+{
+	imageRight: (IImageProps & IBaseComponentProps) | null;
+	imageLeft: (IImageProps & IBaseComponentProps) | null;
+	headline?: (IBaseComponentProps & { text: string }) | null;
+	title: (IBaseComponentProps & { text: string }) | null;
+	desciption?: (IBaseComponentProps & { text: string }) | null;
+}
+
+export function NSBanner(props: NSBannerProps)
+{
+	return (
+		<div
+			id={props.id}
+			className={`${Styles.ns_banner_container} ${props.classList?.join(" ") ?? ""}`}
+			style={props.style}
+		>
+			{
+				props.imageLeft &&
+				<img
+					id={props.imageLeft.id}
+					className={`${Styles.ns_banner_image_right} ${props.imageLeft.classList?.join(" ") ?? ""}`}
+					src={props.imageLeft.src}
+					alt={props.imageLeft.alt}
+					width={192}
+					height={192}
+					style={props.imageLeft.style}
+				/>
+			}
+			<div className={Styles.ns_banner_text_container}>
+				{
+					props.headline &&
+					<h6
+						id={props.headline.id}
+						className={`${Styles.ns_banner_headline} ${props.headline.classList?.join(" ") ?? ""}`}
+						style={props.headline.style}
+					>
+						{props.headline.text}
+					</h6>
+				}
+				{
+					props.title &&
+					<h1
+						id={props.title.id}
+						className={`${Styles.ns_banner_title} ${props.title.classList?.join(" ") ?? ""}`}
+						style={props.title.style}
+					>
+						{props.title.text}
+					</h1>
+				}
+				{
+					props.desciption &&
+					<p
+						id={props.desciption.id}
+						className={`${Styles.ns_banner_description} ${props.desciption.classList?.join(" ") ?? ""}`}
+						style={props.desciption.style}
+					>
+						{props.desciption.text}
+					</p>
+				}
+			</div>
+			{
+				props.imageRight &&
+				<img
+					id={props.imageRight.id}
+					className={`${Styles.ns_banner_image_right} ${props.imageRight.classList?.join(" ") ?? ""}`}
+					src={props.imageRight.src}
+					alt={props.imageRight.alt}
+					width={192}
+					height={192}
+					style={props.imageRight.style}
+				/>
+			}
+		</div>
+	);
 };