namirasoft-site-react 1.4.169 → 1.4.171

package/dist/formatter/BaseURLImageFormatter.d.ts

@@ -0,0 +1,13 @@
+import { TableColumnInfo, TableRowInfo } from "../main";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+export declare class BaseURLImageFormatter extends BaseColumnFormatter {
+    constructor(width?: string);
+    format(value: {
+        text: any;
+        image: {
+            url: string;
+            alt: string;
+        };
+        href: string;
+    }, _: TableColumnInfo, __: TableRowInfo<any>, printable: boolean): any;
+}

package/dist/formatter/BaseURLImageFormatter.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+export class BaseURLImageFormatter extends BaseColumnFormatter {
+    constructor(width = "250px") {
+        super();
+        this.width = width;
+    }
+    format(value, _, __, printable) {
+        if (!printable) {
+            return (_jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [_jsx("img", { src: value.image.url, alt: value.image.alt, style: { width: "20px", height: "20px" } }), "\u00A0", _jsx("a", { href: value.href, target: "_blank", rel: "noreferrer", children: value.text })] }));
+        }
+        return value.text;
+    }
+}
+//# sourceMappingURL=BaseURLImageFormatter.js.map

package/dist/formatter/BaseURLImageFormatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseURLImageFormatter.js","sourceRoot":"","sources":["../../src/formatter/BaseURLImageFormatter.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,OAAO,qBAAsB,SAAQ,mBAAmB;IAE1D,YAAY,QAAgB,OAAO;QAE/B,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IACQ,MAAM,CAAC,KAIf,EAAE,CAAkB,EAAE,EAAqB,EAAE,SAAkB;QAE5D,IAAI,CAAC,SAAS,EACd,CAAC;YACG,OAAO,CACH,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aACjD,cAAK,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,YAE7F,YAAG,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,YAAE,KAAK,CAAC,IAAI,GAAK,IACnE,CACV,CAAC;QACN,CAAC;QACD,OAAO,KAAK,CAAC,IAAI,CAAC;IACtB,CAAC;CACJ"}

package/dist/formatter/EmailFormatter.d.ts

@@ -1,5 +1,7 @@
+import { TableColumnInfo, TableRowInfo } from "../main";
 import { BaseColumnFormatter } from "./BaseColumnFormatter";
 export declare class EmailFormatter extends BaseColumnFormatter {
+    private formatter;
     constructor(width?: string);
-    format(value: any): any;
+    format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any;
 }

package/dist/formatter/EmailFormatter.js

