@dappworks/kit 0.5.40 → 0.5.42

package/dist/index-CUKoRIdy.d.mts

@@ -0,0 +1,3 @@
+type ThemeType = "default" | "primary";
+
+export type { ThemeType as T };

package/dist/index.d.mts

@@ -0,0 +1,90 @@
+import { R as RootStore, E as EventMap, S as Store } from './root-BPMUmS6H.mjs';
+export { B as BaseState, c as BooleanState, N as NumberState, a as StoreClass, b as StringState, V as ValueState } from './root-BPMUmS6H.mjs';
+export { P as PromiseState } from './PromiseState-8EAu4Zv4.mjs';
+export { P as PromiseHook, S as StorageState } from './StorageState-qapaHguM.mjs';
+import BigNumber from 'bignumber.js';
+export { P as PaginationState } from './PaginationState-Bmrrw0ky.mjs';
+import React from 'react';
+import 'typed-emitter';
+import 'events';
+import 'mobx';
+
+declare const rootStore: RootStore<EventMap>;
+declare const useStore: () => RootStore<EventMap>;
+
+declare class BigNumberState {
+    value: BigNumber;
+    loading: boolean;
+    decimals: number;
+    fixed: number;
+    formatter?: Function;
+    constructor(args: Partial<BigNumberState>);
+    get format(): any;
+    getFormat({ decimals, fixed }?: {
+        decimals?: number;
+        fixed?: number;
+    }): any;
+    setDecimals(decimals: number): void;
+    setValue(value: BigNumber): void;
+    setLoading(val: any): void;
+}
+
+declare class BigNumberInputState {
+    value: BigNumber;
+    format: string;
+    loading: boolean;
+    decimals: number;
+    formatter?: Function;
+    constructor(args: Partial<BigNumberInputState>);
+    get noDecimasValue(): BigNumber;
+    setValue(value: any): void;
+    setFormat(val: any): void;
+    setLoading(val: boolean): void;
+    setDecimals(val: number): void;
+    get isZero(): boolean;
+}
+
+declare class StorageListState<T = any> {
+    key: string;
+    list: T[];
+    static safeParse(val: any): any;
+    constructor(args: {
+        key: string;
+    });
+    load(): any;
+    push(value: T): void;
+    remove(index: number): void;
+    private save;
+    clear(): void;
+}
+
+declare class ObjectPool {
+    static pool: {
+        [key: string]: any;
+    };
+    static get<T extends (...args: any[]) => any, U = ReturnType<T>>(key: string, func: T): U;
+}
+
+declare class AutoMan implements Store {
+    sid: string;
+    stype: string;
+    autoObservable?: boolean | undefined;
+    provider: (() => React.JSX.Element) & {
+        displayName: string;
+    };
+    static use<T extends {
+        [Key in keyof T]: Store;
+    }, U extends {
+        [Key in keyof T]: T[Key] extends Store ? {
+            [K in keyof T[Key]]?: any;
+        } : never;
+    }>(stores: T, promises?: U): T;
+}
+
+declare const AppProvider: (({ children }: {
+    children?: React.ReactNode;
+}) => React.JSX.Element) & {
+    displayName: string;
+};
+
+export { AppProvider, AutoMan, BigNumberInputState, BigNumberState, EventMap, ObjectPool, RootStore, StorageListState, Store, rootStore, useStore };

package/dist/index.mjs

@@ -1,14 +1,14 @@
-export { AppProvider, AutoMan, BigNumberInputState, BigNumberState, ObjectPool, PromiseHook, StorageListState, StorageState } from './chunk-2WRRZVUW.mjs';
-export { BooleanState, NumberState, PromiseState, Store, StringState, ValueState } from './chunk-B7RV4C5E.mjs';
-import './chunk-O3FWAAEG.mjs';
-import './chunk-2N4HH4ZF.mjs';
-import './chunk-PZ3VSAOC.mjs';
+export { AppProvider, AutoMan, BigNumberInputState, BigNumberState, ObjectPool, PromiseHook, StorageListState, StorageState } from './chunk-UMFAEQ5S.mjs';
+export { BooleanState, NumberState, PromiseState, Store, StringState, ValueState } from './chunk-GPPSD2BO.mjs';
+import './chunk-FLACAHWH.mjs';
+import './chunk-NCGC2KDE.mjs';
+import './chunk-TEVYTENF.mjs';
 import './chunk-IMOLRP7I.mjs';
 import './chunk-GKAU4P5I.mjs';
 export { RootStore, rootStore, useStore } from './chunk-XSGTWROT.mjs';
-import './chunk-R4N52NI2.mjs';
+import './chunk-VDDGCMCB.mjs';
 export { PaginationState } from './chunk-ONVPCAMQ.mjs';
 import './chunk-K7LFG5BA.mjs';
