namirasoft-site-react 1.5.16 → 1.5.18

package/src/formatter/PercentFormatter.tsx

@@ -1,44 +1,44 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class PercentFormatter extends BaseColumnFormatter
-{
-    private from_value?: number;
-    private symbol: string = "%";
-
-    constructor(from_value?: number, width: string = "120px")
-    {
-        super();
-        this.from_value = from_value;
-        this.width = width;
-    }
-
-    override format(value: any): any
-    {
-        try
-        {
-            if (value != null && !isNaN(Number(value)))
-            {
-                let percentage: number;
-
-                if (this.from_value && this.from_value !== 0)
-                    percentage = (Number(value) / this.from_value) * 100;
-                else
-                    percentage = Number(value);
-
-                const formatted = percentage.toLocaleString(undefined, { minimumFractionDigits: 0, maximumFractionDigits: 2 });
-
-                return formatted + this.symbol;
-            }
-        }
-        catch (error)
-        {
-            console.error("Error in PercentFormatter:", error);
-        }
-
-        return value;
-    }
-    override compare(a: any, b: any): number
-    {
-        return BaseColumnFormatter.numberCompare(a, b);
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class PercentFormatter extends BaseColumnFormatter
+{
+    private from_value?: number;
+    private symbol: string = "%";
+
+    constructor(from_value?: number, width: string = "120px")
+    {
+        super();
+        this.from_value = from_value;
+        this.width = width;
+    }
+
+    override format(value: any): any
+    {
+        try
+        {
+            if (value != null && !isNaN(Number(value)))
+            {
+                let percentage: number;
+
+                if (this.from_value && this.from_value !== 0)
+                    percentage = (Number(value) / this.from_value) * 100;
+                else
+                    percentage = Number(value);
+
+                const formatted = percentage.toLocaleString(undefined, { minimumFractionDigits: 0, maximumFractionDigits: 2 });
+
+                return formatted + this.symbol;
+            }
+        }
+        catch (error)
+        {
+            console.error("Error in PercentFormatter:", error);
+        }
+
+        return value;
+    }
+    override compare(a: any, b: any): number
+    {
+        return BaseColumnFormatter.numberCompare(a, b);
+    }
 }

package/src/formatter/PhoneFormatter.tsx

@@ -1,26 +1,26 @@
-import { TableColumnInfo, TableRowInfo } from "../main";
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
-
-export class PhoneFormatter extends BaseColumnFormatter
-{
-    private formatter: BaseURLImageFormatter = new BaseURLImageFormatter();
-    constructor(width: string = "150px")
-    {
-        super();
-        this.onclick_overrided = true;
-        this.width = width;
-    }
-    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
-    {
-        return this.formatter.format({
-            text: value,
-            href: `tel:${value}`,
-            image: { url: "https://static.namirasoft.com/image/concept/type/phone.png", alt: "phone" }
-        }, column, row, printable);
-    }
-    override compare(a: any, b: any): number
-    {
-        return BaseColumnFormatter.stringCompare(a, b);
-    }
+import { TableColumnInfo, TableRowInfo } from "../main";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
+
+export class PhoneFormatter extends BaseColumnFormatter
+{
+    private formatter: BaseURLImageFormatter = new BaseURLImageFormatter();
+    constructor(width: string = "150px")
+    {
+        super();
+        this.onclick_overrided = true;
+        this.width = width;
+    }
+    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
+    {
+        return this.formatter.format({
+            text: value,
+            href: `tel:${value}`,
+            image: { url: "https://static.namirasoft.com/image/concept/type/phone.png", alt: "phone" }
+        }, column, row, printable);
+    }
+    override compare(a: any, b: any): number
+    {
+        return BaseColumnFormatter.stringCompare(a, b);
+    }
 }

package/src/formatter/SensitiveFormatter.tsx

@@ -1,41 +1,41 @@
-import NSLabelSensitive from "../components/NSLabelSensitive";
-import { TableColumnInfo, TableRowInfo } from "../main";
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class SensitiveFormatter<RowType = any> extends BaseColumnFormatter
-{
-    decryptor: (value: string) => Promise<string>;
-    isSensitive: (col: TableColumnInfo, row: TableRowInfo<RowType>) => boolean;
-    copy: boolean;
-
-    constructor(decryptor: (value: string) => Promise<string>, isSensitive: (col: TableColumnInfo, row: TableRowInfo<RowType>) => boolean, copy: boolean = true, width: string = "240px")
-    {
-        super();
-        this.decryptor = decryptor;
-        this.isSensitive = isSensitive;
-        this.copy = copy;
-        this.width = width;
-    }
-    override format(value: any, col: TableColumnInfo, row: TableRowInfo<RowType>, printable: boolean): any
-    {
-        try
-        {
-            if (!printable)
-                return (
-                    <NSLabelSensitive
-                        value={value}
-                        sensitive={this.isSensitive(col, row)}
-                        copy={this.copy}
-                        decryptor={this.decryptor}
-                    />
-                );
-        }
-        catch (error) { }
-
-        return value;
-    }
-    override compare(a: any, b: any): number
-    {
-        return BaseColumnFormatter.stringCompare(a, b);
-    }
+import NSLabelSensitive from "../components/NSLabelSensitive";
+import { TableColumnInfo, TableRowInfo } from "../main";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class SensitiveFormatter<RowType = any> extends BaseColumnFormatter
+{
+    decryptor: (value: string) => Promise<string>;
+    isSensitive: (col: TableColumnInfo, row: TableRowInfo<RowType>) => boolean;
+    copy: boolean;
+
+    constructor(decryptor: (value: string) => Promise<string>, isSensitive: (col: TableColumnInfo, row: TableRowInfo<RowType>) => boolean, copy: boolean = true, width: string = "240px")
+    {
+        super();
+        this.decryptor = decryptor;
+        this.isSensitive = isSensitive;
+        this.copy = copy;
+        this.width = width;
+    }
+    override format(value: any, col: TableColumnInfo, row: TableRowInfo<RowType>, printable: boolean): any
+    {
+        try
+        {
+            if (!printable)
+                return (
+                    <NSLabelSensitive
+                        value={value}
+                        sensitive={this.isSensitive(col, row)}
+                        copy={this.copy}
+                        decryptor={this.decryptor}
+                    />
+                );
+        }
+        catch (error) { }
+
+        return value;
+    }
+    override compare(a: any, b: any): number
+    {
+        return BaseColumnFormatter.stringCompare(a, b);
+    }
 }

package/src/formatter/StringFormatter.tsx

@@ -1,48 +1,50 @@
-import { NamingConvention } from "namirasoft-core";
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export enum StringFormatterSizeType 
-{
-    Word = "75px",
-    TwoWords = "150px",
-    FullName = "225px",
-    Sentence = "350px",
-    Description = "500px",
-}
-
-export class StringFormatter extends BaseColumnFormatter
-{
-    static toHTML(value: string | null | undefined)
-    {
-        value = value?.trim() ?? "";
-        let toks = value.split(/(\n|\\n|<br>|<br\s*\/>)/gm);
-        toks = toks.filter(x => x.replace(/(\n|\\n|<br>|<br\s*\/>)/gm, "").trim().length > 0);
-        if (toks.length === 1)
-            return value;
-        let ans = [];
-        for (let i = 0; i < toks.length; i++)
-        {
-            if (i > 0)
-                ans.push(<br key={i} />);
-            ans.push(toks[i].trim());
-        }
-        return ans;
-    }
-    private naming: NamingConvention | null;
-    constructor(width: string = StringFormatterSizeType.Sentence, naming: NamingConvention | null = null)
-    {
-        super();
-        this.width = width;
-        this.naming = naming;
-    }
-    override format(value: any): any
-    {
-        if (this.naming)
-            value = NamingConvention.auto.convert(value, this.naming);
-        return value;
-    }
-    override compare(a: any, b: any): number
-    {
-        return BaseColumnFormatter.stringCompare(a, b);
-    }
+import { NamingConvention } from "namirasoft-core";
+import React from "react";
+import { NSID } from "../components/NSID";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export enum StringFormatterSizeType 
+{
+    Word = "75px",
+    TwoWords = "150px",
+    FullName = "225px",
+    Sentence = "350px",
+    Description = "500px",
+}
+
+export class StringFormatter extends BaseColumnFormatter
+{
+    static toHTML(value: string | null | undefined): React.ReactNode
+    {
+        value = value?.trim() ?? "";
+        let toks = value.split(/(\n|\\n|<br>|<br\s*\/>)/gm);
+        toks = toks.filter(x => x.replace(/(\n|\\n|<br>|<br\s*\/>)/gm, "").trim().length > 0);
+        if (toks.length === 1)
+            return NSID.decode(value);
+        let ans: React.ReactNode[] = [];
+        for (let i = 0; i < toks.length; i++)
+        {
+            if (i > 0)
+                ans.push(<br key={`br-${i}`} />);
+            ans.push(<React.Fragment key={i}>{NSID.decode(toks[i].trim())}</React.Fragment>);
+        }
+        return ans;
+    }
+    private naming: NamingConvention | null;
+    constructor(width: string = StringFormatterSizeType.Sentence, naming: NamingConvention | null = null)
+    {
+        super();
+        this.width = width;
+        this.naming = naming;
+    }
+    override format(value: any): any
+    {
+        if (this.naming)
+            value = NamingConvention.auto.convert(value, this.naming);
+        return value;
+    }
+    override compare(a: any, b: any): number
+    {
+        return BaseColumnFormatter.stringCompare(a, b);
+    }
 }

package/src/formatter/TimeFormatter.ts

@@ -1,26 +1,26 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class TimeFormatter extends BaseColumnFormatter
-{
-    constructor(width: string = "95px")
-    {
-        super();
-        this.width = width;
-    }
-    override format(value: any): any
-    {
-        if (value)
-            try
-            {
-                let date = new Date(value);
-                return date.toLocaleTimeString();
-            } catch (e)
-            {
-            }
-        return value;
-    }
-    override compare(a: any, b: any): number
-    {
-        return BaseColumnFormatter.dateCompare(a, b);
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class TimeFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "95px")
+    {
+        super();
+        this.width = width;
+    }
+    override format(value: any): any
+    {
+        if (value)
+            try
+            {
+                let date = new Date(value);
+                return date.toLocaleTimeString();
+            } catch (e)
+            {
+            }
+        return value;
+    }
+    override compare(a: any, b: any): number
+    {
+        return BaseColumnFormatter.dateCompare(a, b);
+    }
 }

package/src/formatter/URLFormatter.tsx

@@ -1,29 +1,29 @@
-import { HTMLAttributeAnchorTarget } from "react";
-import { TableColumnInfo, TableRowInfo } from "../main";
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
-
-export class URLFormatter extends BaseColumnFormatter
-{
-    private formatter: BaseURLImageFormatter;
-    constructor(target: HTMLAttributeAnchorTarget = "_blank", width: string = "250px")
-    {
-        super();
-        this.onclick_overrided = true;
-        this.width = width;
-        this.formatter = new BaseURLImageFormatter(target, width);
-    }
-    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
-    {
-        const href = value && !/^https?:\/\//i.test(value) ? `https://${value}` : value;
-        return this.formatter.format({
-            text: value,
-            href: href,
-            image: { url: "https://static.namirasoft.com/image/concept/type/url.png", alt: "url" }
-        }, column, row, printable);
-    }
-    override compare(a: any, b: any): number
-    {
-        return BaseColumnFormatter.stringCompare(a, b);
-    }
+import { HTMLAttributeAnchorTarget } from "react";
+import { TableColumnInfo, TableRowInfo } from "../main";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
+
+export class URLFormatter extends BaseColumnFormatter
+{
+    private formatter: BaseURLImageFormatter;
+    constructor(target: HTMLAttributeAnchorTarget = "_blank", width: string = "250px")
+    {
+        super();
+        this.onclick_overrided = true;
+        this.width = width;
+        this.formatter = new BaseURLImageFormatter(target, width);
+    }
+    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
+    {
+        const href = value && !/^https?:\/\//i.test(value) ? `https://${value}` : value;
+        return this.formatter.format({
+            text: value,
+            href: href,
+            image: { url: "https://static.namirasoft.com/image/concept/type/url.png", alt: "url" }
+        }, column, row, printable);
+    }
+    override compare(a: any, b: any): number
+    {
+        return BaseColumnFormatter.stringCompare(a, b);
+    }
 }

package/src/formatter/UnknowFormatter.ts

@@ -1,23 +1,23 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class UnknowFormatter extends BaseColumnFormatter
-{
-    private formatter: (value: any) => any;
-    constructor(formatter: (value: any) => any, width?: string)
-    {
-        super();
-        this.formatter = formatter;
-        if (width)
-            this.width = width;
-    }
-    override format(value: any): any
-    {
-        if (this.formatter)
-            value = this.formatter(value);
-        return value;
-    }
-    override compare(a: any, b: any): number
-    {
-        return BaseColumnFormatter.smartCompare(a, b);
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class UnknowFormatter extends BaseColumnFormatter
+{
+    private formatter: (value: any) => any;
+    constructor(formatter: (value: any) => any, width?: string)
+    {
+        super();
+        this.formatter = formatter;
+        if (width)
+            this.width = width;
+    }
+    override format(value: any): any
+    {
+        if (this.formatter)
+            value = this.formatter(value);
+        return value;
+    }
+    override compare(a: any, b: any): number
+    {
+        return BaseColumnFormatter.smartCompare(a, b);
+    }
 }

package/src/index.css

@@ -1,6 +1,6 @@
-body {
-    margin: 0;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    background-color: #ccc !important;
+body {
+    margin: 0;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    background-color: #ccc !important;
 }

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 />);