namirasoft-site-react 1.4.554 → 1.4.556

package/src/App.tsx

@@ -1,199 +1,199 @@
-import 'bootstrap/dist/css/bootstrap.min.css';
-import { Component, createRef } from 'react';
-import './App.css';
-import { NSLayout } from './components/NSLayout';
-import { PercentFormatter } from './formatter/PercentFormatter';
-import
-{ NSBoxDate, NSBoxDateRange, NSBoxTimeRange, NSButtonBlue, NSColumn, NSTable, StringFormatter, URLFormatter } from './main';
-
-
-type TestRow = { id: string, title: string, percentage: number, url: string };
-
-type TreeRow = { id: string, parent_id: string | null, title: string, percentage: number, url: string };
-
-const TEST_TABLE = "test_table";
-const TREE_TABLE = "tree_table";
-
-const TREE_DATA: TreeRow[] = [
-    { id: "1", parent_id: null, title: "Engineering", percentage: 60, url: "example.com/eng" },
-    { id: "1.1", parent_id: "1", title: "Frontend", percentage: 35, url: "example.com/eng/fe" },
-    { id: "1.1.1", parent_id: "1.1", title: "React Team", percentage: 20, url: "example.com/eng/fe/react" },
-    { id: "1.1.2", parent_id: "1.1", title: "Design System", percentage: 15, url: "example.com/eng/fe/ds" },
-    { id: "1.2", parent_id: "1", title: "Backend", percentage: 25, url: "example.com/eng/be" },
-    { id: "2", parent_id: null, title: "Sales", percentage: 40, url: "example.com/sales" },
-    { id: "2.1", parent_id: "2", title: "EMEA", percentage: 22, url: "example.com/sales/emea" },
-    { id: "2.2", parent_id: "2", title: "APAC", percentage: 18, url: "example.com/sales/apac" },
-    { id: "3", parent_id: null, title: "Operations", percentage: 10, url: "example.com/ops" },
-];
-
-interface AppProps { }
-interface AppState
-{
-    dialog_show: boolean;
-    dialog_loading: boolean;
-}
-
-export class App extends Component<AppProps, AppState>
-{
-    NSBoxDateRef = createRef<NSBoxDate>();
-    NSBoxTimeRangeRef = createRef<NSBoxTimeRange>();
-    NSBoxDateRangeRef = createRef<NSBoxDateRange>();
-    NSTableRef = createRef<NSTable<TestRow>>();
-    NSTreeTableRef = createRef<NSTable<TreeRow>>();
-
-    constructor(props: AppProps)
-    {
-        super(props);
-        this.state = {
-            dialog_show: false,
-            dialog_loading: false,
-        }
-    };
-
-    override render()
-    {
-        return (
-            <NSLayout
-                header={{
-                    right: {
-                        icons: [
-                            {
-                                onClicked: () => { },
-                                src: "https://static.namirasoft.com/image/namirasoft/access/logo/base.png",
-                                count: 2
-                            }
-                        ],
-                    },
-                    mega_menu: true,
-                    onCollapse: () => { },
-                }}
-                isLoggedIn={() => true}
-                logo='https://static.namirasoft.com/image/namirasoft/access/logo/base.png'
-                background={{ image: "https://static.namirasoft.com/image/namirasoft/access/background/base.svg" }}
-                notifications={[]}
-                notifier={{} as any}
-                scope=''
-            >
-                <NSColumn style={{ alignItems: "center" }}>
-                    <NSTable<TestRow>
-                        ref={this.NSTableRef}
-                        name={TEST_TABLE}
-                        checkbox
-                        columns={[
-                            {
-                                table: { name: TEST_TABLE, text: "Test Table" },
-                                index: 0,
-                                type: "String",
-                                name: "title",
-                                text: "Title",
-                                formatter: new StringFormatter()
-                            },
-                            {
-                                table: { name: TEST_TABLE, text: "Test Table" },
-                                index: 1,
-                                type: "Number",
-                                name: "percentage",
-                                text: "Percentage",
-                                formatter: new PercentFormatter()
-                            },
-
-                            {
-                                table: { name: TEST_TABLE, text: "Test Table" },
-                                index: 2,
-                                type: "String",
-                                name: "url",
-                                text: "URL",
-                                formatter: new URLFormatter(),
-                                defaults: { hidden: true }
-                            },
-                        ]}
-                        getRowKey={(item) => item.value.id}
-                        getRows={async () =>
-                        {
-                            return {
-                                count: 2,
-                                rows: [
-                                    { id: "1", title: "Amin", percentage: 19, url: "https://example.com/amin" },
-                                    { id: "2", title: "Negar", percentage: 21, url: "example.com/negar" },
-                                ]
-                            }
-                        }}
-                        getRowCheckboxDisabled={row =>
-                        {
-                            return row.value.percentage < 20
-                        }}
-                    />
-                    <NSTable<TreeRow>
-                        ref={this.NSTreeTableRef}
-                        name={TREE_TABLE}
-                        checkbox={false}
-                        defaultExpanded
-                        hierarchy={{ id: "id", parent: "parent_id" }}
-                        columns={[
-                            {
-                                table: { name: TREE_TABLE, text: "Tree Table" },
-                                index: 0,
-                                type: "String",
-                                name: "title",
-                                text: "Title",
-                                formatter: new StringFormatter()
-                            },
-                            {
-                                table: { name: TREE_TABLE, text: "Tree Table" },
-                                index: 1,
-                                type: "Number",
-                                name: "percentage",
-                                text: "Percentage",
-                                formatter: new PercentFormatter()
-                            },
-                            {
-                                table: { name: TREE_TABLE, text: "Tree Table" },
-                                index: 2,
-                                type: "String",
-                                name: "url",
-                                text: "URL",
-                                formatter: new URLFormatter(),
-                                defaults: { hidden: true }
-                            },
-                        ]}
-                        getRowKey={(item) => item.value.id}
-                        getRows={async () => ({ count: TREE_DATA.length, rows: TREE_DATA })}
-                        ui={{ pagination: false, button_panel: false }}
-                    />
-                    <NSBoxDate
-                        ref={this.NSBoxDateRef}
-                        title="Date"
-                        required
-                    />
-
-                    <NSBoxDateRange
-                        ref={this.NSBoxDateRangeRef}
-                        required
-                        title='Range'
-
-                    />
-                    <NSBoxTimeRange
-                        ref={this.NSBoxTimeRangeRef}
-                        required
-                        title='Time Range'
-                        preset
-
-                    />
-
-                    <NSButtonBlue
-                        title="Log Data"
-                        onClick={{
-                            showLoading: false,
-                            action: () =>
-                            {
-                                console.log(this.NSBoxDateRef.current?.getValue(false))
-                                console.log(this.NSBoxDateRangeRef.current?.getValue(false))
-                                console.log(this.NSBoxTimeRangeRef.current?.setValue({ from: "12:00:00", to: "13:00:00" }))
-                            }
-                        }}
-                    />
-                </NSColumn>
-            </NSLayout>
-        );
-    }
+import 'bootstrap/dist/css/bootstrap.min.css';
+import { Component, createRef } from 'react';
+import './App.css';
+import { NSLayout } from './components/NSLayout';
+import { PercentFormatter } from './formatter/PercentFormatter';
+import
+{ NSBoxDate, NSBoxDateRange, NSBoxTimeRange, NSButtonBlue, NSColumn, NSTable, StringFormatter, URLFormatter } from './main';
+
+
+type TestRow = { id: string, title: string, percentage: number, url: string };
+
+type TreeRow = { id: string, parent_id: string | null, title: string, percentage: number, url: string };
+
+const TEST_TABLE = "test_table";
+const TREE_TABLE = "tree_table";
+
+const TREE_DATA: TreeRow[] = [
+    { id: "1", parent_id: null, title: "Engineering", percentage: 60, url: "example.com/eng" },
+    { id: "1.1", parent_id: "1", title: "Frontend", percentage: 35, url: "example.com/eng/fe" },
+    { id: "1.1.1", parent_id: "1.1", title: "React Team", percentage: 20, url: "example.com/eng/fe/react" },
+    { id: "1.1.2", parent_id: "1.1", title: "Design System", percentage: 15, url: "example.com/eng/fe/ds" },
+    { id: "1.2", parent_id: "1", title: "Backend", percentage: 25, url: "example.com/eng/be" },
+    { id: "2", parent_id: null, title: "Sales", percentage: 40, url: "example.com/sales" },
+    { id: "2.1", parent_id: "2", title: "EMEA", percentage: 22, url: "example.com/sales/emea" },
+    { id: "2.2", parent_id: "2", title: "APAC", percentage: 18, url: "example.com/sales/apac" },
+    { id: "3", parent_id: null, title: "Operations", percentage: 10, url: "example.com/ops" },
+];
+
+interface AppProps { }
+interface AppState
+{
+    dialog_show: boolean;
+    dialog_loading: boolean;
+}
+
+export class App extends Component<AppProps, AppState>
+{
+    NSBoxDateRef = createRef<NSBoxDate>();
+    NSBoxTimeRangeRef = createRef<NSBoxTimeRange>();
+    NSBoxDateRangeRef = createRef<NSBoxDateRange>();
+    NSTableRef = createRef<NSTable<TestRow>>();
+    NSTreeTableRef = createRef<NSTable<TreeRow>>();
+
+    constructor(props: AppProps)
+    {
+        super(props);
+        this.state = {
+            dialog_show: false,
+            dialog_loading: false,
+        }
+    };
+
+    override render()
+    {
+        return (
+            <NSLayout
+                header={{
+                    right: {
+                        icons: [
+                            {
+                                onClicked: () => { },
+                                src: "https://static.namirasoft.com/image/namirasoft/access/logo/base.png",
+                                count: 2
+                            }
+                        ],
+                    },
+                    mega_menu: true,
+                    onCollapse: () => { },
+                }}
+                isLoggedIn={() => true}
+                logo='https://static.namirasoft.com/image/namirasoft/access/logo/base.png'
+                background={{ image: "https://static.namirasoft.com/image/namirasoft/access/background/base.svg" }}
+                notifications={[]}
+                notifier={{} as any}
+                scope=''
+            >
+                <NSColumn style={{ alignItems: "center" }}>
+                    <NSTable<TestRow>
+                        ref={this.NSTableRef}
+                        name={TEST_TABLE}
+                        checkbox
+                        columns={[
+                            {
+                                table: { name: TEST_TABLE, text: "Test Table" },
+                                index: 0,
+                                type: "String",
+                                name: "title",
+                                text: "Title",
+                                formatter: new StringFormatter()
+                            },
+                            {
+                                table: { name: TEST_TABLE, text: "Test Table" },
+                                index: 1,
+                                type: "Number",
+                                name: "percentage",
+                                text: "Percentage",
+                                formatter: new PercentFormatter()
+                            },
+
+                            {
+                                table: { name: TEST_TABLE, text: "Test Table" },
+                                index: 2,
+                                type: "String",
+                                name: "url",
+                                text: "URL",
+                                formatter: new URLFormatter(),
+                                defaults: { hidden: true }
+                            },
+                        ]}
+                        getRowKey={(item) => item.value.id}
+                        getRows={async () =>
+                        {
+                            return {
+                                count: 2,
+                                rows: [
+                                    { id: "1", title: "Amin", percentage: 19, url: "https://example.com/amin" },
+                                    { id: "2", title: "Negar", percentage: 21, url: "example.com/negar" },
+                                ]
+                            }
+                        }}
+                        getRowCheckboxDisabled={row =>
+                        {
+                            return row.value.percentage < 20
+                        }}
+                    />
+                    <NSTable<TreeRow>
+                        ref={this.NSTreeTableRef}
+                        name={TREE_TABLE}
+                        checkbox={false}
+                        defaultExpanded
+                        hierarchy={{ id: "id", parent: "parent_id" }}
+                        columns={[
+                            {
+                                table: { name: TREE_TABLE, text: "Tree Table" },
+                                index: 0,
+                                type: "String",
+                                name: "title",
+                                text: "Title",
+                                formatter: new StringFormatter()
+                            },
+                            {
+                                table: { name: TREE_TABLE, text: "Tree Table" },
+                                index: 1,
+                                type: "Number",
+                                name: "percentage",
+                                text: "Percentage",
+                                formatter: new PercentFormatter()
+                            },
+                            {
+                                table: { name: TREE_TABLE, text: "Tree Table" },
+                                index: 2,
+                                type: "String",
+                                name: "url",
+                                text: "URL",
+                                formatter: new URLFormatter(),
+                                defaults: { hidden: true }
+                            },
+                        ]}
+                        getRowKey={(item) => item.value.id}
+                        getRows={async () => ({ count: TREE_DATA.length, rows: TREE_DATA })}
+                        ui={{ pagination: false, button_panel: false }}
+                    />
+                    <NSBoxDate
+                        ref={this.NSBoxDateRef}
+                        title="Date"
+                        required
+                    />
+
+                    <NSBoxDateRange
+                        ref={this.NSBoxDateRangeRef}
+                        required
+                        title='Range'
+
+                    />
+                    <NSBoxTimeRange
+                        ref={this.NSBoxTimeRangeRef}
+                        required
+                        title='Time Range'
+                        preset
+
+                    />
+
+                    <NSButtonBlue
+                        title="Log Data"
+                        onClick={{
+                            showLoading: false,
+                            action: () =>
+                            {
+                                console.log(this.NSBoxDateRef.current?.getValue(false))
+                                console.log(this.NSBoxDateRangeRef.current?.getValue(false))
+                                console.log(this.NSBoxTimeRangeRef.current?.setValue({ from: "12:00:00", to: "13:00:00" }))
+                            }
+                        }}
+                    />
+                </NSColumn>
+            </NSLayout>
+        );
+    }
 }

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

@@ -1,99 +1,99 @@
-export class EncryptionOperation
-{
-    private static async encrypt<T>(algorithm: string, secret: string, message: T): Promise<string>
-    {
-        // if (secret.length != 32)
-        //     throw new Error("Secret length must be exactly 32");
-        const enc = new TextEncoder();
-
-        // Derive a key from the password using PBKDF2
-        const salt = crypto.getRandomValues(new Uint8Array(16));
-        const keyMaterial = await crypto.subtle.importKey(
-            "raw",
-            enc.encode(secret),
-            { name: "PBKDF2" },
-            false,
-            ["deriveKey"]
-        );
-
-        const key = await crypto.subtle.deriveKey(
-            {
-                name: "PBKDF2",
-                salt,
-                iterations: 100000,
-                hash: "SHA-256",
-            },
-            keyMaterial,
-            { name: algorithm, length: 256 },
-            true,
-            ["encrypt"]
-        );
-
-        // Generate random IV
-        const iv = crypto.getRandomValues(new Uint8Array(12));
-
-        const cipherText = await crypto.subtle.encrypt(
-            {
-                name: algorithm,
-                iv,
-            },
-            key,
-            enc.encode(JSON.stringify(message))
-        );
-
-        // Combine salt, iv, and cipherText for storage
-        const combined = new Uint8Array([...salt, ...iv, ...new Uint8Array(cipherText)]);
-        return btoa(String.fromCharCode(...combined));
-    }
-    private static async decrypt<T>(algorithm: string, secret: string, message: string): Promise<T>
-    {
-        const data = Uint8Array.from(atob(message), c => c.charCodeAt(0));
-
-        const salt = data.slice(0, 16);
-        const iv = data.slice(16, 28);
-        const cipherText = data.slice(28);
-
-        const enc = new TextEncoder();
-        const dec = new TextDecoder();
-
-        const keyMaterial = await crypto.subtle.importKey(
-            "raw",
-            enc.encode(secret),
-            { name: "PBKDF2" },
-            false,
-            ["deriveKey"]
-        );
-
-        const key = await crypto.subtle.deriveKey(
-            {
-                name: "PBKDF2",
-                salt,
-                iterations: 100000,
-                hash: "SHA-256",
-            },
-            keyMaterial,
-            { name: algorithm, length: 256 },
-            true,
-            ["decrypt"]
-        );
-
-        const decrypted = await crypto.subtle.decrypt(
-            {
-                name: algorithm,
-                iv,
-            },
-            key,
-            cipherText
-        );
-
-        return JSON.parse(dec.decode(decrypted));
-    }
-    static async AES256GCMEncrypt<T>(secret: string, message: T): Promise<string>
-    {
-        return EncryptionOperation.encrypt("AES-GCM", secret, message);
-    }
-    static async AES256GCMDecrypt<T>(secret: string, message: string): Promise<T>
-    {
-        return EncryptionOperation.decrypt("AES-GCM", secret, message);
-    }
+export class EncryptionOperation
+{
+    private static async encrypt<T>(algorithm: string, secret: string, message: T): Promise<string>
+    {
+        // if (secret.length != 32)
+        //     throw new Error("Secret length must be exactly 32");
+        const enc = new TextEncoder();
+
+        // Derive a key from the password using PBKDF2
+        const salt = crypto.getRandomValues(new Uint8Array(16));
+        const keyMaterial = await crypto.subtle.importKey(
+            "raw",
+            enc.encode(secret),
+            { name: "PBKDF2" },
+            false,
+            ["deriveKey"]
+        );
+
+        const key = await crypto.subtle.deriveKey(
+            {
+                name: "PBKDF2",
+                salt,
+                iterations: 100000,
+                hash: "SHA-256",
+            },
+            keyMaterial,
+            { name: algorithm, length: 256 },
+            true,
+            ["encrypt"]
+        );
+
+        // Generate random IV
+        const iv = crypto.getRandomValues(new Uint8Array(12));
+
+        const cipherText = await crypto.subtle.encrypt(
+            {
+                name: algorithm,
+                iv,
+            },
+            key,
+            enc.encode(JSON.stringify(message))
+        );
+
+        // Combine salt, iv, and cipherText for storage
+        const combined = new Uint8Array([...salt, ...iv, ...new Uint8Array(cipherText)]);
+        return btoa(String.fromCharCode(...combined));
+    }
+    private static async decrypt<T>(algorithm: string, secret: string, message: string): Promise<T>
+    {
+        const data = Uint8Array.from(atob(message), c => c.charCodeAt(0));
+
+        const salt = data.slice(0, 16);
+        const iv = data.slice(16, 28);
+        const cipherText = data.slice(28);
+
+        const enc = new TextEncoder();
+        const dec = new TextDecoder();
+
+        const keyMaterial = await crypto.subtle.importKey(
+            "raw",
+            enc.encode(secret),
+            { name: "PBKDF2" },
+            false,
+            ["deriveKey"]
+        );
+
+        const key = await crypto.subtle.deriveKey(
+            {
+                name: "PBKDF2",
+                salt,
+                iterations: 100000,
+                hash: "SHA-256",
+            },
+            keyMaterial,
+            { name: algorithm, length: 256 },
+            true,
+            ["decrypt"]
+        );
+
+        const decrypted = await crypto.subtle.decrypt(
+            {
+                name: algorithm,
+                iv,
+            },
+            key,
+            cipherText
+        );
+
+        return JSON.parse(dec.decode(decrypted));
+    }
+    static async AES256GCMEncrypt<T>(secret: string, message: T): Promise<string>
+    {
+        return EncryptionOperation.encrypt("AES-GCM", secret, message);
+    }
+    static async AES256GCMDecrypt<T>(secret: string, message: string): Promise<T>
+    {
+        return EncryptionOperation.decrypt("AES-GCM", secret, message);
+    }
 }