namirasoft-site-react 1.4.574 → 1.4.576

package/src/formatter/BackColorFormatter.tsx

@@ -1,24 +1,24 @@
-import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class BackColorFormatter extends BaseColumnFormatter
-{
-    private formatter: BaseColumnFormatter;
-    private colors: { [value: string]: string }
-    constructor(formatter: BaseColumnFormatter, colors: { [value: string]: string }, width?: string)
-    {
-        super();
-        this.formatter = formatter;
-        this.colors = colors;
-        if (width)
-            this.width = width;
-    }
-    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean)
-    {
-        let formatted = this.formatter.format(value, column, row, printable);
-        if (!printable)
-            if (this.colors[value])
-                return <span style={{ background: this.colors[value], borderRadius: "16px", width: "100px", textAlign: "center" }}> {formatted} </span>;
-        return formatted;
-    }
+import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class BackColorFormatter extends BaseColumnFormatter
+{
+    private formatter: BaseColumnFormatter;
+    private colors: { [value: string]: string }
+    constructor(formatter: BaseColumnFormatter, colors: { [value: string]: string }, width?: string)
+    {
+        super();
+        this.formatter = formatter;
+        this.colors = colors;
+        if (width)
+            this.width = width;
+    }
+    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean)
+    {
+        let formatted = this.formatter.format(value, column, row, printable);
+        if (!printable)
+            if (this.colors[value])
+                return <span style={{ background: this.colors[value], borderRadius: "16px", width: "100px", textAlign: "center" }}> {formatted} </span>;
+        return formatted;
+    }
 }

package/src/formatter/BaseColumnFormatter.ts

