@dappworks/kit 0.4.68 → 0.4.69

package/dist/index.mjs

@@ -1,18 +1,16 @@
-export { BooleanState, NumberState, PromiseState, Store, StringState, ValueState } from './chunk-I5WU3NZO.mjs';
-import './chunk-N4XCPX4L.mjs';
-import { helper } from './chunk-CFVG66F4.mjs';
-export { helper } from './chunk-CFVG66F4.mjs';
-import { rootStore } from './chunk-SXQEYWUP.mjs';
-export { rootStore, useStore } from './chunk-SXQEYWUP.mjs';
+export { BooleanState, NumberState, PromiseState, Store, StringState, ValueState } from './chunk-PPYYRQDD.mjs';
+import './chunk-4YCP5CJ4.mjs';
+import { helper } from './chunk-66N3D7MI.mjs';
+export { helper } from './chunk-66N3D7MI.mjs';
+export { PaginationState } from './chunk-ONVPCAMQ.mjs';
+export { rootStore, useStore } from './chunk-DZMNL4BZ.mjs';
 import { RootStore } from './chunk-HRWHDF2F.mjs';
 export { RootStore } from './chunk-HRWHDF2F.mjs';
 import './chunk-MGU3KYGC.mjs';
 import './chunk-6F7H4PAA.mjs';
 import { observable, makeAutoObservable } from 'mobx';
 import BigNumber2 from 'bignumber.js';
-import EventEmitter from 'events';
-import axios from 'axios';
-import React, { useEffect } from 'react';
+import React from 'react';
 import { observer } from 'mobx-react-lite';
 import DataLoader from 'dataloader';
 import { Dexie } from 'dexie';
@@ -178,64 +176,12 @@ var BigNumberInputState = class {
     return this.value.isZero() && this.format == "";
   }
 };
