namirasoft-site-react 1.4.302 → 1.4.304

package/dist/components/NSCopy.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
 export interface NSCopyProps extends IBaseComponentProps {
     children: React.ReactNode;
+    value?: string;
 }
 export interface NSCopyState {
     copied: boolean;

package/dist/components/NSCopy.js

@@ -7,12 +7,13 @@ export function NSCopy(props) {
     const service = useRef(new SetTimeouService());
     let [state, setState] = useState({ copied: false });
     function onCopy(e) {
-        var _a, _b;
+        var _a, _b, _c;
         e.stopPropagation();
         if (NSCopyParent_ref.current) {
-            navigator.clipboard.writeText((_a = NSCopyParent_ref.current) === null || _a === void 0 ? void 0 : _a.innerText);
+            let value = (_a = props.value) !== null && _a !== void 0 ? _a : (_b = NSCopyParent_ref.current) === null || _b === void 0 ? void 0 : _b.innerText;
+            navigator.clipboard.writeText(value);
             setState({ copied: true });
-            (_b = service.current) === null || _b === void 0 ? void 0 : _b.setTimeoutIfNotCalledAgain(() => { setState({ copied: false }); }, 3000);
+            (_c = service.current) === null || _c === void 0 ? void 0 : _c.setTimeoutIfNotCalledAgain(() => { setState({ copied: false }); }, 3000);
         }
     }
     return (_jsxs("div", { ref: NSCopyParent_ref, id: props.id, className: `d-flex align-items-center justify-content-center ${(_b = (_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")) !== null && _b !== void 0 ? _b : ""}`, style: props.style, children: [_jsx("div", { children: props.children }), _jsx("img", { src: state.copied ? "https://static.namirasoft.com/image/concept/check/on/blue.svg" : "https://static.namirasoft.com/image/concept/copy/blue.svg", alt: 'Copy', width: 16, height: 16, onClick: onCopy, style: {

package/dist/components/NSCopy.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSCopy.js","sourceRoot":"","sources":["../../src/components/NSCopy.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAYnD,MAAM,UAAU,MAAM,CAAC,KAAkB;;IAExC,IAAI,gBAAgB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,MAAM,CAAmB,IAAI,gBAAgB,EAAE,CAAC,CAAC;IAEjE,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAEjE,SAAS,MAAM,CAAC,CAAqC;;QAEpD,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,IAAI,gBAAgB,CAAC,OAAO,EAC5B,CAAC;YACA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,MAAA,gBAAgB,CAAC,OAAO,0CAAE,SAAS,CAAC,CAAC;YAEnE,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YAC3B,MAAA,OAAO,CAAC,OAAO,0CAAE,0BAA0B,CAAC,GAAG,EAAE,GAAG,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAA,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QAC1F,CAAC;IACF,CAAC;IAED,OAAO,CACN,eACC,GAAG,EAAE,gBAAgB,EACrB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,oDAAoD,MAAA,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EACjG,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,wBACE,KAAK,CAAC,QAAQ,GACV,EACN,cAAK,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,+DAA+D,CAAC,CAAC,CAAC,2DAA2D,EACrJ,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,MAAM,EACf,KAAK,EAAE;oBACN,MAAM,EAAE,SAAS;oBACjB,UAAU,EAAE,KAAK;iBACjB,GACA,IACG,CACN,CAAC;AACH,CAAC"}
+{"version":3,"file":"NSCopy.js","sourceRoot":"","sources":["../../src/components/NSCopy.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAanD,MAAM,UAAU,MAAM,CAAC,KAAkB;;IAExC,IAAI,gBAAgB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,MAAM,CAAmB,IAAI,gBAAgB,EAAE,CAAC,CAAC;IAEjE,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAEjE,SAAS,MAAM,CAAC,CAAqC;;QAEpD,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,IAAI,gBAAgB,CAAC,OAAO,EAC5B,CAAC;YACA,IAAI,KAAK,GAAG,MAAA,KAAK,CAAC,KAAK,mCAAI,MAAA,gBAAgB,CAAC,OAAO,0CAAE,SAAS,CAAC;YAC/D,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YAErC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YAC3B,MAAA,OAAO,CAAC,OAAO,0CAAE,0BAA0B,CAAC,GAAG,EAAE,GAAG,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAA,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QAC1F,CAAC;IACF,CAAC;IAED,OAAO,CACN,eACC,GAAG,EAAE,gBAAgB,EACrB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,oDAAoD,MAAA,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EACjG,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,wBACE,KAAK,CAAC,QAAQ,GACV,EACN,cAAK,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,+DAA+D,CAAC,CAAC,CAAC,2DAA2D,EACrJ,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,MAAM,EACf,KAAK,EAAE;oBACN,MAAM,EAAE,SAAS;oBACjB,UAAU,EAAE,KAAK;iBACjB,GACA,IACG,CACN,CAAC;AACH,CAAC"}

package/dist/components/NSID.d.ts

@@ -0,0 +1,13 @@
+import { IBaseComponentProps } from '../main';
+import { IStorage } from 'namirasoft-core';
+import { Globe } from 'namirasoft-site-map';
+export interface NSIDProps extends IBaseComponentProps {
+    id: string;
+    globe: Globe | null;
+    storage: IStorage | null;
+}
+export interface NSIDState {
+    tried: boolean;
+    text?: string;
+}
+export declare function NSID(props: NSIDProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSID.js

@@ -0,0 +1,57 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { BaseURLImageFormatter, NSCopy } from '../main';
+import { BaseUUID, CacheService } from 'namirasoft-core';
+import { Globe } from 'namirasoft-site-map';
+import Styles from './NSID.module.css';
+export function NSID(props) {
+    var _a;
+    const [state, setState] = useState({
+        tried: false,
+    });
+    let short = BaseUUID.getShort(props.id);
+    let namirasoft = (_a = props.globe) !== null && _a !== void 0 ? _a : new Globe();
+    let info = namirasoft.getByShortName(short);
+    let cache = null;
+    if (props.storage)
+        cache = new CacheService(info.product.id + "-" + info.table.name, props.storage, 30, () => __awaiter(this, void 0, void 0, function* () { return "0.0.0"; }), () => __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
+            if (info.table.back_end.get) {
+                try {
+                    let row = yield info.table.back_end.get(props.id);
+                    return (_b = (_a = row.name) !== null && _a !== void 0 ? _a : row.description) !== null && _b !== void 0 ? _b : "";
+                }
+                catch (error) {
+                }
+            }
+            return "";
+        }));
+    useEffect(() => {
+        if (cache)
+            cache.get().then(text => {
+                setState({ tried: true, text });
+            });
+        else
+            setState({ tried: true });
+    }, [props.id]);
+    let text = state.text;
+    if (!text)
+        text = props.id;
+    let formatter = new BaseURLImageFormatter();
+    return (_jsxs(NSCopy, { value: props.id, children: [!state.tried &&
+                _jsx("div", { className: Styles.ns_loader }), formatter.format({
+                text,
+                href: info.table.front_end.getViewLink(props.id + ""),
+                image: { url: info.product.logo, alt: info.product.logo }
+            })] }));
+}
+//# sourceMappingURL=NSID.js.map

package/dist/components/NSID.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSID.js","sourceRoot":"","sources":["../../src/components/NSID.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAuB,MAAM,EAAE,MAAM,SAAS,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAY,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAevC,MAAM,UAAU,IAAI,CAAC,KAAgB;;IAEpC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAY;QAC7C,KAAK,EAAE,KAAK;KACZ,CAAC,CAAC;IAEH,IAAI,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACxC,IAAI,UAAU,GAAG,MAAA,KAAK,CAAC,KAAK,mCAAI,IAAI,KAAK,EAAE,CAAC;IAC5C,IAAI,IAAI,GAAG,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAC5C,IAAI,KAAK,GAAG,IAAI,CAAC;IACjB,IAAI,KAAK,CAAC,OAAO;QAChB,KAAK,GAAG,IAAI,YAAY,CAAS,IAAI,CAAC,OAAO,CAAC,EAAE,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,GAAS,EAAE,gDAAC,OAAA,OAAO,CAAA,GAAA,EAAE,GAAS,EAAE;;YAE5H,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,EAC3B,CAAC;gBACA,IACA,CAAC;oBACA,IAAI,GAAG,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;oBAClD,OAAO,MAAA,MAAA,GAAG,CAAC,IAAI,mCAAI,GAAG,CAAC,WAAW,mCAAI,EAAE,CAAC;gBAC1C,CAAC;gBAAC,OAAO,KAAK,EACd,CAAC;gBACD,CAAC;YACF,CAAC;YACD,OAAO,EAAE,CAAC;QACX,CAAC,CAAA,CAAC,CAAC;IAEJ,SAAS,CAAC,GAAG,EAAE;QAEd,IAAI,KAAK;YACR,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBAEvB,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YACjC,CAAC,CAAC,CAAC;;YAEH,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAEf,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACtB,IAAI,CAAC,IAAI;QACR,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC;IAEjB,IAAI,SAAS,GAAG,IAAI,qBAAqB,EAAE,CAAC;IAC5C,OAAO,CACN,MAAC,MAAM,IACN,KAAK,EAAE,KAAK,CAAC,EAAE,aAGd,CAAC,KAAK,CAAC,KAAK;gBACZ,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,GAC1B,EAGN,SAAS,CAAC,MAAM,CAAC;gBAChB,IAAI;gBACJ,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;gBACrD,KAAK,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;aACzD,CAAC,IAEK,CACT,CAAC;AACH,CAAC"}

package/dist/components/NSID.module.css

@@ -0,0 +1,18 @@
+.ns_id_loader {
+	margin: 0;
+	width: 24px;
+	height: 24px;
+	border-radius: 50%;
+	background: conic-gradient(#0000 10%, #001664) content-box;
+	-webkit-mask:
+		repeating-conic-gradient(#0000 0deg, #000 1deg 20deg, #0000 21deg 36deg),
+		radial-gradient(farthest-side, #0000 calc(100% - 9px), #000 calc(100% - 8px));
+	-webkit-mask-composite: destination-in;
+	animation: rotate 1s infinite steps(10);
+}
+
+@keyframes rotate {
+	to {
+		transform: rotate(1turn)
+	}
+}

package/dist/components/NSLoading.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLoading.js","sourceRoot":"","sources":["../../src/components/NSLoading.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAQ5C,MAAM,UAAU,SAAS,CAAC,KAAqB;;IAE9C,OAAO,CACN,eACC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,GAAG,MAAM,CAAC,iBAAiB,IAAI,MAAA,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,GAAG,EAC7E,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,uBAAK,MAAA,KAAK,CAAC,KAAK,mCAAI,SAAS,GAAM,EACnC,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,GAAS,EAC1C,0CAAsB,IACjB,CACN,CAAC;AACH,CAAC"}
+{"version":3,"file":"NSLoading.js","sourceRoot":"","sources":["../../src/components/NSLoading.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAO5C,MAAM,UAAU,SAAS,CAAC,KAAqB;;IAE9C,OAAO,CACN,eACC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,GAAG,MAAM,CAAC,iBAAiB,IAAI,MAAA,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,GAAG,EAC7E,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,uBAAK,MAAA,KAAK,CAAC,KAAK,mCAAI,SAAS,GAAM,EACnC,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,GAAS,EAC1C,0CAAsB,IACjB,CACN,CAAC;AACH,CAAC"}

package/dist/formatter/BaseURLImageFormatter.d.ts

@@ -9,5 +9,5 @@ export declare class BaseURLImageFormatter extends BaseColumnFormatter {
             alt: string;
         };
         href: string;
-    }, _: TableColumnInfo, __: TableRowInfo<any>, printable: boolean): any;
+    }, _?: TableColumnInfo, __?: TableRowInfo<any>, printable?: boolean): any;
 }

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;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"}
+{"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,CAAmB,EAAE,EAAsB,EAAE,SAAmB;QAE/D,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/IDFormatter.d.ts

@@ -1,7 +1,10 @@
+import { IStorage } from "namirasoft-core";
 import { BaseColumnFormatter } from "./BaseColumnFormatter";
 import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
+import { Globe } from "namirasoft-site-map";
 export declare class IDFormatter extends BaseColumnFormatter {
-    private formatter;
-    constructor(width?: string);
-    format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any;
+    private globe;
+    private storage;
+    constructor(globe: Globe | null, storage: IStorage | null, width?: string);
+    format(value: any, _: TableColumnInfo, __: TableRowInfo<any>, printable: boolean): any;
 }

package/dist/formatter/IDFormatter.js

@@ -1,29 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { BaseUUID } from "namirasoft-core";
 import { BaseColumnFormatter } from "./BaseColumnFormatter";
-import { Globe } from "namirasoft-site-map";
-import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
-import { NSCopy } from "../main";
+import { NSID } from "../components/NSID";
 export class IDFormatter extends BaseColumnFormatter {
-    constructor(width = "224px") {
+    constructor(globe, storage, width = "224px") {
         super();
-        this.formatter = new BaseURLImageFormatter();
+        this.globe = globe;
+        this.storage = storage;
         this.onclick_overrided = true;
         this.width = width;
     }
-    format(value, column, row, printable) {
+    format(value, _, __, printable) {
         try {
             if (!printable)
-                if (BaseUUID.isValid(value)) {
-                    let short = BaseUUID.getShort(value);
-                    let namirasoft = new Globe();
-                    let info = namirasoft.getByShortName(short);
-                    return (_jsx(NSCopy, { children: 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 _jsx(NSID, { id: value, globe: this.globe, storage: this.storage });
         }
         catch (error) {
         }

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;AAE5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,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,IACA,CAAC;YACG,IAAI,CAAC,SAAS;gBACV,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAC3B,CAAC;oBACG,IAAI,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;oBACrC,IAAI,UAAU,GAAG,IAAI,KAAK,EAAE,CAAC;oBAC7B,IAAI,IAAI,GAAG,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;oBAC5C,OAAO,CACH,KAAC,MAAM,cAEC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;4BAClB,IAAI,EAAE,KAAK;4BACX,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,GAAG,EAAE,CAAC;4BAClD,KAAK,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;yBAC5D,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,CAAC,GAEzB,CACZ,CAAC;gBACN,CAAC;QACT,CAAC;QAAC,OAAO,KAAK,EACd,CAAC;QACD,CAAC;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ"}
+{"version":3,"file":"IDFormatter.js","sourceRoot":"","sources":["../../src/formatter/IDFormatter.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C,MAAM,OAAO,WAAY,SAAQ,mBAAmB;IAKhD,YAAY,KAAmB,EAAE,OAAwB,EAAE,QAAgB,OAAO;QAE9E,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,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,IACA,CAAC;YACG,IAAI,CAAC,SAAS;gBACV,OAAO,KAAC,IAAI,IAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAS,CAAC;QAClF,CAAC;QAAC,OAAO,KAAK,EACd,CAAC;QACD,CAAC;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ"}

package/dist/main.d.ts

@@ -59,6 +59,7 @@ export * from "./components/NSFilterBox";
 export * from "./components/NSFilterItem";
 export * from "./components/NSFooter";
 export * from "./components/NSHeader";
+export * from "./components/NSID";
 export * from "./components/NSLabel";
 export * from "./components/NSLabelErrorNotifier";
 export * from "./components/NSLayout";

package/dist/main.js

@@ -60,6 +60,7 @@ export * from "./components/NSFilterBox";
 export * from "./components/NSFilterItem";
 export * from "./components/NSFooter";
 export * from "./components/NSHeader";
+export * from "./components/NSID";
 export * from "./components/NSLabel";
 export * from "./components/NSLabelErrorNotifier";
 export * from "./components/NSLayout";
@@ -132,7 +133,10 @@ export * from "./routing/NSRouterMaker";
 export * from "./Validator";
 export * from "./NSBoxBuilder";
 export * from "./CopyToClipboard";
-NSBaseMetaDatabase.getServerBaseURL = function (name) {
-    return `REACT_APP_BASE_URL_${name.toUpperCase()}`;
-};
+function main() {
+    NSBaseMetaDatabase.getServerBaseURL = function (name) {
+        return `REACT_APP_BASE_URL_${name.toUpperCase()}`;
+    };
+}
+main();
 //# sourceMappingURL=main.js.map

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.302",
+	"version": "1.4.304",
 	"author": "Amir Abolhasani",
 	"license": "MIT",
 	"main": "./dist/main.js",

package/src/components/NSCopy.tsx

@@ -5,6 +5,7 @@ import { SetTimeouService } from "namirasoft-core";
 export interface NSCopyProps extends IBaseComponentProps
 {
 	children: React.ReactNode;
+	value?: string;
 }
 
 export interface NSCopyState
@@ -25,7 +26,8 @@ export function NSCopy(props: NSCopyProps)
 
 		if (NSCopyParent_ref.current)
 		{
-			navigator.clipboard.writeText(NSCopyParent_ref.current?.innerText);
+			let value = props.value ?? NSCopyParent_ref.current?.innerText;
+			navigator.clipboard.writeText(value);
 
 			setState({ copied: true });
 			service.current?.setTimeoutIfNotCalledAgain(() => { setState({ copied: false }) }, 3000);

package/src/components/NSID.module.css

@@ -0,0 +1,18 @@
+.ns_id_loader {
+	margin: 0;
+	width: 24px;
+	height: 24px;
+	border-radius: 50%;
+	background: conic-gradient(#0000 10%, #001664) content-box;
+	-webkit-mask:
+		repeating-conic-gradient(#0000 0deg, #000 1deg 20deg, #0000 21deg 36deg),
+		radial-gradient(farthest-side, #0000 calc(100% - 9px), #000 calc(100% - 8px));
+	-webkit-mask-composite: destination-in;
+	animation: rotate 1s infinite steps(10);
+}
+
+@keyframes rotate {
+	to {
+		transform: rotate(1turn)
+	}
+}

package/src/components/NSID.tsx

@@ -0,0 +1,80 @@
+import { useEffect, useState } from 'react';
+import { BaseURLImageFormatter, IBaseComponentProps, NSCopy } from '../main';
+import { BaseUUID, CacheService, IStorage } from 'namirasoft-core';
+import { Globe } from 'namirasoft-site-map';
+import Styles from './NSID.module.css';
+
+export interface NSIDProps extends IBaseComponentProps
+{
+	id: string;
+	globe: Globe | null;
+	storage: IStorage | null;
+}
+
+export interface NSIDState
+{
+	tried: boolean;
+	text?: string;
+}
+
+export function NSID(props: NSIDProps)
+{
+	const [state, setState] = useState<NSIDState>({
+		tried: false,
+	});
+
+	let short = BaseUUID.getShort(props.id);
+	let namirasoft = props.globe ?? new Globe();
+	let info = namirasoft.getByShortName(short);
+	let cache = null;
+	if (props.storage)
+		cache = new CacheService<string>(info.product.id + "-" + info.table.name, props.storage, 30, async () => "0.0.0", async () =>
+		{
+			if (info.table.back_end.get)
+			{
+				try
+				{
+					let row = await info.table.back_end.get(props.id);
+					return row.name ?? row.description ?? "";
+				} catch (error)
+				{
+				}
+			}
+			return "";
+		});
+
+	useEffect(() =>
+	{
+		if (cache)
+			cache.get().then(text =>
+			{
+				setState({ tried: true, text });
+			});
+		else
+			setState({ tried: true });
+	}, [props.id]);
+
+	let text = state.text;
+	if (!text)
+		text = props.id;
+
+	let formatter = new BaseURLImageFormatter();
+	return (
+		<NSCopy
+			value={props.id}
+		>
+			{
+				!state.tried &&
+				<div className={Styles.ns_loader}>
+				</div>
+			}
+			{
+				formatter.format({
+					text,
+					href: info.table.front_end.getViewLink(props.id + ""),
+					image: { url: info.product.logo, alt: info.product.logo }
+				})
+			}
+		</NSCopy>
+	);
+}

package/src/components/NSLoading.tsx

@@ -1,5 +1,5 @@
-import Styles from './NSLoading.module.css';
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import Styles from './NSLoading.module.css';
 
 export interface NSLoadingProps extends IBaseComponentProps
 {

package/src/formatter/BaseURLImageFormatter.tsx

@@ -12,7 +12,7 @@ export class BaseURLImageFormatter extends BaseColumnFormatter
         text: any,
         image: { url: string, alt: string },
         href: string
-    }, _: TableColumnInfo, __: TableRowInfo<any>, printable: boolean): any
+    }, _?: TableColumnInfo, __?: TableRowInfo<any>, printable?: boolean): any
     {
         if (!printable)
         {

package/src/formatter/IDFormatter.tsx

@@ -1,42 +1,28 @@
-import { BaseUUID } from "namirasoft-core";
+import { IStorage } from "namirasoft-core";
 import { BaseColumnFormatter } from "./BaseColumnFormatter";
-import { Globe } from "namirasoft-site-map";
 import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
-import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
-import { NSCopy } from "../main";
+import { NSID } from "../components/NSID";
+import { Globe } from "namirasoft-site-map";
 
 export class IDFormatter extends BaseColumnFormatter
 {
-    private formatter = new BaseURLImageFormatter();
+    private globe: Globe | null;
+    private storage: IStorage | null;
 
-    constructor(width: string = "224px") 
+    constructor(globe: Globe | null, storage: IStorage | null, width: string = "224px") 
     {
         super();
+        this.globe = globe;
+        this.storage = storage;
         this.onclick_overrided = true;
         this.width = width;
     }
-    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
+    override format(value: any, _: TableColumnInfo, __: TableRowInfo<any>, printable: boolean): any
     {
         try
         {
             if (!printable)
-                if (BaseUUID.isValid(value))
-                {
-                    let short = BaseUUID.getShort(value);
-                    let namirasoft = new Globe();
-                    let info = namirasoft.getByShortName(short);
-                    return (
-                        <NSCopy>
-                            {
-                                this.formatter.format({
-                                    text: value,
-                                    href: info.table.front_end.getViewLink(value + ""),
-                                    image: { url: info.product.logo, alt: info.product.logo }
-                                }, column, row, printable)
-                            }
-                        </NSCopy>
-                    );
-                }
+                return <NSID id={value} globe={this.globe} storage={this.storage}></NSID>;
         } catch (error)
         {
         }

package/src/main.ts

@@ -87,6 +87,9 @@ export * from "./components/NSFooter";
 // Header
 export * from "./components/NSHeader";
 
+// ID
+export * from "./components/NSID";
+
 // Label
 export * from "./components/NSLabel";
 export * from "./components/NSLabelErrorNotifier";
@@ -204,7 +207,12 @@ export * from "./Validator";
 export * from "./NSBoxBuilder";
 export * from "./CopyToClipboard";
 
-NSBaseMetaDatabase.getServerBaseURL = function (name: string): string
+function main()
 {
-    return `REACT_APP_BASE_URL_${name.toUpperCase()}`;
-}
+    NSBaseMetaDatabase.getServerBaseURL = function (name: string): string
+    {
+        return `REACT_APP_BASE_URL_${name.toUpperCase()}`;
+    }
+}
+
+main();