namirasoft-site-react 1.4.170 → 1.4.171

package/dist/formatter/BaseURLImageFormatter.d.ts

@@ -1,8 +1,13 @@
 import { TableColumnInfo, TableRowInfo } from "../main";
 import { BaseColumnFormatter } from "./BaseColumnFormatter";
 export declare class BaseURLImageFormatter extends BaseColumnFormatter {
-    private image;
-    private getHRef;
-    constructor(image: string, getHRef: (value: any) => any, width?: string);
-    format(value: any, _: TableColumnInfo, __: TableRowInfo<any>, printable: boolean): any;
+    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

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

package/dist/formatter/BaseURLImageFormatter.js.map

@@ -1 +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;IAI1D,YAAY,KAAa,EAAE,OAA4B,EAAE,QAAgB,OAAO;QAE5E,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IACQ,MAAM,CAAC,KAAU,EAAE,CAAkB,EAAE,EAAqB,EAAE,SAAkB;QAErF,IAAI,CAAC,SAAS,EACd,CAAC;YACG,OAAO,CACH,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aACjD,cAAK,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,YAElE,YAAG,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,YAAG,KAAK,GAAM,IACvC,CACV,CAAC;QACN,CAAC;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ"}
+{"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

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

package/dist/formatter/EmailFormatter.js

@@ -3,11 +3,16 @@ import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
 export class EmailFormatter extends BaseColumnFormatter {
     constructor(width = "250px") {
         super();
-        this.formatter = new BaseURLImageFormatter("https://static.namirasoft.com/image/concept/type/email.png", value => `email:${value}`);
+        this.formatter = new BaseURLImageFormatter();
+        this.onclick_overrided = true;
         this.width = width;
     }
-    format(value, table, row, printable) {
-        return this.formatter.format(value, table, row, printable);
+    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":"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,CAAC,4DAA4D,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC;QAI1J,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IACQ,MAAM,CAAC,KAAU,EAAE,KAAsB,EAAE,GAAsB,EAAE,SAAkB;QAE1F,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;IAC/D,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

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

package/dist/formatter/PhoneFormatter.js

@@ -3,11 +3,16 @@ import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
 export class PhoneFormatter extends BaseColumnFormatter {
     constructor(width = "150px") {
         super();
-        this.formatter = new BaseURLImageFormatter("https://static.namirasoft.com/image/concept/type/phone.png", value => `tel:${value}`);
+        this.formatter = new BaseURLImageFormatter();
+        this.onclick_overrided = true;
         this.width = width;
     }
-    format(value, table, row, printable) {
-        return this.formatter.format(value, table, row, printable);
+    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":"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,CAAC,4DAA4D,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,KAAK,EAAE,CAAC,CAAC;QAIxJ,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IACQ,MAAM,CAAC,KAAU,EAAE,KAAsB,EAAE,GAAsB,EAAE,SAAkB;QAE1F,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;IAC/D,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

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

package/dist/formatter/URLFormatter.js

@@ -3,11 +3,16 @@ import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
 export class URLFormatter extends BaseColumnFormatter {
     constructor(width = "250px") {
         super();
-        this.formatter = new BaseURLImageFormatter("https://static.namirasoft.com/image/concept/type/url.png", value => value);
+        this.formatter = new BaseURLImageFormatter();
+        this.onclick_overrided = true;
         this.width = width;
     }
-    format(value, table, row, printable) {
-        return this.formatter.format(value, table, row, printable);
+    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

@@ -1 +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,CAAC,0DAA0D,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAI7I,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IACQ,MAAM,CAAC,KAAU,EAAE,KAAsB,EAAE,GAAsB,EAAE,SAAkB;QAE1F,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;IAC/D,CAAC;CACJ"}
+{"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/package.json

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

package/src/formatter/BaseURLImageFormatter.tsx

@@ -3,27 +3,27 @@ import { BaseColumnFormatter } from "./BaseColumnFormatter";
 
 export class BaseURLImageFormatter extends BaseColumnFormatter
 {
-    private image: string;
-    private getHRef: (value: any) => any;
-    constructor(image: string, getHRef: (value: any) => any, width: string = "250px")
+    constructor(width: string = "250px")
     {
         super();
-        this.image = image;
-        this.getHRef = getHRef;
         this.width = width;
     }
-    override format(value: any, _: TableColumnInfo, __: TableRowInfo<any>, printable: boolean): any
+    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={this.image} style={{ width: "20px", height: "20px" }} />
+                    <img src={value.image.url} alt={value.image.alt} style={{ width: "20px", height: "20px" }} />
                     &nbsp;
-                    <a href={this.getHRef(value)}>{value}</a >
+                    <a href={value.href} target="_blank" rel="noreferrer">{value.text}</a>
                 </div >
             );
         }
-        return value;
+        return value.text;
     }
 }

package/src/formatter/EmailFormatter.tsx

@@ -4,14 +4,19 @@ import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
 
 export class EmailFormatter extends BaseColumnFormatter
 {
-    private formatter: BaseURLImageFormatter = new BaseURLImageFormatter("https://static.namirasoft.com/image/concept/type/email.png", value => `email:${value}`);
+    private formatter: BaseURLImageFormatter = new BaseURLImageFormatter();
     constructor(width: string = "250px")
     {
         super();
+        this.onclick_overrided = true;
         this.width = width;
     }
-    override format(value: any, table: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
+    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
     {
-        return this.formatter.format(value, table, 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);
     }
 }

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

@@ -4,14 +4,19 @@ import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
 
 export class PhoneFormatter extends BaseColumnFormatter
 {
-    private formatter: BaseURLImageFormatter = new BaseURLImageFormatter("https://static.namirasoft.com/image/concept/type/phone.png", value => `tel:${value}`);
+    private formatter: BaseURLImageFormatter = new BaseURLImageFormatter();
     constructor(width: string = "150px")
     {
         super();
+        this.onclick_overrided = true;
         this.width = width;
     }
-    override format(value: any, table: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
+    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
     {
-        return this.formatter.format(value, table, 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);
     }
 }

package/src/formatter/URLFormatter.tsx

@@ -4,14 +4,19 @@ import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
 
 export class URLFormatter extends BaseColumnFormatter
 {
-    private formatter: BaseURLImageFormatter = new BaseURLImageFormatter("https://static.namirasoft.com/image/concept/type/url.png", value => value);
+    private formatter: BaseURLImageFormatter = new BaseURLImageFormatter();
     constructor(width: string = "250px")
     {
         super();
+        this.onclick_overrided = true;
         this.width = width;
     }
-    override format(value: any, table: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
+    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
     {
-        return this.formatter.format(value, table, 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);
     }
 }