@@ -1,12 +1,18 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { BaseColumnFormatter } from "./BaseColumnFormatter";
+import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
 export class EmailFormatter extends BaseColumnFormatter {
     constructor(width = "250px") {
         super();
+        this.formatter = new BaseURLImageFormatter();
+        this.onclick_overrided = true;
         this.width = width;
     }
-    format(value) {
-        return _jsx("a", { href: `email:${value}`, children: "value" });
+    format(value, column, row, printable) {
+        return this.formatter.format({
+            text: value,
+            href: `email:${value}`,
+            image: { url: "https://static.namirasoft.com/image/concept/type/email.png", alt: "phone" }
+        }, column, row, printable);
     }
 }
 //# sourceMappingURL=EmailFormatter.js.map

package/dist/formatter/EmailFormatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmailFormatter.js","sourceRoot":"","sources":["../../src/formatter/EmailFormatter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,OAAO,cAAe,SAAQ,mBAAmB;IAEnD,YAAY,QAAgB,OAAO;QAE/B,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IACQ,MAAM,CAAC,KAAU;QAGtB,OAAO,YAAG,IAAI,EAAE,SAAS,KAAK,EAAE,sBAAW,CAAC;IAChD,CAAC;CACJ"}
+{"version":3,"file":"EmailFormatter.js","sourceRoot":"","sources":["../../src/formatter/EmailFormatter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,OAAO,cAAe,SAAQ,mBAAmB;IAGnD,YAAY,QAAgB,OAAO;QAE/B,KAAK,EAAE,CAAC;QAHJ,cAAS,GAA0B,IAAI,qBAAqB,EAAE,CAAC;QAInE,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IACQ,MAAM,CAAC,KAAU,EAAE,MAAuB,EAAE,GAAsB,EAAE,SAAkB;QAE3F,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;YACzB,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,SAAS,KAAK,EAAE;YACtB,KAAK,EAAE,EAAE,GAAG,EAAE,4DAA4D,EAAE,GAAG,EAAE,OAAO,EAAE;SAC7F,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;IAC/B,CAAC;CACJ"}

package/dist/formatter/IDFormatter.d.ts

@@ -1,6 +1,7 @@
 import { BaseColumnFormatter } from "./BaseColumnFormatter";
 import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
 export declare class IDFormatter extends BaseColumnFormatter {
+    private formatter;
     constructor(width?: string);
-    format(value: any, _: TableColumnInfo, __: TableRowInfo<any>, printable: boolean): any;
+    format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any;
 }

package/dist/formatter/IDFormatter.js

@@ -1,19 +1,24 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { BaseUUID } from "namirasoft-core";
 import { BaseColumnFormatter } from "./BaseColumnFormatter";
 import { Globe } from "namirasoft-site-map";
+import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
 export class IDFormatter extends BaseColumnFormatter {
     constructor(width = "200px") {
         super();
+        this.formatter = new BaseURLImageFormatter();
         this.onclick_overrided = true;
         this.width = width;
     }
-    format(value, _, __, printable) {
+    format(value, column, row, printable) {
         if (!printable)
             if (BaseUUID.isValid(value)) {
                 let short = BaseUUID.getShort(value);
                 let info = Globe.namirasoft.getByShortName(short);
-                return (_jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [_jsx("img", { src: info.product.logo, alt: info.product.name, style: { width: "20px", height: "20px" } }), "\u00A0", _jsx("a", { href: info.table.front_end.getViewLink(value + ""), target: "_blank", rel: "noreferrer", children: value })] }));
+                return this.formatter.format({
+                    text: value,
+                    href: info.table.front_end.getViewLink(value + ""),
+                    image: { url: info.product.logo, alt: info.product.logo }
+                }, column, row, printable);
             }
         return value;
     }

package/dist/formatter/IDFormatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"IDFormatter.js","sourceRoot":"","sources":["../../src/formatter/IDFormatter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAG5C,MAAM,OAAO,WAAY,SAAQ,mBAAmB;IAEhD,YAAY,QAAgB,OAAO;QAE/B,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IACQ,MAAM,CAAC,KAAU,EAAE,CAAkB,EAAE,EAAqB,EAAE,SAAkB;QAErF,IAAI,CAAC,SAAS;YACV,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAC3B,CAAC;gBACG,IAAI,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBACrC,IAAI,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;gBAClD,OAAO,CACH,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aACjD,cAAK,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,YAEjG,YAAG,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,GAAG,EAAE,CAAC,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,YAAE,KAAK,GAAM,IACjG,CACV,CAAC;YACN,CAAC;QACL,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ"}
+{"version":3,"file":"IDFormatter.js","sourceRoot":"","sources":["../../src/formatter/IDFormatter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,OAAO,WAAY,SAAQ,mBAAmB;IAIhD,YAAY,QAAgB,OAAO;QAE/B,KAAK,EAAE,CAAC;QAJJ,cAAS,GAAG,IAAI,qBAAqB,EAAE,CAAC;QAK5C,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IACQ,MAAM,CAAC,KAAU,EAAE,MAAuB,EAAE,GAAsB,EAAE,SAAkB;QAE3F,IAAI,CAAC,SAAS;YACV,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAC3B,CAAC;gBACG,IAAI,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBACrC,IAAI,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;gBAElD,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;oBACzB,IAAI,EAAE,KAAK;oBACX,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,GAAG,EAAE,CAAC;oBAClD,KAAK,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;iBAC5D,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;YAE/B,CAAC;QACL,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ"}

package/dist/formatter/PhoneFormatter.d.ts

@@ -1,5 +1,7 @@
+import { TableColumnInfo, TableRowInfo } from "../main";
 import { BaseColumnFormatter } from "./BaseColumnFormatter";
 export declare class PhoneFormatter extends BaseColumnFormatter {
+    private formatter;
     constructor(width?: string);
-    format(value: any): any;
+    format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any;
 }

package/dist/formatter/PhoneFormatter.js

@@ -1,12 +1,18 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { BaseColumnFormatter } from "./BaseColumnFormatter";
+import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
 export class PhoneFormatter extends BaseColumnFormatter {
     constructor(width = "150px") {
         super();
+        this.formatter = new BaseURLImageFormatter();
+        this.onclick_overrided = true;
         this.width = width;
     }
-    format(value) {
-        return _jsx("a", { href: `tel:${value}`, children: "value" });
+    format(value, column, row, printable) {
+        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);
     }
 }
 //# sourceMappingURL=PhoneFormatter.js.map

package/dist/formatter/PhoneFormatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneFormatter.js","sourceRoot":"","sources":["../../src/formatter/PhoneFormatter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,OAAO,cAAe,SAAQ,mBAAmB;IAEnD,YAAY,QAAgB,OAAO;QAE/B,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IACQ,MAAM,CAAC,KAAU;QAGtB,OAAO,YAAG,IAAI,EAAE,OAAO,KAAK,EAAE,sBAAW,CAAC;IAC9C,CAAC;CACJ"}
+{"version":3,"file":"PhoneFormatter.js","sourceRoot":"","sources":["../../src/formatter/PhoneFormatter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,OAAO,cAAe,SAAQ,mBAAmB;IAGnD,YAAY,QAAgB,OAAO;QAE/B,KAAK,EAAE,CAAC;QAHJ,cAAS,GAA0B,IAAI,qBAAqB,EAAE,CAAC;QAInE,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IACQ,MAAM,CAAC,KAAU,EAAE,MAAuB,EAAE,GAAsB,EAAE,SAAkB;QAE3F,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;YACzB,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,OAAO,KAAK,EAAE;YACpB,KAAK,EAAE,EAAE,GAAG,EAAE,4DAA4D,EAAE,GAAG,EAAE,OAAO,EAAE;SAC7F,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;IAC/B,CAAC;CACJ"}

package/dist/formatter/URLFormatter.d.ts

@@ -0,0 +1,7 @@
+import { TableColumnInfo, TableRowInfo } from "../main";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+export declare class URLFormatter extends BaseColumnFormatter {
+    private formatter;
+    constructor(width?: string);
+    format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any;
+}

package/dist/formatter/URLFormatter.js

@@ -0,0 +1,18 @@
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
+export class URLFormatter extends BaseColumnFormatter {
+    constructor(width = "250px") {
+        super();
+        this.formatter = new BaseURLImageFormatter();
+        this.onclick_overrided = true;
+        this.width = width;
+    }
+    format(value, column, row, printable) {
+        return this.formatter.format({
+            text: value,
+            href: value,
+            image: { url: "https://static.namirasoft.com/image/concept/type/url.png", alt: "url" }
+        }, column, row, printable);
+    }
+}
+//# sourceMappingURL=URLFormatter.js.map

package/dist/formatter/URLFormatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"URLFormatter.js","sourceRoot":"","sources":["../../src/formatter/URLFormatter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,OAAO,YAAa,SAAQ,mBAAmB;IAGjD,YAAY,QAAgB,OAAO;QAE/B,KAAK,EAAE,CAAC;QAHJ,cAAS,GAA0B,IAAI,qBAAqB,EAAE,CAAC;QAInE,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IACQ,MAAM,CAAC,KAAU,EAAE,MAAuB,EAAE,GAAsB,EAAE,SAAkB;QAE3F,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;YACzB,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,EAAE,GAAG,EAAE,0DAA0D,EAAE,GAAG,EAAE,KAAK,EAAE;SACzF,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;IAC/B,CAAC;CACJ"}

package/dist/main.d.ts

@@ -84,6 +84,7 @@ export * from "./components/NSCopy";
 export * from "./components/NSColumn";
 export * from "./formatter/BackColorFormatter";
 export * from "./formatter/BaseColumnFormatter";
+export * from "./formatter/BaseURLImageFormatter";
 export * from "./formatter/BooleanFormatter";
 export * from "./formatter/DateFormatter";
 export * from "./formatter/DateTimeFormatter";
@@ -101,6 +102,7 @@ export * from "./formatter/PhoneFormatter";
 export * from "./formatter/StringFormatter";
 export * from "./formatter/TimeFormatter";
 export * from "./formatter/UnknowFormatter";
+export * from "./formatter/URLFormatter";
 export * from "./pages/NSNotFoundPage";
 export * from "./pages/NSUpdating";
 export * from "./props/IBaseComponentProps";

package/dist/main.js

@@ -84,6 +84,7 @@ export * from "./components/NSCopy";
 export * from "./components/NSColumn";
 export * from "./formatter/BackColorFormatter";
 export * from "./formatter/BaseColumnFormatter";
+export * from "./formatter/BaseURLImageFormatter";
 export * from "./formatter/BooleanFormatter";
 export * from "./formatter/DateFormatter";
 export * from "./formatter/DateTimeFormatter";
@@ -101,6 +102,7 @@ export * from "./formatter/PhoneFormatter";
 export * from "./formatter/StringFormatter";
 export * from "./formatter/TimeFormatter";
 export * from "./formatter/UnknowFormatter";
+export * from "./formatter/URLFormatter";
 export * from "./pages/NSNotFoundPage";
 export * from "./pages/NSUpdating";
 export * from "./props/IBaseComponentProps";

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -8,7 +8,7 @@
 	"framework": "npm",
 	"application": "package",
 	"private": false,
-	"version": "1.4.169",
+	"version": "1.4.171",
 	"author": "Amir Abolhasani",
 	"license": "MIT",
 	"main": "./dist/main.js",

package/src/formatter/BaseURLImageFormatter.tsx

@@ -0,0 +1,29 @@
+import { TableColumnInfo, TableRowInfo } from "../main";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class BaseURLImageFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "250px")
+    {
+        super();
+        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" }}>
+                    <img src={value.image.url} alt={value.image.alt} style={{ width: "20px", height: "20px" }} />
+                    &nbsp;
+                    <a href={value.href} target="_blank" rel="noreferrer">{value.text}</a>
+                </div >
+            );
+        }
+        return value.text;
+    }
+}