-import './chunk-R4SQKVDQ.mjs';
-//# sourceMappingURL=out.js.map
+import './chunk-YOSPWY5K.mjs';
+//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/inspector.d.mts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { S as Store } from './root-BPMUmS6H.mjs';
+import 'typed-emitter';
+
+declare class DevInspectorPlugin implements Store {
+    sid: string;
+    stype: string;
+    autoObservable: boolean;
+    disabled: boolean;
+    editor: 'vscode' | 'cursor';
+    constructor(args?: Partial<DevInspectorPlugin>);
+    provider: () => React.JSX.Element;
+}
+
+export { DevInspectorPlugin };

package/dist/inspector.mjs

@@ -1,4 +1,4 @@
-import './chunk-R4SQKVDQ.mjs';
+import './chunk-YOSPWY5K.mjs';
 import React from 'react';
 import { Inspector } from 'react-dev-inspector';
 
@@ -16,8 +16,7 @@ var DevInspectorPlugin = class {
           keys: ["control", "shift", "command", "c"],
           disableLaunchEditor: true,
           onClickElement: ({ codeInfo }) => {
-            if (!(codeInfo == null ? void 0 : codeInfo.absolutePath))
-              return;
+            if (!(codeInfo == null ? void 0 : codeInfo.absolutePath)) return;
             const { absolutePath, lineNumber, columnNumber } = codeInfo;
             window.open(`${this.editor}://file/${absolutePath}:${lineNumber}:${columnNumber}`);
           }
@@ -29,5 +28,5 @@ var DevInspectorPlugin = class {
 };
 
 export { DevInspectorPlugin };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=inspector.mjs.map
 //# sourceMappingURL=inspector.mjs.map

package/dist/inspector.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../module/DevInspector/index.tsx"],"names":[],"mappings":";;;AAAA,OAAO,WAAW;AAClB,SAAS,iBAAgC;AAGlC,IAAM,qBAAN,MAA0C;AAAA,EAO/C,YAAY,OAAoC,CAAC,GAAG;AANpD,eAAM;AACN,iBAAQ;AACR,0BAAiB;AACjB,oBAAW;AACX,kBAA8B;AAM9B,oBAAW,MAAM;AACf,aACE;AAAA,QAAC;AAAA;AAAA,UAGC,MAAM,CAAC,WAAW,SAAS,WAAW,GAAG;AAAA,UACzC,qBAAqB;AAAA,UACrB,gBAAgB,CAAC,EAAE,SAAS,MAAqB;AAC/C,gBAAI,EAAC,qCAAU;AAAc;AAC7B,kBAAM,EAAE,cAAc,YAAY,aAAa,IAAI;AAEnD,mBAAO,KAAK,GAAG,KAAK,MAAM,WAAW,YAAY,IAAI,UAAU,IAAI,YAAY,EAAE;AAAA,UACnF;AAAA;AAAA,MACF;AAAA,IAEJ;AAlBE,WAAO,OAAO,MAAM,IAAI;AAAA,EAC1B;AAkBF","sourcesContent":["import React from 'react';\nimport { Inspector, InspectParams } from 'react-dev-inspector';\nimport { Store } from '../../store/standard/base';\n\nexport class DevInspectorPlugin implements Store {\n  sid = 'DevInspectorPlugin';\n  stype = \"Plugin\"\n  autoObservable = false;\n  disabled = false;\n  editor: 'vscode' | 'cursor' = 'vscode';\n\n  constructor(args: Partial<DevInspectorPlugin> = {}) {\n    Object.assign(this, args);\n  }\n\n  provider = () => {\n    return (\n      <Inspector\n        // props see docs:\n        // https://github.com/zthxxx/react-dev-inspector#inspector-component-props\n        keys={['control', 'shift', 'command', 'c']}\n        disableLaunchEditor={true}\n        onClickElement={({ codeInfo }: InspectParams) => {\n          if (!codeInfo?.absolutePath) return\n          const { absolutePath, lineNumber, columnNumber } = codeInfo\n          // you can change the url protocol if you are using in Web IDE\n          window.open(`${this.editor}://file/${absolutePath}:${lineNumber}:${columnNumber}`)\n        }}\n      />\n    );\n  };\n}\n"]}
+{"version":3,"sources":["../module/DevInspector/index.tsx"],"names":[],"mappings":";;;;AAIO,IAAM,qBAAN,MAA0C;AAAA,EAO/C,WAAA,CAAY,IAAA,GAAoC,EAAC,EAAG;AANpD,IAAA,IAAA,CAAA,GAAA,GAAM,oBAAA;AACN,IAAA,IAAA,CAAA,KAAA,GAAQ,QAAA;AACR,IAAA,IAAA,CAAA,cAAA,GAAiB,KAAA;AACjB,IAAA,IAAA,CAAA,QAAA,GAAW,KAAA;AACX,IAAA,IAAA,CAAA,MAAA,GAA8B,QAAA;AAM9B,IAAA,IAAA,CAAA,QAAA,GAAW,MAAM;AACf,MAAA,uBACE,KAAA,CAAA,aAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UAGC,IAAA,EAAM,CAAC,SAAA,EAAW,OAAA,EAAS,WAAW,GAAG,CAAA;AAAA,UACzC,mBAAA,EAAqB,IAAA;AAAA,UACrB,cAAA,EAAgB,CAAC,EAAE,QAAA,EAAS,KAAqB;AAC/C,YAAA,IAAI,EAAC,qCAAU,YAAA,CAAA,EAAc;AAC7B,YAAA,MAAM,EAAE,YAAA,EAAc,UAAA,EAAY,YAAA,EAAa,GAAI,QAAA;AAEnD,YAAA,MAAA,CAAO,IAAA,CAAK,CAAA,EAAG,IAAA,CAAK,MAAM,CAAA,QAAA,EAAW,YAAY,CAAA,CAAA,EAAI,UAAU,CAAA,CAAA,EAAI,YAAY,CAAA,CAAE,CAAA;AAAA,UACnF;AAAA;AAAA,OACF;AAAA,IAEJ,CAAA;AAlBE,IAAA,MAAA,CAAO,MAAA,CAAO,MAAM,IAAI,CAAA;AAAA,EAC1B;AAkBF","file":"inspector.mjs","sourcesContent":["import React from 'react';\nimport { Inspector, InspectParams } from 'react-dev-inspector';\nimport { Store } from '../../store/standard/base';\n\nexport class DevInspectorPlugin implements Store {\n  sid = 'DevInspectorPlugin';\n  stype = \"Plugin\"\n  autoObservable = false;\n  disabled = false;\n  editor: 'vscode' | 'cursor' = 'vscode';\n\n  constructor(args: Partial<DevInspectorPlugin> = {}) {\n    Object.assign(this, args);\n  }\n\n  provider = () => {\n    return (\n      <Inspector\n        // props see docs:\n        // https://github.com/zthxxx/react-dev-inspector#inspector-component-props\n        keys={['control', 'shift', 'command', 'c']}\n        disableLaunchEditor={true}\n        onClickElement={({ codeInfo }: InspectParams) => {\n          if (!codeInfo?.absolutePath) return\n          const { absolutePath, lineNumber, columnNumber } = codeInfo\n          // you can change the url protocol if you are using in Web IDE\n          window.open(`${this.editor}://file/${absolutePath}:${lineNumber}:${columnNumber}`)\n        }}\n      />\n    );\n  };\n}\n"]}

