namirasoft-site-react 1.3.360 → 1.3.361

package/src/formatter/MoneyFormatter.ts

@@ -0,0 +1,9 @@
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class MoneyFormatter extends BaseColumnFormatter
+{
+    override format(value: any): any
+    {
+        return value;
+    }
+}

package/src/formatter/PhoneFormatter.ts

@@ -0,0 +1,9 @@
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class PhoneFormatter extends BaseColumnFormatter
+{
+    override format(value: any): any
+    {
+        return value;
+    }
+}

package/src/formatter/PresentFormatter.tsx

@@ -1,21 +1,21 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class PresentFormatter extends BaseColumnFormatter
-{
-    private true_value: string;
-    private color: string;
-    constructor(true_value: string, color: string)
-    {
-        super();
-        this.true_value = true_value;
-        this.color = color;
-    }
-    override format(value: any): any
-    {
-        if (value === true)
-            return <span style={{ color: this.color }}> {this.true_value} </span>;
-        if (value === false)
-            return "";
-        return value;
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class PresentFormatter extends BaseColumnFormatter
+{
+    private true_value: string;
+    private color: string;
+    constructor(true_value: string, color: string)
+    {
+        super();
+        this.true_value = true_value;
+        this.color = color;
+    }
+    override format(value: any): any
+    {
+        if (value === true)
+            return <span style={{ color: this.color }}> {this.true_value} </span>;
+        if (value === false)
+            return "";
+        return value;
+    }
 }

package/src/formatter/StringFormatter.ts

@@ -1,13 +1,9 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class StringFormatter extends BaseColumnFormatter
-{
-    constructor()
-    {
-        super();
-    }
-    override format(value: any): any
-    {
-        return value;
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class StringFormatter extends BaseColumnFormatter
+{
+    override format(value: any): any
+    {
+        return value;
+    }
 }

package/src/formatter/TimeFormatter.ts

@@ -1,21 +1,21 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class TimeFormatter extends BaseColumnFormatter
-{
-    constructor()
-    {
-        super();
-    }
-    override format(value: any): any
-    {
-        try
-        {
-            let date = new Date(value);
-            return date.toString(); // to do
-        } catch (e)
-        {
-
-        }
-        return value;
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class TimeFormatter extends BaseColumnFormatter
+{
+    constructor()
+    {
+        super();
+    }
+    override format(value: any): any
+    {
+        try
+        {
+            let date = new Date(value);
+            return date.toString(); // to do
+        } catch (e)
+        {
+
+        }
+        return value;
+    }
 }

package/src/formatter/UnknowFormatter.ts

@@ -0,0 +1,9 @@
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class UnknowFormatter extends BaseColumnFormatter
+{
+    override format(value: any): any
+    {
+        return value;
+    }
+}

package/src/index.tsx

@@ -1,8 +1,8 @@
-import ReactDOM from 'react-dom/client';
-import './index.css';
-import { App } from './App';
-
-const root = ReactDOM.createRoot(
-    document.getElementById('root') as HTMLElement
-);
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import { App } from './App';
+
+const root = ReactDOM.createRoot(
+    document.getElementById('root') as HTMLElement
+);
 root.render(<App />);

package/src/main.ts

@@ -1,89 +1,99 @@
-export * from "./components/NSActionMenu";
-export * from "./components/NSBarAction";
-export * from "./components/NSBarHeroBanner";
-export * from "./components/NSBarNotification";
-export * from "./components/NSBarTitle";
-export * from "./components/NSBoxBoolean";
-export * from "./components/NSBoxCombo";
-export * from "./components/NSBoxDate";
-export * from "./components/NSBoxDateTime";
-export * from "./components/NSBoxDouble";
-export * from "./components/NSBoxDuration";
-export * from "./components/NSBoxEmail";
-export * from "./components/NSBoxEntity";
-export * from "./components/NSBoxEnum";
-export * from "./components/NSBoxErrorNotifier";
-export * from "./components/NSBoxInteger";
-export * from "./components/NSBoxIPV4";
-export * from "./components/NSBoxIPV6";
-export * from "./components/NSBoxLabel";
-export * from "./components/NSBoxOTP";
-export * from "./components/NSBoxPassword";
-export * from "./components/NSBoxPhone";
-export * from "./components/NSBoxPrice";
-export * from "./components/NSBoxString";
-export * from "./components/NSBoxSearch";
-export * from "./components/NSBoxTextArea";
-export * from "./components/NSBoxTime";
-export * from "./components/NSButton";
-export * from "./components/NSButtonBlue";
-export * from "./components/NSButtonGreen";
-export * from "./components/NSButtonRed";
-export * from "./components/NSCard";
-export * from "./components/NSCopyToClipboard";
-export * from "./components/NSDialog";
-export * from "./components/NSElectronicCard";
-export * from "./components/NSEntityBar";
-export * from "./components/NSEntityCardBackground";
-export * from "./components/NSFilterBox";
-export * from "./components/NSFilterBoxDialog";
-export * from "./components/NSFilterItem";
-export * from "./components/NSFooter";
-export * from "./components/NSGroupedList";
-export * from "./components/NSHeader";
-export * from "./components/NSLayout";
-export * from "./components/NSLine";
-export * from "./components/NSLink";
-export * from "./components/NSLinkBlue";
-export * from "./components/NSLinkGreen";
-export * from "./components/NSLinkRed";
-export * from "./components/NSLoading";
-export * from "./components/NSNoData";
-export * from "./components/NSModal";
-export * from "./components/NSPagination";
-export * from "./components/NSPanel";
-export * from "./components/NSPageSelectionModal";
-export * from "./components/NSSection";
-export * from "./components/NSSectionBars";
-export * from "./components/NSSectionCards";
-export * from "./components/NSSectionTitle";
-export * from "./components/NSSpace";
-export * from "./components/NSTable";
-export * from "./components/NSTag";
-export * from "./components/NSTabPage";
-export * from "./components/NSTitle";
-export * from "./components/NSVerification";
-export * from "./formatter/AnyFormatter";
-export * from "./formatter/BaseColumnFormatter";
-export * from "./formatter/BooleanFormatter";
-export * from "./formatter/DateFormatter";
-export * from "./formatter/DateTimeFormatter";
-export * from "./formatter/IDFormatter";
-export * from "./formatter/PresentFormatter";
-export * from "./formatter/StringFormatter";
-export * from "./formatter/TimeFormatter";
-export * from "./pages/NSNotFoundPage";
-export * from "./props/IBaseComponentProps";
-export * from "./props/IHeaderIconProps";
-export * from "./props/IHeaderProps";
-export * from "./props/IImageProps";
-export * from "./props/ILinkProps";
-export * from "./props/IValidationNumberProps";
-export * from "./props/IValidationProps";
-export * from "./props/IValidationRegexProps";
-export * from "./props/IValidationStringProps";
-export * from "./routing/INSRouterMaker";
-export * from "./routing/INSRouterProps";
-export * from "./routing/INSRouterState";
-export * from "./routing/Notifier";
+export * from "./components/NSActionMenu";
+export * from "./components/NSBarAction";
+export * from "./components/NSBarHeroBanner";
+export * from "./components/NSBarNotification";
+export * from "./components/NSBarTitle";
+export * from "./components/NSBoxBoolean";
+export * from "./components/NSBoxCombo";
+export * from "./components/NSBoxDate";
+export * from "./components/NSBoxDateTime";
+export * from "./components/NSBoxDouble";
+export * from "./components/NSBoxDuration";
+export * from "./components/NSBoxEmail";
+export * from "./components/NSBoxEntity";
+export * from "./components/NSBoxEnum";
+export * from "./components/NSBoxErrorNotifier";
+export * from "./components/NSBoxInteger";
+export * from "./components/NSBoxIPV4";
+export * from "./components/NSBoxIPV6";
+export * from "./components/NSBoxLabel";
+export * from "./components/NSBoxOTP";
+export * from "./components/NSBoxPassword";
+export * from "./components/NSBoxPhone";
+export * from "./components/NSBoxPrice";
+export * from "./components/NSBoxString";
+export * from "./components/NSBoxSearch";
+export * from "./components/NSBoxTextArea";
+export * from "./components/NSBoxTime";
+export * from "./components/NSButton";
+export * from "./components/NSButtonBlue";
+export * from "./components/NSButtonGreen";
+export * from "./components/NSButtonRed";
+export * from "./components/NSCard";
+export * from "./components/NSCopyToClipboard";
+export * from "./components/NSDialog";
+export * from "./components/NSElectronicCard";
+export * from "./components/NSEntityBar";
+export * from "./components/NSEntityCardBackground";
+export * from "./components/NSFilterBox";
+export * from "./components/NSFilterBoxDialog";
+export * from "./components/NSFilterItem";
+export * from "./components/NSFooter";
+export * from "./components/NSGroupedList";
+export * from "./components/NSHeader";
+export * from "./components/NSLayout";
+export * from "./components/NSLine";
+export * from "./components/NSLink";
+export * from "./components/NSLinkBlue";
+export * from "./components/NSLinkGreen";
+export * from "./components/NSLinkRed";
+export * from "./components/NSLoading";
+export * from "./components/NSNoData";
+export * from "./components/NSModal";
+export * from "./components/NSPagination";
+export * from "./components/NSPanel";
+export * from "./components/NSPageSelectionModal";
+export * from "./components/NSSection";
+export * from "./components/NSSectionBars";
+export * from "./components/NSSectionCards";
+export * from "./components/NSSectionTitle";
+export * from "./components/NSSpace";
+export * from "./components/NSTable";
+export * from "./components/NSTag";
+export * from "./components/NSTabPage";
+export * from "./components/NSTitle";
+export * from "./components/NSVerification";
+export * from "./formatter/BaseColumnFormatter";
+export * from "./formatter/BooleanFormatter";
+export * from "./formatter/DateFormatter";
+export * from "./formatter/DateTimeFormatter";
+export * from "./formatter/DurationFormatter";
+export * from "./formatter/EmailFormatter";
+export * from "./formatter/EnumFormatter";
+export * from "./formatter/FloatFormatter";
+export * from "./formatter/ForeignIDFormatter";
+export * from "./formatter/IDFormatter";
+export * from "./formatter/IntegerFormatter";
+export * from "./formatter/IPFormatter";
+export * from "./formatter/JsonFormatter";
+export * from "./formatter/MoneyFormatter";
+export * from "./formatter/PhoneFormatter";
+export * from "./formatter/PresentFormatter";
+export * from "./formatter/StringFormatter";
+export * from "./formatter/TimeFormatter";
+export * from "./formatter/UnknowFormatter";
+export * from "./pages/NSNotFoundPage";
+export * from "./props/IBaseComponentProps";
+export * from "./props/IHeaderIconProps";
+export * from "./props/IHeaderProps";
+export * from "./props/IImageProps";
+export * from "./props/ILinkProps";
+export * from "./props/IValidationNumberProps";
+export * from "./props/IValidationProps";
+export * from "./props/IValidationRegexProps";
+export * from "./props/IValidationStringProps";
+export * from "./routing/INSRouterMaker";
+export * from "./routing/INSRouterProps";
+export * from "./routing/INSRouterState";
+export * from "./routing/Notifier";
 export * from "./routing/NSRouterMaker";

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('../assets/images/404\ image_mobile.svg');
-	background-repeat: no-repeat;
-	background-size: contain;
-	background-position: center;
-	background-color: #fff;
-	width: 100%;
-	height: 80vh;
-	margin-bottom: 48px;
-}
-
-@media only screen and (min-width: 1024px) {
-	.ns_not_found_page {
-		background-image: url('../assets/images/404\ image.svg');
-	}
+.ns_not_found_page {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	background-image: url('../assets/images/404\ image_mobile.svg');
+	background-repeat: no-repeat;
+	background-size: contain;
+	background-position: center;
+	background-color: #fff;
+	width: 100%;
+	height: 80vh;
+	margin-bottom: 48px;
+}
+
+@media only screen and (min-width: 1024px) {
+	.ns_not_found_page {
+		background-image: url('../assets/images/404\ image.svg');
+	}
 }

package/src/pages/NSNotFoundPage.tsx

@@ -1,12 +1,12 @@
-import Styles from './NSNotFoundPage.module.css'
-import { NSLinkBlue } from '../main';
-
-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' title='Back To Home' />
-		</div>
-	);
+import Styles from './NSNotFoundPage.module.css'
+import { NSLinkBlue } from '../main';
+
+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' title='Back To Home' />
+		</div>
+	);
 }

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/IHeaderProps.ts

@@ -1,7 +1,7 @@
-import { IHeaderIconProps } from "./IHeaderIconProps";
-
-export interface IHeaderProps
-{
-	title: string;
-	icons: IHeaderIconProps[];
+import { IHeaderIconProps } from "./IHeaderIconProps";
+
+export interface IHeaderProps
+{
+	title: string;
+	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,6 +1,6 @@
-export interface ILinkProps
-{
-	title?: string;
-	href: string;
-	target?: string;
+export interface ILinkProps
+{
+	title?: string;
+	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/IValidationProps.ts

@@ -1,8 +1,8 @@
-import { IValidationRegexProps } from "./IValidationRegexProps";
-
-export interface IValidationProps
-{
-    required: boolean;
-    regex?: IValidationRegexProps;
-    validator?: (name: string, value: string | number | null | undefined) => string | null;
+import { IValidationRegexProps } from "./IValidationRegexProps";
+
+export interface IValidationProps
+{
+    required: boolean;
+    regex?: IValidationRegexProps;
+    validator?: (name: string, value: string | number | 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/INSRouterMaker.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { INSRouterProps } from "./INSRouterProps";
-
-export interface INSRouterMaker
-{
-    onRender(props: INSRouterProps): React.JSX.Element;
+import React from "react";
+import { INSRouterProps } from "./INSRouterProps";
+
+export interface INSRouterMaker
+{
+    onRender(props: INSRouterProps): React.JSX.Element;
 }

package/src/routing/INSRouterProps.ts

@@ -1,6 +1,6 @@
-import { Notifier } from "../routing/Notifier";
-
-export interface INSRouterProps
-{
-    notifier: Notifier;
+import { Notifier } from "../routing/Notifier";
+
+export interface INSRouterProps
+{
+    notifier: Notifier;
 }

package/src/routing/INSRouterState.ts

@@ -1,6 +1,6 @@
-import { INSBarNotificationProps } from "../components/NSBarNotification";
-
-export interface INSRouterState
-{
-    notifications?: INSBarNotificationProps[];
+import { INSBarNotificationProps } from "../components/NSBarNotification";
+
+export interface INSRouterState
+{
+    notifications?: INSBarNotificationProps[];
 }

package/src/routing/NSRouterMaker.tsx

@@ -1,34 +1,34 @@
-import { INSRouterProps } from './INSRouterProps';
-import { INSRouterMaker } from './INSRouterMaker';
-import { INSRouterState } from './INSRouterState';
-import { Notifier } from './Notifier';
-
-export class NSRouterMaker
-{
-    private state: INSRouterState | undefined;
-    private setState: React.Dispatch<React.SetStateAction<INSRouterState | undefined>>;
-    private component: INSRouterMaker;
-    constructor(state: INSRouterState | undefined, setState: React.Dispatch<React.SetStateAction<INSRouterState | undefined>>, component: INSRouterMaker)
-    {
-        this.state = state;
-        this.setState = setState;
-        this.component = component;
-        this.init = this.init.bind(this);
-        this.onRender = this.onRender.bind(this);
-    }
-    private init(): { props: INSRouterProps }
-    {
-        let notifier: Notifier = new Notifier(this.state, this.setState);
-
-        let props: INSRouterProps = {
-            notifier
-        };
-
-        return { props };
-    }
-    onRender(): React.JSX.Element
-    {
-        let { props } = this.init();
-        return this.component.onRender(props);
-    }
+import { INSRouterProps } from './INSRouterProps';
+import { INSRouterMaker } from './INSRouterMaker';
+import { INSRouterState } from './INSRouterState';
+import { Notifier } from './Notifier';
+
+export class NSRouterMaker
+{
+    private state: INSRouterState | undefined;
+    private setState: React.Dispatch<React.SetStateAction<INSRouterState | undefined>>;
+    private component: INSRouterMaker;
+    constructor(state: INSRouterState | undefined, setState: React.Dispatch<React.SetStateAction<INSRouterState | undefined>>, component: INSRouterMaker)
+    {
+        this.state = state;
+        this.setState = setState;
+        this.component = component;
+        this.init = this.init.bind(this);
+        this.onRender = this.onRender.bind(this);
+    }
+    private init(): { props: INSRouterProps }
+    {
+        let notifier: Notifier = new Notifier(this.state, this.setState);
+
+        let props: INSRouterProps = {
+            notifier
+        };
+
+        return { props };
+    }
+    onRender(): React.JSX.Element
+    {
+        let { props } = this.init();
+        return this.component.onRender(props);
+    }
 };