namirasoft-site-react 1.4.554 → 1.4.556

package/src/formatter/IntegerFormatter.ts

@@ -1,24 +1,24 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class IntegerFormatter extends BaseColumnFormatter
-{
-    constructor(width: string = "125px")
-    {
-        super();
-        this.width = width;
-    }
-    override format(value: any): any
-    {
-        try
-        {
-            if (value != null)
-                return (value as number).toLocaleString(undefined, {
-                    minimumFractionDigits: 0,
-                    maximumFractionDigits: 0
-                });
-        } catch (e)
-        {
-        }
-        return value;
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class IntegerFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "125px")
+    {
+        super();
+        this.width = width;
+    }
+    override format(value: any): any
+    {
+        try
+        {
+            if (value != null)
+                return (value as number).toLocaleString(undefined, {
+                    minimumFractionDigits: 0,
+                    maximumFractionDigits: 0
+                });
+        } catch (e)
+        {
+        }
+        return value;
+    }
 }

package/src/formatter/JsonFormatter.tsx

@@ -1,59 +1,59 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-import { TableColumnInfo, TableRowInfo } from "../main";
-import JsonView from "@uiw/react-json-view";
-
-export class JsonFormatter extends BaseColumnFormatter
-{
-    constructor(width: string = "320px")
-    {
-        super();
-        if (width)
-            this.width = width;
-    }
-
-    private isJsonSerializable(v: unknown): boolean
-    {
-        try
-        {
-            JSON.stringify(v);
-            return true;
-        }
-        catch
-        {
-            return false;
-        }
-    }
-
-    override format(value: any, _: TableColumnInfo, __: TableRowInfo<any>, printable: boolean): any
-    {
-        let parsed = value;
-
-        if (typeof value === "string")
-            try
-            {
-                parsed = JSON.parse(value.trim());
-            }
-            catch
-            {
-                return value;
-            }
-
-        if (printable)
-            return parsed;
-
-        if (parsed === null || typeof parsed !== "object")
-            return parsed;
-
-        if (!this.isJsonSerializable(parsed))
-            return value;
-
-        try
-        {
-            return <JsonView value={parsed} />;
-        }
-        catch
-        {
-            return value;
-        }
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+import { TableColumnInfo, TableRowInfo } from "../main";
+import JsonView from "@uiw/react-json-view";
+
+export class JsonFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "320px")
+    {
+        super();
+        if (width)
+            this.width = width;
+    }
+
+    private isJsonSerializable(v: unknown): boolean
+    {
+        try
+        {
+            JSON.stringify(v);
+            return true;
+        }
+        catch
+        {
+            return false;
+        }
+    }
+
+    override format(value: any, _: TableColumnInfo, __: TableRowInfo<any>, printable: boolean): any
+    {
+        let parsed = value;
+
+        if (typeof value === "string")
+            try
+            {
+                parsed = JSON.parse(value.trim());
+            }
+            catch
+            {
+                return value;
+            }
+
+        if (printable)
+            return parsed;
+
+        if (parsed === null || typeof parsed !== "object")
+            return parsed;
+
+        if (!this.isJsonSerializable(parsed))
+            return value;
+
+        try
+        {
+            return <JsonView value={parsed} />;
+        }
+        catch
+        {
+            return value;
+        }
+    }
 }

package/src/formatter/MoneyFormatter.ts

@@ -1,36 +1,36 @@
-import { PriceOperation } from "namirasoft-core";
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class MoneyFormatter extends BaseColumnFormatter
-{
-    private currency: string;
-    private minimumFractionDigits: number;
-    private maximumFractionDigits: number;
-    constructor(width: string = "160px", currency: string = "$", minimumFractionDigits: number = 0, maximumFractionDigits: number = 2)
-    {
-        super();
-        this.width = width;
-        this.currency = currency;
-        this.minimumFractionDigits = minimumFractionDigits;
-        this.maximumFractionDigits = maximumFractionDigits;
-    }
-    override format(value: any): any
-    {
-        try
-        {
-            if (value != null)
-            {
-                return [
-                    this.currency?.trim() ?? "",
-                    PriceOperation.millicent_to_fiat(value as number, this.maximumFractionDigits).toLocaleString(undefined, {
-                        minimumFractionDigits: this.minimumFractionDigits,
-                        maximumFractionDigits: this.maximumFractionDigits
-                    })
-                ].join(" ");
-            }
-        } catch (e)
-        {
-        }
-        return value;
-    }
+import { PriceOperation } from "namirasoft-core";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class MoneyFormatter extends BaseColumnFormatter
+{
+    private currency: string;
+    private minimumFractionDigits: number;
+    private maximumFractionDigits: number;
+    constructor(width: string = "160px", currency: string = "$", minimumFractionDigits: number = 0, maximumFractionDigits: number = 2)
+    {
+        super();
+        this.width = width;
+        this.currency = currency;
+        this.minimumFractionDigits = minimumFractionDigits;
+        this.maximumFractionDigits = maximumFractionDigits;
+    }
+    override format(value: any): any
+    {
+        try
+        {
+            if (value != null)
+            {
+                return [
+                    this.currency?.trim() ?? "",
+                    PriceOperation.millicent_to_fiat(value as number, this.maximumFractionDigits).toLocaleString(undefined, {
+                        minimumFractionDigits: this.minimumFractionDigits,
+                        maximumFractionDigits: this.maximumFractionDigits
+                    })
+                ].join(" ");
+            }
+        } catch (e)
+        {
+        }
+        return value;
+    }
 }

package/src/formatter/PercentFormatter.tsx

@@ -1,40 +1,40 @@
-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;
-    }
+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;
+    }
 }

package/src/formatter/PhoneFormatter.tsx

@@ -1,22 +1,22 @@
-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);
-    }
+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);
+    }
 }

package/src/formatter/SensitiveFormatter.tsx

@@ -1,34 +1,34 @@
-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;
-
-    constructor(decryptor: (value: string) => Promise<string>, isSensitive: (col: TableColumnInfo, row: TableRowInfo<RowType>) => boolean, width: string = "240px") 
-    {
-        super();
-        this.decryptor = decryptor;
-        this.isSensitive = isSensitive;
-        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)}
-                        decryptor={this.decryptor}
-                    />
-                );
-        }
-        catch (error) { }
-
-        return value;
-    }
+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;
+
+    constructor(decryptor: (value: string) => Promise<string>, isSensitive: (col: TableColumnInfo, row: TableRowInfo<RowType>) => boolean, width: string = "240px") 
+    {
+        super();
+        this.decryptor = decryptor;
+        this.isSensitive = isSensitive;
+        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)}
+                        decryptor={this.decryptor}
+                    />
+                );
+        }
+        catch (error) { }
+
+        return value;
+    }
 }

package/src/formatter/StringFormatter.tsx

@@ -1,44 +1,44 @@
-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;
-    }
+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;
+    }
 }

package/src/formatter/TimeFormatter.ts

@@ -1,22 +1,22 @@
-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;
-    }
+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;
+    }
 }

package/src/formatter/URLFormatter.tsx

@@ -1,25 +1,25 @@
-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);
-    }
+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);
+    }
 }

package/src/formatter/UnknowFormatter.ts

@@ -1,19 +1,19 @@
-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;
-    }
+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;
+    }
 }

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