package/dist/jsoncomponent.d.mts

@@ -0,0 +1,22 @@
+import React from 'react';
+
+declare const COMPONENTS: {
+    Card: <T extends Record<string, any>>({ jsondata }: {
+        jsondata: JSONDataType<T>;
+    }) => React.JSX.Element;
+    CardList: <T_1 extends Record<string, any>>({ jsondata }: {
+        jsondata: JSONDataType<T_1>;
+    }) => React.JSX.Element;
+    Nav: <T_2 extends Record<string, any>>({ jsondata }: {
+        jsondata: JSONDataType<T_2>;
+    }) => React.JSX.Element;
+};
+type JSONDataType<T extends Record<string, any>> = Array<T> | T;
+interface JSONComponentProps<T extends Record<string, any>> {
+    className?: string;
+    jsondata: JSONDataType<T>;
+    type?: keyof typeof COMPONENTS;
+}
+declare const JSONComponent: <T extends Record<string, any>>({ className, jsondata, type }: JSONComponentProps<T>) => React.JSX.Element;
+
+export { JSONComponent, type JSONComponentProps, type JSONDataType };

package/dist/jsoncomponent.mjs

@@ -1,4 +1,4 @@
-import './chunk-R4SQKVDQ.mjs';
+import './chunk-YOSPWY5K.mjs';
 import React from 'react';
 
 var CardWidget = ({ jsondata }) => {
@@ -38,5 +38,5 @@ var JSONComponent = ({ className, jsondata, type }) => {
 };
 
 export { JSONComponent };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=jsoncomponent.mjs.map
 //# sourceMappingURL=jsoncomponent.mjs.map

package/dist/jsoncomponent.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../components/JSONComponent/index.tsx","../components/JSONComponent/Widgets/Card.tsx","../components/JSONComponent/Widgets/CardList.tsx","../components/JSONComponent/Widgets/Nav.tsx"],"names":["React"],"mappings":";;;AAAA,OAAOA,YAAW;;;ACAlB,OAAO,WAAW;AAGlB,IAAM,aAAa,CAAgC,EAAE,SAAS,MAAqC;AACjG,QAAM,OAAO,OAAO,KAAK,QAAQ;AACjC,SACE,oCAAC,SAAI,WAAU,qEACZ,KAAK,IAAI,SAAO;AACf,WACE,oCAAC,SAAI,WAAU,qCAAoC,OACjD,oCAAC,aACE,GACH,GACA,oCAAC,aACE,SAAS,GAAG,CACf,CACF;AAAA,EAEJ,CAAC,CACH;AAEJ;AAEA,IAAO,eAAQ;;;ACvBf,OAAOA,YAAW;AAIlB,IAAM,iBAAiB,CAAgC,EAAE,SAAS,MAAqC;AACrG,MAAI,MAAM,QAAQ,QAAQ,GAAG;AAC3B,UAAM,YAAY,SAAS,CAAC;AAC5B,QAAI,aAAa,UAAU,gBAAgB,QAAQ;AACjD,aACE,gBAAAA,OAAA,cAAC,SAAI,WAAU,eACZ,SAAS,IAAI,CAAC,MAAM,UAAU;AAC7B,eACE,gBAAAA,OAAA,cAAC,gBAAW,UAAU,MAAM,KAAK,OAAO;AAAA,MAE5C,CAAC,CACH;AAAA,IAEJ;AAAA,EACF;AACA,SACE,gBAAAA,OAAA,cAAC,gBAAW,UAAoB;AAEpC;AAEA,IAAO,mBAAQ;;;ACxBf,OAAOA,YAAW;AAGlB,IAAM,YAAY,CAAgC,EAAE,SAAS,MAAqC;AAChG,SACE,gBAAAA,OAAA,cAAC,aACC,gBAAAA,OAAA,cAAC,YAAG,KAAG,CACT;AAEJ;AAEA,IAAO,cAAQ;;;AHNf,IAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF;AAUO,IAAM,gBAAgB,CAAgC,EAAE,WAAW,UAAU,KAAK,MAA6B;AACpH,QAAM,QAAQ,SAAS,MAAM,QAAQ,QAAQ,IAAI,aAAa;AAC9D,QAAM,OAAO,WAAW,KAAK;AAC7B,SACE,gBAAAA,OAAA,cAAC,SAAI,aACH,gBAAAA,OAAA,cAAC,QAAK,UAAoB,CAC5B;AAEJ","sourcesContent":["import React from \"react\";\nimport Card from \"./Widgets/Card\";\nimport CardList from \"./Widgets/CardList\";\nimport Nav from \"./Widgets/Nav\";\n\nconst COMPONENTS = {\n  Card,\n  CardList,\n  Nav,\n};\n\nexport type JSONDataType<T extends Record<string, any>> = Array<T> | T;\n\nexport interface JSONComponentProps<T extends Record<string, any>> {\n  className?: string;\n  jsondata: JSONDataType<T>;\n  type?: keyof typeof COMPONENTS;\n}\n\nexport const JSONComponent = <T extends Record<string, any>>({ className, jsondata, type }: JSONComponentProps<T>) => {\n  const _type = type || (Array.isArray(jsondata) ? 'CardList' : 'Card');\n  const Comp = COMPONENTS[_type];\n  return (\n    <div className={className}>\n      <Comp jsondata={jsondata} />\n    </div>\n  );\n}\n","import React from \"react\";\nimport { JSONDataType } from \"..\";\n\nconst CardWidget = <T extends Record<string, any>>({ jsondata }: { jsondata: JSONDataType<T> }) => {\n  const keys = Object.keys(jsondata);\n  return (\n    <div className=\"p-2 shadow-sm rounded-lg border dark:border-[#3e3e3e] space-y-2\">\n      {keys.map(key => {\n        return (\n          <div className=\"flex items-center justify-between\" key={key}>\n            <div>\n              {key}\n            </div>\n            <div>\n              {jsondata[key]}\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  );\n}\n\nexport default CardWidget;","import React from \"react\";\nimport { JSONDataType } from \"..\";\nimport CardWidget from \"./Card\";\n\nconst CardListWidget = <T extends Record<string, any>>({ jsondata }: { jsondata: JSONDataType<T> }) => {\n  if (Array.isArray(jsondata)) {\n    const firstData = jsondata[0];\n    if (firstData && firstData.constructor === Object) {\n      return (\n        <div className=\"space-y-2\">\n          {jsondata.map((item, index) => {\n            return (\n              <CardWidget jsondata={item} key={index} />\n            )\n          })}\n        </div>\n      )\n    }\n  }\n  return (\n    <CardWidget jsondata={jsondata} />\n  );\n}\n\nexport default CardListWidget;","import React from \"react\";\nimport { JSONDataType } from \"..\";\n\nconst NavWidget = <T extends Record<string, any>>({ jsondata }: { jsondata: JSONDataType<T> }) => {\n  return (\n    <div>\n      <h1>Nav</h1>\n    </div>\n  );\n}\n\nexport default NavWidget;"]}
+{"version":3,"sources":["../components/JSONComponent/Widgets/Card.tsx","../components/JSONComponent/Widgets/CardList.tsx","../components/JSONComponent/Widgets/Nav.tsx","../components/JSONComponent/index.tsx"],"names":["React"],"mappings":";;;AAGA,IAAM,UAAA,GAAa,CAAgC,EAAE,QAAA,EAAS,KAAqC;AACjG,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,IAAA,CAAK,QAAQ,CAAA;AACjC,EAAA,2CACG,KAAA,EAAA,EAAI,SAAA,EAAU,iEAAA,EAAA,EACZ,IAAA,CAAK,IAAI,CAAA,GAAA,KAAO;AACf,IAAA,uBACE,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EAAoC,uBACjD,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,IAAA,EACE,GACH,CAAA,kBACA,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,IAAA,EACE,QAAA,CAAS,GAAG,CACf,CACF,CAAA;AAAA,EAEJ,CAAC,CACH,CAAA;AAEJ,CAAA;AAEA,IAAO,YAAA,GAAQ,UAAA;ACnBf,IAAM,cAAA,GAAiB,CAAgC,EAAE,QAAA,EAAS,KAAqC;AACrG,EAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,QAAQ,CAAA,EAAG;AAC3B,IAAA,MAAM,SAAA,GAAY,SAAS,CAAC,CAAA;AAC5B,IAAA,IAAI,SAAA,IAAa,SAAA,CAAU,WAAA,KAAgB,MAAA,EAAQ;AACjD,MAAA,uBACEA,KAAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,eACZ,QAAA,CAAS,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC7B,QAAA,uBACEA,KAAAA,CAAA,aAAA,CAAC,gBAAW,QAAA,EAAU,IAAA,EAAM,KAAK,KAAA,EAAO,CAAA;AAAA,MAE5C,CAAC,CACH,CAAA;AAAA,IAEJ;AAAA,EACF;AACA,EAAA,uBACEA,KAAAA,CAAA,aAAA,CAAC,YAAA,EAAA,EAAW,QAAA,EAAoB,CAAA;AAEpC,CAAA;AAEA,IAAO,gBAAA,GAAQ,cAAA;ACrBf,IAAM,SAAA,GAAY,CAAgC,EAAE,QAAA,EAAS,KAAqC;AAChG,EAAA,uBACEA,MAAA,aAAA,CAAC,KAAA,EAAA,IAAA,kBACCA,KAAAA,CAAA,aAAA,CAAC,IAAA,EAAA,IAAA,EAAG,KAAG,CACT,CAAA;AAEJ,CAAA;AAEA,IAAO,WAAA,GAAQ,SAAA;;;ACNf,IAAM,UAAA,GAAa;AAAA,EACjB,IAAA,EAAA,YAAA;AAAA,EACA,QAAA,EAAA,gBAAA;AAAA,EACA,GAAA,EAAA;AACF,CAAA;AAUO,IAAM,gBAAgB,CAAgC,EAAE,SAAA,EAAW,QAAA,EAAU,MAAK,KAA6B;AACpH,EAAA,MAAM,QAAQ,IAAA,KAAS,KAAA,CAAM,OAAA,CAAQ,QAAQ,IAAI,UAAA,GAAa,MAAA,CAAA;AAC9D,EAAA,MAAM,IAAA,GAAO,WAAW,KAAK,CAAA;AAC7B,EAAA,uBACEA,KAAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAA,kBACHA,KAAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAK,QAAA,EAAoB,CAC5B,CAAA;AAEJ","file":"jsoncomponent.mjs","sourcesContent":["import React from \"react\";\nimport { JSONDataType } from \"..\";\n\nconst CardWidget = <T extends Record<string, any>>({ jsondata }: { jsondata: JSONDataType<T> }) => {\n  const keys = Object.keys(jsondata);\n  return (\n    <div className=\"p-2 shadow-sm rounded-lg border dark:border-[#3e3e3e] space-y-2\">\n      {keys.map(key => {\n        return (\n          <div className=\"flex items-center justify-between\" key={key}>\n            <div>\n              {key}\n            </div>\n            <div>\n              {jsondata[key]}\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  );\n}\n\nexport default CardWidget;","import React from \"react\";\nimport { JSONDataType } from \"..\";\nimport CardWidget from \"./Card\";\n\nconst CardListWidget = <T extends Record<string, any>>({ jsondata }: { jsondata: JSONDataType<T> }) => {\n  if (Array.isArray(jsondata)) {\n    const firstData = jsondata[0];\n    if (firstData && firstData.constructor === Object) {\n      return (\n        <div className=\"space-y-2\">\n          {jsondata.map((item, index) => {\n            return (\n              <CardWidget jsondata={item} key={index} />\n            )\n          })}\n        </div>\n      )\n    }\n  }\n  return (\n    <CardWidget jsondata={jsondata} />\n  );\n}\n\nexport default CardListWidget;","import React from \"react\";\nimport { JSONDataType } from \"..\";\n\nconst NavWidget = <T extends Record<string, any>>({ jsondata }: { jsondata: JSONDataType<T> }) => {\n  return (\n    <div>\n      <h1>Nav</h1>\n    </div>\n  );\n}\n\nexport default NavWidget;","import React from \"react\";\nimport Card from \"./Widgets/Card\";\nimport CardList from \"./Widgets/CardList\";\nimport Nav from \"./Widgets/Nav\";\n\nconst COMPONENTS = {\n  Card,\n  CardList,\n  Nav,\n};\n\nexport type JSONDataType<T extends Record<string, any>> = Array<T> | T;\n\nexport interface JSONComponentProps<T extends Record<string, any>> {\n  className?: string;\n  jsondata: JSONDataType<T>;\n  type?: keyof typeof COMPONENTS;\n}\n\nexport const JSONComponent = <T extends Record<string, any>>({ className, jsondata, type }: JSONComponentProps<T>) => {\n  const _type = type || (Array.isArray(jsondata) ? 'CardList' : 'Card');\n  const Comp = COMPONENTS[_type];\n  return (\n    <div className={className}>\n      <Comp jsondata={jsondata} />\n    </div>\n  );\n}\n"]}

