namirasoft-account-react 1.3.77 → 1.3.78

package/src/layouts/NSASectionList.tsx

@@ -1,106 +1,106 @@
-import { NSLine, NSSection, NSSpace, NSSpaceSizeType, NSTable } from "namirasoft-site-react";
-import { Component, ReactNode, createRef } from "react";
-import { IEntityInfo } from "../IEntityInfo";
-import { NSASectionTabs } from "./NSASectionTabs";
-
-export interface NSASectionListProps
-{
-	ui: {
-		getColumns: () => { [key: string]: string };
-	}
-}
-
-export interface NSASectionListState
-{
-	page: {
-		current: number;
-		size: number;
-	};
-	totalItems: number;
-	selected: string[];
-}
-
-export class NSASectionList<EntityType extends { id: string }, EntityTypeInput = EntityType> extends Component<NSASectionListProps & { entity: IEntityInfo<EntityType, EntityTypeInput> }, NSASectionListState>
-{
-	private Table = createRef<NSTable<EntityType>>();
-	constructor(props: NSASectionListProps & { entity: IEntityInfo<EntityType, EntityTypeInput>, children: ReactNode })
-	{
-		super(props);
-		this.state = { page: { current: 1, size: 25 }, totalItems: 0, selected: [] };
-		this.reload = this.reload.bind(this);
-		this.getSelectedIDs = this.getSelectedIDs.bind(this);
-	}
-	reload(): void 
-	{
-		this.Table.current?.setRows([]);
-		this.props.entity.server.list(null, this.state.page.current, this.state.page.size).then(response =>
-		{
-			this.Table.current?.setRows(response.rows);
-			this.setState(prevState => ({ ...prevState, totalItems: response.count ?? 0 }));
-		}).catch(() => { });
-	}
-	getSelectedIDs(): string[]
-	{
-		return this.state.selected;
-	}
-	override componentDidMount()
-	{
-		this.reload();
-	}
-	override render()
-	{
-		const getColumns = (): { [key: string]: string } =>
-		{
-			return {
-				selected: "",
-				...this.props.ui.getColumns()
-			};
-		};
-		const getRowKey = (row: EntityType, _: number): string =>
-		{
-			return row.id.toString();
-		};
-		const getColumnAttributes = (): { [key: string]: string } =>
-		{
-			return {};
-		};
-		const getCell = (row: EntityType, column: string) =>
-		{
-			if (column === "selected")
-				return <input id={`checkbox_device_${row.id}`} type="checkbox" defaultValue={this.state.selected.includes(row.id) + ""} onChange={(e) =>
-				{
-					let selected = this.state.selected;
-					if (e.currentTarget.checked)
-						selected.push(row.id);
-					else
-						selected = selected.filter(x => x != row.id);
-					this.setState(prevState => ({ ...prevState, selected }));
-				}} />;
-			return (row as any)[column];
-		};
-
-		let ids = this.getSelectedIDs();
-		let id = "";
-		if (ids.length == 1)
-			id = ids[0];
-
-		return (
-			<NSSection center_items={false}>
-				<NSTable<EntityType>
-					ref={this.Table}
-					columns={getColumns()}
-					getRowKey={getRowKey}
-					getColumnAttributes={getColumnAttributes}
-					getCell={getCell}
-					pageSize={this.state.page.size}
-					totalItems={this.state.totalItems}
-					reload={this.reload}
-				/>
-				<NSSpace size={NSSpaceSizeType.NORMAL}></NSSpace>
-				<NSLine></NSLine>
-				<NSSpace size={NSSpaceSizeType.NORMAL}></NSSpace>
-				<NSASectionTabs entity={this.props.entity} id={id} />
-			</NSSection>
-		);
-	}
+import { NSLine, NSSection, NSSpace, NSSpaceSizeType, NSTable } from "namirasoft-site-react";
+import { Component, ReactNode, createRef } from "react";
+import { IEntityInfo } from "../IEntityInfo";
+import { NSASectionTabs } from "./NSASectionTabs";
+
+export interface NSASectionListProps
+{
+	ui: {
+		getColumns: () => { [key: string]: string };
+	}
+}
+
+export interface NSASectionListState
+{
+	page: {
+		current: number;
+		size: number;
+	};
+	totalItems: number;
+	selected: string[];
+}
+
+export class NSASectionList<EntityType extends { id: string }, EntityTypeInput = EntityType> extends Component<NSASectionListProps & { entity: IEntityInfo<EntityType, EntityTypeInput> }, NSASectionListState>
+{
+	private Table = createRef<NSTable<EntityType>>();
+	constructor(props: NSASectionListProps & { entity: IEntityInfo<EntityType, EntityTypeInput>, children: ReactNode })
+	{
+		super(props);
+		this.state = { page: { current: 1, size: 25 }, totalItems: 0, selected: [] };
+		this.reload = this.reload.bind(this);
+		this.getSelectedIDs = this.getSelectedIDs.bind(this);
+	}
+	reload(): void 
+	{
+		this.Table.current?.setRows(null);
+		this.props.entity.server.list(null, this.state.page.current, this.state.page.size).then(response =>
+		{
+			this.Table.current?.setRows(response.rows);
+			this.setState(prevState => ({ ...prevState, totalItems: response.count ?? 0 }));
+		}).catch(() => { });
+	}
+	getSelectedIDs(): string[]
+	{
+		return this.state.selected;
+	}
+	override componentDidMount()
+	{
+		this.reload();
+	}
+	override render()
+	{
+		const getColumns = (): { [key: string]: string } =>
+		{
+			return {
+				selected: "",
+				...this.props.ui.getColumns()
+			};
+		};
+		const getRowKey = (row: EntityType, _: number): string =>
+		{
+			return row.id.toString();
+		};
+		const getColumnAttributes = (): { [key: string]: string } =>
+		{
+			return {};
+		};
+		const getCell = (row: EntityType, column: string) =>
+		{
+			if (column === "selected")
+				return <input id={`checkbox_device_${row.id}`} type="checkbox" defaultValue={this.state.selected.includes(row.id) + ""} onChange={(e) =>
+				{
+					let selected = this.state.selected;
+					if (e.currentTarget.checked)
+						selected.push(row.id);
+					else
+						selected = selected.filter(x => x != row.id);
+					this.setState(prevState => ({ ...prevState, selected }));
+				}} />;
+			return (row as any)[column];
+		};
+
+		let ids = this.getSelectedIDs();
+		let id = "";
+		if (ids.length == 1)
+			id = ids[0];
+
+		return (
+			<NSSection center_items={false}>
+				<NSTable<EntityType>
+					ref={this.Table}
+					columns={getColumns()}
+					getRowKey={getRowKey}
+					getColumnAttributes={getColumnAttributes}
+					getCell={getCell}
+					pageSize={this.state.page.size}
+					totalItems={this.state.totalItems}
+					reload={this.reload}
+				/>
+				<NSSpace size={NSSpaceSizeType.NORMAL}></NSSpace>
+				<NSLine></NSLine>
+				<NSSpace size={NSSpaceSizeType.NORMAL}></NSSpace>
+				<NSASectionTabs entity={this.props.entity} id={id} />
+			</NSSection>
+		);
+	}
 }

package/src/layouts/NSASectionTabs.tsx

@@ -1,37 +1,37 @@
-import { NSTabPage } from "namirasoft-site-react";
-import { IEntityInfo } from "../IEntityInfo";
-
-export interface NSASectionTabsProps
-{
-	id: string;
-}
-
-export function NSASectionTabs<EntityType extends { id: string }, EntityTypeInput = EntityType>(props: NSASectionTabsProps & { entity: IEntityInfo<EntityType, EntityTypeInput>; })
-{
-	console.log("Todo", props);
-
-	// tabs
-	let todo = () => <p>This is not impolemented yet.</p>;
-	const tabs = [];
-	if (props.id)
-	{
-		tabs.push({ title: 'Information', getContent: todo });
-		tabs.push({ title: 'Price History', getContent: todo });
-	}
-	tabs.push({ title: 'Price Estimator', getContent: todo });
-	if (props.id)
-	{
-		tabs.push({ title: 'Log', getContent: todo });
-		tabs.push({ title: 'Monitor', getContent: todo });
-		tabs.push({ title: 'History', getContent: todo });
-	}
-	tabs.push({ title: 'How It Works', getContent: todo });
-	tabs.push({ title: 'API', getContent: todo });
-	tabs.push({ title: 'Sample Code', getContent: todo });
-	tabs.push({ title: 'Tag', getContent: todo });
-	tabs.push({ title: 'Category', getContent: todo });
-	tabs.push({ title: 'Field', getContent: todo });
-	return (
-		<NSTabPage tabs={tabs} />
-	);
+import { NSTabPage } from "namirasoft-site-react";
+import { IEntityInfo } from "../IEntityInfo";
+
+export interface NSASectionTabsProps
+{
+	id: string;
+}
+
+export function NSASectionTabs<EntityType extends { id: string }, EntityTypeInput = EntityType>(props: NSASectionTabsProps & { entity: IEntityInfo<EntityType, EntityTypeInput>; })
+{
+	console.log("Todo", props);
+
+	// tabs
+	let todo = () => <p>This is not impolemented yet.</p>;
+	const tabs = [];
+	if (props.id)
+	{
+		tabs.push({ title: 'Information', getContent: todo });
+		tabs.push({ title: 'Price History', getContent: todo });
+	}
+	tabs.push({ title: 'Price Estimator', getContent: todo });
+	if (props.id)
+	{
+		tabs.push({ title: 'Log', getContent: todo });
+		tabs.push({ title: 'Monitor', getContent: todo });
+		tabs.push({ title: 'History', getContent: todo });
+	}
+	tabs.push({ title: 'How It Works', getContent: todo });
+	tabs.push({ title: 'API', getContent: todo });
+	tabs.push({ title: 'Sample Code', getContent: todo });
+	tabs.push({ title: 'Tag', getContent: todo });
+	tabs.push({ title: 'Category', getContent: todo });
+	tabs.push({ title: 'Field', getContent: todo });
+	return (
+		<NSTabPage tabs={tabs} />
+	);
 }

package/src/layouts/NSASectionView.tsx

@@ -1,16 +1,16 @@
-import { NSASectionTabs } from "./NSASectionTabs";
-import { IEntityInfo } from "../IEntityInfo";
-import { useParams } from "react-router-dom";
-
-export interface NSASectionViewProps
-{
-}
-
-export function NSASectionView<EntityType extends { id: string }, EntityTypeInput = EntityType>(props: NSASectionViewProps & { entity: IEntityInfo<EntityType, EntityTypeInput>; })
-{
-	let { id } = useParams();
-
-	return (
-		<NSASectionTabs entity={props.entity} id={id ?? ""} />
-	);
+import { NSASectionTabs } from "./NSASectionTabs";
+import { IEntityInfo } from "../IEntityInfo";
+import { useParams } from "react-router-dom";
+
+export interface NSASectionViewProps
+{
+}
+
+export function NSASectionView<EntityType extends { id: string }, EntityTypeInput = EntityType>(props: NSASectionViewProps & { entity: IEntityInfo<EntityType, EntityTypeInput>; })
+{
+	let { id } = useParams();
+
+	return (
+		<NSASectionTabs entity={props.entity} id={id ?? ""} />
+	);
 }

package/src/main.ts

@@ -1,17 +1,17 @@
-export * from "./components/NSADeleteModal";
-export * from "./components/NSAMessageDialog";
-
-export * from "./layouts/Actions";
-export * from "./layouts/NSALayout";
-export * from "./layouts/NSASectionEdit";
-export * from "./layouts/NSASectionList";
-export * from "./layouts/NSASectionView";
-
-export * from "./pages/NSALoginPage";
-
-export * from "./IEntityInfo";
-export * from "./Info";
-export * from "./INSARouterMaker";
-export * from "./INSARouterProps";
-export * from "./INSARouterState";
+export * from "./components/NSADeleteModal";
+export * from "./components/NSAMessageDialog";
+
+export * from "./layouts/Actions";
+export * from "./layouts/NSALayout";
+export * from "./layouts/NSASectionEdit";
+export * from "./layouts/NSASectionList";
+export * from "./layouts/NSASectionView";
+
+export * from "./pages/NSALoginPage";
+
+export * from "./IEntityInfo";
+export * from "./Info";
+export * from "./INSARouterMaker";
+export * from "./INSARouterProps";
+export * from "./INSARouterState";
 export * from "./NSARouterMaker";

package/src/pages/NSALoginPage.module.css

@@ -1,20 +1,20 @@
-.ns_login_container {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-}
-
-.ns_logo {
-	text-align: center;
-}
-
-.ns_title {
-	font-size: 32px;
-	font-weight: 700;
-	text-align: center;
-}
-
-.ns_button {
-	text-align: center;
+.ns_login_container {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+
+.ns_logo {
+	text-align: center;
+}
+
+.ns_title {
+	font-size: 32px;
+	font-weight: 700;
+	text-align: center;
+}
+
+.ns_button {
+	text-align: center;
 }

package/src/pages/NSALoginPage.tsx

@@ -1,38 +1,38 @@
-import Styles from './NSALoginPage.module.css';
-
-import { NSSpace, NSSpaceSizeType, NSLinkBlue } from 'namirasoft-site-react';
-
-export interface INSALoginPageProps
-{
-    title: string;
-    logo: string;
-    background: string;
-}
-
-export function NSALoginPage(props: INSALoginPageProps) 
-{
-    return (
-        <div
-            style={{
-                backgroundImage: `url(${props.background})`,
-                width: '100%',
-                backgroundSize: 'cover',
-                backgroundAttachment: 'fixed'
-            }}
-        >
-            <div className={Styles.ns_login_container} style={{ minHeight: '100vh' }}>
-                <div className={Styles.ns_logo}>
-                    <img width={256} height={256} src={props.logo} alt={`${props.title} Logo`} />
-                </div>
-                <NSSpace size={NSSpaceSizeType.SMALL} />
-                <div>
-                    <h1 className={Styles.ns_title}>{props.title}</h1>
-                </div>
-                <NSSpace size={NSSpaceSizeType.SMALL} />
-                <div className={Styles.ns_button}>
-                    <NSLinkBlue title="Login" href={'https://account.namirasoft.com/login'} />
-                </div>
-            </div>
-        </div>
-    );
+import Styles from './NSALoginPage.module.css';
+
+import { NSSpace, NSSpaceSizeType, NSLinkBlue } from 'namirasoft-site-react';
+
+export interface INSALoginPageProps
+{
+    title: string;
+    logo: string;
+    background: string;
+}
+
+export function NSALoginPage(props: INSALoginPageProps) 
+{
+    return (
+        <div
+            style={{
+                backgroundImage: `url(${props.background})`,
+                width: '100%',
+                backgroundSize: 'cover',
+                backgroundAttachment: 'fixed'
+            }}
+        >
+            <div className={Styles.ns_login_container} style={{ minHeight: '100vh' }}>
+                <div className={Styles.ns_logo}>
+                    <img width={256} height={256} src={props.logo} alt={`${props.title} Logo`} />
+                </div>
+                <NSSpace size={NSSpaceSizeType.SMALL} />
+                <div>
+                    <h1 className={Styles.ns_title}>{props.title}</h1>
+                </div>
+                <NSSpace size={NSSpaceSizeType.SMALL} />
+                <div className={Styles.ns_button}>
+                    <NSLinkBlue title="Login" href={'https://account.namirasoft.com/login'} />
+                </div>
+            </div>
+        </div>
+    );
 }

package/tsconfig.json

@@ -1,44 +1,44 @@
-{
-    "compilerOptions": {
-        "target": "ES6",
-        "jsx": "react-jsx",
-        "moduleResolution": "node",
-        "rootDir": "./src",
-        "outDir": "./dist",
-        "lib": [
-            "dom",
-            "dom.iterable",
-            "esnext"
-        ],
-        "allowJs": false,
-        "checkJs": false,
-        "strict": true,
-        "esModuleInterop": true,
-        "sourceMap": true,
-        "resolveJsonModule": true,
-        "declaration": true,
-        "noUnusedLocals": true,
-        "noUnusedParameters": true,
-        "noImplicitAny": true,
-        "noImplicitOverride": true,
-        "noImplicitReturns": true,
-        "noImplicitThis": true,
-        "skipLibCheck": true,
-        "allowSyntheticDefaultImports": true,
-        "forceConsistentCasingInFileNames": true,
-        "noFallthroughCasesInSwitch": true,
-        "isolatedModules": false,
-        "removeComments": true,
-    },
-    "include": [
-        "src",
-        "build/types/**/*.ts",
-    ],
-    "exclude": [
-        "node_modules",
-        "build",
-        "dist",
-        "static",
-        "public"
-    ]
+{
+    "compilerOptions": {
+        "target": "ES6",
+        "jsx": "react-jsx",
+        "moduleResolution": "node",
+        "rootDir": "./src",
+        "outDir": "./dist",
+        "lib": [
+            "dom",
+            "dom.iterable",
+            "esnext"
+        ],
+        "allowJs": false,
+        "checkJs": false,
+        "strict": true,
+        "esModuleInterop": true,
+        "sourceMap": true,
+        "resolveJsonModule": true,
+        "declaration": true,
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "noImplicitAny": true,
+        "noImplicitOverride": true,
+        "noImplicitReturns": true,
+        "noImplicitThis": true,
+        "skipLibCheck": true,
+        "allowSyntheticDefaultImports": true,
+        "forceConsistentCasingInFileNames": true,
+        "noFallthroughCasesInSwitch": true,
+        "isolatedModules": false,
+        "removeComments": true,
+    },
+    "include": [
+        "src",
+        "build/types/**/*.ts",
+    ],
+    "exclude": [
+        "node_modules",
+        "build",
+        "dist",
+        "static",
+        "public"
+    ]
 }