@@ -1,19 +1,19 @@
-import { BaseMetaColumn } from "namirasoft-core";
-import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
-
-export abstract class BaseColumnFormatter
-{
-    public width: string = "100px";
-    public onclick_overrided: boolean = false;
-    abstract format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any;
-    static getColumn(column: BaseMetaColumn, formatter: BaseColumnFormatter, group?: string, defaults?: { hidden?: boolean }): TableColumnInfo
-    {
-        return {
-            index: 0,
-            ...column,
-            formatter,
-            group,
-            defaults
-        };
-    }
+import { BaseMetaColumn } from "namirasoft-core";
+import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
+
+export abstract class BaseColumnFormatter
+{
+    public width: string = "100px";
+    public onclick_overrided: boolean = false;
+    abstract format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any;
+    static getColumn(column: BaseMetaColumn, formatter: BaseColumnFormatter, group?: string, defaults?: { hidden?: boolean }): TableColumnInfo
+    {
+        return {
+            index: 0,
+            ...column,
+            formatter,
+            group,
+            defaults
+        };
+    }
 }

package/src/formatter/BaseURLImageFormatter.tsx

@@ -1,34 +1,34 @@
-import { HTMLAttributeAnchorTarget } from "react";
-import { TableColumnInfo, TableRowInfo } from "../main";
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class BaseURLImageFormatter extends BaseColumnFormatter
-{
-    private target: HTMLAttributeAnchorTarget;
-    constructor(target: HTMLAttributeAnchorTarget = "_blank", width: string = "250px")
-    {
-        super();
-        this.target = target;
-        this.width = width;
-    }
-    override format(value: {
-        text: any,
-        image: { url: string, alt: string },
-        href: string
-    }, _?: TableColumnInfo, __?: TableRowInfo<any>, printable?: boolean): any
-    {
-        if (!printable)
-        {
-            return (
-                <div style={{ display: "flex", alignItems: "center", gap: "4px" }}>
-                    {
-                        value.image.url &&
-                        <img src={value.image.url} alt={value.image.alt} style={{ width: "20px", height: "20px" }} />
-                    }
-                    <a href={value.href} target={this.target} rel="noreferrer" style={{ overflow: "hidden", textOverflow: "ellipsis" }}>{value.text}</a>
-                </div >
-            );
-        }
-        return value.text;
-    }
+import { HTMLAttributeAnchorTarget } from "react";
+import { TableColumnInfo, TableRowInfo } from "../main";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class BaseURLImageFormatter extends BaseColumnFormatter
+{
+    private target: HTMLAttributeAnchorTarget;
+    constructor(target: HTMLAttributeAnchorTarget = "_blank", width: string = "250px")
+    {
+        super();
+        this.target = target;
+        this.width = width;
+    }
+    override format(value: {
+        text: any,
+        image: { url: string, alt: string },
+        href: string
+    }, _?: TableColumnInfo, __?: TableRowInfo<any>, printable?: boolean): any
+    {
+        if (!printable)
+        {
+            return (
+                <div style={{ display: "flex", alignItems: "center", gap: "4px" }}>
+                    {
+                        value.image.url &&
+                        <img src={value.image.url} alt={value.image.alt} style={{ width: "20px", height: "20px" }} />
+                    }
+                    <a href={value.href} target={this.target} rel="noreferrer" style={{ overflow: "hidden", textOverflow: "ellipsis" }}>{value.text}</a>
+                </div >
+            );
+        }
+        return value.text;
+    }
 }

package/src/formatter/BooleanFormatter.ts

@@ -1,23 +1,23 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class BooleanFormatter extends BaseColumnFormatter
-{
-    private true_value: string;
-    private false_value: string;
-    constructor(true_value: string, false_value: string, width: string = "80px")
-    {
-        super();
-        this.true_value = true_value;
-        this.false_value = false_value;
-        if (width)
-            this.width = width;
-    }
-    override format(value: any): any
-    {
-        if (value === true)
-            return this.true_value;
-        if (value === false)
-            return this.false_value;
-        return value;
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class BooleanFormatter extends BaseColumnFormatter
+{
+    private true_value: string;
+    private false_value: string;
+    constructor(true_value: string, false_value: string, width: string = "80px")
+    {
+        super();
+        this.true_value = true_value;
+        this.false_value = false_value;
+        if (width)
+            this.width = width;
+    }
+    override format(value: any): any
+    {
+        if (value === true)
+            return this.true_value;
+        if (value === false)
+            return this.false_value;
+        return value;
+    }
 }

package/src/formatter/BytesFormatter.tsx

@@ -1,16 +1,16 @@
-import { ByteOperation, ByteUnit } from "namirasoft-core";
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class BytesFormatter extends BaseColumnFormatter
-{
-    constructor(width: string = "120px") 
-    {
-        super();
-        this.width = width;
-    }
-
-    override format(bytes: number): string
-    {
-        return ByteOperation.format(bytes, ByteUnit.B);
-    }
+import { ByteOperation, ByteUnit } from "namirasoft-core";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class BytesFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "120px") 
+    {
+        super();
+        this.width = width;
+    }
+
+    override format(bytes: number): string
+    {
+        return ByteOperation.format(bytes, ByteUnit.B);
+    }
 }

package/src/formatter/DateFormatter.ts

@@ -1,23 +1,23 @@
-import { TimeOperation } from "namirasoft-core";
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class DateFormatter extends BaseColumnFormatter
-{
-    constructor(width: string = "130px")
-    {
-        super();
-        this.width = width;
-    }
-    override format(value: any): any
-    {
-        if (value)
-            try
-            {
-                let date = new Date(value);
-                return TimeOperation.format(date, "YYYY/MM/DD");
-            } catch (e)
-            {
-            }
-        return value;
-    }
+import { TimeOperation } from "namirasoft-core";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class DateFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "130px")
+    {
+        super();
+        this.width = width;
+    }
+    override format(value: any): any
+    {
+        if (value)
+            try
+            {
+                let date = new Date(value);
+                return TimeOperation.format(date, "YYYY/MM/DD");
+            } catch (e)
+            {
+            }
+        return value;
+    }
 }

package/src/formatter/DateTimeFormatter.ts

@@ -1,23 +1,23 @@
-import { TimeOperation } from "namirasoft-core";
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class DateTimeFormatter extends BaseColumnFormatter
-{
-    constructor(width: string = "185px")
-    {
-        super();
-        this.width = width;
-    }
-    override format(value: any): any
-    {
-        if (value)
-            try
-            {
-                let date = new Date(value);
-                return TimeOperation.format(date, "YYYY/MM/DD HH:mm:ss");
-            } catch (e)
-            {
-            }
-        return value;
-    }
+import { TimeOperation } from "namirasoft-core";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class DateTimeFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "185px")
+    {
+        super();
+        this.width = width;
+    }
+    override format(value: any): any
+    {
+        if (value)
+            try
+            {
+                let date = new Date(value);
+                return TimeOperation.format(date, "YYYY/MM/DD HH:mm:ss");
+            } catch (e)
+            {
+            }
+        return value;
+    }
 }

package/src/formatter/DurationFormatter.ts

@@ -1,14 +1,14 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class DurationFormatter extends BaseColumnFormatter
-{
-    constructor(width: string = "200px")
-    {
-        super();
-        this.width = width;
-    }
-    override format(value: any): any
-    {
-        return value;
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class DurationFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "200px")
+    {
+        super();
+        this.width = width;
+    }
+    override format(value: any): any
+    {
+        return value;
+    }
 }

package/src/formatter/EmailFormatter.tsx

@@ -1,22 +1,22 @@
-import { TableColumnInfo, TableRowInfo } from "../main";
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
-
-export class EmailFormatter extends BaseColumnFormatter
-{
-    private formatter: BaseURLImageFormatter = new BaseURLImageFormatter();
-    constructor(width: string = "250px")
-    {
-        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: `mailto:${value}`,
-            image: { url: "https://static.namirasoft.com/image/concept/type/email.png", alt: "phone" }
-        }, column, row, printable);
-    }
+import { TableColumnInfo, TableRowInfo } from "../main";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
+
+export class EmailFormatter extends BaseColumnFormatter
+{
+    private formatter: BaseURLImageFormatter = new BaseURLImageFormatter();
+    constructor(width: string = "250px")
+    {
+        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: `mailto:${value}`,
+            image: { url: "https://static.namirasoft.com/image/concept/type/email.png", alt: "phone" }
+        }, column, row, printable);
+    }
 }

package/src/formatter/EnumFormatter.ts