package/dist/jsontable.d.mts

@@ -0,0 +1,126 @@
+import React from 'react';
+import { SpinnerProps, PaginationProps } from '@nextui-org/react';
+import { P as PaginationState } from './PaginationState-Bmrrw0ky.mjs';
+
+type TableClassNames = {
+    table?: string;
+    thead?: string;
+    tr?: string;
+    th?: string;
+    tbody?: string;
+    td?: string;
+};
+type HeaderKeys<T extends Record<string, any>> = Array<keyof T | "$actions">;
+type ColumnConfig<T> = {
+    label?: React.ReactNode;
+    width?: number;
+    hidden?: boolean;
+    sortable?: boolean;
+    sortKey?: string;
+    order?: number;
+    render?: (item: T) => any;
+};
+type ColumnOptions<T> = {
+    [key in keyof T]?: ColumnConfig<T>;
+} & {
+    $actions?: ColumnConfig<T>;
+};
+type CardOptions = {
+    cardContainerClassName?: string;
+    cardClassName?: string;
+    itemClassName?: string;
+    labelClassName?: string;
+    valueClassName?: string;
+    showDivider?: boolean;
+    dividerClassName?: string;
+    virtualizedOptions?: {
+        colSpan?: number;
+        cardContainerClassName?: string;
+    };
+};
+type LoadingOptions = {
+    type?: "skeleton" | "spinner";
+    skeleton?: {
+        boxClassName?: string;
+        skeletonClassName?: string;
+        line?: number;
+    };
+    spinner?: {
+        boxClassName?: string;
+        spinnerProps?: SpinnerProps;
+        text?: string;
+        textClassName?: string;
+    };
+};
+type SortingUIOptions = {
+    showDropdown?: boolean;
+    dropdownTriggerBtnClassName?: string;
+    dropdownContentClassName?: string;
+    dropdownItemClassName?: string;
+    titles?: {
+        asc?: string;
+        desc?: string;
+        none?: string;
+    };
+};
+type CollapsedTableConfig<T> = {
+    classNames?: TableClassNames;
+    options: {
+        key: keyof T;
+        headerKeys: string[];
+        columnOptions: ColumnOptions<any>;
+    }[];
+    collapsedHandlerPosition?: "left" | "right";
+    collapsedHandlerBoxCss?: string;
+    openedIcon?: React.ReactNode;
+    closedIcon?: React.ReactNode;
+    onRowClick?: (item: any) => void;
+    rowCss?: string | ((item: any) => string | undefined);
+    emptyContent?: React.ReactNode;
+};
+type VirtualizedOptions = {
+    isVirtualized?: boolean;
+    vListHeight?: number;
+    classNames?: {
+        header?: string;
+        headerCell?: string;
+        row?: string;
+        rowCell?: string;
+    };
+    cardOptions?: {
+        colSpan?: number;
+        cardContainerClassName?: string;
+    };
+    fetchData?: () => Promise<void>;
+};
+interface JSONTableProps<T extends Record<string, any>> {
+    className?: string;
+    classNames?: TableClassNames;
+    rowKey?: string;
+    dataSource: T[];
+    headerKeys?: HeaderKeys<T>;
+    columnOptions?: ColumnOptions<T>;
+    isServerPaging?: boolean;
+    pagination?: PaginationState;
+    nextuiPaginationProps?: Partial<PaginationProps>;
+    showPagination?: boolean;
+    onRowClick?: (item: T) => void;
+    rowCss?: string | ((item: T) => string | undefined);
+    asCard?: boolean;
+    cardOptions?: CardOptions;
+    autoScrollToTop?: boolean;
+    emptyContent?: React.ReactNode;
+    isLoading?: boolean;
+    loadingOptions?: LoadingOptions;
+    loadingContent?: React.ReactNode;
+    columnSlot?: ((props: {
+        row: T;
+    }) => React.ReactNode) | React.ReactNode;
+    isHeaderSticky?: boolean;
+    sortingUIOptions?: SortingUIOptions;
+    collapsedTableConfig?: CollapsedTableConfig<T>;
+    virtualizedOptions?: VirtualizedOptions;
+}
+declare const JSONTable: <T extends Record<string, any>>(props: JSONTableProps<T>) => React.JSX.Element;
+
+export { type CardOptions, type CollapsedTableConfig, type ColumnOptions, type HeaderKeys, JSONTable, type LoadingOptions, type SortingUIOptions };

