@dappworks/kit 0.4.73 → 0.4.75

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../store/standard/PromiseHook.ts","../store/standard/BigNumberInputState.ts","../module/AppProvider.tsx","../lib/dexie.ts"],"names":["makeAutoObservable","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;AAE5B,IAAM,sBAAN,MAA0B;AAAA,EAM/B,YAAY,MAAoC;AALhD,iBAAQ,IAAI,UAAU,CAAC;AACvB,kBAAS;AACT,mBAAU;AACV,oBAAW;AAGT,WAAO,OAAO,MAAM,IAAI;AACxB,IAAAA,oBAAmB,IAAI;AAAA,EACzB;AAAA,EACA,IAAI,iBAA4B;AAC9B,WAAO,IAAI,UAAU,KAAK,KAAK,EAAE,UAAU,MAAM,KAAK,QAAQ;AAAA,EAChE;AAAA,EACA,SAAS,OAAY;AACnB,SAAK,QAAQ,IAAI,UAAU,KAAK;AAChC,SAAK,SAAS,OAAO,OAAO,iBAAiB,IAAI,UAAU,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,IAAI,UAAU,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,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAGlB,IAAM,cAAc,SAAS,CAAC,EAAE,SAAS,MAAsC;AACpF,QAAMC,aAAY,UAAU,KAAK;AACjC,SACE,0DACGA,WAAU,UAAU,IAAI,CAAC,UAAU;AAClC,UAAM,YAAiB,MAAM;AAC7B,WAAO,oCAAC,aAAU,WAAWA,YAAW,KAAK,MAAM,KAAK;AAAA,EAC1D,CAAC,GACA,YAAY,QACf;AAEJ,CAAC;;;ACfD,OAAO,gBAAgB;AACvB,SAAS,aAAyB;AAE3B,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;AAAA,MACX,OAAO,QAAkB;AACvB,cAAM,MAAM,MAAM,KAAK,GAAG,QAAQ,GAAG;AACrC,eAAO,IAAI,IAAI,CAAC,MAAM,uBAAG,KAAK;AAAA,MAChC;AAAA,MACA,EAAE,OAAO,MAAM;AAAA,IACjB;AACA,kBAAS,IAAI;AAAA,MACX,OAAO,QAAoD;AACzD,cAAM,MAAM,oBAAI,KAAK;AACrB,cAAM,KAAK,GAAG,QAAQ,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,OAAO,EAAE,OAAO,EAAE,OAAO,YAAY,IAAI,QAAQ,IAAI,QAAQ,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC;AACjI,eAAO;AAAA,MACT;AAAA,MACA,EAAE,OAAO,MAAM;AAAA,IACjB;AACA,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,EAAC;AAAA,EAEf,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,EACA,KAAK,CAAC,UAAU;AACf,eAAK,OAAO,KAAK,EAAE,KAAK,OAAO,MAAK,6BAAM,QAAO,KAAK,QAAQ,IAAI,CAAC;AAAA,QACrE,CAAC,EACA,MAAM,CAAC,QAAQ;AACd,kBAAQ,MAAM,GAAG;AAAA,QACnB,CAAC;AAAA,MACL,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';\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"]}
+{"version":3,"sources":["../store/standard/PromiseHook.ts","../store/standard/BigNumberInputState.ts","../store/standard/StorageState.ts","../module/AppProvider.tsx","../lib/dexie.ts"],"names":["makeAutoObservable","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';\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.format = helper.number.warpBigNumber(this.value.toFixed(), this.decimals, { format: '0.000', fallback: '' }).format;\n    this.setLoading(false);\n  }\n  setFormat(val: any) {\n    this.format = val;\n    // this.format = helper.number.toPrecisionFloor(this.format);\n    // this.format = helper.number.warpBigNumber(this.value.toFixed(), this.decimals, { format: '0.000', fallback: '' }).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';\n\nexport class StorageState<T> {\n  key: string;\n  value: T | any = null;\n  default: T | any = null;\n  constructor(args: Partial<StorageState<T>>) {\n    Object.assign(this, args);\n    makeAutoObservable(this);\n    this.load();\n  }\n\n  static safeParse(val: any) {\n    try {\n      return JSON.parse(val);\n    } catch (error) {\n      return val;\n    }\n  }\n\n  load() {\n    const value = global?.localStorage?.getItem(this.key);\n    this.value = StorageState.safeParse(value);\n    if (this.value == null) {\n      this.value = this.default;\n    }\n    return this.value;\n  }\n\n  save(value?: T) {\n    if (value !== null || value !== undefined) {\n      this.value = value;\n    }\n    global?.localStorage.setItem(this.key, JSON.stringify(value));\n  }\n\n  setValue(value?: T) {\n    this.save(value);\n  }\n\n  clear() {\n    localStorage.removeItem(this.key);\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.d.mts

@@ -1,17 +1,8 @@
 import React from 'react';
-import { ButtonProps, PaginationProps, SpinnerProps } from '@nextui-org/react';
+import { SlotsToClasses, TableSlots, PaginationProps, SpinnerProps } from '@nextui-org/react';
 import { P as PaginationState } from './PaginationState-c19e621a.js';
 
-type ActionButtonType = {
-    props?: ButtonProps;
-    children: React.ReactNode;
-};
-type ActionsOptions = {
-    headLabel?: string;
-    placement?: 'left' | 'right';
-    className?: string;
-};
-type HeaderKeys<T extends Record<string, any>> = Array<keyof T>;
+type HeaderKeys<T extends Record<string, any>> = Array<keyof T | '$actions'>;
 type ColumnOptions<T extends Record<string, any>> = {
     [key in keyof T]?: {
         label?: React.ReactNode;
@@ -20,8 +11,17 @@ type ColumnOptions<T extends Record<string, any>> = {
         sortKey?: string;
         order?: number;
         render?: (item: T) => any;
-        thClassName?: string;
-        tdClassName?: string;
+        labelClassName?: string;
+        valueClassName?: string;
+    };
+} & {
+    $actions?: {
+        label?: React.ReactNode;
+        hidden?: boolean;
+        sortable?: boolean;
+        sortKey?: string;
+        order?: number;
+        render?: (item: T) => any;
         labelClassName?: string;
         valueClassName?: string;
     };
@@ -35,7 +35,6 @@ type ExtendedTable<U> = {
     key: string;
     columns: Column<U>[];
 };
-type ActionsType<T> = (item: T) => ActionButtonType[] | React.ReactNode;
 type CardOptions = {
     boxClassName?: string;
     cardClassName?: string;
@@ -44,7 +43,6 @@ type CardOptions = {
     dividerClassName?: string;
 };
 type LoadingOptions = {
-    className?: string;
     type?: 'skeleton' | 'spinner';
     skeleton?: {
         boxClassName?: string;
@@ -60,45 +58,31 @@ type LoadingOptions = {
 };
 interface JSONTableProps<T extends Record<string, any>> {
     className?: string;
+    classNames?: SlotsToClasses<TableSlots>;
+    rowKey?: keyof T;
     dataSource: T[];
-    columnOptions?: ColumnOptions<T>;
     headerKeys?: HeaderKeys<T>;
+    columnOptions?: ColumnOptions<T>;
     isServerPaging?: boolean;
-    extendedTableOptions?: {
-        key: keyof T;
-        columnOptions: ColumnOptions<any>;
-    }[];
-    rowKey?: string;
     pagination?: PaginationState;
     nextuiPaginationProps?: PaginationProps | {};
     onRowClick?: (item: T) => void;
     rowCss?: string | ((item: T) => string | undefined);
-    actions?: ActionsType<T>;
-    actionsOptions?: ActionsOptions;
     asCard?: boolean;
     cardOptions?: CardOptions;
     autoScrollToTop?: boolean;
-    NoData?: ({ className, columns }: {
-        className?: string;
-        columns: Column<T>[];
-    }) => React.ReactNode;
+    emptyContent?: React.ReactNode;
     isLoading?: boolean;
     loadingOptions?: LoadingOptions;
-    Loading?: ({ className, columns }: {
-        className?: string;
-        columns: Column<T>[];
-    }) => React.ReactNode;
+    loadingContent?: React.ReactNode;
+    isHeaderSticky?: boolean;
+    extendedTableOptions?: {
+        key: keyof T;
+        columnOptions: ColumnOptions<any>;
+    }[];
 }
 declare const JSONTable: (<T extends Record<string, any>>(props: JSONTableProps<T>) => React.JSX.Element) & {
     displayName: string;
 };
-declare function TableHeaderOfNoData<T>({ className, columns }: {
-    className?: string;
-    columns: Column<T>[];
-}): React.JSX.Element;
-declare function TableHeaderOfLoading<T>({ className, columns }: {
-    className?: string;
-    columns: Column<T>[];
-}): React.JSX.Element;
 
-export { ActionButtonType, ActionsOptions, ActionsType, CardOptions, Column, ColumnOptions, ExtendedTable, HeaderKeys, JSONTable, TableHeaderOfLoading, TableHeaderOfNoData };
+export { CardOptions, Column, ColumnOptions, ExtendedTable, HeaderKeys, JSONTable };

package/dist/jsontable.mjs

@@ -1,4 +1,4 @@
-export { JSONTable, TableHeaderOfLoading, TableHeaderOfNoData } from './chunk-SUA5V6VE.mjs';
+export { JSONTable } from './chunk-ONASYMZR.mjs';
 import './chunk-ONVPCAMQ.mjs';
 import './chunk-OZ3JSH5J.mjs';
 import './chunk-DZMNL4BZ.mjs';

package/dist/metrics.d.mts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ValueFormatter } from '@tremor/react';
+import { ValueFormatter, CustomTooltipProps } from '@tremor/react';
 
 interface ChartBox {
     title?: React.ReactNode;
@@ -64,11 +64,7 @@ type AreaChartCard = ChartBox & {
     showAnimation?: boolean;
     autoMinValue?: boolean;
     valueFormatter?: ValueFormatter;
-    customTooltip?: ({ payload, active, label }: {
-        payload: any;
-        active: any;
-        label: any;
-    }) => React.ReactNode;
+    customTooltip?: (props: CustomTooltipProps) => React.ReactNode;
 };
 declare const AreaChartCard: (props: AreaChartCard) => React.JSX.Element;
 

package/dist/metrics.mjs

@@ -1,4 +1,4 @@
-import { JSONTable } from './chunk-SUA5V6VE.mjs';
+import { JSONTable } from './chunk-ONASYMZR.mjs';
 import './chunk-ONVPCAMQ.mjs';
 import './chunk-OZ3JSH5J.mjs';
 import './chunk-DZMNL4BZ.mjs';

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"],"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('shadow-sm border dark:border-[#3e3e3e]', 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"]}
+{"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('shadow-sm border dark:border-[#3e3e3e]', 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, CustomTooltipProps, 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?: (props: CustomTooltipProps) => 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/package.json

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