@@ -1,14 +1,14 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class EnumFormatter extends BaseColumnFormatter
-{
-    constructor(width: string = "125px")
-    {
-        super();
-        this.width = width;
-    }
-    override format(value: any): any
-    {
-        return value;
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class EnumFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "125px")
+    {
+        super();
+        this.width = width;
+    }
+    override format(value: any): any
+    {
+        return value;
+    }
 }

package/src/formatter/FloatFormatter.ts

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

package/src/formatter/ForeColorFormatter.tsx

@@ -1,25 +1,25 @@
-import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class ForeColorFormatter extends BaseColumnFormatter
-{
-    private formatter: BaseColumnFormatter;
-    private colors: { [value: string]: string }
-    constructor(formatter: BaseColumnFormatter, colors: { [value: string]: string }, width?: string)
-    {
-        super();
-        this.formatter = formatter;
-        this.colors = colors;
-        let w = width ?? formatter.width;
-        if (w)
-            this.width = w;
-    }
-    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
-    {
-        let formatted = this.formatter.format(value, column, row, printable);
-        if (!printable)
-            if (this.colors[value])
-                return <span style={{ color: this.colors[value], fontWeight: "bold" }}> {formatted} </span>;
-        return formatted;
-    }
+import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class ForeColorFormatter extends BaseColumnFormatter
+{
+    private formatter: BaseColumnFormatter;
+    private colors: { [value: string]: string }
+    constructor(formatter: BaseColumnFormatter, colors: { [value: string]: string }, width?: string)
+    {
+        super();
+        this.formatter = formatter;
+        this.colors = colors;
+        let w = width ?? formatter.width;
+        if (w)
+            this.width = w;
+    }
+    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
+    {
+        let formatted = this.formatter.format(value, column, row, printable);
+        if (!printable)
+            if (this.colors[value])
+                return <span style={{ color: this.colors[value], fontWeight: "bold" }}> {formatted} </span>;
+        return formatted;
+    }
 }

package/src/formatter/IDFormatter.tsx

@@ -1,54 +1,54 @@
-import { IStorage } from "namirasoft-core";
-import { NamirasoftMap } from "namirasoft-site-map";
-import { NSID } from "../components/NSID";
-import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class IDFormatter extends BaseColumnFormatter
-{
-    private namirasoft: NamirasoftMap | null;
-    private storage: IStorage | null;
-
-    constructor(globe: NamirasoftMap | null, storage: IStorage | null, width: string = "224px") 
-    {
-        super();
-        this.namirasoft = globe;
-        this.storage = storage;
-        this.onclick_overrided = true;
-        this.width = width;
-    }
-    override format(value: any, _: TableColumnInfo, __: TableRowInfo<any>, printable: boolean): any
-    {
-        try
-        {
-            if (!printable)
-            {
-                let ids: string[] = [];
-
-                if (Array.isArray(value))
-                    ids = value;
-                else
-                {
-                    let strValue = String(value);
-                    try
-                    {
-                        ids = JSON.parse(strValue);
-                    } catch (error)
-                    {
-                        ids = strValue.split(",").map(id => id.trim());
-                    }
-                }
-                return ids.map((id) => (
-                    <NSID
-                        id={id}
-                        map={this.namirasoft}
-                        storage={this.storage}
-                    />
-                ));
-            }
-        } 
-        catch (error) { }
-
-        return value;
-    }
+import { IStorage } from "namirasoft-core";
+import { NamirasoftMap } from "namirasoft-site-map";
+import { NSID } from "../components/NSID";
+import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class IDFormatter extends BaseColumnFormatter
+{
+    private namirasoft: NamirasoftMap | null;
+    private storage: IStorage | null;
+
+    constructor(globe: NamirasoftMap | null, storage: IStorage | null, width: string = "224px") 
+    {
+        super();
+        this.namirasoft = globe;
+        this.storage = storage;
+        this.onclick_overrided = true;
+        this.width = width;
+    }
+    override format(value: any, _: TableColumnInfo, __: TableRowInfo<any>, printable: boolean): any
+    {
+        try
+        {
+            if (!printable)
+            {
+                let ids: string[] = [];
+
+                if (Array.isArray(value))
+                    ids = value;
+                else
+                {
+                    let strValue = String(value);
+                    try
+                    {
+                        ids = JSON.parse(strValue);
+                    } catch (error)
+                    {
+                        ids = strValue.split(",").map(id => id.trim());
+                    }
+                }
+                return ids.map((id) => (
+                    <NSID
+                        id={id}
+                        map={this.namirasoft}
+                        storage={this.storage}
+                    />
+                ));
+            }
+        } 
+        catch (error) { }
+
+        return value;
+    }
 }

package/src/formatter/IPFormatter.ts

@@ -1,14 +1,14 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class IPFormatter extends BaseColumnFormatter
-{
-    constructor(width: string = "150px")
-    {
-        super();
-        this.width = width;
-    }
-    override format(value: any): any
-    {
-        return value;
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class IPFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "150px")
+    {
+        super();
+        this.width = width;
+    }
+    override format(value: any): any
+    {
+        return value;
+    }
 }