namirasoft-site-react 1.5.27 → 1.5.28

package/src/pages/NSNotFoundPage.module.css

@@ -1,19 +1,19 @@
-.ns_not_found_page {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	background-image: url('https://static.namirasoft.com/image/concept/404/image.svg');
-	background-repeat: no-repeat;
-	background-size: contain;
-	background-position: center;
-	width: 100%;
-	height: 80vh;
-	overflow-y: auto;
-	margin-bottom: 48px;
-}
-
-@media only screen and (min-width: 1024px) {
-	.ns_not_found_page {
-		background-image: url('https://static.namirasoft.com/image/concept/404/image.svg');
-	}
+.ns_not_found_page {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	background-image: url('https://static.namirasoft.com/image/concept/404/image.svg');
+	background-repeat: no-repeat;
+	background-size: contain;
+	background-position: center;
+	width: 100%;
+	height: 80vh;
+	overflow-y: auto;
+	margin-bottom: 48px;
+}
+
+@media only screen and (min-width: 1024px) {
+	.ns_not_found_page {
+		background-image: url('https://static.namirasoft.com/image/concept/404/image.svg');
+	}
 }

package/src/pages/NSNotFoundPage.tsx

@@ -1,15 +1,15 @@
-import { NSLinkBlue } from '../components/NSLinkBlue';
-import Styles from './NSNotFoundPage.module.css'
-
-export function NSNotFoundPage()
-{
-	return (
-		<div className="d-flex justify-content-center flex-column">
-			<div className={Styles.ns_not_found_page}></div>
-			<NSLinkBlue href='/' target='_self'
-			>
-				Back To Home
-			</NSLinkBlue>
-		</div>
-	);
+import { NSLinkBlue } from '../components/NSLinkBlue';
+import Styles from './NSNotFoundPage.module.css'
+
+export function NSNotFoundPage()
+{
+	return (
+		<div className="d-flex justify-content-center flex-column">
+			<div className={Styles.ns_not_found_page}></div>
+			<NSLinkBlue href='/' target='_self'
+			>
+				Back To Home
+			</NSLinkBlue>
+		</div>
+	);
 }

package/src/pages/NSUpdating.module.css

@@ -1,36 +1,36 @@
-.ns_updating_container {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	text-align: center;
-}
-
-.ns_updating_container h2 {
-	color: #141B5C;
-	font-size: 24px;
-	font-weight: 700;
-	margin: 0 0 16px 0;
-}
-
-.ns_updating_container p {
-	color: #141B5C;
-	font-size: 16px;
-	font-weight: 300;
-	margin: 0;
-	line-height: 29px;
-}
-
-@media only screen and (min-width:768px) {
-	.ns_updating_image {
-		width: 712px;
-	}
-
-	.ns_updating_container h2 {
-		font-size: 48px;
-	}
-
-	.ns_updating_container p {
-		font-size: 24px;
-	}
+.ns_updating_container {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	text-align: center;
+}
+
+.ns_updating_container h2 {
+	color: #141B5C;
+	font-size: 24px;
+	font-weight: 700;
+	margin: 0 0 16px 0;
+}
+
+.ns_updating_container p {
+	color: #141B5C;
+	font-size: 16px;
+	font-weight: 300;
+	margin: 0;
+	line-height: 29px;
+}
+
+@media only screen and (min-width:768px) {
+	.ns_updating_image {
+		width: 712px;
+	}
+
+	.ns_updating_container h2 {
+		font-size: 48px;
+	}
+
+	.ns_updating_container p {
+		font-size: 24px;
+	}
 }

package/src/pages/NSUpdating.tsx

@@ -1,33 +1,33 @@
-import { NSDownTimer } from '../components/NSDownTimer';
-import { NSSpace, NSSpaceSizeType } from '../components/NSSpace';
-import Styles from '../pages/NSUpdating.module.css';
-
-export interface NSUpdatingProps 
-{
-	date: Date;
-}
-export function NSUpdating(props: NSUpdatingProps)
-{
-	return (
-		<div className={`${Styles.ns_updating_container}`}>
-			<img
-				src='https://static.namirasoft.com/image/concept/updating/image.svg'
-				alt='Updating'
-				width={320}
-				className={Styles.ns_updating_image}
-			/>
-			<NSSpace size={NSSpaceSizeType.MEDUIM} />
-			<h2>We apologize for the inconvenience.</h2>
-			<p>Our service is currently undergoing maintenance.
-				<br />
-				We'll be back up and running shortly.
-			</p>
-			<NSSpace size={NSSpaceSizeType.MEDUIM} />
-			<NSDownTimer
-				date={new Date(props.date)}
-				text='Estimated time to fix '
-			/>
-			<NSSpace size={NSSpaceSizeType.MEDUIM} />
-		</div>
-	);
+import { NSDownTimer } from '../components/NSDownTimer';
+import { NSSpace, NSSpaceSizeType } from '../components/NSSpace';
+import Styles from '../pages/NSUpdating.module.css';
+
+export interface NSUpdatingProps 
+{
+	date: Date;
+}
+export function NSUpdating(props: NSUpdatingProps)
+{
+	return (
+		<div className={`${Styles.ns_updating_container}`}>
+			<img
+				src='https://static.namirasoft.com/image/concept/updating/image.svg'
+				alt='Updating'
+				width={320}
+				className={Styles.ns_updating_image}
+			/>
+			<NSSpace size={NSSpaceSizeType.MEDUIM} />
+			<h2>We apologize for the inconvenience.</h2>
+			<p>Our service is currently undergoing maintenance.
+				<br />
+				We'll be back up and running shortly.
+			</p>
+			<NSSpace size={NSSpaceSizeType.MEDUIM} />
+			<NSDownTimer
+				date={new Date(props.date)}
+				text='Estimated time to fix '
+			/>
+			<NSSpace size={NSSpaceSizeType.MEDUIM} />
+		</div>
+	);
 };

package/src/props/IBackgroundProps.ts

@@ -1,6 +1,6 @@
-export interface IBackgroundProps
-{
-	image?: string;
-	size?: string;
-	attachment?: string;
+export interface IBackgroundProps
+{
+	image?: string;
+	size?: string;
+	attachment?: string;
 }

package/src/props/IBaseComponentProps.ts

@@ -1,9 +1,9 @@
-import React from "react";
-
-export interface IBaseComponentProps
-{
-    id?: string;
-    name?: string;
-    classList?: string[]
-    style?: React.CSSProperties
+import React from "react";
+
+export interface IBaseComponentProps
+{
+    id?: string;
+    name?: string;
+    classList?: string[]
+    style?: React.CSSProperties
 }

package/src/props/IHeaderIconProps.ts

@@ -1,11 +1,11 @@
-import React from "react";
-
-export interface IHeaderIconProps
-{
-	count?: number
-	src: string,
-	alt?: string,
-	tooltip?:string,
-	onClicked: (icon: IHeaderIconProps) => void
-	children?: React.ReactNode
+import React from "react";
+
+export interface IHeaderIconProps
+{
+	count?: number
+	src: string,
+	alt?: string,
+	tooltip?:string,
+	onClicked: (icon: IHeaderIconProps) => void
+	children?: React.ReactNode
 }

package/src/props/IHeaderLeftProps.ts

@@ -1,7 +1,7 @@
-export interface IHeaderLeftProps
-{
-	scope: string;
-	name: string;
-	logo: string;
-	title?: string;
+export interface IHeaderLeftProps
+{
+	scope: string;
+	name: string;
+	logo: string;
+	title?: string;
 }

package/src/props/IHeaderRightProps.ts

@@ -1,9 +1,9 @@
-import { NSLinkProps } from "../components/NSLink";
-import { IHeaderIconProps } from "./IHeaderIconProps";
-
-export interface IHeaderRightProps
-{
-	title?: string;
-	link?: NSLinkProps;
-	icons: IHeaderIconProps[];
+import { NSLinkProps } from "../components/NSLink";
+import { IHeaderIconProps } from "./IHeaderIconProps";
+
+export interface IHeaderRightProps
+{
+	title?: string;
+	link?: NSLinkProps;
+	icons: IHeaderIconProps[];
 }

package/src/props/IImageProps.ts

@@ -1,5 +1,5 @@
-export interface IImageProps
-{
-    src: string;
-    alt?: string;
+export interface IImageProps
+{
+    src: string;
+    alt?: string;
 }

package/src/props/ILinkProps.ts

@@ -1,5 +1,5 @@
-export interface ILinkProps
-{
-	href: string;
-	target?: string;
+export interface ILinkProps
+{
+	href: string;
+	target?: string;
 }

package/src/props/IValidationNumberProps.ts

@@ -1,5 +1,5 @@
-export interface IValidationNumberProps 
-{
-    min?: number;
-    max?: number;
+export interface IValidationNumberProps 
+{
+    min?: number;
+    max?: number;
 }

package/src/props/IValidationPrecisionProps.ts

@@ -1,4 +1,4 @@
-export interface IValidationPrecisionProps 
-{
-    precision?: number;
+export interface IValidationPrecisionProps 
+{
+    precision?: number;
 }

package/src/props/IValidationProps.ts

@@ -1,10 +1,10 @@
-import { IValidationRegexProps } from "./IValidationRegexProps";
-
-export interface IValidationProps
-{
-    required: boolean;
-    valids?: string[];
-    invalids?: string[];
-    regex?: IValidationRegexProps;
-    validator?: (name: string, value: any | null | undefined) => string | null;
+import { IValidationRegexProps } from "./IValidationRegexProps";
+
+export interface IValidationProps
+{
+    required: boolean;
+    valids?: string[];
+    invalids?: string[];
+    regex?: IValidationRegexProps;
+    validator?: (name: string, value: any | null | undefined) => string | null;
 }

package/src/props/IValidationRegexProps.ts

@@ -1,5 +1,5 @@
-export interface IValidationRegexProps
-{
-    name: string
-    regex: RegExp;
+export interface IValidationRegexProps
+{
+    name: string
+    regex: RegExp;
 }

package/src/props/IValidationStringProps.ts

@@ -1,5 +1,5 @@
-export interface IValidationStringProps
-{
-    min_length?: number;
-    max_length?: number;
+export interface IValidationStringProps
+{
+    min_length?: number;
+    max_length?: number;
 }

package/src/routing/NSNotifier.ts

@@ -1,115 +1,115 @@
-import axios from "axios";
-import { NSBarNotificationColor, NSBarNotificationProps, NotificationType } from "../components/NSBarNotification";
-import { BaseUUID, IStorage, TimeOperation } from "namirasoft-core";
-import { Mutex } from 'async-mutex';
-
-export class NSNotifier
-{
-    private static mutex_mofify: Mutex = new Mutex();
-    private static mutex_set: Mutex = new Mutex();
-    private storage: IStorage;
-    private changeState: () => void;
-    public timeout: number = 5000;
-    constructor(storage: IStorage, changeState: () => void)
-    {
-        this.storage = storage;
-        this.changeState = changeState;
-        this.onChangeState = this.onChangeState.bind(this);
-        this.getNotifications = this.getNotifications.bind(this);
-        this.setNotifications = this.setNotifications.bind(this);
-        this.delNotification = this.delNotification.bind(this);
-        this.notify = this.notify.bind(this);
-        this.onInformation = this.onInformation.bind(this);
-        this.onSuccess = this.onSuccess.bind(this);
-        this.onWarning = this.onWarning.bind(this);
-        this.onError = this.onError.bind(this);
-    }
-    onChangeState()
-    {
-        this.changeState();
-    }
-    getNotifications(): NSBarNotificationProps[]
-    {
-        let ans: NSBarNotificationProps[] = [];
-        let value = this.storage.get("ns-notifications", "");
-        if (value)
-            ans = JSON.parse(value);
-        let now = new Date();
-        ans = ans.filter(x =>
-        {
-            if (x.expired_at)
-            {
-                let expired_at = new Date(x.expired_at);
-                return expired_at >= now;
-            }
-            return false;
-        })
-        return ans;
-    }
-    setNotifications(notifications: NSBarNotificationProps[], timout?: number): void
-    {
-        NSNotifier.mutex_set.runExclusive(() =>
-        {
-            notifications.forEach(n =>
-            {
-                if (!n.expired_at)
-                    n.expired_at = TimeOperation.millisecondsLater(timout ?? this.timeout, new Date());
-            });
-            this.storage.set("ns-notifications", JSON.stringify(notifications));
-            this.onChangeState();
-        });
-    }
-    delNotification(id: string): void
-    {
-        NSNotifier.mutex_mofify.runExclusive(() =>
-        {
-            let notifications: NSBarNotificationProps[] = this.getNotifications();
-            notifications = notifications.filter(x => x.id !== id);
-            this.setNotifications(notifications);
-        });
-    }
-    private notify(message: NSBarNotificationProps, timout?: number) 
-    {
-        NSNotifier.mutex_mofify.runExclusive(() =>
-        {
-            let notifications: NSBarNotificationProps[] = this.getNotifications();
-            notifications.push(message);
-            this.setNotifications(notifications, timout);
-            window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
-        });
-        setTimeout(() =>
-        {
-            this.delNotification(message.id);
-        }, timout ?? this.timeout);
-    }
-    onInformation(text: string, timout?: number) 
-    {
-        let id = BaseUUID.uuid();
-        this.notify({ id, text, type: NotificationType.Information, color: NSBarNotificationColor.GRAY }, timout);
-    }
-    onSuccess(text: string, timout?: number) 
-    {
-        let id = BaseUUID.uuid();
-        this.notify({ id, text, type: NotificationType.Success, color: NSBarNotificationColor.GREEN }, timout);
-    }
-    onWarning(text: string, timout?: number) 
-    {
-        let id = BaseUUID.uuid();
-        this.notify({ id, text, type: NotificationType.Warning, color: NSBarNotificationColor.YELLOW }, timout);
-    }
-    onError(error: Error | string, timout?: number) 
-    {
-        let id = BaseUUID.uuid();
-        let text: string = "";
-        if (error instanceof Error)
-        {
-            text = error.message;
-            if (axios.isAxiosError(error))
-                if (error.response?.data)
-                    text = error.response.data;
-        }
-        else
-            text = error;
-        this.notify({ id, text, type: NotificationType.Error, color: NSBarNotificationColor.RED }, timout);
-    }
+import axios from "axios";
+import { NSBarNotificationColor, NSBarNotificationProps, NotificationType } from "../components/NSBarNotification";
+import { BaseUUID, IStorage, TimeOperation } from "namirasoft-core";
+import { Mutex } from 'async-mutex';
+
+export class NSNotifier
+{
+    private static mutex_mofify: Mutex = new Mutex();
+    private static mutex_set: Mutex = new Mutex();
+    private storage: IStorage;
+    private changeState: () => void;
+    public timeout: number = 5000;
+    constructor(storage: IStorage, changeState: () => void)
+    {
+        this.storage = storage;
+        this.changeState = changeState;
+        this.onChangeState = this.onChangeState.bind(this);
+        this.getNotifications = this.getNotifications.bind(this);
+        this.setNotifications = this.setNotifications.bind(this);
+        this.delNotification = this.delNotification.bind(this);
+        this.notify = this.notify.bind(this);
+        this.onInformation = this.onInformation.bind(this);
+        this.onSuccess = this.onSuccess.bind(this);
+        this.onWarning = this.onWarning.bind(this);
+        this.onError = this.onError.bind(this);
+    }
+    onChangeState()
+    {
+        this.changeState();
+    }
+    getNotifications(): NSBarNotificationProps[]
+    {
+        let ans: NSBarNotificationProps[] = [];
+        let value = this.storage.get("ns-notifications", "");
+        if (value)
+            ans = JSON.parse(value);
+        let now = new Date();
+        ans = ans.filter(x =>
+        {
+            if (x.expired_at)
+            {
+                let expired_at = new Date(x.expired_at);
+                return expired_at >= now;
+            }
+            return false;
+        })
+        return ans;
+    }
+    setNotifications(notifications: NSBarNotificationProps[], timout?: number): void
+    {
+        NSNotifier.mutex_set.runExclusive(() =>
+        {
+            notifications.forEach(n =>
+            {
+                if (!n.expired_at)
+                    n.expired_at = TimeOperation.millisecondsLater(timout ?? this.timeout, new Date());
+            });
+            this.storage.set("ns-notifications", JSON.stringify(notifications));
+            this.onChangeState();
+        });
+    }
+    delNotification(id: string): void
+    {
+        NSNotifier.mutex_mofify.runExclusive(() =>
+        {
+            let notifications: NSBarNotificationProps[] = this.getNotifications();
+            notifications = notifications.filter(x => x.id !== id);
+            this.setNotifications(notifications);
+        });
+    }
+    private notify(message: NSBarNotificationProps, timout?: number) 
+    {
+        NSNotifier.mutex_mofify.runExclusive(() =>
+        {
+            let notifications: NSBarNotificationProps[] = this.getNotifications();
+            notifications.push(message);
+            this.setNotifications(notifications, timout);
+            window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
+        });
+        setTimeout(() =>
+        {
+            this.delNotification(message.id);
+        }, timout ?? this.timeout);
+    }
+    onInformation(text: string, timout?: number) 
+    {
+        let id = BaseUUID.uuid();
+        this.notify({ id, text, type: NotificationType.Information, color: NSBarNotificationColor.GRAY }, timout);
+    }
+    onSuccess(text: string, timout?: number) 
+    {
+        let id = BaseUUID.uuid();
+        this.notify({ id, text, type: NotificationType.Success, color: NSBarNotificationColor.GREEN }, timout);
+    }
+    onWarning(text: string, timout?: number) 
+    {
+        let id = BaseUUID.uuid();
+        this.notify({ id, text, type: NotificationType.Warning, color: NSBarNotificationColor.YELLOW }, timout);
+    }
+    onError(error: Error | string, timout?: number) 
+    {
+        let id = BaseUUID.uuid();
+        let text: string = "";
+        if (error instanceof Error)
+        {
+            text = error.message;
+            if (axios.isAxiosError(error))
+                if (error.response?.data)
+                    text = error.response.data;
+        }
+        else
+            text = error;
+        this.notify({ id, text, type: NotificationType.Error, color: NSBarNotificationColor.RED }, timout);
+    }
 }

package/src/routing/NSRouterMaker.tsx

@@ -1,29 +1,29 @@
-"use client";
-
-import { IStorage } from 'namirasoft-core';
-import { Component } from 'react';
-import { NSNotifier } from './NSNotifier';
-
-export interface INSRouterMakerProps
-{
-    notifier_storage: IStorage;
-    page_force_update: () => void;
-    render: (props: NSRouterMakerResult) => React.JSX.Element;
-}
-
-export interface NSRouterMakerResult
-{
-    notifier: NSNotifier;
-}
-
-export class NSRouterMaker extends Component<INSRouterMakerProps>
-{
-    constructor(props: INSRouterMakerProps)
-    {
-        super(props);
-    }
-    override render(): React.JSX.Element
-    {
-        return this.props.render({ notifier: new NSNotifier(this.props.notifier_storage, this.props.page_force_update) });
-    }
+"use client";
+
+import { IStorage } from 'namirasoft-core';
+import { Component } from 'react';
+import { NSNotifier } from './NSNotifier';
+
+export interface INSRouterMakerProps
+{
+    notifier_storage: IStorage;
+    page_force_update: () => void;
+    render: (props: NSRouterMakerResult) => React.JSX.Element;
+}
+
+export interface NSRouterMakerResult
+{
+    notifier: NSNotifier;
+}
+
+export class NSRouterMaker extends Component<INSRouterMakerProps>
+{
+    constructor(props: INSRouterMakerProps)
+    {
+        super(props);
+    }
+    override render(): React.JSX.Element
+    {
+        return this.props.render({ notifier: new NSNotifier(this.props.notifier_storage, this.props.page_force_update) });
+    }
 };