namirasoft-site-react 1.4.1 → 1.4.2

package/src/App.tsx

@@ -1,185 +1,185 @@
-import './App.css';
-import 'bootstrap/dist/css/bootstrap.min.css';
-import { NSTable, INSTableProps, TableColumnInfo, TableRowInfo } from './components/NSTable';
-import { BaseColumnFormatter, NSBoxDate, NSNotFoundPage } from './main';
-
-export interface INSBarActionState
-{
-	id: string;
-	menu_item: string;
-	handler: () => void;
-	isActive: () => boolean;
-}
-
-const fakeFormatter: BaseColumnFormatter = {
-	format: (value: any) => { return value; }
-};
-
-const fakeColumns: TableColumnInfo[] = [
-	{
-		index: 0,
-		name: 'Column1',
-		text: 'Column 111111111111',
-		formatter: fakeFormatter,
-	},
-	{
-		index: 1,
-		name: 'Column2',
-		text: 'Column 222222',
-		formatter: fakeFormatter,
-	},
-	{
-		index: 1,
-		name: 'Column3',
-		text: 'Column 33333333',
-		formatter: fakeFormatter,
-	},
-	{
-		index: 1,
-		name: 'Column4',
-		text: 'Column 44444444444',
-		formatter: fakeFormatter,
-	},
-	{
-		index: 1,
-		name: 'Column5',
-		text: 'Column 5',
-		formatter: fakeFormatter,
-	},
-	{
-		index: 1,
-		name: 'Column6',
-		text: 'Column 6',
-		formatter: fakeFormatter,
-	},
-	{
-		index: 1,
-		name: 'Column7',
-		text: 'Column 7',
-		formatter: fakeFormatter,
-	},
-	{
-		index: 1,
-		name: 'Column8',
-		text: 'Column 888888',
-		formatter: fakeFormatter,
-	},
-	{
-		index: 1,
-		name: 'Column9',
-		text: 'Column 9',
-		formatter: fakeFormatter,
-	},
-	{
-		index: 1,
-		name: 'Column10',
-		text: 'Column 10',
-		formatter: fakeFormatter,
-	},
-	{
-		index: 1,
-		name: 'Column11',
-		text: 'Column 11',
-		formatter: fakeFormatter,
-	},
-	{
-		index: 1,
-		name: 'Column12',
-		text: 'Column 12',
-		formatter: fakeFormatter,
-	},
-	{
-		index: 1,
-		name: 'Column13',
-		text: 'Column 13',
-		formatter: fakeFormatter,
-	},
-	{
-		index: 1,
-		name: 'Column14',
-		text: 'Column 14',
-		formatter: fakeFormatter,
-	},
-	{
-		index: 1,
-		name: 'Column15',
-		text: 'Column15',
-		formatter: fakeFormatter,
-	},
-	{
-		index: 1,
-		name: 'Column15',
-		text: 'Column15',
-		formatter: fakeFormatter,
-	},
-	{
-		index: 1,
-		name: 'Column16',
-		text: 'Column16',
-		formatter: fakeFormatter,
-	},
-	{
-		index: 1,
-		name: 'Column17',
-		text: 'Column17',
-		formatter: fakeFormatter,
-	},
-	{
-		index: 1,
-		name: 'Column18',
-		text: 'Column18',
-		formatter: fakeFormatter,
-	},
-	{
-		index: 1,
-		name: 'Column19',
-		text: 'Column19',
-		formatter: fakeFormatter,
-	}, {
-		index: 1,
-		name: 'Column20',
-		text: 'Column20',
-		formatter: fakeFormatter,
-	}
-
-];
-const fakeData = [
-	{ index: 0, Column1: 'Row 1 Data 1', Column2: 'Row 1 Data 2', Column3: 'Row 1 Data 3', Column4: 'Row 1 Data 4', Column5: 'Row 1 Data 5', Column6: 'Row 1 Data 6', Column7: 'Row 1 Data 7', Column8: 'Row 1 Data 8', Column9: 'Row 1 Data 9', Column10: 'Row 1 Data 10', Column11: 'Row 1 Data 11', Column12: 'Row 1 Data 12', Column13: 'Row 1 Data 13', Column14: 'Row 1 Data 14', Column15: 'Row 1 Data 15', Column16: 'Row 1 Data 16', Column17: 'Row 1 Data 17', Column18: 'Row 1 Data 18', Column19: 'Row 1 Data 19', Column20: 'Row 1 Data 20', percentage: 10 },
-	{ index: 1, Column1: 'Row 2 Data 1', Column2: 'Row 2 Data 2', Column3: 'Row 2 Data 3', percentage: 50 },
-	{ index: 2, Column1: 'Row 3 Data 1', Column2: 'Row 3 Data 2', Column3: 'Row 3 Data 3', percentage: 90 },
-
-];
-let getFakeRows = async (page: number, size: number) =>
-{
-	console.log(page, size);
-	const rows = fakeData;
-	return { rows: rows, count: fakeData.length };
-};
-
-const getFakeRowKey = (row: TableRowInfo<any>) =>
-{ return `${row.index}`; };
-
-export function App()
-{
-
-	const tableProps: INSTableProps<any> = {
-		checkbox: false,
-		// percentage:true,
-		columns: fakeColumns,
-		getRows: getFakeRows,
-		getRowKey: getFakeRowKey,
-	};
-
-	return (
-		<>
-			<div>NSLayout </div>
-			<div>NSLayout </div>
-			<div>NSLayout </div>
-			<NSTable  {...tableProps} />
-			<NSNotFoundPage />
-			<NSBoxDate required title='' />
-
-
-		</>
-	);
+import './App.css';
+import 'bootstrap/dist/css/bootstrap.min.css';
+import { NSTable, INSTableProps, TableColumnInfo, TableRowInfo } from './components/NSTable';
+import { BaseColumnFormatter, NSBoxDate, NSNotFoundPage } from './main';
+
+export interface INSBarActionState
+{
+	id: string;
+	menu_item: string;
+	handler: () => void;
+	isActive: () => boolean;
+}
+
+const fakeFormatter: BaseColumnFormatter = {
+	format: (value: any) => { return value; }
+};
+
+const fakeColumns: TableColumnInfo[] = [
+	{
+		index: 0,
+		name: 'Column1',
+		text: 'Column 111111111111',
+		formatter: fakeFormatter,
+	},
+	{
+		index: 1,
+		name: 'Column2',
+		text: 'Column 222222',
+		formatter: fakeFormatter,
+	},
+	{
+		index: 1,
+		name: 'Column3',
+		text: 'Column 33333333',
+		formatter: fakeFormatter,
+	},
+	{
+		index: 1,
+		name: 'Column4',
+		text: 'Column 44444444444',
+		formatter: fakeFormatter,
+	},
+	{
+		index: 1,
+		name: 'Column5',
+		text: 'Column 5',
+		formatter: fakeFormatter,
+	},
+	{
+		index: 1,
+		name: 'Column6',
+		text: 'Column 6',
+		formatter: fakeFormatter,
+	},
+	{
+		index: 1,
+		name: 'Column7',
+		text: 'Column 7',
+		formatter: fakeFormatter,
+	},
+	{
+		index: 1,
+		name: 'Column8',
+		text: 'Column 888888',
+		formatter: fakeFormatter,
+	},
+	{
+		index: 1,
+		name: 'Column9',
+		text: 'Column 9',
+		formatter: fakeFormatter,
+	},
+	{
+		index: 1,
+		name: 'Column10',
+		text: 'Column 10',
+		formatter: fakeFormatter,
+	},
+	{
+		index: 1,
+		name: 'Column11',
+		text: 'Column 11',
+		formatter: fakeFormatter,
+	},
+	{
+		index: 1,
+		name: 'Column12',
+		text: 'Column 12',
+		formatter: fakeFormatter,
+	},
+	{
+		index: 1,
+		name: 'Column13',
+		text: 'Column 13',
+		formatter: fakeFormatter,
+	},
+	{
+		index: 1,
+		name: 'Column14',
+		text: 'Column 14',
+		formatter: fakeFormatter,
+	},
+	{
+		index: 1,
+		name: 'Column15',
+		text: 'Column15',
+		formatter: fakeFormatter,
+	},
+	{
+		index: 1,
+		name: 'Column15',
+		text: 'Column15',
+		formatter: fakeFormatter,
+	},
+	{
+		index: 1,
+		name: 'Column16',
+		text: 'Column16',
+		formatter: fakeFormatter,
+	},
+	{
+		index: 1,
+		name: 'Column17',
+		text: 'Column17',
+		formatter: fakeFormatter,
+	},
+	{
+		index: 1,
+		name: 'Column18',
+		text: 'Column18',
+		formatter: fakeFormatter,
+	},
+	{
+		index: 1,
+		name: 'Column19',
+		text: 'Column19',
+		formatter: fakeFormatter,
+	}, {
+		index: 1,
+		name: 'Column20',
+		text: 'Column20',
+		formatter: fakeFormatter,
+	}
+
+];
+const fakeData = [
+	{ index: 0, Column1: 'Row 1 Data 1', Column2: 'Row 1 Data 2', Column3: 'Row 1 Data 3', Column4: 'Row 1 Data 4', Column5: 'Row 1 Data 5', Column6: 'Row 1 Data 6', Column7: 'Row 1 Data 7', Column8: 'Row 1 Data 8', Column9: 'Row 1 Data 9', Column10: 'Row 1 Data 10', Column11: 'Row 1 Data 11', Column12: 'Row 1 Data 12', Column13: 'Row 1 Data 13', Column14: 'Row 1 Data 14', Column15: 'Row 1 Data 15', Column16: 'Row 1 Data 16', Column17: 'Row 1 Data 17', Column18: 'Row 1 Data 18', Column19: 'Row 1 Data 19', Column20: 'Row 1 Data 20', percentage: 10 },
+	{ index: 1, Column1: 'Row 2 Data 1', Column2: 'Row 2 Data 2', Column3: 'Row 2 Data 3', percentage: 50 },
+	{ index: 2, Column1: 'Row 3 Data 1', Column2: 'Row 3 Data 2', Column3: 'Row 3 Data 3', percentage: 90 },
+
+];
+let getFakeRows = async (page: number, size: number) =>
+{
+	console.log(page, size);
+	const rows = fakeData;
+	return { rows: rows, count: fakeData.length };
+};
+
+const getFakeRowKey = (row: TableRowInfo<any>) =>
+{ return `${row.index}`; };
+
+export function App()
+{
+
+	const tableProps: INSTableProps<any> = {
+		checkbox: false,
+		// percentage:true,
+		columns: fakeColumns,
+		getRows: getFakeRows,
+		getRowKey: getFakeRowKey,
+	};
+
+	return (
+		<>
+			<div>NSLayout </div>
+			<div>NSLayout </div>
+			<div>NSLayout </div>
+			<NSTable  {...tableProps} />
+			<NSNotFoundPage />
+			<NSBoxDate required title='' />
+
+
+		</>
+	);
 }

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;
 }