package/dist/jsontable.mjs

@@ -1,8 +1,8 @@
-export { JSONTable } from './chunk-MPNSYZJU.mjs';
+export { JSONTable } from './chunk-2B3FO5P6.mjs';
 import './chunk-ONVPCAMQ.mjs';
-import './chunk-QA3E2PJT.mjs';
+import './chunk-AFXQRBS6.mjs';
 import './chunk-K7LFG5BA.mjs';
-import './chunk-2HNXZE3X.mjs';
-import './chunk-R4SQKVDQ.mjs';
-//# sourceMappingURL=out.js.map
+import './chunk-6HA5WR5H.mjs';
+import './chunk-YOSPWY5K.mjs';
+//# sourceMappingURL=jsontable.mjs.map
 //# sourceMappingURL=jsontable.mjs.map

package/dist/jsontable.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"jsontable.mjs"}

package/dist/metrics.d.mts

@@ -0,0 +1,121 @@
+import React from 'react';
+import { ValueFormatter, CurveType, Color, CustomTooltipProps } from '@tremor/react';
+
+interface ChartBox {
+    title?: React.ReactNode;
+    description?: string;
+    error?: string;
+    data?: {
+        [key: string]: any;
+    }[];
+    children?: React.ReactNode;
+    gridH?: number;
+    numColSpanMd?: number;
+    className?: string;
+    headerClassName?: string;
+    contentClassName?: string;
+    chartClassName?: string;
+}
+declare const ChartBox: ({ title, description, error, children, className, headerClassName, contentClassName }: ChartBox) => React.JSX.Element;
+
+type BarChartCard = ChartBox & {
+    type?: 'BarChartCard';
+    categories?: string[];
+    index?: string;
+    valueFormatter?: ValueFormatter;
+    showLegend?: boolean;
+    showGridLines?: boolean;
+    stack?: boolean;
+    showAnimation?: boolean;
+};
+declare const BarChartCard: (props: BarChartCard) => React.JSX.Element;
+
+type LineChartCard = ChartBox & {
+    type?: 'LineChartCard';
+    categories?: string[];
+    index?: string;
+    curveType?: CurveType;
+    colors?: (Color | string)[];
+    showLegend?: boolean;
+    showGridLines?: boolean;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    startEndOnly?: boolean;
+    showTooltip?: boolean;
+    showAnimation?: boolean;
+    autoMinValue?: boolean;
+    valueFormatter?: ValueFormatter;
+    customTooltip?: React.ComponentType<CustomTooltipProps>;
+};
+declare const LineChartCard: (props: LineChartCard) => React.JSX.Element;
+
+type AreaChartCard = ChartBox & {
+    type?: 'AreaChartCard';
+    categories?: string[];
+    index?: string;
+    curveType?: CurveType;
+    colors?: (Color | string)[];
+    showLegend?: boolean;
+    showGridLines?: boolean;
+    stack?: boolean;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    startEndOnly?: boolean;
+    showTooltip?: boolean;
+    showAnimation?: boolean;
+    autoMinValue?: boolean;
+    valueFormatter?: ValueFormatter;
+    customTooltip?: React.ComponentType<CustomTooltipProps>;
+};
+declare const AreaChartCard: (props: AreaChartCard) => React.JSX.Element;
+
+type DonutChartCard = ChartBox & {
+    type?: 'DonutChartCard';
+    categories?: string[];
+    index?: string;
+    valueFormatter?: ValueFormatter;
+    showLabel?: boolean;
+    variant?: 'donut' | 'pie';
+    showAnimation?: boolean;
+};
+declare const DonutChartCard: (props: DonutChartCard) => React.JSX.Element;
+
+type CountCard = ChartBox & {
+    type?: 'CountCard';
+    summedColumnIndex?: string;
+};
+declare const CountCard: (props: CountCard) => React.JSX.Element;
+
+type TableCard = ChartBox & {
+    type?: 'TableCard';
+    columnOptions?: {
+        [key: string]: {
+            label: string;
+            hidden: boolean;
+        };
+    };
+};
+declare const TableCard: (props: TableCard) => React.JSX.Element;
+
+type KPICard = ChartBox & {
+    type?: 'KPICard';
+    categories?: string[];
+    index?: string;
+    chartType?: 'area' | 'line';
+    curveType?: 'linear' | 'step' | 'monotone';
+    metricTitle?: string;
+    metric?: string | number;
+    valueFormatter?: ValueFormatter;
+    loading?: boolean;
+};
+declare const KPICard: (props: KPICard) => React.JSX.Element;
+
+type JSONMetricsViewType = AreaChartCard | LineChartCard | BarChartCard | DonutChartCard | CountCard | TableCard | KPICard;
+declare const JSONMetricsView: ({ data }: {
+    data: JSONMetricsViewType[];
+}) => React.JSX.Element;
+declare const MetricsView: ({ data }: {
+    data: JSONMetricsViewType;
+}) => React.JSX.Element;
+
+export { JSONMetricsView, type JSONMetricsViewType, MetricsView };

