namirasoft-site-react 1.4.34 → 1.4.36

package/src/App.tsx

@@ -1,236 +1,249 @@
-import './App.css';
-import 'bootstrap/dist/css/bootstrap.min.css';
-import { NSTable, INSTableProps, TableColumnInfo, TableRowInfo } from './components/NSTable';
-import { BaseColumnFormatter, NSBarAlert, NSBoxDate, NSBoxEnum, NSBoxInteger, NSBoxPhone, 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='' />
-			<NSBoxPhone
-				required
-				title=''
-			/>
-			<NSBoxInteger
-				required
-				title=''
-				min={8}
-				max={12}
-			/>
-
-			<NSBoxEnum
-				title='Retention Unit'
-				required
-				multiple={false}
-				options={[
-					{ title: "LogGroupRetentionUnit.Day", value: "LogGroupRetentionUnit.Day" },
-					{ title: "LogGroupRetentionUnit.Week", value: "LogGroupRetentionUnit.Week" },
-					{ title: "LogGroupRetentionUnit.Month", value: "LogGroupRetentionUnit.Month" },
-					{ title: "LogGroupRetentionUnit.Year", value: "LogGroupRetentionUnit.Year" },
-				]}
-			/>
-
-			<NSBarAlert
-				isVisible={() => true}
-				onContinue={() => window.open("/")}
-				title={
-					{
-						title: "Verify Your Email",
-						description: "Lorem ipsum dolor sit amet consectetur. In ipsum gravida libero vitae tempor.Ipsum"
-					}
-				}
-			/>
-			<NSBarAlert
-				isVisible={() => true}
-				onContinue={() => window.open("/")}
-				title={
-					{
-						title: "Verify Your Email",
-						description: "Lorem ipsum dolor sit amet consectetur. In ipsum gravida libero vitae tempor.Ipsum"
-					}
-				}
-			/>
-			<NSBarAlert
-				isVisible={() => true}
-				onContinue={() => window.open("/")}
-				title={
-					{
-						title: "Verify Your Email",
-						description: "Lorem ipsum dolor sit amet consectetur. In ipsum gravida libero vitae tempor.Ipsum"
-					}
-				}
-			/>
-		</>
-	);
+import './App.css';
+import 'bootstrap/dist/css/bootstrap.min.css';
+import { NSTable, INSTableProps, TableColumnInfo, TableRowInfo } from './components/NSTable';
+import { BaseColumnFormatter, NSBarAlert, NSBoxBoolean, NSBoxDate, NSBoxEnum, NSBoxInteger, NSBoxPhone, NSButtonBlue, NSNotFoundPage } from './main';
+import { useState } from 'react';
+
+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,
+	};
+	let [state, setState] = useState<(boolean | null)>(false);
+
+	return (
+		<>
+			<NSBoxBoolean checked={state} required={false} title={state + ""} indeterminate={false}
+			></NSBoxBoolean>
+			<NSButtonBlue
+				onClick={() =>
+				{
+					setState(!state);
+					// if (state == null)
+					// 	setState(false);
+					// if (state == false)
+					// 	setState(true);
+					// if (state == true)
+					// 	setState(null);
+				}}
+			></NSButtonBlue>
+			<NSTable  {...tableProps} />
+			<NSNotFoundPage />
+			<NSBoxDate required title='' />
+			<NSBoxPhone
+				required
+				title=''
+			/>
+			<NSBoxInteger
+				required
+				title=''
+				min={8}
+				max={12}
+			/>
+
+			<NSBoxEnum
+				title='Retention Unit'
+				required
+				multiple={false}
+				options={[
+					{ title: "LogGroupRetentionUnit.Day", value: "LogGroupRetentionUnit.Day" },
+					{ title: "LogGroupRetentionUnit.Week", value: "LogGroupRetentionUnit.Week" },
+					{ title: "LogGroupRetentionUnit.Month", value: "LogGroupRetentionUnit.Month" },
+					{ title: "LogGroupRetentionUnit.Year", value: "LogGroupRetentionUnit.Year" },
+				]}
+			/>
+
+			<NSBarAlert
+				isVisible={() => true}
+				onContinue={() => window.open("/")}
+				title={
+					{
+						title: "Verify Your Email",
+						description: "Lorem ipsum dolor sit amet consectetur. In ipsum gravida libero vitae tempor.Ipsum"
+					}
+				}
+			/>
+			<NSBarAlert
+				isVisible={() => true}
+				onContinue={() => window.open("/")}
+				title={
+					{
+						title: "Verify Your Email",
+						description: "Lorem ipsum dolor sit amet consectetur. In ipsum gravida libero vitae tempor.Ipsum"
+					}
+				}
+			/>
+			<NSBarAlert
+				isVisible={() => true}
+				onContinue={() => window.open("/")}
+				title={
+					{
+						title: "Verify Your Email",
+						description: "Lorem ipsum dolor sit amet consectetur. In ipsum gravida libero vitae tempor.Ipsum"
+					}
+				}
+			/>
+		</>
+	);
 }

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