-var UserStore = class _UserStore {
-  constructor() {
-    this.sid = "user";
-    this.id = "";
-    this.name = "";
-    this.email = "";
-    this.image = "";
-    this.token = "";
-    this.event = new EventEmitter();
-    makeAutoObservable(this);
-  }
-  signin() {
-    this.event.emit("user:signin", this);
-  }
-  logout() {
-    this.set({
-      token: "",
-      name: "",
-      email: "",
-      image: ""
-    });
-    this.event.emit("user:logout", this);
-  }
-  wait() {
-    return new Promise((res, rej) => {
-      if (this.id && this.token) {
-        res(this);
-      }
-      this.event.once("user:ready", (user) => {
-        res(this);
-      });
-    });
-  }
-  get isLogin() {
-    return !!this.token;
-  }
-  set(args) {
-    Object.assign(this, args);
-    this.event.emit("user:ready", this);
-  }
-  use() {
-    useEffect(() => {
-      const userStore = rootStore.get(_UserStore);
-      axios.get("/api/auth/session").then((res) => {
-        var _a;
-        if (!userStore.isLogin && ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.user)) {
-          this.set(res.data.user);
-        }
-      });
-    }, []);
-  }
-};
 var AppProvider = observer(({ children }) => {
   const rootStore2 = RootStore.init();
   return /* @__PURE__ */ React.createElement(React.Fragment, null, rootStore2.providers.map((store) => {
     const Component = store.provider;
     return /* @__PURE__ */ React.createElement(Component, { rootStore: rootStore2, key: store.sid });
-  }), children);
+  }), children && children);
 });
 var DexieStorage = class extends Dexie {
   constructor() {
@@ -249,15 +195,21 @@ var dexie = new DexieStorage();
 var DexieCache = class {
   constructor() {
     this.kv = dexie.kv;
-    this.kv_get = new DataLoader(async (ids) => {
-      const res = await this.kv.bulkGet(ids);
-      return res.map((i) => i == null ? void 0 : i.value);
-    }, { cache: false });
-    this.kv_set = new DataLoader(async (ids) => {
-      const now = /* @__PURE__ */ new Date();
-      await this.kv.bulkPut(ids.map((i) => ({ key: i.key, value: { value: i.value, expiration: now.setTime(now.getTime() + i.ttl) } })));
-      return ids;
-    }, { cache: false });
+    this.kv_get = new DataLoader(
+      async (ids) => {
+        const res = await this.kv.bulkGet(ids);
+        return res.map((i) => i == null ? void 0 : i.value);
+      },
+      { cache: false }
+    );
+    this.kv_set = new DataLoader(
+      async (ids) => {
+        const now = /* @__PURE__ */ new Date();
+        await this.kv.bulkPut(ids.map((i) => ({ key: i.key, value: { value: i.value, expiration: now.setTime(now.getTime() + i.ttl) } })));
+        return ids;
+      },
+      { cache: false }
+    );
     this.options = {
       ttl: 60 * 1e3,
       prefix: ""
@@ -316,6 +268,6 @@ var DexieCache = class {
 };
 var cache = new DexieCache();
 
-export { AppProvider, BigNumberInputState, BigNumberState, PromiseHook, UserStore, cache };
+export { AppProvider, BigNumberInputState, BigNumberState, PromiseHook, cache };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../store/standard/PromiseHook.ts","../store/standard/BigNumberState.ts","../store/standard/BigNumberInputState.ts","../store/user.ts","../module/AppProvider.tsx","../lib/dexie.ts"],"names":["makeAutoObservable","BigNumber","rootStore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA,SAA6B,kBAAkB;AAExC,IAAM,KAAN,MAAS;AAGhB;AAAA;AAHa,GAEJ,QAAQ,WAAW;AAarB,IAAM,cAAN,MAAkB;AAAA,EAEvB,OAAO,IAA4B,KAAuN;AACxP,QAAI;AACF,aAAO,OAAO,EAAE,MAAM,QAAQ,IAAI,SAAS,MAAM;AAC/C,YAAI;AAEJ,YAAI,CAAC,MAAM,CAAC,KAAK,SAAS,EAAE,GAAG;AAC7B,qBAAW,IAAI,IAAI,IAAI;AAEvB,mBAAS,UAAU,YAAY;AAC7B,kBAAM,QAAQ,OAAO,QAAQ,QAAQ,EAClC,OAAO,CAAC,MAAM;AACb,kBAAI,CAAC,KAAK,cAAc,SAAS,EAAE,CAAC,CAAC,CAAC;AAAG,uBAAO;AAChD,kBAAI,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC;AAAG,uBAAO;AACpC,kBAAI,YAAY,SAAS,EAAE,CAAC,CAAC;AAAG,uBAAO;AACvC,qBAAO;AAAA,YACT,CAAC,EAAE,IAAI,OAAK;AACV,oBAAM,OAAO,SAAS,EAAE,CAAC,CAAC;AAC1B,qBAAO;AAAA,YACT,CAAC;AAEH,kBAAM,QAAQ,IAAI,MAAM,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAAA,UAC9C;AACA,cAAI,IAAI;AAEN,iBAAK,SAAS,EAAE,IAAI;AAAA,UACtB;AAAA,QACF,OAAO;AACL,qBAAW,KAAK,SAAS,EAAG;AAAA,QAC9B;AAGA,cAAM,SAAS,QAAQ;AACvB,eAAO;AAAA,MACT;AAAA,IACF,SAAS,GAAG;AACV,YAAM;AAAA,IACR;AAAA,EACF;AAAA,EAGA,OAAO,cAAc,QAAQ;AAC3B,YAAO,iCAAQ,UAAS;AAAA,EAC1B;AAAA;AAAA,EAIA,OAAO,KAAoE,EAAE,MAAM,aAAa,GAAmE;AACjK,QAAI;AACJ,UAAM,OAAO,MAAM;AACjB,cAAQ,UAAU;AAClB,UAAI,CAAC,QAAQ,OAAO;AAClB,gBAAQ,QAAQ,KAAK,EAClB,KAAK,CAAC,MAAM;AACX,kBAAQ,QAAQ;AAChB,kBAAQ,UAAU;AAClB,kBAAQ,QAAQ;AAChB,iBAAO;AAAA,QACT,CAAC,EACA,MAAM,CAAC,MAAM;AACZ,kBAAQ,MAAM,GAAG,IAAI;AACrB,kBAAQ,QAAQ;AAChB,kBAAQ,QAAQ;AAChB,kBAAQ,UAAU;AAClB,gBAAM;AAAA,QACR,CAAC;AAAA,MACL;AAGA,aAAO,QAAQ;AAAA,IACjB;AACA,UAAM,MAAM,YAAY;AACtB,UAAI,CAAC,QAAQ,OAAO;AAElB,eAAO,KAAK;AAAA,MACd;AACA,aAAO,QAAQ;AAAA,IACjB;AAEA,QAAI,CAAC,SAAS;AACZ,gBAAU,WAAW;AAAA,QACnB,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,IAAI,QAAQ;AACV,iBAAO,QAAQ,QAAQ;AAAA,QACzB;AAAA,QACA,IAAI,MAAM,KAAK;AACb,kBAAQ,QAAQ,IAAI;AAAA,QACtB;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA,SAAS;AACP,iBAAO,QAAQ;AAAA,QACjB;AAAA,QACA,WAAW;AACT,iBAAO,QAAQ;AAAA,QACjB;AAAA,MACF,CAAC;AAAA,IACH;AAEA,WAAO;AAAA,EACT;AAEF;AA1Ga,YACJ,WAAW,WAAW,CAAC,CAAC;;;ACpBjC,OAAO,eAAe;AACtB,SAAS,sBAAAA,2BAA0B;AAG5B,IAAM,iBAAN,MAAqB;AAAA,EAM1B,YAAY,MAA+B;AAL3C,iBAAQ,IAAI,UAAU,CAAC;AACvB,mBAAU;AACV,oBAAW;AACX,iBAAQ;AAGN,WAAO,OAAO,MAAM,IAAI;AACxB,IAAAA,oBAAmB,MAAM;AAAA,MACvB,WAAW;AAAA,IACb,CAAC;AAAA,EACH;AAAA,EACA,IAAI,SAAS;AACX,QAAI,KAAK;AAAS,aAAO;AACzB,WAAO,KAAK,UAAU;AAAA,EACxB;AAAA,EAEA,UAAU,EAAE,WAAW,KAAK,UAAU,QAAQ,KAAK,MAAM,IAA2C,CAAC,GAAG;AACtG,QAAI,KAAK;AAAS,aAAO;AACzB,QAAI,KAAK;AAAW,aAAO,KAAK,UAAU,IAAI;AAC9C,WAAO,OAAO,OAAO,iBAAiB,IAAI,UAAU,KAAK,KAAK,EAAE,UAAU,MAAM,QAAQ,EAAE,QAAQ,GAAG;AAAA,MACnG,UAAU;AAAA,IACZ,CAAC;AAAA,EACH;AAAA,EAEA,YAAY,UAAkB;AAC5B,SAAK,WAAW;AAAA,EAClB;AAAA,EAEA,SAAS,OAAkB;AACzB,SAAK,QAAQ;AACb,SAAK,WAAW,KAAK;AAAA,EACvB;AAAA,EAEA,WAAW,KAAK;AACd,SAAK,UAAU;AAAA,EACjB;AACF;;;ACzCA,OAAOC,gBAAe;AACtB,SAAS,sBAAAD,2BAA0B;AAE5B,IAAM,sBAAN,MAA0B;AAAA,EAM/B,YAAY,MAAoC;AALhD,iBAAQ,IAAIC,WAAU,CAAC;AACvB,kBAAS;AACT,mBAAU;AACV,oBAAW;AAGT,WAAO,OAAO,MAAM,IAAI;AACxB,IAAAD,oBAAmB,IAAI;AAAA,EACzB;AAAA,EACA,IAAI,iBAA4B;AAC9B,WAAO,IAAIC,WAAU,KAAK,KAAK,EAAE,UAAU,MAAM,KAAK,QAAQ;AAAA,EAChE;AAAA,EACA,SAAS,OAAY;AACnB,SAAK,QAAQ,IAAIA,WAAU,KAAK;AAChC,SAAK,SAAS,OAAO,OAAO,iBAAiB,IAAIA,WAAU,KAAK,KAAK,EAAE,UAAU,MAAM,KAAK,QAAQ,EAAE,QAAQ,CAAC;AAC/G,SAAK,WAAW,KAAK;AAAA,EACvB;AAAA,EACA,UAAU,KAAU;AAClB,SAAK,SAAS;AACd,SAAK,SAAS,OAAO,OAAO,iBAAiB,KAAK,MAAM;AACxD,SAAK,QAAQ,IAAIA,WAAU,GAAG,EAAE,aAAa,MAAM,KAAK,QAAQ;AAAA,EAClE;AAAA,EACA,WAAW,KAAc;AACvB,SAAK,UAAU;AAAA,EACjB;AAAA,EACA,YAAY,KAAa;AACvB,SAAK,WAAW;AAAA,EAClB;AAAA,EACA,IAAI,SAAkB;AACpB,WAAO,KAAK,MAAM,OAAO,KAAK,KAAK,UAAU;AAAA,EAC/C;AACF;;;ACnCA,SAAS,sBAAAD,2BAA0B;AAEnC,OAAO,kBAAkB;AAGzB,OAAO,WAAW;AAClB,SAAS,iBAAiB;AAEnB,IAAM,YAAN,MAAM,WAAiC;AAAA,EA6C5C,cAAc;AA5Cd,eAAM;AACN,cAAa;AACb,gBAAgB;AAChB,iBAAiB;AACjB,iBAAiB;AACjB,iBAAgB;AAEhB,iBAAQ,IAAI,aAAa;AAsCvB,IAAAA,oBAAmB,IAAI;AAAA,EACzB;AAAA,EArCA,SAAS;AACP,SAAK,MAAM,KAAK,eAAe,IAAI;AAAA,EACrC;AAAA,EAEA,SAAS;AACP,SAAK,IAAI;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,IACT,CAAC;AACD,SAAK,MAAM,KAAK,eAAe,IAAI;AAAA,EACrC;AAAA,EAEA,OAAO;AACL,WAAO,IAAI,QAAmB,CAAC,KAAK,QAAQ;AAC1C,UAAI,KAAK,MAAM,KAAK,OAAO;AACzB,YAAI,IAAI;AAAA,MACV;AAEA,WAAK,MAAM,KAAK,cAAc,CAAC,SAAS;AACtC,YAAI,IAAI;AAAA,MACV,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAAA,EAEA,IAAI,UAAU;AACZ,WAAO,CAAC,CAAC,KAAK;AAAA,EAChB;AAAA,EAEA,IAAI,MAA0B;AAC5B,WAAO,OAAO,MAAM,IAAI;AACxB,SAAK,MAAM,KAAK,cAAc,IAAI;AAAA,EACpC;AAAA,EAMA,MAAM;AACJ,cAAU,MAAM;AACd,YAAM,YAAY,UAAU,IAAI,UAAS;AACzC,YAAM,IAAI,mBAAmB,EAAE,KAAK,CAAC,QAAQ;AA5DnD;AA8DQ,YAAI,CAAC,UAAU,aAAW,gCAAK,SAAL,mBAAW,OAAM;AACzC,eAAK,IAAI,IAAI,KAAK,IAAI;AAAA,QACxB;AAAA,MACF,CAAC;AAAA,IACH,GAAG,CAAC,CAAC;AAAA,EACP;AACF;;;ACpEA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAGlB,IAAM,cAAc,SAAS,CAAC,EAAE,SAAS,MAAyB;AACrE,QAAME,aAAY,UAAU,KAAK;AACjC,SAAO,0DACFA,WAAU,UAAU,IAAI,CAAC,UAAU;AAChC,UAAM,YAAiB,MAAM;AAC7B,WAAO,oCAAC,aAAU,WAAWA,YAAW,KAAK,MAAM,KAAK;AAAA,EAC5D,CAAC,GACA,QACL;AACJ,CAAC;;;ACbD,OAAO,gBAAgB;AACvB,SAAS,aAAyB;AAG3B,IAAM,eAAN,cAA2B,MAAM;AAAA,EAGtC,cAAc;AACZ,UAAM,OAAO;AACb,SAAK,QAAQ,CAAC,EAAE,OAAO;AAAA,MACrB,IAAI;AAAA,IACN,CAAC;AAAA,EACH;AACF;AACO,IAAM,QAAQ,IAAI,aAAa;AAE/B,IAAM,aAAN,MAAiB;AAAA,EAAjB;AACL,cAAK,MAAM;AACX,kBAAS,IAAI,WAAW,OAAO,QAAkB;AAC/C,YAAM,MAAM,MAAM,KAAK,GAAG,QAAQ,GAAG;AACrC,aAAO,IAAI,IAAI,OAAK,uBAAG,KAAK;AAAA,IAC9B,GAAG,EAAE,OAAO,MAAM,CAAC;AACnB,kBAAS,IAAI,WAAW,OAAO,QAAoD;AACjF,YAAM,MAAM,oBAAI,KAAK;AACrB,YAAM,KAAK,GAAG,QAAQ,IAAI,IAAI,QAAM,EAAE,KAAK,EAAE,KAAK,OAAO,EAAE,OAAO,EAAE,OAAO,YAAY,IAAI,QAAQ,IAAI,QAAQ,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC;AAC/H,aAAO;AAAA,IACT,GAAG,EAAE,OAAO,MAAM,CAAC;AACnB,mBAAU;AAAA,MACR,KAAK,KAAK;AAAA,MACV,QAAQ;AAAA,IACV;AAAA;AAAA,EAEA,MAAM,IAAI,MAAM;AACd,UAAM,MAAM,KAAK,QAAQ,SAAS;AAClC,YAAQ,KAAK,SAAS,GAAG;AACzB,UAAM,MAAM,MAAM,KAAK,OAAO,KAAK,GAAG;AACtC,YAAQ,QAAQ,SAAS,GAAG;AAC5B,UAAM,OAAO,2BAAK;AAClB,QAAI,CAAC;AAAM;AACX,WAAO,6BAAM;AAAA,EACf;AAAA,EAEA,MAAM,OAAO,MAAM;AACjB,UAAM,MAAM,KAAK,QAAQ,SAAS;AAClC,YAAQ,KAAK,SAAS,GAAG;AACzB,UAAM,MAAM,MAAM,KAAK,OAAO,KAAK,GAAG;AACtC,YAAQ,QAAQ,SAAS,GAAG;AAC5B,UAAM,OAAO,2BAAK;AAClB,QAAI,CAAC;AAAM;AACX,WAAO;AAAA,EACT;AAAA,EAEA,MAAM,IAAI,MAAM,OAAO,SAA4B;AACjD,UAAM,MAAM,KAAK,QAAQ,SAAS;AAClC,SAAK,OAAO,KAAK,EAAE,KAAK,OAAO,MAAK,mCAAS,QAAO,KAAK,QAAQ,IAAI,CAAC;AAEtE,WAAO;AAAA,EACT;AAAA,EAEA,MAAM,OAAO,KAAK;AAEhB;AAAA,EACF;AAAA,EAEA,MAAM,QAAQ;AAAA,EAAE;AAAA,EAEhB,MAAM,KAAoE,KAAK,IAAO,MAAmE;AACvJ,QAAI,OAAO,MAAM,KAAK,OAAO,KAAK,GAAG;AACrC,SAAI,6BAAM,eAAc,IAAI,KAAK,KAAK,UAAU,KAAK,oBAAI,KAAK,GAAG;AAG/D,UAAI,6BAAM,WAAW;AACnB,WAAG,EAAE,KAAK,CAAC,UAAU;AACnB,eAAK,OAAO,KAAK,EAAE,KAAK,OAAO,MAAK,6BAAM,QAAO,KAAK,QAAQ,IAAI,CAAC;AAAA,QACrE,CAAC,EAAE,MAAM,SAAO;AACd,kBAAQ,MAAM,GAAG;AAAA,QACnB,CAAC;AAAA,MACH,OAAO;AAEL,eAAO;AAAA,MACT;AAAA,IACF;AACA,QAAI,CAAC,MAAM;AAET,YAAM,QAAQ,MAAM,GAAG;AACvB,WAAK,OAAO,KAAK,EAAE,KAAK,OAAO,MAAK,6BAAM,QAAO,KAAK,QAAQ,IAAI,CAAC;AACnE,aAAO;AAAA,IACT;AACA,WAAO,KAAK;AAAA,EACd;AACF;AAEO,IAAM,QAAQ,IAAI,WAAW","sourcesContent":["\n\nimport { makeAutoObservable, observable } from 'mobx';\n\nexport class KV {\n  //@ts-ignore\n  static datas = observable();\n}\n\nexport abstract class ContractBase {\n  // chainId?: number;\n  // address?: string;\n\n}\n\nexport type ContractClass<T extends ContractBase> = new (args: Partial<T>) => T\n\nexport type PromiseHookData<T, U> = { value: Awaited<U>; get: T; call: T, loading: boolean }\n\nexport class PromiseHook {\n  static entities = observable([]);\n  static Get<T extends ContractBase>(cls: ContractClass<T>): (args: { args: Partial<T>; id?: string, select?: { [key in keyof Partial<T>]: boolean }, unselect?: { [key in keyof Partial<T>]: boolean } }) => Promise<T & { refresh: () => Promise<void> }> {\n    try {\n      return async ({ args, select, id, unselect }) => {\n        let instance: any\n        //@ts-ignore\n        if (!id || !this.entities[id]) {\n          instance = new cls(args);\n\n          instance.refresh = async () => {\n            const hooks = Object.entries(instance)\n              .filter((i) => {\n                if (!this.isPromiseHook(instance[i[0]])) return false\n                if (select && !select[i[0]]) return false\n                if (unselect && unselect[i[0]]) return false\n                return true\n              }).map(i => {\n                const hook = instance[i[0]]\n                return hook\n              })\n\n            await Promise.all(hooks.map((i) => i.call()));\n          }\n          if (id) {\n            //@ts-ignore\n            this.entities[id] = instance\n          }\n        } else {\n          instance = this.entities[id!]\n        }\n\n\n        await instance.refresh()\n        return instance;\n      };\n    } catch (e) {\n      throw e\n    }\n  }\n\n\n  static isPromiseHook(target) {\n    return target?._type == \"promiseHook\"\n  }\n\n\n  //ttl : ms\n  static wrap<T extends (...args: any[]) => Promise<any>, U = ReturnType<T>>({ func, defaultValue }: { func: T; defaultValue?: Awaited<U>; }): PromiseHookData<T, U> {\n    let context;\n    const call = () => {\n      context.loading = true;\n      if (!context._call) {\n        context._call = func()\n          .then((i) => {\n            context.value = i;\n            context.loading = false;\n            context._call = null\n            return i\n          })\n          .catch((i) => {\n            console.error(i, func);\n            context.value = defaultValue\n            context._call = null\n            context.loading = false;\n            throw i;\n          });\n      }\n\n\n      return context._call\n    };\n    const get = async () => {\n      if (!context.value) {\n\n        return call();\n      }\n      return context.value;\n    };\n\n    if (!context) {\n      context = observable({\n        _type: 'promiseHook',\n        _value: defaultValue,\n        get value() {\n          return context['_value'];\n        },\n        set value(val) {\n          context['_value'] = val;\n        },\n        get,\n        loading: false,\n        call,\n        defaultValue,\n        toJSON() {\n          return context.value\n        },\n        toString() {\n          return context.value\n        },\n      });\n    }\n\n    return context;\n  }\n\n}\n","import BigNumber from \"bignumber.js\";\nimport { makeAutoObservable } from \"mobx\";\nimport { helper } from \"../../lib/helper\";\n\nexport class BigNumberState {\n  value = new BigNumber(0);\n  loading = false;\n  decimals = 18;\n  fixed = 6;\n  formatter?: Function;\n  constructor(args: Partial<BigNumberState>) {\n    Object.assign(this, args);\n    makeAutoObservable(this, {\n      getFormat: false,\n    });\n  }\n  get format() {\n    if (this.loading) return \"...\";\n    return this.getFormat();\n  }\n\n  getFormat({ decimals = this.decimals, fixed = this.fixed }: { decimals?: number; fixed?: number } = {}) {\n    if (this.loading) return \"...\";\n    if (this.formatter) return this.formatter(this);\n    return helper.number.toPrecisionFloor(new BigNumber(this.value).dividedBy(10 ** decimals).toFixed(), {\n      decimals: fixed,\n    });\n  }\n\n  setDecimals(decimals: number) {\n    this.decimals = decimals;\n  }\n\n  setValue(value: BigNumber) {\n    this.value = value;\n    this.setLoading(false);\n  }\n\n  setLoading(val) {\n    this.loading = val;\n  }\n}\n","import BigNumber from 'bignumber.js';\nimport { makeAutoObservable } from 'mobx';\nimport { helper } from '../../lib/helper';\nexport class BigNumberInputState {\n  value = new BigNumber(0);\n  format = '';\n  loading = false;\n  decimals = 18;\n  formatter?: Function;\n  constructor(args: Partial<BigNumberInputState>) {\n    Object.assign(this, args);\n    makeAutoObservable(this);\n  }\n  get noDecimasValue(): BigNumber {\n    return new BigNumber(this.value).dividedBy(10 ** this.decimals);\n  }\n  setValue(value: any) {\n    this.value = new BigNumber(value);\n    this.format = helper.number.toPrecisionFloor(new BigNumber(this.value).dividedBy(10 ** this.decimals).toFixed());\n    this.setLoading(false);\n  }\n  setFormat(val: any) {\n    this.format = val;\n    this.format = helper.number.toPrecisionFloor(this.format);\n    this.value = new BigNumber(val).multipliedBy(10 ** this.decimals);\n  }\n  setLoading(val: boolean) {\n    this.loading = val;\n  }\n  setDecimals(val: number) {\n    this.decimals = val;\n  }\n  get isZero(): boolean {\n    return this.value.isZero() && this.format == '';\n  }\n}\n","import { makeAutoObservable } from \"mobx\";\nimport { type User } from \"next-auth\";\nimport EventEmitter from \"events\";\nimport { type Store } from \"./standard/base\";\nimport { rootStore } from \".\";\nimport axios from \"axios\";\nimport { useEffect } from \"react\";\n\nexport class UserStore implements User, Store {\n  sid = \"user\";\n  id: string = \"\";\n  name?: string = \"\";\n  email?: string = \"\";\n  image?: string = \"\";\n  token: string = \"\";\n\n  event = new EventEmitter();\n\n  signin() {\n    this.event.emit(\"user:signin\", this);\n  }\n\n  logout() {\n    this.set({\n      token: \"\",\n      name: \"\",\n      email: \"\",\n      image: \"\",\n    });\n    this.event.emit(\"user:logout\", this);\n  }\n\n  wait() {\n    return new Promise<UserStore>((res, rej) => {\n      if (this.id && this.token) {\n        res(this);\n      }\n\n      this.event.once(\"user:ready\", (user) => {\n        res(this);\n      });\n    });\n  }\n\n  get isLogin() {\n    return !!this.token;\n  }\n\n  set(args: Partial<UserStore>) {\n    Object.assign(this, args);\n    this.event.emit(\"user:ready\", this);\n  }\n\n  constructor() {\n    makeAutoObservable(this);\n  }\n\n  use() {\n    useEffect(() => {\n      const userStore = rootStore.get(UserStore);\n      axios.get(\"/api/auth/session\").then((res) => {\n        // console.log(res.data.user,'res')\n        if (!userStore.isLogin && res?.data?.user) {\n          this.set(res.data.user);\n        }\n      });\n    }, []);\n  }\n}\n","import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { RootStore } from \"../store/root\";\n\nexport const AppProvider = observer(({ children }: { children: any }) => {\n    const rootStore = RootStore.init()\n    return <>\n        {rootStore.providers.map((store) => {\n            const Component: any = store.provider;\n            return <Component rootStore={rootStore} key={store.sid} />;\n        })}\n        {children}\n    </>\n})","import DataLoader from 'dataloader'\nimport { Dexie, type Table } from 'dexie'\n\n\nexport class DexieStorage extends Dexie {\n  kv: Table<{ key: string, value: { value: any, expiration: number } }>\n\n  constructor() {\n    super(\"cache\")\n    this.version(1).stores({\n      kv: 'key, value'\n    })\n  }\n}\nexport const dexie = new DexieStorage()\n\nexport class DexieCache {\n  kv = dexie.kv\n  kv_get = new DataLoader(async (ids: string[]) => {\n    const res = await this.kv.bulkGet(ids)\n    return res.map(i => i?.value)\n  }, { cache: false })\n  kv_set = new DataLoader(async (ids: { key: string, value: any, ttl: number }[]) => {\n    const now = new Date()\n    await this.kv.bulkPut(ids.map(i => ({ key: i.key, value: { value: i.value, expiration: now.setTime(now.getTime() + i.ttl) } })))\n    return ids\n  }, { cache: false })\n  options = {\n    ttl: 60 * 1000,\n    prefix: ''\n  }\n\n  async get(_key) {\n    const key = this.options.prefix + _key;\n    console.time('get ' + key);\n    const res = await this.kv_get.load(key);\n    console.timeEnd('get ' + key);\n    const data = res?.value\n    if (!data) return;\n    return data?.value;\n  }\n\n  async getRaw(_key) {\n    const key = this.options.prefix + _key;\n    console.time('get ' + key);\n    const res = await this.kv_get.load(key);\n    console.timeEnd('get ' + key);\n    const data = res?.value\n    if (!data) return;\n    return data;\n  }\n\n  async set(_key, value, options?: { ttl?: number }) {\n    const key = this.options.prefix + _key;\n    this.kv_set.load({ key, value, ttl: options?.ttl || this.options.ttl });\n\n    return this;\n  }\n\n  async delete(key) {\n    // return this.dataloader.load(['del', key]);\n    return\n  }\n\n  async clear() { }\n\n  async wrap<T extends (...args: any[]) => Promise<any>, U = ReturnType<T>>(key, fn: T, args?: { ttl?: number, alowStale?: boolean }): Promise<Awaited<U>> {\n    let data = await this.kv_get.load(key)\n    if (data?.expiration && new Date(data.expiration) <= new Date()) {\n      // console.log(\"cache expired\", key)\n\n      if (args?.alowStale) {\n        fn().then((value) => {\n          this.kv_set.load({ key, value, ttl: args?.ttl || this.options.ttl })\n        }).catch(err => {\n          console.error(err)\n        })\n      } else {\n        //@ts-ignore\n        data = null;\n      }\n    }\n    if (!data) {\n      // console.log(\"miss cache\", key)\n      const value = await fn();\n      this.kv_set.load({ key, value, ttl: args?.ttl || this.options.ttl });\n      return value;\n    }\n    return data.value;\n  }\n}\n\nexport const cache = new DexieCache()\n\n"]}
+{"version":3,"sources":["../store/standard/PromiseHook.ts","../store/standard/BigNumberState.ts","../store/standard/BigNumberInputState.ts","../module/AppProvider.tsx","../lib/dexie.ts"],"names":["makeAutoObservable","BigNumber","rootStore"],"mappings":"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","sourcesContent":["\n\nimport { makeAutoObservable, observable } from 'mobx';\n\nexport class KV {\n  //@ts-ignore\n  static datas = observable();\n}\n\nexport abstract class ContractBase {\n  // chainId?: number;\n  // address?: string;\n\n}\n\nexport type ContractClass<T extends ContractBase> = new (args: Partial<T>) => T\n\nexport type PromiseHookData<T, U> = { value: Awaited<U>; get: T; call: T, loading: boolean }\n\nexport class PromiseHook {\n  static entities = observable([]);\n  static Get<T extends ContractBase>(cls: ContractClass<T>): (args: { args: Partial<T>; id?: string, select?: { [key in keyof Partial<T>]: boolean }, unselect?: { [key in keyof Partial<T>]: boolean } }) => Promise<T & { refresh: () => Promise<void> }> {\n    try {\n      return async ({ args, select, id, unselect }) => {\n        let instance: any\n        //@ts-ignore\n        if (!id || !this.entities[id]) {\n          instance = new cls(args);\n\n          instance.refresh = async () => {\n            const hooks = Object.entries(instance)\n              .filter((i) => {\n                if (!this.isPromiseHook(instance[i[0]])) return false\n                if (select && !select[i[0]]) return false\n                if (unselect && unselect[i[0]]) return false\n                return true\n              }).map(i => {\n                const hook = instance[i[0]]\n                return hook\n              })\n\n            await Promise.all(hooks.map((i) => i.call()));\n          }\n          if (id) {\n            //@ts-ignore\n            this.entities[id] = instance\n          }\n        } else {\n          instance = this.entities[id!]\n        }\n\n\n        await instance.refresh()\n        return instance;\n      };\n    } catch (e) {\n      throw e\n    }\n  }\n\n\n  static isPromiseHook(target) {\n    return target?._type == \"promiseHook\"\n  }\n\n\n  //ttl : ms\n  static wrap<T extends (...args: any[]) => Promise<any>, U = ReturnType<T>>({ func, defaultValue }: { func: T; defaultValue?: Awaited<U>; }): PromiseHookData<T, U> {\n    let context;\n    const call = () => {\n      context.loading = true;\n      if (!context._call) {\n        context._call = func()\n          .then((i) => {\n            context.value = i;\n            context.loading = false;\n            context._call = null\n            return i\n          })\n          .catch((i) => {\n            console.error(i, func);\n            context.value = defaultValue\n            context._call = null\n            context.loading = false;\n            throw i;\n          });\n      }\n\n\n      return context._call\n    };\n    const get = async () => {\n      if (!context.value) {\n\n        return call();\n      }\n      return context.value;\n    };\n\n    if (!context) {\n      context = observable({\n        _type: 'promiseHook',\n        _value: defaultValue,\n        get value() {\n          return context['_value'];\n        },\n        set value(val) {\n          context['_value'] = val;\n        },\n        get,\n        loading: false,\n        call,\n        defaultValue,\n        toJSON() {\n          return context.value\n        },\n        toString() {\n          return context.value\n        },\n      });\n    }\n\n    return context;\n  }\n\n}\n","import BigNumber from \"bignumber.js\";\nimport { makeAutoObservable } from \"mobx\";\nimport { helper } from \"../../lib/helper\";\n\nexport class BigNumberState {\n  value = new BigNumber(0);\n  loading = false;\n  decimals = 18;\n  fixed = 6;\n  formatter?: Function;\n  constructor(args: Partial<BigNumberState>) {\n    Object.assign(this, args);\n    makeAutoObservable(this, {\n      getFormat: false,\n    });\n  }\n  get format() {\n    if (this.loading) return \"...\";\n    return this.getFormat();\n  }\n\n  getFormat({ decimals = this.decimals, fixed = this.fixed }: { decimals?: number; fixed?: number } = {}) {\n    if (this.loading) return \"...\";\n    if (this.formatter) return this.formatter(this);\n    return helper.number.toPrecisionFloor(new BigNumber(this.value).dividedBy(10 ** decimals).toFixed(), {\n      decimals: fixed,\n    });\n  }\n\n  setDecimals(decimals: number) {\n    this.decimals = decimals;\n  }\n\n  setValue(value: BigNumber) {\n    this.value = value;\n    this.setLoading(false);\n  }\n\n  setLoading(val) {\n    this.loading = val;\n  }\n}\n","import BigNumber from 'bignumber.js';\nimport { makeAutoObservable } from 'mobx';\nimport { helper } from '../../lib/helper';\nexport class BigNumberInputState {\n  value = new BigNumber(0);\n  format = '';\n  loading = false;\n  decimals = 18;\n  formatter?: Function;\n  constructor(args: Partial<BigNumberInputState>) {\n    Object.assign(this, args);\n    makeAutoObservable(this);\n  }\n  get noDecimasValue(): BigNumber {\n    return new BigNumber(this.value).dividedBy(10 ** this.decimals);\n  }\n  setValue(value: any) {\n    this.value = new BigNumber(value);\n    this.format = helper.number.toPrecisionFloor(new BigNumber(this.value).dividedBy(10 ** this.decimals).toFixed());\n    this.setLoading(false);\n  }\n  setFormat(val: any) {\n    this.format = val;\n    this.format = helper.number.toPrecisionFloor(this.format);\n    this.value = new BigNumber(val).multipliedBy(10 ** this.decimals);\n  }\n  setLoading(val: boolean) {\n    this.loading = val;\n  }\n  setDecimals(val: number) {\n    this.decimals = val;\n  }\n  get isZero(): boolean {\n    return this.value.isZero() && this.format == '';\n  }\n}\n","import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { RootStore } from \"../store/root\";\n\nexport const AppProvider = observer(({ children }: { children?: React.ReactNode }) => {\n  const rootStore = RootStore.init()\n  return (\n    <>\n      {rootStore.providers.map((store) => {\n        const Component: any = store.provider;\n        return <Component rootStore={rootStore} key={store.sid} />;\n      })}\n      {children && children}\n    </>\n  )\n})","import DataLoader from \"dataloader\";\nimport { Dexie, type Table } from \"dexie\";\n\nexport class DexieStorage extends Dexie {\n  kv: Table<{ key: string; value: { value: any; expiration: number } }>;\n\n  constructor() {\n    super(\"cache\");\n    this.version(1).stores({\n      kv: \"key, value\",\n    });\n  }\n}\nexport const dexie = new DexieStorage();\n\nexport class DexieCache {\n  kv = dexie.kv;\n  kv_get = new DataLoader(\n    async (ids: string[]) => {\n      const res = await this.kv.bulkGet(ids);\n      return res.map((i) => i?.value);\n    },\n    { cache: false },\n  );\n  kv_set = new DataLoader(\n    async (ids: { key: string; value: any; ttl: number }[]) => {\n      const now = new Date();\n      await this.kv.bulkPut(ids.map((i) => ({ key: i.key, value: { value: i.value, expiration: now.setTime(now.getTime() + i.ttl) } })));\n      return ids;\n    },\n    { cache: false },\n  );\n  options = {\n    ttl: 60 * 1000,\n    prefix: \"\",\n  };\n\n  async get(_key) {\n    const key = this.options.prefix + _key;\n    console.time(\"get \" + key);\n    const res = await this.kv_get.load(key);\n    console.timeEnd(\"get \" + key);\n    const data = res?.value;\n    if (!data) return;\n    return data?.value;\n  }\n\n  async getRaw(_key) {\n    const key = this.options.prefix + _key;\n    console.time(\"get \" + key);\n    const res = await this.kv_get.load(key);\n    console.timeEnd(\"get \" + key);\n    const data = res?.value;\n    if (!data) return;\n    return data;\n  }\n\n  async set(_key, value, options?: { ttl?: number }) {\n    const key = this.options.prefix + _key;\n    this.kv_set.load({ key, value, ttl: options?.ttl || this.options.ttl });\n\n    return this;\n  }\n\n  async delete(key) {\n    // return this.dataloader.load(['del', key]);\n    return;\n  }\n\n  async clear() {}\n\n  async wrap<T extends (...args: any[]) => Promise<any>, U = ReturnType<T>>(key, fn: T, args?: { ttl?: number; alowStale?: boolean }): Promise<Awaited<U>> {\n    let data = await this.kv_get.load(key);\n    if (data?.expiration && new Date(data.expiration) <= new Date()) {\n      // console.log(\"cache expired\", key)\n\n      if (args?.alowStale) {\n        fn()\n          .then((value) => {\n            this.kv_set.load({ key, value, ttl: args?.ttl || this.options.ttl });\n          })\n          .catch((err) => {\n            console.error(err);\n          });\n      } else {\n        //@ts-ignore\n        data = null;\n      }\n    }\n    if (!data) {\n      // console.log(\"miss cache\", key)\n      const value = await fn();\n      this.kv_set.load({ key, value, ttl: args?.ttl || this.options.ttl });\n      return value;\n    }\n    return data.value;\n  }\n}\n\nexport const cache = new DexieCache();\n"]}

package/dist/jsontable.mjs

@@ -1,7 +1,7 @@
-export { JSONTable } from './chunk-VB62FUWK.mjs';
+export { JSONTable } from './chunk-YOCDMBRI.mjs';
 import './chunk-ONVPCAMQ.mjs';
-import './chunk-WAYJJYKN.mjs';
-import './chunk-SXQEYWUP.mjs';
+import './chunk-OZ3JSH5J.mjs';
+import './chunk-DZMNL4BZ.mjs';
 import './chunk-HRWHDF2F.mjs';
 import './chunk-U7JFOBSQ.mjs';
 import './chunk-MGU3KYGC.mjs';

package/dist/metrics.mjs

@@ -1,18 +1,19 @@
-import { JSONTable_default } from './chunk-VB62FUWK.mjs';
+import { SkeletonBox } from './chunk-Y23EH2XR.mjs';
+import { JSONTable_default } from './chunk-YOCDMBRI.mjs';
 import './chunk-ONVPCAMQ.mjs';
-import './chunk-WAYJJYKN.mjs';
-import './chunk-SXQEYWUP.mjs';
+import './chunk-OZ3JSH5J.mjs';
+import './chunk-DZMNL4BZ.mjs';
 import './chunk-HRWHDF2F.mjs';
 import './chunk-U7JFOBSQ.mjs';
 import './chunk-MGU3KYGC.mjs';
 import { cn } from './chunk-6UHBBDKI.mjs';
 import { __spreadValues } from './chunk-6F7H4PAA.mjs';
-import React9 from 'react';
+import React8 from 'react';
 import { Grid, Col, BarChart, LineChart, AreaChart, DonutChart, Text } from '@tremor/react';
-import { Card, Skeleton } from '@nextui-org/react';
+import { Card } from '@nextui-org/react';
 
 var ChartBox = ({ title, description, error, children, className, headerClassName, contentClassName }) => {
-  return /* @__PURE__ */ React9.createElement(Card, { className: cn("dark:border-gray-800 shadow-sm border", className) }, (title || description) && /* @__PURE__ */ React9.createElement("div", { className: cn("p-4 h-[60px]", headerClassName) }, title && /* @__PURE__ */ React9.createElement("div", null, title), description && /* @__PURE__ */ React9.createElement("div", { className: "text-xs" }, description)), /* @__PURE__ */ React9.createElement("div", { className: cn("px-2 pb-5", contentClassName) }, error ? /* @__PURE__ */ React9.createElement("div", { className: "text-red-600" }, error) : children));
+  return /* @__PURE__ */ React8.createElement(Card, { className: cn("dark:border-gray-800 shadow-sm border", className) }, (title || description) && /* @__PURE__ */ React8.createElement("div", { className: cn("p-4 h-[60px]", headerClassName) }, title && /* @__PURE__ */ React8.createElement("div", null, title), description && /* @__PURE__ */ React8.createElement("div", { className: "text-xs" }, description)), /* @__PURE__ */ React8.createElement("div", { className: cn("px-2 pb-5", contentClassName) }, error ? /* @__PURE__ */ React8.createElement("div", { className: "text-red-600" }, error) : children));
 };
 
 // components/JSONMetricsView/BarChartCard/index.tsx
@@ -28,7 +29,7 @@ var BarChartCard = (props) => {
     chartClassName,
     showAnimation = true
   } = props;
-  return /* @__PURE__ */ React9.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React8.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React8.createElement(
     BarChart,
     {
       className: cn("h-72 mt-4", chartClassName),
@@ -63,7 +64,7 @@ var LineChartCard = (props) => {
     autoMinValue = true,
     valueFormatter = (number) => `${number}`
   } = props;
-  return /* @__PURE__ */ React9.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React8.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React8.createElement(
     LineChart,
     {
       className: cn("h-72 mt-4", chartClassName),
@@ -104,7 +105,7 @@ var AreaChartCard = (props) => {
     valueFormatter = (number) => `${number}`,
     customTooltip
   } = props;
-  return /* @__PURE__ */ React9.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React8.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React8.createElement(
     AreaChart,
     {
       className: cn("h-72 mt-4", chartClassName),
@@ -130,7 +131,7 @@ var AreaChartCard = (props) => {
 var DonutChartCard = (props) => {
   const { data = [], categories = ["value"], index = "name", valueFormatter = (number) => `${number}`, showLabel = true, variant = "donut", chartClassName, showAnimation = true } = props;
   const category = categories[0];
-  return /* @__PURE__ */ React9.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React8.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React8.createElement(
     DonutChart,
     {
       className: cn("h-72 mt-4", chartClassName),
@@ -148,10 +149,10 @@ var DonutChartCard = (props) => {
 var CountCard = (props) => {
   var _a;
   if (!((_a = props.data) == null ? void 0 : _a.length)) {
-    return /* @__PURE__ */ React9.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React9.createElement("div", { className: cn("mt-2 ml-2 text-2xl overflow-auto", props.chartClassName) }, /* @__PURE__ */ React9.createElement("span", { className: "text-gray-400" }, "No data")));
+    return /* @__PURE__ */ React8.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React8.createElement("div", { className: cn("mt-2 ml-2 text-2xl overflow-auto", props.chartClassName) }, /* @__PURE__ */ React8.createElement("span", { className: "text-gray-400" }, "No data")));
   }
   if (!props.summedColumnIndex) {
-    return /* @__PURE__ */ React9.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React9.createElement("div", { className: cn("mt-2 ml-2 text-2xl overflow-auto", props.chartClassName) }, /* @__PURE__ */ React9.createElement("span", { className: "text-gray-400 text-sm" }, "set ", /* @__PURE__ */ React9.createElement("span", { className: "font-bold" }, "summedColumnIndex"), " to sum up values")));
+    return /* @__PURE__ */ React8.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React8.createElement("div", { className: cn("mt-2 ml-2 text-2xl overflow-auto", props.chartClassName) }, /* @__PURE__ */ React8.createElement("span", { className: "text-gray-400 text-sm" }, "set ", /* @__PURE__ */ React8.createElement("span", { className: "font-bold" }, "summedColumnIndex"), " to sum up values")));
   }
   const sum = props.data.reduce((acc, cur) => {
     const v = cur[props.summedColumnIndex];
@@ -161,37 +162,19 @@ var CountCard = (props) => {
       return acc;
     }
   }, 0);
-  return /* @__PURE__ */ React9.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React9.createElement("div", { className: cn("mt-2 ml-2 font-bold text-2xl overflow-auto", props.chartClassName) }, sum));
+  return /* @__PURE__ */ React8.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React8.createElement("div", { className: cn("mt-2 ml-2 font-bold text-2xl overflow-auto", props.chartClassName) }, sum));
 };
 var TableCard = (props) => {
   const { data = [], columnOptions = {}, chartClassName } = props;
-  return /* @__PURE__ */ React9.createElement(ChartBox, __spreadValues({}, props), (data == null ? void 0 : data.length) > 0 ? /* @__PURE__ */ React9.createElement(JSONTable_default, { dataSource: data, columnOptions, className: cn("h-[256px]", chartClassName) }) : /* @__PURE__ */ React9.createElement("div", { className: cn("h-[256px] flex justify-center items-center text-gray-400", chartClassName) }, "No data"));
+  return /* @__PURE__ */ React8.createElement(ChartBox, __spreadValues({}, props), (data == null ? void 0 : data.length) > 0 ? /* @__PURE__ */ React8.createElement(JSONTable_default, { dataSource: data, columnOptions, className: cn("h-[256px]", chartClassName) }) : /* @__PURE__ */ React8.createElement("div", { className: cn("h-[256px] flex justify-center items-center text-gray-400", chartClassName) }, "No data"));
 };
-var SkeletonBox = ({ line, skClassName, className }) => {
-  const lineCamp = [...new Array(line || 1).keys()];
-  return /* @__PURE__ */ React9.createElement("div", { className: cn("flex items-center gap-4", className) }, lineCamp.map((_, index) => {
-    return /* @__PURE__ */ React9.createElement(
-      Skeleton,
-      {
-        key: index,
-        classNames: {
-          base: "transition-background !duration-700 before:transition-opacity before:!duration-700",
-          content: "transition-opacity motion-reduce:transition-none !duration-700"
-        },
-        className: cn("w-full h-10", skClassName)
-      }
-    );
-  }));
-};
-
-// components/JSONMetricsView/KPICard/index.tsx
 var KPICard = (props) => {
   const { metricTitle, metric, chartType = "area", data = [], categories = ["value"], index = "date", valueFormatter = (number) => `${number}`, curveType = "linear", loading, chartClassName } = props;
   if (loading) {
-    return /* @__PURE__ */ React9.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React9.createElement("div", { className: "mt-4 space-x-6 px-2 flex items-center" }, /* @__PURE__ */ React9.createElement("div", { className: "w-auto" }, /* @__PURE__ */ React9.createElement(Text, { className: "whitespace-nowrap" }, "Loading..."), /* @__PURE__ */ React9.createElement("div", { className: "font-bold text-3xl" }, "-")), /* @__PURE__ */ React9.createElement(SkeletonBox, { className: "flex-col w-full", skClassName: "h-[100px] overflow-hidden", line: 1 })));
+    return /* @__PURE__ */ React8.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React8.createElement("div", { className: "mt-4 space-x-6 px-2 flex items-center" }, /* @__PURE__ */ React8.createElement("div", { className: "w-auto" }, /* @__PURE__ */ React8.createElement(Text, { className: "whitespace-nowrap" }, "Loading..."), /* @__PURE__ */ React8.createElement("div", { className: "font-bold text-3xl" }, "-")), /* @__PURE__ */ React8.createElement(SkeletonBox, { className: "flex-col w-full", skClassName: "h-[100px] overflow-hidden", line: 1 })));
   }
   const ChartComp = chartType === "area" ? AreaChart : LineChart;
-  return /* @__PURE__ */ React9.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React9.createElement("div", { className: "mt-4 space-x-6 px-2 flex items-center" }, /* @__PURE__ */ React9.createElement("div", { className: "w-auto" }, /* @__PURE__ */ React9.createElement(Text, { className: "whitespace-nowrap" }, metricTitle), /* @__PURE__ */ React9.createElement("div", { className: "font-bold text-3xl" }, metric != null ? metric : "-")), /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React8.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React8.createElement("div", { className: "mt-4 space-x-6 px-2 flex items-center" }, /* @__PURE__ */ React8.createElement("div", { className: "w-auto" }, /* @__PURE__ */ React8.createElement(Text, { className: "whitespace-nowrap" }, metricTitle), /* @__PURE__ */ React8.createElement("div", { className: "font-bold text-3xl" }, metric != null ? metric : "-")), /* @__PURE__ */ React8.createElement(
     ChartComp,
     {
       className: cn("h-[100px] overflow-hidden", chartClassName),
@@ -223,15 +206,15 @@ var components = {
   KPICard
 };
 var JSONMetricsView = ({ data }) => {
-  return /* @__PURE__ */ React9.createElement(Grid, { numItems: 1, numItemsSm: 1, numItemsLg: 2, numItemsMd: 2, className: "gap-2" }, data.map((item, index) => {
+  return /* @__PURE__ */ React8.createElement(Grid, { numItems: 1, numItemsSm: 1, numItemsLg: 2, numItemsMd: 2, className: "gap-2" }, data.map((item, index) => {
     var _a;
     const Component = components[item.type];
-    return /* @__PURE__ */ React9.createElement(Col, { key: index, numColSpanSm: 1, numColSpanMd: (_a = item.numColSpanMd) != null ? _a : 1 }, /* @__PURE__ */ React9.createElement(Component, __spreadValues({}, item)));
+    return /* @__PURE__ */ React8.createElement(Col, { key: index, numColSpanSm: 1, numColSpanMd: (_a = item.numColSpanMd) != null ? _a : 1 }, /* @__PURE__ */ React8.createElement(Component, __spreadValues({}, item)));
   }));
 };
 var MetricsView = ({ data }) => {
   const Comp = components[data.type];
-  return /* @__PURE__ */ React9.createElement(Comp, __spreadValues({}, data));
+  return /* @__PURE__ */ React8.createElement(Comp, __spreadValues({}, data));
 };
 
 export { JSONMetricsView, MetricsView };

package/dist/metrics.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../components/JSONMetricsView/index.tsx","../components/JSONMetricsView/BarChartCard/index.tsx","../components/JSONMetricsView/ChartBox/index.tsx","../components/JSONMetricsView/LineChartCard/index.tsx","../components/JSONMetricsView/AreaChartCard/index.tsx","../components/JSONMetricsView/DonutChartCard/index.tsx","../components/JSONMetricsView/CountCard/index.tsx","../components/JSONMetricsView/TableCard/index.tsx","../components/JSONMetricsView/KPICard/index.tsx","../components/Common/SkeletonBox/index.tsx"],"names":["React","AreaChart","LineChart"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Col, Grid } from '@tremor/react';\nimport { BarChartCard } from './BarChartCard';\nimport { LineChartCard } from './LineChartCard';\nimport { AreaChartCard } from './AreaChartCard';\nimport { DonutChartCard } from './DonutChartCard';\nimport { CountCard } from './CountCard';\nimport { TableCard } from './TableCard';\nimport { KPICard } from './KPICard';\n\nexport type JSONMetricsViewType = AreaChartCard | LineChartCard | BarChartCard | DonutChartCard | CountCard | TableCard | KPICard;\n\nconst components = {\n  AreaChartCard,\n  LineChartCard,\n  BarChartCard,\n  DonutChartCard,\n  CountCard,\n  TableCard,\n  KPICard,\n};\n\nconst JSONMetricsView = ({ data }: { data: JSONMetricsViewType[] }) => {\n  return (\n    <Grid numItems={1} numItemsSm={1} numItemsLg={2} numItemsMd={2} className=\"gap-2\">\n      {data.map((item, index) => {\n        const Component = components[item.type];\n        return (\n          <Col key={index} numColSpanSm={1} numColSpanMd={item.numColSpanMd ?? 1}>\n            {/* @ts-ignore */}\n            <Component {...item} />\n          </Col>\n        );\n      })}\n    </Grid>\n  );\n};\n\nexport const MetricsView = ({ data }: { data: JSONMetricsViewType }) => {\n  const Comp = components[data.type];\n  // @ts-ignore\n  return <Comp {...data} />;\n};\n\nexport { JSONMetricsView };\n","import React from 'react';\nimport { BarChart, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\nimport { cn } from '../../../lib/utils';\n\nexport type BarChartCard = ChartBox & {\n  type?: 'BarChartCard';\n  categories?: string[];\n  index?: string;\n  valueFormatter?: ValueFormatter;\n  showLegend?: boolean;\n  showGridLines?: boolean;\n  stack?: boolean;\n  showAnimation?: boolean;\n};\n\nexport const BarChartCard = (props: BarChartCard) => {\n  const {\n    data = [],\n    categories = ['value'],\n    index = 'date',\n    valueFormatter = (number) => `${number}`,\n    showLegend = false,\n    showGridLines = false,\n    stack = false,\n    chartClassName,\n    showAnimation = true,\n  } = props;\n\n  return (\n    <ChartBox {...props}>\n      <BarChart\n        className={cn('h-72 mt-4', chartClassName)}\n        data={data}\n        index={index}\n        categories={categories}\n        colors={['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue']}\n        valueFormatter={valueFormatter}\n        yAxisWidth={48}\n        showLegend={showLegend}\n        showGridLines={showGridLines}\n        stack={stack}\n        showAnimation={showAnimation}\n      />\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { cn } from '../../../lib/utils';\nimport { Card } from '@nextui-org/react';\n\nexport interface ChartBox {\n  title?: React.ReactNode;\n  description?: string;\n  error?: string;\n  data?: {\n    [key: string]: any;\n  }[];\n  children?: React.ReactNode;\n  gridH?: number; // grid units, not pixels\n  numColSpanMd?: number;\n  className?: string;\n  headerClassName?: string;\n  contentClassName?: string;\n  chartClassName?: string;\n}\n\nexport const ChartBox = ({ title, description, error, children, className, headerClassName, contentClassName }: ChartBox) => {\n  return (\n    <Card className={cn('dark:border-gray-800 shadow-sm border', className)}>\n      {(title || description) && (\n        <div className={cn('p-4 h-[60px]', headerClassName)}>\n          {title && <div>{title}</div>}\n          {description && <div className=\"text-xs\">{description}</div>}\n        </div>\n      )}\n      <div className={cn('px-2 pb-5', contentClassName)}>{error ? <div className=\"text-red-600\">{error}</div> : children}</div>\n    </Card>\n  );\n};\n","import React from 'react';\nimport { LineChart, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\nimport { cn } from '../../../lib/utils';\n\nexport type LineChartCard = ChartBox & {\n  type?: 'LineChartCard';\n  categories?: string[];\n  index?: string;\n  curveType?: 'linear' | 'step' | 'monotone';\n  colors?: (\n    | 'slate'\n    | 'gray'\n    | 'zinc'\n    | 'neutral'\n    | 'stone'\n    | 'red'\n    | 'orange'\n    | 'amber'\n    | 'yellow'\n    | 'lime'\n    | 'green'\n    | 'emerald'\n    | 'teal'\n    | 'cyan'\n    | 'sky'\n    | 'blue'\n    | 'indigo'\n    | 'violet'\n    | 'purple'\n    | 'fuchsia'\n    | 'pink'\n    | 'rose'\n  )[];\n  showLegend?: boolean;\n  showGridLines?: boolean;\n  showXAxis?: boolean;\n  showYAxis?: boolean;\n  startEndOnly?: boolean;\n  showTooltip?: boolean;\n  showAnimation?: boolean;\n  autoMinValue?: boolean;\n  valueFormatter?: ValueFormatter;\n};\n\nexport const LineChartCard = (props: LineChartCard) => {\n  const {\n    data = [],\n    categories = ['value'],\n    index = 'date',\n    curveType = 'linear',\n    colors = ['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue'],\n    showLegend = false,\n    showGridLines = false,\n    chartClassName,\n    showXAxis = true,\n    showYAxis = true,\n    startEndOnly = false,\n    showTooltip = true,\n    showAnimation = true,\n    autoMinValue = true,\n    valueFormatter = (number) => `${number}`,\n  } = props;\n\n  return (\n    <ChartBox {...props}>\n      <LineChart\n        className={cn('h-72 mt-4', chartClassName)}\n        data={data}\n        index={index}\n        categories={categories}\n        colors={colors}\n        valueFormatter={valueFormatter}\n        showLegend={showLegend}\n        showGridLines={showGridLines}\n        curveType={curveType}\n        showXAxis={showXAxis}\n        showYAxis={showYAxis}\n        startEndOnly={startEndOnly}\n        showTooltip={showTooltip}\n        showAnimation={showAnimation}\n        autoMinValue={autoMinValue}\n      />\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { AreaChart, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\nimport { cn } from '../../../lib/utils';\n\nexport type AreaChartCard = ChartBox & {\n  type?: 'AreaChartCard';\n  categories?: string[];\n  index?: string;\n  curveType?: 'linear' | 'step' | 'monotone';\n  colors?: (\n    | 'slate'\n    | 'gray'\n    | 'zinc'\n    | 'neutral'\n    | 'stone'\n    | 'red'\n    | 'orange'\n    | 'amber'\n    | 'yellow'\n    | 'lime'\n    | 'green'\n    | 'emerald'\n    | 'teal'\n    | 'cyan'\n    | 'sky'\n    | 'blue'\n    | 'indigo'\n    | 'violet'\n    | 'purple'\n    | 'fuchsia'\n    | 'pink'\n    | 'rose'\n  )[];\n  showLegend?: boolean;\n  showGridLines?: boolean;\n  stack?: boolean;\n  showXAxis?: boolean;\n  showYAxis?: boolean;\n  startEndOnly?: boolean;\n  showTooltip?: boolean;\n  showAnimation?: boolean;\n  autoMinValue?: boolean;\n  valueFormatter?: ValueFormatter;\n  customTooltip?: ({ payload, active, label }) => React.ReactNode;\n};\n\n\nexport const AreaChartCard = (props: AreaChartCard) => {\n  const {\n    data = [],\n    categories = ['value'],\n    index = 'date',\n    curveType = 'linear',\n    colors = ['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue'],\n    showLegend = false,\n    showGridLines = false,\n    stack = false,\n    chartClassName,\n    showXAxis = true,\n    showYAxis = true,\n    startEndOnly = false,\n    showTooltip = true,\n    showAnimation = true,\n    autoMinValue = true,\n    valueFormatter = (number) => `${number}`,\n    customTooltip,\n  } = props;\n\n  return (\n    <ChartBox {...props}>\n      <AreaChart\n        className={cn('h-72 mt-4', chartClassName)}\n        data={data}\n        index={index}\n        categories={categories}\n        colors={colors}\n        valueFormatter={valueFormatter}\n        showLegend={showLegend}\n        showGridLines={showGridLines}\n        stack={stack}\n        curveType={curveType}\n        showXAxis={showXAxis}\n        showYAxis={showYAxis}\n        startEndOnly={startEndOnly}\n        showTooltip={showTooltip}\n        showAnimation={showAnimation}\n        autoMinValue={autoMinValue}\n        customTooltip={customTooltip}\n      />\n    </ChartBox>\n  );\n};\n\n","import React from 'react';\nimport { DonutChart, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\nimport { cn } from '../../../lib/utils';\n\nexport type DonutChartCard = ChartBox & {\n  type?: 'DonutChartCard';\n  categories?: string[];\n  index?: string;\n  valueFormatter?: ValueFormatter;\n  showLabel?: boolean;\n  variant?: 'donut' | 'pie';\n  showAnimation?: boolean;\n};\n\nexport const DonutChartCard = (props: DonutChartCard) => {\n  const { data = [], categories = ['value'], index = 'name', valueFormatter = (number) => `${number}`, showLabel = true, variant = 'donut', chartClassName, showAnimation = true } = props;\n  const category = categories[0];\n  return (\n    <ChartBox {...props}>\n      <DonutChart\n        className={cn('h-72 mt-4', chartClassName)}\n        data={data}\n        index={index}\n        category={category}\n        colors={['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue']}\n        valueFormatter={valueFormatter}\n        showLabel={showLabel}\n        variant={variant}\n        showAnimation={showAnimation}\n      />\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { ChartBox } from '../ChartBox';\nimport { cn } from '../../../lib/utils';\n\nexport type CountCard = ChartBox & {\n  type?: 'CountCard';\n  summedColumnIndex?: string;\n};\n\nexport const CountCard = (props: CountCard) => {\n  if (!props.data?.length) {\n    return (\n      <ChartBox {...props}>\n        <div className={cn(\"mt-2 ml-2 text-2xl overflow-auto\", props.chartClassName)}>\n          <span className=\"text-gray-400\">No data</span>\n        </div>\n      </ChartBox>\n    );\n  }\n\n  if (!props.summedColumnIndex) {\n    return (\n      <ChartBox {...props}>\n        <div className={cn(\"mt-2 ml-2 text-2xl overflow-auto\", props.chartClassName)}>\n          <span className=\"text-gray-400 text-sm\">\n            set <span className=\"font-bold\">summedColumnIndex</span> to sum up values\n          </span>\n        </div>\n      </ChartBox>\n    );\n  }\n\n  const sum = props.data.reduce((acc, cur) => {\n    const v = cur[props.summedColumnIndex];\n    if (typeof v == 'number') {\n      return acc + v;\n    } else {\n      return acc;\n    }\n  }, 0);\n\n  return (\n    <ChartBox {...props}>\n      <div className={cn(\"mt-2 ml-2 font-bold text-2xl overflow-auto\", props.chartClassName)}>{sum}</div>\n    </ChartBox>\n  );\n};","import React from 'react';\nimport { ChartBox } from '../ChartBox';\nimport JSONTable from '../../JSONTable';\nimport { cn } from '../../../lib/utils';\n\nexport type TableCard = ChartBox & {\n  type?: 'TableCard';\n  columnOptions?: {\n    [key: string]: {\n      label: string;\n      hidden: boolean;\n    }\n  }\n}\n\nexport const TableCard = (props: TableCard) => {\n  const { data = [], columnOptions = {}, chartClassName } = props;\n  return (\n    <ChartBox {...props}>\n      {data?.length > 0\n        ? <JSONTable dataSource={data} columnOptions={columnOptions} className={cn(\"h-[256px]\", chartClassName)} />\n        : <div className={cn(\"h-[256px] flex justify-center items-center text-gray-400\", chartClassName)}>No data</div>\n      }\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { AreaChart, LineChart, Text, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\nimport { SkeletonBox } from '../../Common/SkeletonBox';\nimport { cn } from '../../../lib/utils';\n\nexport type KPICard = ChartBox & {\n  type?: 'KPICard';\n  categories?: string[];\n  index?: string;\n  chartType?: 'area' | 'line';\n  curveType?: 'linear' | 'step' | 'monotone';\n  metricTitle?: string;\n  metric?: string | number;\n  valueFormatter?: ValueFormatter;\n  loading?: boolean;\n};\n\nexport const KPICard = (props: KPICard) => {\n  const { metricTitle, metric, chartType = 'area', data = [], categories = ['value'], index = 'date', valueFormatter = (number) => `${number}`, curveType = 'linear', loading, chartClassName } = props;\n\n  if (loading) {\n    return (\n      <ChartBox {...props}>\n        <div className=\"mt-4 space-x-6 px-2 flex items-center\">\n          <div className=\"w-auto\">\n            <Text className=\"whitespace-nowrap\">Loading...</Text>\n            <div className=\"font-bold text-3xl\">-</div>\n          </div>\n          <SkeletonBox className=\"flex-col w-full\" skClassName=\"h-[100px] overflow-hidden\" line={1} />\n        </div>\n      </ChartBox>\n    );\n  }\n\n  const ChartComp = chartType === 'area' ? AreaChart : LineChart;\n\n  return (\n    <ChartBox {...props}>\n      <div className=\"mt-4 space-x-6 px-2 flex items-center\">\n        <div className=\"w-auto\">\n          <Text className=\"whitespace-nowrap\">{metricTitle}</Text>\n          <div className=\"font-bold text-3xl\">{metric ?? '-'}</div>\n        </div>\n        <ChartComp\n          className={cn('h-[100px] overflow-hidden', chartClassName)}\n          data={data}\n          index={index}\n          categories={categories}\n          colors={['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue']}\n          valueFormatter={valueFormatter}\n          curveType={curveType}\n          showXAxis={false}\n          showGridLines={false}\n          startEndOnly={true}\n          showYAxis={false}\n          showLegend={false}\n          autoMinValue={true}\n          showAnimation={true}\n        />\n      </div>\n    </ChartBox>\n  );\n};\n","\nimport { Skeleton } from '@nextui-org/react';\nimport React from 'react';\nimport { cn } from '../../../lib/utils';\n\nexport interface SkeletonBox {\n  line?: number;\n  skClassName: string;\n}\n\nexport const SkeletonBox = ({ line, skClassName, className }: SkeletonBox & { skClassName?: string; className?: string }) => {\n  const lineCamp = [...new Array(line || 1).keys()];\n\n  return (\n    <div className={cn('flex items-center gap-4', className)}>\n      {lineCamp.map((_, index) => {\n        return (\n          <Skeleton\n            key={index}\n            classNames={{\n              base: 'transition-background !duration-700 before:transition-opacity before:!duration-700',\n              content: 'transition-opacity motion-reduce:transition-none !duration-700',\n            }}\n            className={cn('w-full h-10', skClassName)}\n          />\n        );\n      })}\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../components/JSONMetricsView/index.tsx","../components/JSONMetricsView/BarChartCard/index.tsx","../components/JSONMetricsView/ChartBox/index.tsx","../components/JSONMetricsView/LineChartCard/index.tsx","../components/JSONMetricsView/AreaChartCard/index.tsx","../components/JSONMetricsView/DonutChartCard/index.tsx","../components/JSONMetricsView/CountCard/index.tsx","../components/JSONMetricsView/TableCard/index.tsx","../components/JSONMetricsView/KPICard/index.tsx"],"names":["React","AreaChart","LineChart"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Col, Grid } from '@tremor/react';\nimport { BarChartCard } from './BarChartCard';\nimport { LineChartCard } from './LineChartCard';\nimport { AreaChartCard } from './AreaChartCard';\nimport { DonutChartCard } from './DonutChartCard';\nimport { CountCard } from './CountCard';\nimport { TableCard } from './TableCard';\nimport { KPICard } from './KPICard';\n\nexport type JSONMetricsViewType = AreaChartCard | LineChartCard | BarChartCard | DonutChartCard | CountCard | TableCard | KPICard;\n\nconst components = {\n  AreaChartCard,\n  LineChartCard,\n  BarChartCard,\n  DonutChartCard,\n  CountCard,\n  TableCard,\n  KPICard,\n};\n\nconst JSONMetricsView = ({ data }: { data: JSONMetricsViewType[] }) => {\n  return (\n    <Grid numItems={1} numItemsSm={1} numItemsLg={2} numItemsMd={2} className=\"gap-2\">\n      {data.map((item, index) => {\n        const Component = components[item.type];\n        return (\n          <Col key={index} numColSpanSm={1} numColSpanMd={item.numColSpanMd ?? 1}>\n            {/* @ts-ignore */}\n            <Component {...item} />\n          </Col>\n        );\n      })}\n    </Grid>\n  );\n};\n\nexport const MetricsView = ({ data }: { data: JSONMetricsViewType }) => {\n  const Comp = components[data.type];\n  // @ts-ignore\n  return <Comp {...data} />;\n};\n\nexport { JSONMetricsView };\n","import React from 'react';\nimport { BarChart, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\nimport { cn } from '../../../lib/utils';\n\nexport type BarChartCard = ChartBox & {\n  type?: 'BarChartCard';\n  categories?: string[];\n  index?: string;\n  valueFormatter?: ValueFormatter;\n  showLegend?: boolean;\n  showGridLines?: boolean;\n  stack?: boolean;\n  showAnimation?: boolean;\n};\n\nexport const BarChartCard = (props: BarChartCard) => {\n  const {\n    data = [],\n    categories = ['value'],\n    index = 'date',\n    valueFormatter = (number) => `${number}`,\n    showLegend = false,\n    showGridLines = false,\n    stack = false,\n    chartClassName,\n    showAnimation = true,\n  } = props;\n\n  return (\n    <ChartBox {...props}>\n      <BarChart\n        className={cn('h-72 mt-4', chartClassName)}\n        data={data}\n        index={index}\n        categories={categories}\n        colors={['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue']}\n        valueFormatter={valueFormatter}\n        yAxisWidth={48}\n        showLegend={showLegend}\n        showGridLines={showGridLines}\n        stack={stack}\n        showAnimation={showAnimation}\n      />\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { cn } from '../../../lib/utils';\nimport { Card } from '@nextui-org/react';\n\nexport interface ChartBox {\n  title?: React.ReactNode;\n  description?: string;\n  error?: string;\n  data?: {\n    [key: string]: any;\n  }[];\n  children?: React.ReactNode;\n  gridH?: number; // grid units, not pixels\n  numColSpanMd?: number;\n  className?: string;\n  headerClassName?: string;\n  contentClassName?: string;\n  chartClassName?: string;\n}\n\nexport const ChartBox = ({ title, description, error, children, className, headerClassName, contentClassName }: ChartBox) => {\n  return (\n    <Card className={cn('dark:border-gray-800 shadow-sm border', className)}>\n      {(title || description) && (\n        <div className={cn('p-4 h-[60px]', headerClassName)}>\n          {title && <div>{title}</div>}\n          {description && <div className=\"text-xs\">{description}</div>}\n        </div>\n      )}\n      <div className={cn('px-2 pb-5', contentClassName)}>{error ? <div className=\"text-red-600\">{error}</div> : children}</div>\n    </Card>\n  );\n};\n","import React from 'react';\nimport { LineChart, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\nimport { cn } from '../../../lib/utils';\n\nexport type LineChartCard = ChartBox & {\n  type?: 'LineChartCard';\n  categories?: string[];\n  index?: string;\n  curveType?: 'linear' | 'step' | 'monotone';\n  colors?: (\n    | 'slate'\n    | 'gray'\n    | 'zinc'\n    | 'neutral'\n    | 'stone'\n    | 'red'\n    | 'orange'\n    | 'amber'\n    | 'yellow'\n    | 'lime'\n    | 'green'\n    | 'emerald'\n    | 'teal'\n    | 'cyan'\n    | 'sky'\n    | 'blue'\n    | 'indigo'\n    | 'violet'\n    | 'purple'\n    | 'fuchsia'\n    | 'pink'\n    | 'rose'\n  )[];\n  showLegend?: boolean;\n  showGridLines?: boolean;\n  showXAxis?: boolean;\n  showYAxis?: boolean;\n  startEndOnly?: boolean;\n  showTooltip?: boolean;\n  showAnimation?: boolean;\n  autoMinValue?: boolean;\n  valueFormatter?: ValueFormatter;\n};\n\nexport const LineChartCard = (props: LineChartCard) => {\n  const {\n    data = [],\n    categories = ['value'],\n    index = 'date',\n    curveType = 'linear',\n    colors = ['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue'],\n    showLegend = false,\n    showGridLines = false,\n    chartClassName,\n    showXAxis = true,\n    showYAxis = true,\n    startEndOnly = false,\n    showTooltip = true,\n    showAnimation = true,\n    autoMinValue = true,\n    valueFormatter = (number) => `${number}`,\n  } = props;\n\n  return (\n    <ChartBox {...props}>\n      <LineChart\n        className={cn('h-72 mt-4', chartClassName)}\n        data={data}\n        index={index}\n        categories={categories}\n        colors={colors}\n        valueFormatter={valueFormatter}\n        showLegend={showLegend}\n        showGridLines={showGridLines}\n        curveType={curveType}\n        showXAxis={showXAxis}\n        showYAxis={showYAxis}\n        startEndOnly={startEndOnly}\n        showTooltip={showTooltip}\n        showAnimation={showAnimation}\n        autoMinValue={autoMinValue}\n      />\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { AreaChart, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\nimport { cn } from '../../../lib/utils';\n\nexport type AreaChartCard = ChartBox & {\n  type?: 'AreaChartCard';\n  categories?: string[];\n  index?: string;\n  curveType?: 'linear' | 'step' | 'monotone';\n  colors?: (\n    | 'slate'\n    | 'gray'\n    | 'zinc'\n    | 'neutral'\n    | 'stone'\n    | 'red'\n    | 'orange'\n    | 'amber'\n    | 'yellow'\n    | 'lime'\n    | 'green'\n    | 'emerald'\n    | 'teal'\n    | 'cyan'\n    | 'sky'\n    | 'blue'\n    | 'indigo'\n    | 'violet'\n    | 'purple'\n    | 'fuchsia'\n    | 'pink'\n    | 'rose'\n  )[];\n  showLegend?: boolean;\n  showGridLines?: boolean;\n  stack?: boolean;\n  showXAxis?: boolean;\n  showYAxis?: boolean;\n  startEndOnly?: boolean;\n  showTooltip?: boolean;\n  showAnimation?: boolean;\n  autoMinValue?: boolean;\n  valueFormatter?: ValueFormatter;\n  customTooltip?: ({ payload, active, label }) => React.ReactNode;\n};\n\n\nexport const AreaChartCard = (props: AreaChartCard) => {\n  const {\n    data = [],\n    categories = ['value'],\n    index = 'date',\n    curveType = 'linear',\n    colors = ['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue'],\n    showLegend = false,\n    showGridLines = false,\n    stack = false,\n    chartClassName,\n    showXAxis = true,\n    showYAxis = true,\n    startEndOnly = false,\n    showTooltip = true,\n    showAnimation = true,\n    autoMinValue = true,\n    valueFormatter = (number) => `${number}`,\n    customTooltip,\n  } = props;\n\n  return (\n    <ChartBox {...props}>\n      <AreaChart\n        className={cn('h-72 mt-4', chartClassName)}\n        data={data}\n        index={index}\n        categories={categories}\n        colors={colors}\n        valueFormatter={valueFormatter}\n        showLegend={showLegend}\n        showGridLines={showGridLines}\n        stack={stack}\n        curveType={curveType}\n        showXAxis={showXAxis}\n        showYAxis={showYAxis}\n        startEndOnly={startEndOnly}\n        showTooltip={showTooltip}\n        showAnimation={showAnimation}\n        autoMinValue={autoMinValue}\n        customTooltip={customTooltip}\n      />\n    </ChartBox>\n  );\n};\n\n","import React from 'react';\nimport { DonutChart, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\nimport { cn } from '../../../lib/utils';\n\nexport type DonutChartCard = ChartBox & {\n  type?: 'DonutChartCard';\n  categories?: string[];\n  index?: string;\n  valueFormatter?: ValueFormatter;\n  showLabel?: boolean;\n  variant?: 'donut' | 'pie';\n  showAnimation?: boolean;\n};\n\nexport const DonutChartCard = (props: DonutChartCard) => {\n  const { data = [], categories = ['value'], index = 'name', valueFormatter = (number) => `${number}`, showLabel = true, variant = 'donut', chartClassName, showAnimation = true } = props;\n  const category = categories[0];\n  return (\n    <ChartBox {...props}>\n      <DonutChart\n        className={cn('h-72 mt-4', chartClassName)}\n        data={data}\n        index={index}\n        category={category}\n        colors={['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue']}\n        valueFormatter={valueFormatter}\n        showLabel={showLabel}\n        variant={variant}\n        showAnimation={showAnimation}\n      />\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { ChartBox } from '../ChartBox';\nimport { cn } from '../../../lib/utils';\n\nexport type CountCard = ChartBox & {\n  type?: 'CountCard';\n  summedColumnIndex?: string;\n};\n\nexport const CountCard = (props: CountCard) => {\n  if (!props.data?.length) {\n    return (\n      <ChartBox {...props}>\n        <div className={cn(\"mt-2 ml-2 text-2xl overflow-auto\", props.chartClassName)}>\n          <span className=\"text-gray-400\">No data</span>\n        </div>\n      </ChartBox>\n    );\n  }\n\n  if (!props.summedColumnIndex) {\n    return (\n      <ChartBox {...props}>\n        <div className={cn(\"mt-2 ml-2 text-2xl overflow-auto\", props.chartClassName)}>\n          <span className=\"text-gray-400 text-sm\">\n            set <span className=\"font-bold\">summedColumnIndex</span> to sum up values\n          </span>\n        </div>\n      </ChartBox>\n    );\n  }\n\n  const sum = props.data.reduce((acc, cur) => {\n    const v = cur[props.summedColumnIndex];\n    if (typeof v == 'number') {\n      return acc + v;\n    } else {\n      return acc;\n    }\n  }, 0);\n\n  return (\n    <ChartBox {...props}>\n      <div className={cn(\"mt-2 ml-2 font-bold text-2xl overflow-auto\", props.chartClassName)}>{sum}</div>\n    </ChartBox>\n  );\n};","import React from 'react';\nimport { ChartBox } from '../ChartBox';\nimport JSONTable from '../../JSONTable';\nimport { cn } from '../../../lib/utils';\n\nexport type TableCard = ChartBox & {\n  type?: 'TableCard';\n  columnOptions?: {\n    [key: string]: {\n      label: string;\n      hidden: boolean;\n    }\n  }\n}\n\nexport const TableCard = (props: TableCard) => {\n  const { data = [], columnOptions = {}, chartClassName } = props;\n  return (\n    <ChartBox {...props}>\n      {data?.length > 0\n        ? <JSONTable dataSource={data} columnOptions={columnOptions} className={cn(\"h-[256px]\", chartClassName)} />\n        : <div className={cn(\"h-[256px] flex justify-center items-center text-gray-400\", chartClassName)}>No data</div>\n      }\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { AreaChart, LineChart, Text, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\nimport { SkeletonBox } from '../../Common/SkeletonBox';\nimport { cn } from '../../../lib/utils';\n\nexport type KPICard = ChartBox & {\n  type?: 'KPICard';\n  categories?: string[];\n  index?: string;\n  chartType?: 'area' | 'line';\n  curveType?: 'linear' | 'step' | 'monotone';\n  metricTitle?: string;\n  metric?: string | number;\n  valueFormatter?: ValueFormatter;\n  loading?: boolean;\n};\n\nexport const KPICard = (props: KPICard) => {\n  const { metricTitle, metric, chartType = 'area', data = [], categories = ['value'], index = 'date', valueFormatter = (number) => `${number}`, curveType = 'linear', loading, chartClassName } = props;\n\n  if (loading) {\n    return (\n      <ChartBox {...props}>\n        <div className=\"mt-4 space-x-6 px-2 flex items-center\">\n          <div className=\"w-auto\">\n            <Text className=\"whitespace-nowrap\">Loading...</Text>\n            <div className=\"font-bold text-3xl\">-</div>\n          </div>\n          <SkeletonBox className=\"flex-col w-full\" skClassName=\"h-[100px] overflow-hidden\" line={1} />\n        </div>\n      </ChartBox>\n    );\n  }\n\n  const ChartComp = chartType === 'area' ? AreaChart : LineChart;\n\n  return (\n    <ChartBox {...props}>\n      <div className=\"mt-4 space-x-6 px-2 flex items-center\">\n        <div className=\"w-auto\">\n          <Text className=\"whitespace-nowrap\">{metricTitle}</Text>\n          <div className=\"font-bold text-3xl\">{metric ?? '-'}</div>\n        </div>\n        <ChartComp\n          className={cn('h-[100px] overflow-hidden', chartClassName)}\n          data={data}\n          index={index}\n          categories={categories}\n          colors={['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue']}\n          valueFormatter={valueFormatter}\n          curveType={curveType}\n          showXAxis={false}\n          showGridLines={false}\n          startEndOnly={true}\n          showYAxis={false}\n          showLegend={false}\n          autoMinValue={true}\n          showAnimation={true}\n        />\n      </div>\n    </ChartBox>\n  );\n};\n"]}

package/dist/plugins.d.mts

@@ -1,7 +1,7 @@
 import { S as Store } from './root-766ae985.js';
 import React from 'react';
 import * as react_hot_toast from 'react-hot-toast';
-import { P as PromiseState } from './PromiseState-2a8c856c.js';
+import { P as PromiseState } from './PromiseState-b0cc408e.js';
 import 'typed-emitter';
 import 'events';
 
@@ -26,10 +26,10 @@ declare class ConfirmStore implements Store {
 declare class ToastPlugin implements Store {
     sid: string;
     provider: () => React.JSX.Element;
-    success: (message: react_hot_toast.Renderable | react_hot_toast.ValueFunction<react_hot_toast.Renderable, react_hot_toast.Toast>, options?: Partial<Pick<react_hot_toast.Toast, "style" | "id" | "className" | "icon" | "position" | "duration" | "ariaProps" | "iconTheme">>) => string;
-    error: (message: react_hot_toast.Renderable | react_hot_toast.ValueFunction<react_hot_toast.Renderable, react_hot_toast.Toast>, options?: Partial<Pick<react_hot_toast.Toast, "style" | "id" | "className" | "icon" | "position" | "duration" | "ariaProps" | "iconTheme">>) => string;
-    loading: (message: react_hot_toast.Renderable | react_hot_toast.ValueFunction<react_hot_toast.Renderable, react_hot_toast.Toast>, options?: Partial<Pick<react_hot_toast.Toast, "style" | "id" | "className" | "icon" | "position" | "duration" | "ariaProps" | "iconTheme">>) => string;
-    custom: (message: react_hot_toast.Renderable | react_hot_toast.ValueFunction<react_hot_toast.Renderable, react_hot_toast.Toast>, options?: Partial<Pick<react_hot_toast.Toast, "style" | "id" | "className" | "icon" | "position" | "duration" | "ariaProps" | "iconTheme">>) => string;
+    success: (message: react_hot_toast.Renderable | react_hot_toast.ValueFunction<react_hot_toast.Renderable, react_hot_toast.Toast>, options?: Partial<Pick<react_hot_toast.Toast, "style" | "id" | "icon" | "duration" | "ariaProps" | "className" | "position" | "iconTheme">>) => string;
+    error: (message: react_hot_toast.Renderable | react_hot_toast.ValueFunction<react_hot_toast.Renderable, react_hot_toast.Toast>, options?: Partial<Pick<react_hot_toast.Toast, "style" | "id" | "icon" | "duration" | "ariaProps" | "className" | "position" | "iconTheme">>) => string;
+    loading: (message: react_hot_toast.Renderable | react_hot_toast.ValueFunction<react_hot_toast.Renderable, react_hot_toast.Toast>, options?: Partial<Pick<react_hot_toast.Toast, "style" | "id" | "icon" | "duration" | "ariaProps" | "className" | "position" | "iconTheme">>) => string;
+    custom: (message: react_hot_toast.Renderable | react_hot_toast.ValueFunction<react_hot_toast.Renderable, react_hot_toast.Toast>, options?: Partial<Pick<react_hot_toast.Toast, "style" | "id" | "icon" | "duration" | "ariaProps" | "className" | "position" | "iconTheme">>) => string;
     dismiss: (toastId?: string) => void;
     remove: (toastId?: string) => void;
     promise: <T>(promise: Promise<T>, msgs: {

package/dist/plugins.mjs

@@ -1,7 +1,7 @@
-export { ToastPlugin } from './chunk-N4XCPX4L.mjs';
-import { DialogStore } from './chunk-WAYJJYKN.mjs';
-export { DialogStore } from './chunk-WAYJJYKN.mjs';
-import { useStore } from './chunk-SXQEYWUP.mjs';
+export { ToastPlugin } from './chunk-4YCP5CJ4.mjs';
+import { DialogStore } from './chunk-OZ3JSH5J.mjs';
+export { DialogStore } from './chunk-OZ3JSH5J.mjs';
+import { useStore } from './chunk-DZMNL4BZ.mjs';
 import './chunk-HRWHDF2F.mjs';
 import { cn } from './chunk-6UHBBDKI.mjs';
 import { __spreadValues } from './chunk-6F7H4PAA.mjs';

package/dist/ui.d.mts

@@ -15,4 +15,13 @@ declare const Copy: (({ value }: IProps) => React.JSX.Element) & {
     displayName: string;
 };
 
-export { Copy, PanelCard };
+interface SkeletonBox {
+    line?: number;
+    skClassName: string;
+}
+declare const SkeletonBox: ({ line, skClassName, className }: SkeletonBox & {
+    skClassName?: string;
+    className?: string;
+}) => React.JSX.Element;
+
+export { Copy, PanelCard, SkeletonBox };

package/dist/ui.mjs

@@ -1,3 +1,4 @@
+export { SkeletonBox } from './chunk-Y23EH2XR.mjs';
 import './chunk-U7JFOBSQ.mjs';
 import { cn } from './chunk-6UHBBDKI.mjs';
 import './chunk-6F7H4PAA.mjs';
@@ -9,7 +10,7 @@ import { observer, useLocalStore } from 'mobx-react-lite';
 import 'lucide-react';
 
 var PanelCard = ({ title, content, className }) => {
-  return /* @__PURE__ */ React.createElement(Card, { className: cn("border-none shadow-none bg-[#F8FAFC] dark:bg-[#18181c] p-4", className), shadow: "sm" }, /* @__PURE__ */ React.createElement("p", { className: "text-[#6B7280] text-sm" }, title), /* @__PURE__ */ React.createElement("div", { className: cn("break-all text-[#374151] text-base font-semibold mt-2", className) }, content));
+  return /* @__PURE__ */ React.createElement(Card, { className: cn("flex flex-col justify-between border-none p-4 shadow-sm", className) }, /* @__PURE__ */ React.createElement("p", { className: "text-[#6B7280] dark:text-[#cecdcd] text-sm" }, title), /* @__PURE__ */ React.createElement("div", { className: cn("mt-2 break-all text-[#374151] dark:text-[#cecdcd] text-base font-semibold") }, content));
 };
 var Copy = observer(({ value }) => {
   const store = useLocalStore(() => ({

package/dist/ui.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../components/Common/PanelCard/index.tsx","../components/Common/Copy/index.tsx","../components/Common/CopyButton/index.tsx"],"names":["React","Copy"],"mappings":";;;;;;;AACA,SAAS,YAAY;AACrB,OAAO,WAAW;AAOX,IAAM,YAAY,CAAC,EAAE,OAAO,SAAS,UAAU,MAA0C;AAC9F,SACE,oCAAC,QAAK,WAAW,GAAG,8DAA8D,SAAS,GAAG,QAAO,QACnG,oCAAC,OAAE,WAAU,4BAA0B,KAAM,GAC7C,oCAAC,SAAI,WAAW,GAAG,yDAAyD,SAAS,KAAI,OAAQ,CACnG;AAEJ;;;ACfA,OAAOA,YAAW;AAClB,SAAS,WAAW,gBAAgB;AACpC,OAAO,UAAU;AACjB,SAAS,UAAU,qBAAqB;AAKjC,IAAM,OAAO,SAAS,CAAC,EAAE,MAAM,MAAc;AAClD,QAAM,QAAQ,cAAc,OAAO;AAAA,IACjC,QAAQ;AAAA,IACR,gBAAgB,KAAc;AAC5B,WAAK,YAAY;AAAA,IACnB;AAAA,EACF,EAAE;AAEF,SACE,gBAAAA,OAAA,cAAC,aACE,MAAM,SACL,gBAAAA,OAAA,cAAC,aAAU,WAAU,kBAAiB,IAEtC,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAS,YAAY;AACnB,aAAK,KAAK;AACV,cAAM,SAAS;AACf,mBAAW,MAAM;AACf,gBAAM,SAAS;AAAA,QACjB,GAAG,GAAG;AAAA,MACR;AAAA;AAAA,EACF,CAEJ;AAEJ,CAAC;;;ACnCD,OAAOA,UAAS,WAAW,gBAAgB;AAC3C,OAAO,qBAAqB;AAC5B,SAAS,QAAAC,OAAM,iBAAiB","sourcesContent":["import { cn } from '../../../lib/utils';\nimport { Card } from '@nextui-org/react';\nimport React from 'react';\n\nexport interface PanelCard {\n  title: string | JSX.Element;\n  content?: string | JSX.Element;\n}\n\nexport const PanelCard = ({ title, content, className }: PanelCard & { className?: string }) => {\n  return (\n    <Card className={cn('border-none shadow-none bg-[#F8FAFC] dark:bg-[#18181c] p-4', className)} shadow=\"sm\">\n      <p className=\"text-[#6B7280] text-sm\">{title}</p>\n      <div className={cn('break-all text-[#374151] text-base font-semibold mt-2', className)}>{content}</div>\n    </Card>\n  );\n};\n","\"use client\";\nimport React from \"react\";\nimport { CheckIcon, CopyIcon } from \"@radix-ui/react-icons\";\nimport copy from \"copy-to-clipboard\";\nimport { observer, useLocalStore } from \"mobx-react-lite\";\n\ninterface IProps {\n  value: string;\n}\nexport const Copy = observer(({ value }: IProps) => {\n  const store = useLocalStore(() => ({\n    copied: false,\n    toggleIOTipOpen(val: boolean) {\n      this.isTipOpen = val;\n    },\n  }));\n\n  return (\n    <div>\n      {store.copied ? (\n        <CheckIcon className=\"text-green-400\" />\n      ) : (\n        <CopyIcon\n          className=\"text-primary-foreground cursor-pointer\"\n          onClick={async () => {\n            copy(value);\n            store.copied = true;\n            setTimeout(() => {\n              store.copied = false;\n            }, 900);\n          }}\n        />\n      )}\n    </div>\n  );\n});\n","import React, { useEffect, useState } from \"react\";\nimport copyToClipboard from \"copy-to-clipboard\";\nimport { Copy, CopyCheck } from \"lucide-react\";\nimport { cn } from \"../../../lib/utils\";\n\nexport default function CopyButton({ className, value }: { className?: string; value: string }) {\n  const [copied, setCopied] = useState(false);\n  useEffect(() => {\n    if (copied) {\n      const timer = setTimeout(() => {\n        setCopied(false);\n      }, 3000);\n      return () => clearTimeout(timer);\n    }\n  }, [copied]);\n  return (\n    <button\n      className={cn(\"rounded-sm p-1 hover:bg-gray-300 dark:hover:bg-gray-600\", className)}\n      onClick={() => {\n        copyToClipboard(value);\n        setCopied(true);\n      }}>\n      {copied ? <CopyCheck size={20} /> : <Copy size={20} />}\n    </button>\n  );\n}\n"]}
+{"version":3,"sources":["../components/Common/PanelCard/index.tsx","../components/Common/Copy/index.tsx","../components/Common/CopyButton/index.tsx"],"names":["React","Copy"],"mappings":";;;;;;;;;;AACA,SAAS,YAAY;AACrB,OAAO,WAAW;AAOX,IAAM,YAAY,CAAC,EAAE,OAAO,SAAS,UAAU,MAA0C;AAC9F,SACE,oCAAC,QAAK,WAAW,GAAG,2DAA2D,SAAS,KACtF,oCAAC,OAAE,WAAU,gDAA8C,KAAM,GACjE,oCAAC,SAAI,WAAW,GAAG,2EAA2E,KAAI,OAAQ,CAC5G;AAEJ;;;ACfA,OAAOA,YAAW;AAClB,SAAS,WAAW,gBAAgB;AACpC,OAAO,UAAU;AACjB,SAAS,UAAU,qBAAqB;AAKjC,IAAM,OAAO,SAAS,CAAC,EAAE,MAAM,MAAc;AAClD,QAAM,QAAQ,cAAc,OAAO;AAAA,IACjC,QAAQ;AAAA,IACR,gBAAgB,KAAc;AAC5B,WAAK,YAAY;AAAA,IACnB;AAAA,EACF,EAAE;AAEF,SACE,gBAAAA,OAAA,cAAC,aACE,MAAM,SACL,gBAAAA,OAAA,cAAC,aAAU,WAAU,kBAAiB,IAEtC,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAS,YAAY;AACnB,aAAK,KAAK;AACV,cAAM,SAAS;AACf,mBAAW,MAAM;AACf,gBAAM,SAAS;AAAA,QACjB,GAAG,GAAG;AAAA,MACR;AAAA;AAAA,EACF,CAEJ;AAEJ,CAAC;;;ACnCD,OAAOA,UAAS,WAAW,gBAAgB;AAC3C,OAAO,qBAAqB;AAC5B,SAAS,QAAAC,OAAM,iBAAiB","sourcesContent":["import { cn } from '../../../lib/utils';\nimport { Card } from '@nextui-org/react';\nimport React from 'react';\n\nexport interface PanelCard {\n  title: string | JSX.Element;\n  content?: string | JSX.Element;\n}\n\nexport const PanelCard = ({ title, content, className }: PanelCard & { className?: string }) => {\n  return (\n    <Card className={cn('flex flex-col justify-between border-none p-4 shadow-sm', className)}>\n      <p className=\"text-[#6B7280] dark:text-[#cecdcd] text-sm\">{title}</p>\n      <div className={cn('mt-2 break-all text-[#374151] dark:text-[#cecdcd] text-base font-semibold')}>{content}</div>\n    </Card>\n  );\n};\n","\"use client\";\nimport React from \"react\";\nimport { CheckIcon, CopyIcon } from \"@radix-ui/react-icons\";\nimport copy from \"copy-to-clipboard\";\nimport { observer, useLocalStore } from \"mobx-react-lite\";\n\ninterface IProps {\n  value: string;\n}\nexport const Copy = observer(({ value }: IProps) => {\n  const store = useLocalStore(() => ({\n    copied: false,\n    toggleIOTipOpen(val: boolean) {\n      this.isTipOpen = val;\n    },\n  }));\n\n  return (\n    <div>\n      {store.copied ? (\n        <CheckIcon className=\"text-green-400\" />\n      ) : (\n        <CopyIcon\n          className=\"text-primary-foreground cursor-pointer\"\n          onClick={async () => {\n            copy(value);\n            store.copied = true;\n            setTimeout(() => {\n              store.copied = false;\n            }, 900);\n          }}\n        />\n      )}\n    </div>\n  );\n});\n","import React, { useEffect, useState } from \"react\";\nimport copyToClipboard from \"copy-to-clipboard\";\nimport { Copy, CopyCheck } from \"lucide-react\";\nimport { cn } from \"../../../lib/utils\";\n\nexport default function CopyButton({ className, value }: { className?: string; value: string }) {\n  const [copied, setCopied] = useState(false);\n  useEffect(() => {\n    if (copied) {\n      const timer = setTimeout(() => {\n        setCopied(false);\n      }, 3000);\n      return () => clearTimeout(timer);\n    }\n  }, [copied]);\n  return (\n    <button\n      className={cn(\"rounded-sm p-1 hover:bg-gray-300 dark:hover:bg-gray-600\", className)}\n      onClick={() => {\n        copyToClipboard(value);\n        setCopied(true);\n      }}>\n      {copied ? <CopyCheck size={20} /> : <Copy size={20} />}\n    </button>\n  );\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dappworks/kit",
-  "version": "0.4.68",
+  "version": "0.4.69",
   "description": "",
   "main": "./dist/index.mjs",
   "types": "./dist/index.d.mts",