package/dist/metrics.mjs

@@ -1,11 +1,11 @@
-import { JSONTable } from './chunk-MPNSYZJU.mjs';
+import { JSONTable } from './chunk-2B3FO5P6.mjs';
 import './chunk-ONVPCAMQ.mjs';
-import { SkeletonBox } from './chunk-QA3E2PJT.mjs';
+import { SkeletonBox } from './chunk-AFXQRBS6.mjs';
 import './chunk-K7LFG5BA.mjs';
-import { cn } from './chunk-2HNXZE3X.mjs';
-import { __spreadValues } from './chunk-R4SQKVDQ.mjs';
+import { cn } from './chunk-6HA5WR5H.mjs';
+import { __spreadValues } from './chunk-YOSPWY5K.mjs';
 import React8 from 'react';
-import { Grid, Col, BarChart, LineChart, AreaChart, DonutChart, Text } from '@tremor/react';
+import { Grid, Col, Text, AreaChart, LineChart, DonutChart, BarChart } from '@tremor/react';
 import { Card } from '@nextui-org/react';
 
 var ChartBox = ({ title, description, error, children, className, headerClassName, contentClassName }) => {
@@ -216,5 +216,5 @@ var MetricsView = ({ data }) => {
 };
 
 export { JSONMetricsView, MetricsView };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=metrics.mjs.map
 //# sourceMappingURL=metrics.mjs.map

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 rounded-lg 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 { Color, CurveType, CustomTooltipProps, 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?: CurveType;\n  colors?: (Color | string)[];\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  customTooltip?: React.ComponentType<CustomTooltipProps>;\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    customTooltip\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        customTooltip={customTooltip}\n      />\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { AreaChart, Color, CurveType, 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?: CurveType;\n  colors?: (Color | string)[];\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?: React.ComponentType<CustomTooltipProps>\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/ChartBox/index.tsx","../components/JSONMetricsView/BarChartCard/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/JSONMetricsView/index.tsx"],"names":["React","AreaChart","LineChart"],"mappings":"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","file":"metrics.mjs","sourcesContent":["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 rounded-lg 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 { 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 { Color, CurveType, CustomTooltipProps, 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?: CurveType;\n  colors?: (Color | string)[];\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  customTooltip?: React.ComponentType<CustomTooltipProps>;\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    customTooltip\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        customTooltip={customTooltip}\n      />\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { AreaChart, Color, CurveType, 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?: CurveType;\n  colors?: (Color | string)[];\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?: React.ComponentType<CustomTooltipProps>\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","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"]}