package/src/formatter/EmailFormatter.tsx

@@ -1,15 +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): any
+    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
     {
-        // todo add image of email
-        return <a href={`email:${value}`}>value</a>;
+        return this.formatter.format({
+            text: value,
+            href: `email:${value}`,
+            image: { url: "https://static.namirasoft.com/image/concept/type/email.png", alt: "phone" }
+        }, column, row, printable);
     }
 }

package/src/formatter/IDFormatter.tsx

@@ -2,29 +2,32 @@ import { BaseUUID } from "namirasoft-core";
 import { BaseColumnFormatter } from "./BaseColumnFormatter";
 import { Globe } from "namirasoft-site-map";
 import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
+import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
 
 export class IDFormatter extends BaseColumnFormatter
 {
+    private formatter = new BaseURLImageFormatter();
+
     constructor(width: string = "200px") 
     {
         super();
         this.onclick_overrided = true;
         this.width = width;
     }
-    override format(value: any, _: TableColumnInfo, __: TableRowInfo<any>, printable: boolean): any
+    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
     {
         if (!printable)
             if (BaseUUID.isValid(value))
             {
                 let short = BaseUUID.getShort(value);
                 let info = Globe.namirasoft.getByShortName(short);
-                return (
-                    <div style={{ display: "flex", alignItems: "center" }}>
-                        <img src={info.product.logo} alt={info.product.name} style={{ width: "20px", height: "20px" }} />
-                        &nbsp;
-                        <a href={info.table.front_end.getViewLink(value + "")} target="_blank" rel="noreferrer">{value}</a >
-                    </div >
-                );
+
+                return this.formatter.format({
+                    text: value,
+                    href: info.table.front_end.getViewLink(value + ""),
+                    image: { url: info.product.logo, alt: info.product.logo }
+                }, column, row, printable);
+
             }
         return value;
     }

package/src/formatter/PhoneFormatter.tsx

@@ -1,15 +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): any
+    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
     {
-        // todo add image of tel
-        return <a href={`tel:${value}`}>value</a>;
+        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/URLFormatter.tsx

@@ -0,0 +1,22 @@
+import { TableColumnInfo, TableRowInfo } from "../main";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
+
+export class URLFormatter 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: value,
+            image: { url: "https://static.namirasoft.com/image/concept/type/url.png", alt: "url" }
+        }, column, row, printable);
+    }
+}

package/src/main.ts

@@ -147,6 +147,7 @@ export * from "./components/NSColumn";
 // formatter
 export * from "./formatter/BackColorFormatter";
 export * from "./formatter/BaseColumnFormatter";
+export * from "./formatter/BaseURLImageFormatter";
 export * from "./formatter/BooleanFormatter";
 export * from "./formatter/DateFormatter";
 export * from "./formatter/DateTimeFormatter";
@@ -164,6 +165,7 @@ export * from "./formatter/PhoneFormatter";
 export * from "./formatter/StringFormatter";
 export * from "./formatter/TimeFormatter";
 export * from "./formatter/UnknowFormatter";
+export * from "./formatter/URLFormatter";
 
 // pages
 export * from "./pages/NSNotFoundPage";