namirasoft-site-react 1.5.21 → 1.5.23

package/src/css.d.ts

@@ -1,14 +1,14 @@
-let css_d = "";
-
-declare module "*.module.css" {
-    const classes: { readonly [key: string]: string };
-    export default classes;
-}
-
-declare module "*.module.scss" {
-    const classes: { readonly [key: string]: string };
-    export default classes;
-}
-
-declare module "*.css";
+let css_d = "";
+
+declare module "*.module.css" {
+    const classes: { readonly [key: string]: string };
+    export default classes;
+}
+
+declare module "*.module.scss" {
+    const classes: { readonly [key: string]: string };
+    export default classes;
+}
+
+declare module "*.css";
 declare module "*.scss";

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,87 +1,87 @@
-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;
-
-    compare(a: any, b: any): number
-    {
-        return BaseColumnFormatter.smartCompare(a, b);
-    }
-
-    static isEmpty(v: any): boolean
-    {
-        return v === null || v === undefined || v === "";
-    }
-
-    static compareEmpty(a: any, b: any): number | null
-    {
-        const ae = BaseColumnFormatter.isEmpty(a);
-        const be = BaseColumnFormatter.isEmpty(b);
-        if (ae && be)
-            return 0;
-        if (ae) 
-            return 1;
-        if (be) 
-            return -1;
-        return null;
-    }
-
-    static numberCompare(a: any, b: any): number
-    {
-        const e = BaseColumnFormatter.compareEmpty(a, b);
-        if (e !== null) 
-            return e;
-        const na = Number(a);
-        const nb = Number(b);
-        if (isNaN(na) || isNaN(nb)) 
-            return BaseColumnFormatter.stringCompare(a, b);
-        return na - nb;
-    }
-
-    static dateCompare(a: any, b: any): number
-    {
-        const e = BaseColumnFormatter.compareEmpty(a, b);
-        if (e !== null) 
-            return e;
-        const ta = new Date(a).getTime();
-        const tb = new Date(b).getTime();
-        if (isNaN(ta) || isNaN(tb)) 
-            return BaseColumnFormatter.stringCompare(a, b);
-        return ta - tb;
-    }
-
-    static stringCompare(a: any, b: any): number
-    {
-        const e = BaseColumnFormatter.compareEmpty(a, b);
-        if (e !== null) 
-            return e;
-        return String(a).localeCompare(String(b));
-    }
-
-    static smartCompare(a: any, b: any): number
-    {
-        const e = BaseColumnFormatter.compareEmpty(a, b);
-        if (e !== null) 
-            return e;
-        const na = Number(a);
-        const nb = Number(b);
-        if (!isNaN(na) && !isNaN(nb)) 
-            return na - nb;
-        return String(a).localeCompare(String(b));
-    }
-
-    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;
+
+    compare(a: any, b: any): number
+    {
+        return BaseColumnFormatter.smartCompare(a, b);
+    }
+
+    static isEmpty(v: any): boolean
+    {
+        return v === null || v === undefined || v === "";
+    }
+
+    static compareEmpty(a: any, b: any): number | null
+    {
+        const ae = BaseColumnFormatter.isEmpty(a);
+        const be = BaseColumnFormatter.isEmpty(b);
+        if (ae && be)
+            return 0;
+        if (ae) 
+            return 1;
+        if (be) 
+            return -1;
+        return null;
+    }
+
+    static numberCompare(a: any, b: any): number
+    {
+        const e = BaseColumnFormatter.compareEmpty(a, b);
+        if (e !== null) 
+            return e;
+        const na = Number(a);
+        const nb = Number(b);
+        if (isNaN(na) || isNaN(nb)) 
+            return BaseColumnFormatter.stringCompare(a, b);
+        return na - nb;
+    }
+
+    static dateCompare(a: any, b: any): number
+    {
+        const e = BaseColumnFormatter.compareEmpty(a, b);
+        if (e !== null) 
+            return e;
+        const ta = new Date(a).getTime();
+        const tb = new Date(b).getTime();
+        if (isNaN(ta) || isNaN(tb)) 
+            return BaseColumnFormatter.stringCompare(a, b);
+        return ta - tb;
+    }
+
+    static stringCompare(a: any, b: any): number
+    {
+        const e = BaseColumnFormatter.compareEmpty(a, b);
+        if (e !== null) 
+            return e;
+        return String(a).localeCompare(String(b));
+    }
+
+    static smartCompare(a: any, b: any): number
+    {
+        const e = BaseColumnFormatter.compareEmpty(a, b);
+        if (e !== null) 
+            return e;
+        const na = Number(a);
+        const nb = Number(b);
+        if (!isNaN(na) && !isNaN(nb)) 
+            return na - nb;
+        return String(a).localeCompare(String(b));
+    }
+
+    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,38 +1,38 @@
-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;
-    }
-    override compare(a: any, b: any): number
-    {
-        return BaseColumnFormatter.stringCompare(a?.text, b?.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;
+    }
+    override compare(a: any, b: any): number
+    {
+        return BaseColumnFormatter.stringCompare(a?.text, b?.text);
+    }
 }

package/src/formatter/BooleanFormatter.ts

@@ -1,27 +1,27 @@
-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;
-    }
-    override compare(a: any, b: any): number
-    {
-        return BaseColumnFormatter.numberCompare(a, b);
-    }
+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;
+    }
+    override compare(a: any, b: any): number
+    {
+        return BaseColumnFormatter.numberCompare(a, b);
+    }
 }

package/src/formatter/BytesFormatter.tsx

@@ -1,20 +1,20 @@
-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);
-    }
-    override compare(a: any, b: any): number
-    {
-        return BaseColumnFormatter.numberCompare(a, 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);
+    }
+    override compare(a: any, b: any): number
+    {
+        return BaseColumnFormatter.numberCompare(a, b);
+    }
 }

package/src/formatter/DateFormatter.ts

@@ -1,27 +1,27 @@
-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;
-    }
-    override compare(a: any, b: any): number
-    {
-        return BaseColumnFormatter.dateCompare(a, b);
-    }
+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;
+    }
+    override compare(a: any, b: any): number
+    {
+        return BaseColumnFormatter.dateCompare(a, b);
+    }
 }

package/src/formatter/DateTimeFormatter.ts

@@ -1,27 +1,27 @@
-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;
-    }
-    override compare(a: any, b: any): number
-    {
-        return BaseColumnFormatter.dateCompare(a, b);
-    }
+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;
+    }
+    override compare(a: any, b: any): number
+    {
+        return BaseColumnFormatter.dateCompare(a, b);
+    }
 }

package/src/formatter/DurationFormatter.ts

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

package/src/formatter/EmailFormatter.tsx

@@ -1,26 +1,26 @@
-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);
-    }
-    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 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);
+    }
+    override compare(a: any, b: any): number
+    {
+        return BaseColumnFormatter.stringCompare(a, b);
+    }
 }

package/src/formatter/EnumFormatter.ts

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