@dappworks/kit 0.5.34 → 0.5.35

package/dist/{chunk-I2RSE63R.mjs → chunk-SL5OV6OR.mjs}

@@ -1,5 +1,5 @@
-import { ToastPlugin } from './chunk-7EL2RQI7.mjs';
-import { RootStore } from './chunk-SA53R6TL.mjs';
+import { ToastPlugin } from './chunk-IMOLRP7I.mjs';
+import { RootStore } from './chunk-IDKGZ5T4.mjs';
 import { makeAutoObservable } from 'mobx';
 import { EventEmitter } from 'events';
 import { useEffect } from 'react';
@@ -222,4 +222,4 @@ var PromiseState = class {
 
 export { BooleanState, NumberState, PromiseState, Store, StringState, ValueState };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-I2RSE63R.mjs.map
+//# sourceMappingURL=chunk-SL5OV6OR.mjs.map

package/dist/chunk-SL5OV6OR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../store/standard/base.ts","../store/standard/PromiseState.ts"],"names":["makeAutoObservable"],"mappings":";;;;;;;;AAAA,SAAS,0BAA0B;AAI5B,IAAe,QAAf,MAAqB;AAAA,EAwC1B,cAAc;AA5ChB;AA6CI,SAAK,WAAU,UAAK,YAAL,YAAgB;AAAA,EACjC;AACF;AASO,IAAM,cAAN,MAAoC;AAAA,EAGzC,YAAY,OAAgC,CAAC,GAAG;AADhD;AAAA,iBAAW;AAET,WAAO,OAAO,MAAM,IAAI;AACxB,uBAAmB,IAAI;AAAA,EACzB;AAAA,EACA,SAAS,OAAU;AACjB,SAAK,QAAQ;AAAA,EACf;AACF;AAEO,IAAM,eAAN,MAAmB;AAAA,EAExB,YAAY,OAA8B,CAAC,GAAG;AAD9C,iBAAiB;AAEf,WAAO,OAAO,MAAM,IAAI;AACxB,uBAAmB,IAAI;AAAA,EACzB;AAAA,EACA,SAAS,OAAgB;AACvB,SAAK,QAAQ;AAAA,EACf;AACF;AAEO,IAAM,cAAN,MAAkB;AAAA,EAEvB,YAAY,OAA6B,CAAC,GAAG;AAD7C,iBAAgB;AAEd,WAAO,OAAO,MAAM,IAAI;AACxB,uBAAmB,IAAI;AAAA,EACzB;AAAA,EACA,SAAS,OAAe;AACtB,SAAK,QAAQ;AAAA,EACf;AACF;AAEO,IAAM,aAAN,MAAoB;AAAA,EAGzB,YAAY,OAA+B,CAAC,GAAG;AAD/C;AAAA,kBAAY;AAEV,WAAO,OAAO,MAAM,IAAI;AACxB,uBAAmB,IAAI;AAAA,EACzB;AAAA,EAEA,IAAI,QAAQ;AACV,WAAO,KAAK,WAAW,KAAK,SAAS,KAAK,MAAM,IAAI,KAAK;AAAA,EAC3D;AAAA,EAEA,IAAI,MAAM,OAAO;AACf,SAAK,SAAS;AAAA,EAChB;AAAA,EAIA,SAAS,OAAU;AACjB,SAAK,SAAS;AAAA,EAChB;AACF;;;AC/GA,SAAS,oBAAoB;AAC7B,SAAS,sBAAAA,2BAA0B;AAInC,SAAS,iBAAiB;AAWnB,IAAM,eAAN,MAAkF;AAAA,EA8GvF,YAAY,OAAoC,CAAC,GAAG;AA7GpD,eAAM;AAEN,mBAAU,IAAI,aAAa;AAE3B;AAAA,iBAAqB;AACrB,wBAAoB;AAEpB,qBAA+D;AAC/D,mBAAwC;AAExC,qBAAY;AACZ,sBAAa;AACb,oBAAW;AACX,qBAAY;AACZ,mBAAe;AAEf,sBAAqB;AACrB,kBAAiB;AACjB,iCAAwB;AAExB,uBAAc;AAGd;AAAA,iBAAQ,IAAI,aAAa;AA+BzB;AAAA,wBAA0B,IAAI,YAAY,EAAE,OAAO,EAAE,CAAC;AAqDtD;AAAA,iBAAsD;AAGpD,WAAO,OAAO,MAAM,IAAI;AACxB,QAAI,KAAK,cAAc;AACrB,WAAK,QAAQ,KAAK;AAAA,IACpB;AACA,QAAI,KAAK,KAAK;AACZ,gBAAU,KAAK,EAAE,IAAI,MAAM,EAAE,KAAK,KAAK,IAAI,CAAC;AAAA,IAC9C,OAAO;AACL,MAAAA,oBAAmB,IAAI;AAAA,IACzB;AAAA,EACF;AAAA,EA9FA,GAA2B,OAAU,UAAqB;AACxD,SAAK,MAAM,GAAG,OAAO,QAAQ;AAC7B,WAAO;AAAA,EACT;AAAA,EAEA,KAA6B,OAAU,UAAqB;AAC1D,SAAK,MAAM,KAAK,OAAO,QAAQ;AAC/B,WAAO;AAAA,EACT;AAAA,EAEA,IAA4B,OAAU,UAAqB;AACzD,cAAU,MAAM;AACd,WAAK,MAAM,GAAG,OAAO,QAAQ;AAC7B,aAAO,MAAM;AACX,aAAK,MAAM,IAAI,OAAO,QAAQ;AAAA,MAChC;AAAA,IACF,GAAG,CAAC,CAAC;AAEL,WAAO,MAAM,KAAK,MAAM,IAAI,OAAO,QAAQ;AAAA,EAC7C;AAAA,EAEA,KAA6B,UAAa,MAA6B;AACrE,SAAK,MAAM,KAAK,OAAO,GAAG,IAAI;AAAA,EAChC;AAAA,EAOA,IAAI,UAAU;AACZ,QAAI,MAAM,QAAQ,KAAK,KAAK,KAAK,KAAK,MAAM,SAAS,KAAK,CAAC,KAAK,MAAM,KAAK,aAAa,KAAK,GAAG;AAC9F,WAAK,aAAa,SAAS,CAAC;AAAA,IAC9B;AAEA,WAAO,KAAK,MAAM,KAAK,aAAa,KAAK;AAAA,EAC3C;AAAA,EAEA,UAAU,OAAe;AACvB,SAAK,aAAa,SAAS,KAAK;AAChC,SAAK,MAAM,KAAK,UAAU,KAAK;AAC/B,SAAK,MAAM,KAAK,QAAQ;AAAA,EAC1B;AAAA,EAEA,SAAS,OAAe;AACtB,SAAK,UAAU,KAAK;AAAA,EACtB;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,MACL,OAAO,KAAK;AAAA,IACd;AAAA,EACF;AAAA;AAAA,EAGA,MAAM,WAAmC;AACvC,UAAM,KAAK,KAAK;AAChB,WAAO,KAAK;AAAA,EACd;AAAA;AAAA,EAGA,MAAM,KAAK,EAAE,OAAO,MAAM,IAAI,CAAC,GAAwB;AACrD,WAAO,IAAI,QAAoB,CAAC,KAAK,QAAQ;AAC3C,UAAI,KAAK,OAAO;AACd,YAAI,MAAM,QAAQ,KAAK,KAAK,GAAG;AAC7B,cAAI,KAAK,MAAM,SAAS,GAAG;AACzB,gBAAI,KAAK,KAAK;AAAA,UAChB;AAAA,QACF,OAAO;AACL,cAAI,KAAK,KAAK;AAAA,QAChB;AAAA,MACF;AAGA,UAAI,QAAQ,CAAC,KAAK,QAAQ;AAAO,aAAK,KAAK;AAC3C,WAAK,MAAM,KAAK,MAAM;AACtB,WAAK,MAAM,KAAK,QAAQ,GAAG;AAC3B,WAAK,MAAM,GAAG,SAAS,GAAG;AAAA,IAC5B,CAAC;AAAA,EACH;AAAA,EAiBA,MAAM,SAAS,KAAK;AAClB,QAAI,OAAO;AACX,QAAI,KAAK,WAAW;AAClB,aAAO,MAAM,KAAK,UAAU,GAAG;AAAA,IACjC;AACA,SAAK,QAAQ;AACb,SAAK,MAAM,KAAK,QAAQ,GAAG;AAC3B,SAAK,MAAM,KAAK,QAAQ;AAAA,EAC1B;AAAA,EAEA,MAAM,aAAa,MAA0C;AAC3D,QAAI,KAAK,OAAO;AACd,UAAI,MAAM,QAAQ,KAAK,KAAK,GAAG;AAC7B,YAAI,KAAK,MAAM,SAAS,GAAG;AACzB,iBAAO,KAAK;AAAA,QACd,OAAO;AACL,iBAAO,KAAK,KAAK,GAAG,IAAI;AAAA,QAC1B;AAAA,MACF,OAAO;AACL,eAAO,KAAK;AAAA,MACd;AAAA,IACF,OAAO;AACL,aAAO,KAAK,KAAK,GAAG,IAAI;AAAA,IAC1B;AAAA,EACF;AAAA,EAEA,MAAM,QAAQ,MAA0C;AApK1D;AAqKI,UAAM,QAAQ,UAAU,IAAI,WAAW;AACvC,QAAI;AACF,UAAI,KAAK,eAAe,KAAK,QAAQ,SAAS;AAAM;AACpD,WAAK,QAAQ,SAAS,IAAI;AAC1B,YAAM,MAAM,MAAM,KAAK,SAAS,MAAM,KAAK,SAAS,IAAI;AACxD,WAAK,SAAS,GAAG;AACjB,UAAI,KAAK,cAAc,KAAK;AAC1B,cAAM,QAAQ,KAAK,UAAU;AAAA,MAC/B;AACA,aAAO;AAAA,IACT,SAAS,OAAO;AACd,UAAI,KAAK,WAAW;AAClB,cAAM,UAAU,MAAM;AACtB,YAAI,QAAQ,SAAS,cAAc,GAAG;AACpC,gBAAM,QAAQ;AACd,cAAI,KAAK,uBAAuB;AAC9B,kBAAM,MAAM,OAAO;AAAA,UACrB;AAAA,QACF,OAAO;AACL,eAAK,SAAS;AACd,gBAAM,MAAM,OAAO;AAAA,QACrB;AACA,mBAAK,YAAL,8BAAe;AAAA,MACjB,OAAO;AACL,YAAI,KAAK,SAAS;AAChB,eAAK,QAAQ,KAAK;AAAA,QACpB,OAAO;AACL,eAAK,MAAM,KAAK,SAAS,KAAK;AAC9B,gBAAM;AAAA,QACR;AAAA,MACF;AAAA,IACF,UAAE;AACA,WAAK,MAAM,KAAK,SAAS;AACzB,WAAK,QAAQ,SAAS,KAAK;AAAA,IAC7B;AAAA,EACF;AACF","sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nimport { type RootStore } from \"../root\";\n\nexport abstract class Store {\n  sid?: string;\n  stype?: string;\n  disabled?: boolean;\n  autoObservable?: boolean;\n  autoAsyncable?: boolean;\n  _active?: number;\n\n  stores?: Store[];\n\n  private pannel?: {\n    title: string;\n    render: any;\n  };\n  devtools?: {\n    enable?: boolean;\n    started?: boolean;\n    panels: Store[\"pannel\"][];\n  };\n\n  private slot?: {\n    name?: string;\n    input?: Record<string, any>;\n    render: React.FC;\n  };\n  slots?: Record<string, Store[\"slot\"]>;\n\n  events?: Record<string, { name: string; handler(args: { e: MouseEvent; v?: any }): any }>;\n\n  provider?({ rootStore }: { rootStore: RootStore }): any;\n\n  onNewStore?({ rootStore, store }: { rootStore: RootStore; store: Store }): void;\n  onAddedStores?({ rootStore }: { rootStore: RootStore }): void;\n  onAdded?({ rootStore }: { rootStore: RootStore }): void;\n\n  init?(): void;\n  JSONView?: Record<string, { name: string; render: React.FC }>;\n\n  onKeyBindings?: () => { key: string; fn: () => void }[];\n\n  constructor() {\n    this._active = this._active ?? 0;\n  }\n}\n\nexport type StoreClass<T extends Store> = new (...args: any[]) => T;\n\nexport interface BaseState {\n  value: number;\n  setValue(value: any): any;\n}\n\nexport class StringState<T extends string> {\n  //@ts-ignore\n  value: T = null;\n  constructor(args: Partial<StringState<T>> = {}) {\n    Object.assign(this, args);\n    makeAutoObservable(this);\n  }\n  setValue(value: T) {\n    this.value = value;\n  }\n}\n\nexport class BooleanState {\n  value: boolean = false;\n  constructor(args: Partial<BooleanState> = {}) {\n    Object.assign(this, args);\n    makeAutoObservable(this);\n  }\n  setValue(value: boolean) {\n    this.value = value;\n  }\n}\n\nexport class NumberState {\n  value: number = 0;\n  constructor(args: Partial<NumberState> = {}) {\n    Object.assign(this, args);\n    makeAutoObservable(this);\n  }\n  setValue(value: number) {\n    this.value = value;\n  }\n}\n\nexport class ValueState<T> {\n  //@ts-ignore\n  _value: T = null;\n  constructor(args: Partial<ValueState<T>> = {}) {\n    Object.assign(this, args);\n    makeAutoObservable(this);\n  }\n\n  get value() {\n    return this.getValue ? this.getValue(this._value) : this._value;\n  }\n\n  set value(value) {\n    this._value = value;\n  }\n\n  getValue: (value: T) => T;\n\n  setValue(value: T) {\n    this._value = value;\n  }\n}\n\n// export interface Events {\n//   data: (data: any) => void;\n//   error: (error: any) => void;\n//   update: () => void;\n//   wait: () => void;\n// }\n","import { EventEmitter } from \"events\";\nimport { makeAutoObservable } from \"mobx\";\nimport { ToastPlugin } from \"../../module/Toast/Toast\";\nimport { RootStore } from \"../root\";\nimport { BaseState, BooleanState, NumberState } from \"./base\";\nimport { useEffect } from \"react\";\n\nexport interface Events {\n  data: (data: any) => void;\n  error: (error: any) => void;\n  select: (index: number) => void;\n  update: () => void;\n  finally: () => void;\n  wait: () => void;\n}\n\nexport class PromiseState<T extends (...args: any[]) => Promise<any>, U = ReturnType<T>> {\n  sid = \"PromiseState\";\n  key?: string;\n  loading = new BooleanState();\n  // @ts-ignore\n  value?: Awaited<U> = null;\n  defaultValue: any = null;\n  function: T;\n  transform?: (value: any) => Promise<Awaited<U>> | Awaited<U> = null;\n  onError?: (error: any) => void | null = null;\n\n  autoAlert = true;\n  autoUpdate = false;\n  autoInit = false;\n  autoClean = false;\n  context: any = undefined;\n\n  successMsg: string = \"\";\n  errMsg: string = \"\";\n  showUnauthorizedAlert = false;\n\n  loadingLock = true;\n\n  // event plugin\n  event = new EventEmitter();\n\n  on<E extends keyof Events>(event: E, listener: Events[E]) {\n    this.event.on(event, listener);\n    return this;\n  }\n\n  once<E extends keyof Events>(event: E, listener: Events[E]) {\n    this.event.once(event, listener);\n    return this;\n  }\n\n  use<E extends keyof Events>(event: E, listener: Events[E]) {\n    useEffect(() => {\n      this.event.on(event, listener);\n      return () => {\n        this.event.off(event, listener);\n      };\n    }, []);\n\n    return () => this.event.off(event, listener);\n  }\n\n  emit<E extends keyof Events>(event: E, ...args: Parameters<Events[E]>) {\n    this.event.emit(event, ...args);\n  }\n\n  // init plugin\n  init: () => Promise<void>;\n\n  // list selector plugin\n  currentIndex: BaseState = new NumberState({ value: 0 });\n  get current() {\n    if (Array.isArray(this.value) && this.value.length > 0 && !this.value[this.currentIndex.value]) {\n      this.currentIndex.setValue(0);\n    }\n    //@ts-ignore\n    return this.value[this.currentIndex.value];\n  }\n\n  _onSelect(index: number) {\n    this.currentIndex.setValue(index);\n    this.event.emit(\"select\", index);\n    this.event.emit(\"update\");\n  }\n\n  onSelect(index: number) {\n    this._onSelect(index);\n  }\n\n  toJSON() {\n    return {\n      value: this.value,\n    };\n  }\n\n  // @ts-ignore\n  async waitItem(): Promise<Awaited<U>[0]> {\n    await this.wait();\n    return this.current;\n  }\n\n  // wait hook plugin\n  async wait({ call = false } = {}): Promise<Awaited<U>> {\n    return new Promise<Awaited<U>>((res, rej) => {\n      if (this.value) {\n        if (Array.isArray(this.value)) {\n          if (this.value.length > 0) {\n            res(this.value);\n          }\n        } else {\n          res(this.value);\n        }\n      }\n\n      //@ts-ignore\n      if (call && !this.loading.value) this.call();\n      this.event.emit(\"wait\");\n      this.event.once(\"data\", res);\n      this.event.on(\"error\", rej);\n    });\n  }\n\n  // devtool plugin\n  debug: { name: string; input: Record<string, any> } = null;\n\n  constructor(args: Partial<PromiseState<T, U>> = {}) {\n    Object.assign(this, args);\n    if (this.defaultValue) {\n      this.value = this.defaultValue;\n    }\n    if (this.key) {\n      RootStore.init().add(this, { sid: this.key });\n    } else {\n      makeAutoObservable(this);\n    }\n  }\n\n  async setValue(val) {\n    let _val = val;\n    if (this.transform) {\n      _val = await this.transform(val);\n    }\n    this.value = _val;\n    this.event.emit(\"data\", val);\n    this.event.emit(\"update\");\n  }\n\n  async getOrCall(...args: Parameters<T>): Promise<Awaited<U>> {\n    if (this.value) {\n      if (Array.isArray(this.value)) {\n        if (this.value.length > 0) {\n          return this.value;\n        } else {\n          return this.call(...args);\n        }\n      } else {\n        return this.value;\n      }\n    } else {\n      return this.call(...args);\n    }\n  }\n\n  async call(...args: Parameters<T>): Promise<Awaited<U>> {\n    const toast = RootStore.Get(ToastPlugin);\n    try {\n      if (this.loadingLock && this.loading.value == true) return;\n      this.loading.setValue(true);\n      const res = await this.function.apply(this.context, args);\n      this.setValue(res);\n      if (this.successMsg && res) {\n        toast.success(this.successMsg);\n      }\n      return res;\n    } catch (error) {\n      if (this.autoAlert) {\n        const message = error.message;\n        if (message.includes(\"UNAUTHORIZED\")) {\n          toast.dismiss();\n          if (this.showUnauthorizedAlert) {\n            toast.error(message);\n          }\n        } else {\n          this.errMsg = message;\n          toast.error(message);\n        }\n        this.onError?.(error);\n      } else {\n        if (this.onError) {\n          this.onError(error);\n        } else {\n          this.event.emit(\"error\", error);\n          throw error;\n        }\n      }\n    } finally {\n      this.event.emit(\"finally\");\n      this.loading.setValue(false);\n    }\n  }\n}\n"]}

package/dist/{chunk-2L5EKCYR.mjs → chunk-VNT5YQS6.mjs}

@@ -1,8 +1,8 @@
-import { PaginationState } from './chunk-Z3LJE5QF.mjs';
-import { SkeletonBox } from './chunk-BQSQ4L7R.mjs';
-import { _ } from './chunk-2PD23V7H.mjs';
-import { cn } from './chunk-BAXWSAXB.mjs';
-import { __objRest, __spreadValues, __spreadProps } from './chunk-VIK2VI34.mjs';
+import { PaginationState } from './chunk-ONVPCAMQ.mjs';
+import { SkeletonBox } from './chunk-PHQTFYZL.mjs';
+import { _ } from './chunk-K7LFG5BA.mjs';
+import { cn } from './chunk-MPOMTIDB.mjs';
+import { __objRest, __spreadValues, __spreadProps } from './chunk-YITAUACR.mjs';
 import * as React2 from 'react';
 import React2__default, { useRef, useEffect, useState, useMemo } from 'react';
 import { Card, Divider, Pagination, Spinner } from '@nextui-org/react';
@@ -1028,4 +1028,4 @@ function groupByColSpan(arr, colSpan) {
 
 export { JSONTable };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-2L5EKCYR.mjs.map
+//# sourceMappingURL=chunk-VNT5YQS6.mjs.map

package/dist/chunk-VNT5YQS6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/JSONTable/index.tsx","../components/ui/dropdown-menu.tsx"],"names":["React","ChevronRight","sortableColumnsDefaultValue","columns","collapsedTables","keys","showCollapsedTables","_a","_b","_","sortedData"],"mappings":"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","sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Card, Divider, Pagination as NextuiPagination, PaginationProps, Spinner, SpinnerProps } from \"@nextui-org/react\";\nimport { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsUpDown } from \"lucide-react\";\nimport { observer } from \"mobx-react-lite\";\nimport { PaginationState } from \"../../store/standard/PaginationState\";\nimport { SkeletonBox } from \"../Common/SkeletonBox\";\nimport { _ } from \"../../lib/lodash\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from \"../ui/dropdown-menu\";\nimport { VList } from \"virtua\";\n\nexport type TableClassNames = {\n  table?: string;\n  thead?: string;\n  tr?: string;\n  th?: string;\n  tbody?: string;\n  td?: string;\n};\n\nexport type HeaderKeys<T extends Record<string, any>> = Array<keyof T | \"$actions\">;\n\nexport type ColumnConfig<T> = {\n  label?: React.ReactNode;\n  width?: number;\n  hidden?: boolean;\n  sortable?: boolean;\n  sortKey?: string;\n  order?: number;\n  render?: (item: T) => any;\n};\n\nexport type ColumnOptions<T> = {\n  [key in keyof T]?: ColumnConfig<T>;\n} & {\n  $actions?: ColumnConfig<T>;\n};\n\ntype Column<T> = {\n  key: string;\n  label: React.ReactNode;\n  width: number;\n  render?: (item: T) => any;\n};\n\ntype CollapsedTable<U> = {\n  key: string;\n  columns: Column<U>[];\n};\n\nexport type CardOptions = {\n  cardContainerClassName?: string;\n  cardClassName?: string;\n  itemClassName?: string;\n  labelClassName?: string;\n  valueClassName?: string;\n  showDivider?: boolean;\n  dividerClassName?: string;\n  virtualizedOptions?: {\n    colSpan?: number;\n    cardContainerClassName?: string;\n  };\n};\n\nexport type LoadingOptions = {\n  type?: \"skeleton\" | \"spinner\";\n  skeleton?: {\n    boxClassName?: string;\n    skeletonClassName?: string;\n    line?: number;\n  };\n  spinner?: {\n    boxClassName?: string;\n    spinnerProps?: SpinnerProps;\n    text?: string;\n    textClassName?: string;\n  };\n};\n\nexport type SortingUIOptions = {\n  showDropdown?: boolean;\n  dropdownTriggerBtnClassName?: string;\n  dropdownContentClassName?: string;\n  dropdownItemClassName?: string;\n  titles?: {\n    asc?: string;\n    desc?: string;\n    none?: string;\n  };\n};\n\nexport type CollapsedTableConfig<T> = {\n  classNames?: TableClassNames;\n  options: {\n    key: keyof T;\n    headerKeys: string[];\n    columnOptions: ColumnOptions<any>;\n  }[];\n  collapsedHandlerPosition?: \"left\" | \"right\";\n  collapsedHandlerBoxCss?: string;\n  openedIcon?: React.ReactNode;\n  closedIcon?: React.ReactNode;\n  onRowClick?: (item: any) => void;\n  rowCss?: string | ((item: any) => string | undefined);\n  emptyContent?: React.ReactNode;\n};\n\nexport type VirtualizedOptions = {\n  isVirtualized?: boolean;\n  vListHeight?: number;\n  classNames?: {\n    header?: string;\n    headerCell?: string;\n    row?: string;\n    rowCell?: string;\n  };\n  cardOptions?: {\n    colSpan?: number;\n    cardContainerClassName?: string;\n  };\n  fetchData?: () => Promise<void>;\n};\n\nexport interface JSONTableProps<T extends Record<string, any>> {\n  className?: string;\n  classNames?: TableClassNames;\n  rowKey?: string;\n  dataSource: T[];\n  headerKeys?: HeaderKeys<T>;\n  columnOptions?: ColumnOptions<T>;\n  isServerPaging?: boolean;\n  pagination?: PaginationState;\n  nextuiPaginationProps?: Partial<PaginationProps>;\n  showPagination?: boolean;\n  onRowClick?: (item: T) => void;\n  rowCss?: string | ((item: T) => string | undefined);\n  asCard?: boolean;\n  cardOptions?: CardOptions;\n  autoScrollToTop?: boolean;\n  emptyContent?: React.ReactNode;\n  isLoading?: boolean;\n  loadingOptions?: LoadingOptions;\n  loadingContent?: React.ReactNode;\n  columnSlot?: ((props: { row: T }) => React.ReactNode) | React.ReactNode;\n  isHeaderSticky?: boolean;\n  sortingUIOptions?: SortingUIOptions;\n  collapsedTableConfig?: CollapsedTableConfig<T>;\n  virtualizedOptions?: VirtualizedOptions;\n}\n\nexport const JSONTable = <T extends Record<string, any>>(props: JSONTableProps<T>) => {\n  const {\n    className,\n    classNames,\n    dataSource = [],\n    columnOptions,\n    headerKeys,\n    isServerPaging,\n    pagination,\n    nextuiPaginationProps,\n    showPagination = true,\n    rowKey,\n    onRowClick,\n    rowCss,\n    columnSlot,\n    asCard = false,\n    cardOptions,\n    autoScrollToTop = false,\n    emptyContent,\n    isLoading = false,\n    loadingOptions,\n    loadingContent,\n    isHeaderSticky = false,\n    sortingUIOptions,\n    collapsedTableConfig,\n    virtualizedOptions,\n  } = props;\n  const [sortableColumnsMap, setSortableColumnsMap] = useState<{ [k: string]: \"asc\" | \"desc\" | \"none\" }>({});\n  const [sortedData, setSortedData] = useState<T[]>(dataSource);\n\n  const { columns, sortableColumnsDefaultValue, showCollapsedTables, collapsedTables } = useMemo(() => {\n    const firstData = dataSource[0];\n\n    const allKeys = firstData ? Object.keys(firstData) : [];\n    const keys = headerKeys ? headerKeys : columnOptions ? allKeys.filter((key) => !columnOptions[key]?.hidden) : allKeys;\n    if (!keys.includes(\"$actions\") && columnOptions && columnOptions[\"$actions\"]) {\n      keys.push(\"$actions\");\n    }\n\n    const sortableColumnsDefaultValue: { [k: string]: \"asc\" | \"desc\" | \"none\" } = {};\n\n    let columns: Column<T>[] = keys.map((key: string) => {\n      const sortable = columnOptions?.[key]?.sortable;\n      if (sortable) {\n        sortableColumnsDefaultValue[key] = \"none\";\n      }\n      return {\n        key,\n        label: columnOptions?.[key]?.label ?? (key === \"$actions\" ? \"\" : key),\n        width: columnOptions?.[key]?.width ?? 60,\n        render: columnOptions?.[key]?.render,\n      };\n    });\n\n    if (!headerKeys && columnOptions) {\n      columns.sort((a, b) => {\n        const aOrder = columnOptions[a.key]?.order ?? 0;\n        const bOrder = columnOptions[b.key]?.order ?? 0;\n        return bOrder - aOrder;\n      });\n    }\n\n    let collapsedTables: CollapsedTable<any>[] = [];\n    if (firstData && collapsedTableConfig?.options) {\n      const collapsedTableOptions = collapsedTableConfig.options;\n      collapsedTables = collapsedTableOptions\n        .filter((item) => {\n          return Array.isArray(firstData[item.key]);\n        })\n        .map((item) => {\n          const index = columns.findIndex((c) => c.key === item.key);\n          if (index > -1) {\n            columns.splice(index, 1);\n          }\n          const keys = item.headerKeys || [];\n          if (!keys.includes(\"$actions\") && item.columnOptions && item.columnOptions[\"$actions\"]) {\n            keys.push(\"$actions\");\n          }\n          return {\n            key: item.key as string,\n            columns: keys.map((k) => {\n              const option = item.columnOptions[k];\n              return {\n                key: k,\n                label: option?.label ?? k,\n                width: option?.width ?? 60,\n                render: option?.render,\n              };\n            }),\n          };\n        });\n    }\n\n    const showCollapsedTables = collapsedTables.length > 0;\n    if (showCollapsedTables && !virtualizedOptions?.isVirtualized) {\n      const collapsedHandlerPosition = collapsedTableConfig?.collapsedHandlerPosition || \"right\";\n      if (collapsedHandlerPosition === \"right\") {\n        columns.push({\n          key: \"$collapsedHandler\",\n          label: \"\",\n          width: 60,\n        });\n      } else {\n        columns = [\n          {\n            key: \"$collapsedHandler\",\n            label: \"\",\n            width: 60,\n          },\n          ...columns,\n        ];\n      }\n    }\n\n    return {\n      columns,\n      sortableColumnsDefaultValue,\n      showCollapsedTables,\n      collapsedTables,\n    };\n  }, [dataSource, columnOptions]);\n\n  useEffect(() => {\n    setSortableColumnsMap(sortableColumnsDefaultValue);\n  }, [sortableColumnsDefaultValue]);\n\n  useEffect(() => {\n    setSortedData(dataSource);\n  }, [dataSource]);\n\n  if (asCard) {\n    if (virtualizedOptions?.isVirtualized) {\n      return (\n        <VirtualizedCardUI\n          className={className}\n          rowKey={rowKey}\n          sortedData={sortedData}\n          columns={columns}\n          cardOptions={cardOptions}\n          onRowClick={onRowClick}\n          autoScrollToTop={autoScrollToTop}\n          emptyContent={emptyContent}\n          isLoading={isLoading}\n          loadingOptions={loadingOptions}\n          loadingContent={loadingContent}\n          virtualizedOptions={virtualizedOptions}\n          columnSlot={columnSlot}\n        />\n      );\n    } else {\n      return (\n        <CardUI\n          className={className}\n          rowKey={rowKey}\n          sortedData={sortedData}\n          columns={columns}\n          cardOptions={cardOptions}\n          onRowClick={onRowClick}\n          autoScrollToTop={autoScrollToTop}\n          emptyContent={emptyContent}\n          columnSlot={columnSlot}\n          showPagination={showPagination}\n          pagination={pagination}\n          nextuiPaginationProps={nextuiPaginationProps}\n        />\n      );\n    }\n  } else {\n    if (virtualizedOptions?.isVirtualized) {\n      return (\n        <VirtualizedListUI\n          className={className}\n          rowKey={rowKey}\n          sortedData={sortedData}\n          dataSource={dataSource}\n          columns={columns}\n          columnOptions={columnOptions}\n          sortableColumnsMap={sortableColumnsMap}\n          sortingUIOptions={sortingUIOptions}\n          setSortableColumnsMap={setSortableColumnsMap}\n          setSortedData={setSortedData}\n          onRowClick={onRowClick}\n          emptyContent={emptyContent}\n          isLoading={isLoading}\n          loadingOptions={loadingOptions}\n          loadingContent={loadingContent}\n          virtualizedOptions={virtualizedOptions}\n        />\n      );\n    } else {\n      return (\n        <TableUI\n          className={className}\n          classNames={classNames}\n          isHeaderSticky={isHeaderSticky}\n          sortedData={sortedData}\n          dataSource={dataSource}\n          columns={columns}\n          columnOptions={columnOptions}\n          sortableColumnsMap={sortableColumnsMap}\n          sortingUIOptions={sortingUIOptions}\n          setSortableColumnsMap={setSortableColumnsMap}\n          setSortedData={setSortedData}\n          isLoading={isLoading}\n          loadingContent={loadingContent}\n          loadingOptions={loadingOptions}\n          emptyContent={emptyContent}\n          rowCss={rowCss}\n          onRowClick={onRowClick}\n          showCollapsedTables={showCollapsedTables}\n          collapsedTableConfig={collapsedTableConfig}\n          collapsedTables={collapsedTables}\n          rowKey={rowKey}\n          isServerPaging={isServerPaging}\n          showPagination={showPagination}\n          pagination={pagination}\n          nextuiPaginationProps={nextuiPaginationProps}\n          autoScrollToTop={autoScrollToTop}\n          columnSlot={columnSlot}\n        />\n      );\n    }\n  }\n};\n\nfunction renderFieldValue(v: any) {\n  if (typeof v == \"string\" || typeof v == \"number\") {\n    return v;\n  }\n  if (v == null) {\n    return null;\n  }\n  return JSON.stringify(v);\n}\n\nfunction sortData<T>({\n  sortKey,\n  key,\n  type,\n  sortableColumnsMap,\n  dataSource,\n}: {\n  sortKey: string | undefined;\n  key: string;\n  type: \"asc\" | \"desc\" | \"none\";\n  sortableColumnsMap: {\n    [k: string]: \"asc\" | \"desc\" | \"none\";\n  };\n  dataSource: T[];\n}) {\n  const sortableColumns: { [k: string]: \"asc\" | \"desc\" | \"none\" } = {};\n  Object.keys(sortableColumnsMap).map((k) => {\n    sortableColumns[k] = k === key ? type : \"none\";\n  });\n  let sortedData = dataSource;\n  if (type !== \"none\") {\n    const result = _.orderBy(\n      dataSource,\n      (o) => {\n        const v = _.get(o, sortKey || key);\n        if (v == null) {\n          return type === \"desc\" ? \"\" : v;\n        }\n        if (typeof v === \"string\") {\n          const _v = Number(v.replace(\"%\", \"\").replace(\"$\", \"\").replace(/,/g, \"\"));\n          if (isNaN(_v)) {\n            return v.toLowerCase();\n          } else {\n            return _v;\n          }\n        }\n        return v;\n      },\n      type,\n    );\n    sortedData = result;\n  }\n  return {\n    sortableColumns,\n    sortedData,\n  };\n}\n\nfunction SortingComponent<T>({\n  sortingUIOptions,\n  columnOptions,\n  sortableColumnsMap,\n  item,\n  onSort,\n}: {\n  sortingUIOptions: SortingUIOptions;\n  columnOptions?: ColumnOptions<T>;\n  sortableColumnsMap: { [k: string]: \"asc\" | \"desc\" | \"none\" };\n  item: Column<T>;\n  onSort: (e: { type: \"asc\" | \"desc\" | \"none\"; key: string; sortKey: string }) => void;\n}) {\n  if (sortingUIOptions?.showDropdown) {\n    return (\n      <DropdownMenu>\n        <DropdownMenuTrigger>\n          <button className={cn(\"outline-none p-1\", sortingUIOptions?.dropdownTriggerBtnClassName)}>\n            {sortableColumnsMap[item.key] === \"desc\" && <ChevronDown size={14} />}\n            {sortableColumnsMap[item.key] === \"asc\" && <ChevronUp size={14} />}\n            {sortableColumnsMap[item.key] === \"none\" && <ChevronsUpDown size={14} />}\n          </button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent className={cn(\"p-2 space-y-1 min-w-[4rem]\", sortingUIOptions?.dropdownContentClassName)} collisionPadding={10} sideOffset={5}>\n          <DropdownMenuItem\n            className={cn(\"text-xs font-bold cursor-pointer\", sortingUIOptions?.dropdownItemClassName)}\n            onClick={() => {\n              onSort({\n                type: \"asc\",\n                key: item.key,\n                sortKey: columnOptions?.[item.key]?.sortKey,\n              });\n            }}\n          >\n            {sortingUIOptions?.titles?.asc || \"ASC\"}\n          </DropdownMenuItem>\n          <DropdownMenuItem\n            className={cn(\"text-xs font-bold cursor-pointer\", sortingUIOptions?.dropdownItemClassName)}\n            onClick={() => {\n              onSort({\n                type: \"desc\",\n                key: item.key,\n                sortKey: columnOptions?.[item.key]?.sortKey,\n              });\n            }}\n          >\n            {sortingUIOptions?.titles?.desc || \"DESC\"}\n          </DropdownMenuItem>\n          <DropdownMenuItem\n            className={cn(\"text-xs font-bold cursor-pointer\", sortingUIOptions?.dropdownItemClassName)}\n            onClick={() => {\n              onSort({\n                type: \"none\",\n                key: item.key,\n                sortKey: columnOptions?.[item.key]?.sortKey,\n              });\n            }}\n          >\n            {sortingUIOptions?.titles?.none || \"NONE\"}\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    );\n  }\n\n  return (\n    <button className={cn(\"outline-none p-1\", sortingUIOptions?.dropdownTriggerBtnClassName)}>\n      {sortableColumnsMap[item.key] === \"none\" && (\n        <ChevronsUpDown\n          size={14}\n          onClick={() => {\n            onSort({\n              type: \"desc\",\n              key: item.key,\n              sortKey: columnOptions?.[item.key]?.sortKey,\n            });\n          }}\n        />\n      )}\n      {sortableColumnsMap[item.key] === \"desc\" && (\n        <ChevronDown\n          size={14}\n          onClick={() => {\n            onSort({\n              type: \"asc\",\n              key: item.key,\n              sortKey: columnOptions?.[item.key]?.sortKey,\n            });\n          }}\n        />\n      )}\n      {sortableColumnsMap[item.key] === \"asc\" && (\n        <ChevronUp\n          size={14}\n          onClick={() => {\n            onSort({\n              type: \"none\",\n              key: item.key,\n              sortKey: columnOptions?.[item.key]?.sortKey,\n            });\n          }}\n        />\n      )}\n    </button>\n  );\n}\n\nconst CardUI = observer(\n  <T,>({\n    className,\n    sortedData,\n    columns,\n    rowKey,\n    cardOptions,\n    onRowClick,\n    emptyContent,\n    columnSlot,\n    isServerPaging,\n    showPagination,\n    pagination,\n    nextuiPaginationProps,\n    autoScrollToTop,\n  }: {\n    className?: string;\n    sortedData: T[];\n    columns: Column<T>[];\n    rowKey?: string;\n    cardOptions?: CardOptions;\n    onRowClick?: (item: T) => void;\n    autoScrollToTop?: boolean;\n    emptyContent?: React.ReactNode;\n    columnSlot?: ((props: { row: T }) => React.ReactNode) | React.ReactNode;\n    isServerPaging?: boolean;\n    showPagination: boolean;\n    pagination?: PaginationState;\n    nextuiPaginationProps?: PaginationProps | {};\n  }) => {\n    const cardBoxRef = useRef<HTMLDivElement>(null);\n    pagination = pagination\n      ? pagination\n      : useRef(\n        new PaginationState({\n          page: 1,\n          limit: 10,\n        }),\n      ).current;\n\n    useEffect(() => {\n      if (!isServerPaging && pagination) {\n        pagination.setData({\n          total: sortedData.length,\n        });\n      }\n    }, [sortedData]);\n\n    const data = isServerPaging || !showPagination ? sortedData : sortedData.slice(pagination.offset, pagination.offset + pagination.limit);\n\n    return (\n      <div className={className} ref={cardBoxRef}>\n        {sortedData.length > 0 ? (\n          <>\n            <div className={cardOptions?.cardContainerClassName}>\n              {data.map((item, index) => {\n                return (\n                  <Card\n                    key={rowKey ? item[rowKey] || index : index}\n                    className={cn(\"mb-2 w-full shadow-sm p-4 rounded-lg\", cardOptions?.cardClassName)}\n                    isPressable={!!onRowClick}\n                    onPress={() => {\n                      onRowClick?.(item);\n                    }}\n                  >\n                    {columns.map((column, i) => {\n                      return (\n                        <div className=\"w-full\" key={column.key}>\n                          <div className={cn(\"w-full\", cardOptions?.itemClassName)}>\n                            <div className={cn(\"font-meidum text-xs text-foreground-400\", cardOptions?.labelClassName)}>{column.label}</div>\n                            <div className={cn(\"text-xs\", cardOptions?.valueClassName)}>{column.render ? column.render(item) : renderFieldValue(item[column.key])}</div>\n                          </div>\n                          {cardOptions?.showDivider && i !== columns.length - 1 && <Divider className={cn(\"my-2\", cardOptions?.dividerClassName)} />}\n                        </div>\n                      );\n                    })}\n                    {typeof columnSlot === \"function\" ? columnSlot({ row: item }) : columnSlot}\n                  </Card>\n                );\n              })}\n            </div>\n            {showPagination && pagination.total > pagination.limit && (\n              <div className=\"flex justify-center\">\n                <NextuiPagination\n                  className=\"mt-2\"\n                  showControls\n                  showShadow\n                  size=\"sm\"\n                  radius=\"sm\"\n                  color=\"primary\"\n                  initialPage={1}\n                  total={Math.ceil(pagination.total / pagination.limit)}\n                  page={pagination.page}\n                  onChange={(currentPage) => {\n                    pagination.setData({\n                      page: currentPage,\n                    });\n                    if (autoScrollToTop && cardBoxRef.current) {\n                      scrollIntoTop(cardBoxRef.current);\n                    }\n                  }}\n                  {...nextuiPaginationProps}\n                />\n              </div>\n            )}\n          </>\n        ) : (\n          (emptyContent ?? <DefaultEmptyContent />)\n        )}\n      </div>\n    );\n  },\n);\n\nfunction VirtualizedCardUI<T>({\n  className,\n  sortedData,\n  columns,\n  rowKey,\n  cardOptions,\n  onRowClick,\n  emptyContent,\n  isLoading,\n  loadingOptions,\n  loadingContent,\n  virtualizedOptions,\n  columnSlot,\n}: {\n  className?: string;\n  sortedData: T[];\n  columns: Column<T>[];\n  rowKey?: string;\n  cardOptions?: CardOptions;\n  onRowClick?: (item: T) => void;\n  autoScrollToTop?: boolean;\n  emptyContent?: React.ReactNode;\n  isLoading?: boolean;\n  loadingOptions?: LoadingOptions;\n  loadingContent?: React.ReactNode;\n  virtualizedOptions?: VirtualizedOptions;\n  columnSlot?: ((props: { row: T }) => React.ReactNode) | React.ReactNode;\n}) {\n  const colSpan = virtualizedOptions?.cardOptions?.colSpan || cardOptions?.virtualizedOptions?.colSpan || 1;\n  const fetchedCountRef = useRef(-1);\n  const elements = useMemo(() => {\n    const MyCard = ({ item }) => {\n      return (\n        <Card\n          className={cn(\"mb-2 w-full shadow-sm p-4 rounded-lg\", cardOptions?.cardClassName)}\n          isPressable={!!onRowClick}\n          onPress={() => {\n            onRowClick?.(item);\n          }}\n        >\n          {columns.map((column, i) => {\n            return (\n              <div className=\"w-full\" key={column.key}>\n                <div className={cn(\"w-full\", cardOptions?.itemClassName)}>\n                  <div className={cn(\"font-meidum text-xs text-foreground-400\", cardOptions?.labelClassName)}>{column.label}</div>\n                  <div className={cn(\"text-xs\", cardOptions?.valueClassName)}>{column.render ? column.render(item) : renderFieldValue(item[column.key])}</div>\n                </div>\n                {cardOptions?.showDivider && i !== columns.length - 1 && <Divider className={cn(\"my-2\", cardOptions?.dividerClassName)} />}\n              </div>\n            );\n          })}\n          {typeof columnSlot === \"function\" ? columnSlot({ row: item }) : columnSlot}\n        </Card>\n      );\n    };\n    if (colSpan === 1) {\n      return sortedData.map((item, index) => {\n        return <MyCard key={rowKey ? item[rowKey] || index : index} item={item} />;\n      });\n    } else {\n      const groupData = groupByColSpan(sortedData, colSpan);\n      return groupData.map((group, gIndex) => {\n        return (\n          <div\n            className={cn(\"flex items-center justify-between space-x-1\", virtualizedOptions?.cardOptions?.cardContainerClassName || cardOptions?.virtualizedOptions?.cardContainerClassName)}\n            key={gIndex}\n          >\n            {group.map((item, index) => {\n              return <MyCard key={rowKey ? item[rowKey] || index : index} item={item} />;\n            })}\n          </div>\n        );\n      });\n    }\n  }, [sortedData]);\n  return (\n    <div className={className}>\n      {sortedData.length > 0 ? (\n        <VList\n          style={{ height: virtualizedOptions?.vListHeight || 400 }}\n          onRangeChange={async (_, endIndex) => {\n            const count = sortedData.length / colSpan;\n            if (endIndex + 1 >= count && fetchedCountRef.current < count) {\n              fetchedCountRef.current = count;\n              if (virtualizedOptions?.fetchData) {\n                await virtualizedOptions.fetchData();\n              }\n            }\n          }}\n        >\n          {elements}\n          {isLoading ? loadingContent || DefaultLoading({ loadingOptions }) : null}\n        </VList>\n      ) : (\n        (emptyContent ?? <DefaultEmptyContent />)\n      )}\n    </div>\n  );\n}\n\nfunction VirtualizedListUI<T>({\n  className,\n  sortedData,\n  dataSource,\n  columns,\n  columnOptions,\n  sortableColumnsMap,\n  sortingUIOptions,\n  setSortableColumnsMap,\n  setSortedData,\n  rowKey,\n  onRowClick,\n  rowCss,\n  emptyContent,\n  isLoading,\n  loadingOptions,\n  loadingContent,\n  virtualizedOptions,\n}: {\n  className: string;\n  sortedData: T[];\n  dataSource: T[];\n  columns: Column<T>[];\n  columnOptions: ColumnOptions<T>;\n  sortableColumnsMap: { [k: string]: \"asc\" | \"desc\" | \"none\" };\n  sortingUIOptions: SortingUIOptions;\n  setSortableColumnsMap: (\n    value: React.SetStateAction<{\n      [k: string]: \"asc\" | \"desc\" | \"none\";\n    }>,\n  ) => void;\n  setSortedData: (value: React.SetStateAction<T[]>) => void;\n  rowKey?: string;\n  onRowClick?: (item: T) => void;\n  rowCss?: string | ((item: T) => string | undefined);\n  emptyContent?: React.ReactNode;\n  isLoading?: boolean;\n  loadingOptions?: LoadingOptions;\n  loadingContent?: React.ReactNode;\n  virtualizedOptions?: VirtualizedOptions;\n}) {\n  const fetchedCountRef = useRef(-1);\n  const elements = useMemo(\n    () =>\n      sortedData.map((item, index) => {\n        return (\n          <div\n            key={rowKey ? item[rowKey] || index : index}\n            className={cn(\"w-full flex items-center space-x-1\", virtualizedOptions?.classNames?.row, typeof rowCss === \"function\" ? rowCss(item) : rowCss)}\n            onClick={() => {\n              onRowClick?.(item);\n            }}\n          >\n            {columns.map((column) => {\n              return (\n                <div\n                  key={column.key}\n                  className={cn(\"w-full flex-grow py-2 px-4 text-xs whitespace-nowrap overflow-auto\", virtualizedOptions?.classNames?.rowCell)}\n                  style={{\n                    minWidth: column.width,\n                  }}\n                >\n                  {column.render ? column.render(item) : renderFieldValue(item[column.key])}\n                </div>\n              );\n            })}\n          </div>\n        );\n      }),\n    [sortedData],\n  );\n\n  return (\n    <div className={cn(\"w-full overflow-x-auto\", className)}>\n      <div className=\"inline-block min-w-fit w-full\">\n        <div className={cn(\"w-full flex items-center rounded-lg bg-default-100 space-x-1 mb-2\", virtualizedOptions?.classNames?.header)}>\n          {columns.map((column) => {\n            return (\n              <div\n                key={column.key}\n                className={cn(\"w-full flex-grow py-2 px-4 flex items-center text-xs font-semibold whitespace-nowrap overflow-auto\", virtualizedOptions?.classNames?.headerCell)}\n                style={{\n                  minWidth: column.width,\n                }}\n              >\n                <span>{column.label}</span>\n                {!!sortableColumnsMap[column.key] && (\n                  <SortingComponent\n                    sortingUIOptions={sortingUIOptions}\n                    columnOptions={columnOptions}\n                    sortableColumnsMap={sortableColumnsMap}\n                    item={column}\n                    onSort={({ type, key, sortKey }) => {\n                      const { sortableColumns, sortedData } = sortData({\n                        type,\n                        key,\n                        sortKey,\n                        sortableColumnsMap,\n                        dataSource,\n                      });\n                      setSortableColumnsMap(sortableColumns);\n                      setSortedData(sortedData);\n                    }}\n                  />\n                )}\n              </div>\n            );\n          })}\n        </div>\n        {sortedData.length > 0 ? (\n          <VList\n            style={{ height: virtualizedOptions?.vListHeight || 200 }}\n            onRangeChange={async (_, endIndex) => {\n              const count = sortedData.length;\n              if (endIndex + 1 >= count && fetchedCountRef.current < count) {\n                fetchedCountRef.current = count;\n                if (virtualizedOptions?.fetchData) {\n                  await virtualizedOptions.fetchData();\n                }\n              }\n            }}\n          >\n            {elements}\n            {isLoading ? loadingContent || DefaultLoading({ loadingOptions }) : null}\n          </VList>\n        ) : (\n          (emptyContent ?? <DefaultEmptyContent />)\n        )}\n      </div>\n    </div>\n  );\n}\n\nconst TableUI = observer(\n  <T,>({\n    className,\n    classNames = {},\n    isHeaderSticky,\n    sortedData,\n    dataSource,\n    columns,\n    columnOptions,\n    sortableColumnsMap,\n    sortingUIOptions,\n    setSortableColumnsMap,\n    setSortedData,\n    isLoading,\n    loadingContent,\n    loadingOptions,\n    emptyContent,\n    rowCss,\n    onRowClick,\n    showCollapsedTables,\n    collapsedTableConfig,\n    collapsedTables,\n    rowKey,\n    isServerPaging,\n    showPagination,\n    pagination,\n    nextuiPaginationProps = {},\n    autoScrollToTop,\n    columnSlot,\n  }: {\n    className: string;\n    classNames?: TableClassNames;\n    isHeaderSticky: boolean;\n    sortedData: T[];\n    dataSource: T[];\n    columns: Column<T>[];\n    columnOptions?: ColumnOptions<T>;\n    sortableColumnsMap: { [k: string]: \"asc\" | \"desc\" | \"none\" };\n    sortingUIOptions: SortingUIOptions;\n    setSortableColumnsMap: (value: React.SetStateAction<{ [k: string]: \"asc\" | \"desc\" | \"none\" }>) => void;\n    setSortedData: (value: React.SetStateAction<T[]>) => void;\n    isLoading: boolean;\n    loadingContent?: React.ReactNode;\n    loadingOptions?: LoadingOptions;\n    emptyContent?: React.ReactNode;\n    rowCss?: string | ((item: T) => string | undefined);\n    onRowClick?: (item: T) => void;\n    showCollapsedTables: boolean;\n    collapsedTableConfig?: CollapsedTableConfig<T>;\n    collapsedTables: CollapsedTable<any>[];\n    rowKey?: string;\n    isServerPaging?: boolean;\n    showPagination: boolean;\n    pagination?: PaginationState;\n    nextuiPaginationProps?: PaginationProps | {};\n    autoScrollToTop: boolean;\n    columnSlot?: ((props: { row: T }) => React.ReactNode) | React.ReactNode;\n  }) => {\n    const tableBoxRef = useRef<HTMLDivElement>(null);\n    pagination = pagination\n      ? pagination\n      : useRef(\n        new PaginationState({\n          page: 1,\n          limit: 10,\n        }),\n      ).current;\n\n    useEffect(() => {\n      if (!isServerPaging) {\n        pagination.setData({\n          total: dataSource.length,\n        });\n      }\n    }, [dataSource]);\n\n    const data = isServerPaging || !showPagination ? sortedData : sortedData.slice(pagination.offset, pagination.offset + pagination.limit);\n\n    return (\n      <>\n        <div className={cn(\"relative w-full\", className)} ref={tableBoxRef}>\n          <table className={cn(\"w-full h-auto table-auto\", classNames.table)}>\n            <thead className={cn(classNames.thead, { \"sticky top-0 z-30 [&>tr]:first:shadow-small [&>tr]:first:rounded-lg\": isHeaderSticky })}>\n              <tr className={classNames.tr}>\n                {columns.map((item) => (\n                  <th\n                    key={item.key}\n                    className={cn(\"px-3 h-10 text-xs font-semibold whitespace-nowrap bg-default-100 first:rounded-l-lg last:rounded-r-lg outline-none\", classNames.th)}\n                    style={{\n                      minWidth: item.width,\n                    }}\n                  >\n                    <div className=\"flex items-center\">\n                      <span>{item.label}</span>\n                      {!!sortableColumnsMap[item.key] && (\n                        <SortingComponent\n                          sortingUIOptions={sortingUIOptions}\n                          columnOptions={columnOptions}\n                          sortableColumnsMap={sortableColumnsMap}\n                          item={item}\n                          onSort={({ type, key, sortKey }) => {\n                            const { sortableColumns, sortedData } = sortData({\n                              type,\n                              key,\n                              sortKey,\n                              sortableColumnsMap,\n                              dataSource,\n                            });\n                            setSortableColumnsMap(sortableColumns);\n                            setSortedData(sortedData);\n                          }}\n                        />\n                      )}\n                    </div>\n                  </th>\n                ))}\n              </tr>\n              <tr aria-hidden=\"true\" className=\"w-px h-px block ml-[0.25rem] mt-[0.25rem]\"></tr>\n            </thead>\n            {isLoading ? (\n              <tbody className={classNames.tbody}>\n                <tr className={classNames.tr}>\n                  <td className={classNames.td} colSpan={columns.length}>\n                    {loadingContent || DefaultLoading({ loadingOptions })}\n                  </td>\n                </tr>\n              </tbody>\n            ) : data.length > 0 ? (\n              <tbody className={classNames.tbody}>\n                {showCollapsedTables\n                  ? data.map((item) => {\n                    return (\n                      <CollapseBodyRow\n                        classNames={classNames}\n                        item={item}\n                        columns={columns}\n                        rowCss={rowCss}\n                        onRowClick={onRowClick}\n                        collapsedTableConfig={collapsedTableConfig}\n                        collapsedTables={collapsedTables}\n                      />\n                    );\n                  })\n                  : data.map((item, index) => {\n                    return (\n                      <>\n                        <tr\n                          key={rowKey ? item[rowKey] || index : index}\n                          className={cn(classNames.tr, typeof rowCss === \"function\" ? rowCss(item) : rowCss)}\n                          onClick={() => {\n                            onRowClick?.(item);\n                          }}\n                        >\n                          {columns.map((column) => {\n                            return (\n                              <td\n                                key={column.key}\n                                className={cn(\"py-2 px-3 text-xs\", classNames.td)}\n                                style={{\n                                  minWidth: column.width,\n                                }}\n                              >\n                                {column.render ? column.render(item) : renderFieldValue(item[column.key])}\n                              </td>\n                            );\n                          })}\n                        </tr>\n                        {columnSlot && (\n                          <tr>\n                            <td colSpan={columns.length}>{typeof columnSlot === \"function\" ? columnSlot({ row: item }) : columnSlot}</td>\n                          </tr>\n                        )}\n                      </>\n                    );\n                  })}\n              </tbody>\n            ) : (\n              <tbody className={classNames.tbody}>\n                <tr className={classNames.tr}>\n                  <td className={classNames.td} colSpan={columns.length}>\n                    {emptyContent ?? <DefaultEmptyContent />}\n                  </td>\n                </tr>\n              </tbody>\n            )}\n          </table>\n        </div>\n        {showPagination && pagination.total > pagination.limit && (\n          <div className=\"flex justify-center\">\n            <NextuiPagination\n              className=\"mt-2\"\n              showControls\n              showShadow\n              size=\"sm\"\n              radius=\"sm\"\n              color=\"primary\"\n              initialPage={1}\n              total={Math.ceil(pagination.total / pagination.limit)}\n              page={pagination.page}\n              onChange={(currentPage) => {\n                pagination.setData({\n                  page: currentPage,\n                });\n                if (autoScrollToTop && tableBoxRef.current) {\n                  scrollIntoTop(tableBoxRef.current);\n                }\n              }}\n              {...nextuiPaginationProps}\n            />\n          </div>\n        )}\n      </>\n    );\n  },\n);\n\nfunction DefaultLoading({ loadingOptions }: { loadingOptions?: LoadingOptions }) {\n  const type = loadingOptions?.type || \"skeleton\";\n  const skeletonOptions = loadingOptions?.skeleton;\n  const spinnerOptions = loadingOptions?.spinner;\n  const spinnerProps = spinnerOptions?.spinnerProps || {};\n\n  if (type === \"skeleton\") {\n    return <SkeletonBox className={cn(\"mt-2 flex-col\", skeletonOptions?.boxClassName)} skClassName={cn(\"h-[30px] rounded\", skeletonOptions?.skeletonClassName)} line={skeletonOptions?.line || 5} />;\n  }\n\n  return (\n    <div className={cn(\"w-full h-[60px] flex justify-center items-center\", spinnerOptions?.boxClassName)}>\n      <Spinner size=\"sm\" color=\"primary\" {...spinnerProps} />\n      <div className={cn(\"ml-2 text-[#64748B] text-sm\", spinnerOptions?.textClassName)}>{spinnerOptions?.text || \"Loading...\"}</div>\n    </div>\n  );\n}\n\nfunction DefaultEmptyContent() {\n  return <div className=\"w-full h-[60px] flex justify-center items-center text-xs text-[#64748B] dark:text-[#cacaca]\">No Data</div>;\n}\n\nfunction scrollIntoTop(target: HTMLElement) {\n  if (target) {\n    const { top } = target.getBoundingClientRect();\n    window.scrollTo({\n      top: top + window.scrollY - 100,\n      behavior: \"smooth\",\n    });\n  }\n}\n\nfunction CollapseBodyRow<T>({\n  classNames,\n  item,\n  columns,\n  rowCss,\n  onRowClick,\n  collapsedTableConfig,\n  collapsedTables,\n}: {\n  classNames?: TableClassNames;\n  item: T;\n  columns: Column<T>[];\n  rowCss?: string | ((item: T) => string | undefined);\n  onRowClick?: (item: T) => void;\n  collapsedTableConfig?: {\n    classNames?: TableClassNames;\n    collapsedHandlerPosition?: \"left\" | \"right\";\n    collapsedHandlerBoxCss?: string;\n    openedIcon?: React.ReactNode;\n    closedIcon?: React.ReactNode;\n    onRowClick?: (item: any) => void;\n    rowCss?: string | ((item: any) => string | undefined);\n    emptyContent?: React.ReactNode;\n  };\n  collapsedTables: CollapsedTable<any>[];\n}) {\n  const [isOpen, setIsOpen] = useState(false);\n  const collapsedHandlerPosition = collapsedTableConfig?.collapsedHandlerPosition || \"right\";\n\n  const { OpenedIcon, ClosedIcon } = useMemo(() => {\n    const defaultOpenedIcon = <ChevronDown size={18} />;\n    const defaultClosedIcon = collapsedHandlerPosition === \"left\" ? <ChevronRight size={18} /> : <ChevronLeft size={18} />;\n    return {\n      OpenedIcon: collapsedTableConfig?.openedIcon || defaultOpenedIcon,\n      ClosedIcon: collapsedTableConfig?.closedIcon || defaultClosedIcon,\n    };\n  }, []);\n\n  return (\n    <>\n      <tr\n        className={cn(\"text-xs cursor-pointer\", classNames?.tr, typeof rowCss === \"function\" ? rowCss(item) : rowCss)}\n        onClick={(e: any) => {\n          onRowClick?.(item);\n        }}\n      >\n        {columns.map((column) => {\n          if (column.key === \"$collapsedHandler\") {\n            return (\n              <td\n                className={classNames?.td}\n                style={{\n                  minWidth: column.width,\n                }}\n              >\n                <div\n                  className={cn(\"w-6 h-6 flex items-center justify-center rounded-sm hover:bg-[#f3f3f4] dark:hover:bg-[#1e1e1e]\", collapsedTableConfig?.collapsedHandlerBoxCss)}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    setIsOpen((v) => !v);\n                  }}\n                >\n                  {isOpen ? OpenedIcon : ClosedIcon}\n                </div>\n              </td>\n            );\n          }\n          return (\n            <td\n              key={column.key}\n              className={cn(\"py-2 px-3 text-xs\", classNames?.td)}\n              style={{\n                minWidth: column.width,\n              }}\n            >\n              {column.render ? column.render(item) : renderFieldValue(item[column.key])}\n            </td>\n          );\n        })}\n      </tr>\n      <tr className={cn(classNames?.tr, isOpen ? \"table-row\" : \"hidden\")}>\n        <td colSpan={columns.length} className={cn(\"py-2 px-3 text-xs\", classNames?.td)}>\n          {collapsedTables.map((ex) => {\n            const exColumns = ex.columns;\n            const exData = item[ex.key] || [];\n            return (\n              <table className={cn(\"w-full h-auto table-auto\", collapsedTableConfig?.classNames?.table)} key={ex.key}>\n                <thead className={collapsedTableConfig?.classNames?.thead}>\n                  <tr className={collapsedTableConfig?.classNames?.tr}>\n                    {exColumns?.map((exC) => {\n                      return (\n                        <th\n                          key={exC.key}\n                          className={cn(\"px-3 h-10 text-xs text-left font-semibold bg-default-100 first:rounded-l-lg last:rounded-r-lg outline-none\", collapsedTableConfig?.classNames?.th)}\n                          style={{\n                            minWidth: exC.width,\n                          }}\n                        >\n                          {exC.label}\n                        </th>\n                      );\n                    })}\n                  </tr>\n                  <tr aria-hidden=\"true\" className=\"w-px h-px block ml-[0.25rem] mt-[0.25rem]\"></tr>\n                </thead>\n                {exData.length > 0 ? (\n                  <tbody className={collapsedTableConfig?.classNames?.tbody}>\n                    {exData.map((exItem) => (\n                      <tr\n                        key={exItem.key}\n                        className={cn(\n                          \"text-xs\",\n                          collapsedTableConfig?.classNames?.tr,\n                          typeof collapsedTableConfig?.rowCss === \"function\"\n                            ? collapsedTableConfig?.rowCss({\n                              ...exItem,\n                              $parent: item,\n                            })\n                            : collapsedTableConfig?.rowCss,\n                        )}\n                        onClick={(e: any) => {\n                          collapsedTableConfig?.onRowClick?.({\n                            ...exItem,\n                            $parent: item,\n                          });\n                        }}\n                      >\n                        {exColumns?.map((exC) => {\n                          return (\n                            <td\n                              key={exC.key}\n                              className={cn(\"py-2 px-3 text-xs\", collapsedTableConfig?.classNames?.td)}\n                              style={{\n                                minWidth: exC.width,\n                              }}\n                            >\n                              {exC.render\n                                ? exC.render({\n                                  ...exItem,\n                                  $parent: item,\n                                })\n                                : renderFieldValue(exItem[exC.key])}\n                            </td>\n                          );\n                        })}\n                      </tr>\n                    ))}\n                  </tbody>\n                ) : (\n                  <tbody className={collapsedTableConfig?.classNames?.tbody}>\n                    <tr className={collapsedTableConfig?.classNames?.tr}>\n                      <td className={collapsedTableConfig?.classNames?.td} colSpan={columns.length}>\n                        {collapsedTableConfig?.emptyContent ?? <DefaultEmptyContent />}\n                      </td>\n                    </tr>\n                  </tbody>\n                )}\n              </table>\n            );\n          })}\n        </td>\n      </tr>\n    </>\n  );\n}\n\nfunction groupByColSpan(arr: any[], colSpan: number) {\n  const result = [];\n  for (let i = 0; i < arr.length; i += colSpan) {\n    result.push(arr.slice(i, i + colSpan));\n  }\n  return result;\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils\";\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuArrow = DropdownMenuPrimitive.Arrow\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      \"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto h-4 w-4\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName =\n  DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      \"z-50 min-w-[8rem] overflow-hidden rounded-md bg-white dark:bg-[#18181B] border dark:border-none p-1 text-popover-foreground shadow-md animate-in data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuSubContent.displayName =\n  DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 min-w-[8rem] overflow-hidden rounded-lg bg-white dark:bg-[#18181B] border dark:border-[#3e3e3e] p-1 text-popover-foreground shadow-md animate-in data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName =\n  DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-2 w-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\n      \"px-2 py-1.5 text-sm font-semibold\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)}\n      {...props}\n    />\n  )\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n  DropdownMenuArrow,\n}\n"]}

package/dist/{chunk-VIK2VI34.mjs → chunk-YITAUACR.mjs}

@@ -66,4 +66,4 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 
 export { __commonJS, __export, __objRest, __require, __spreadProps, __spreadValues, __toESM };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-VIK2VI34.mjs.map
+//# sourceMappingURL=chunk-YITAUACR.mjs.map

package/dist/dev.d.mts

@@ -1,4 +1,4 @@
-import { S as Store, R as RootStore } from './root-BPMUmS6H.js';
+import { S as Store, R as RootStore } from './root-218afa4f.js';
 import React from 'react';
 import 'typed-emitter';
 

package/dist/dev.mjs

@@ -1,7 +1,7 @@
-import { helper } from './chunk-7WJMHFRA.mjs';
-import { _ } from './chunk-2PD23V7H.mjs';
-import { cn } from './chunk-BAXWSAXB.mjs';
-import { __objRest, __spreadProps, __spreadValues } from './chunk-VIK2VI34.mjs';
+import { helper } from './chunk-R4N52NI2.mjs';
+import { _ } from './chunk-K7LFG5BA.mjs';
+import { cn } from './chunk-MPOMTIDB.mjs';
+import { __objRest, __spreadProps, __spreadValues } from './chunk-YITAUACR.mjs';
 import * as React3 from 'react';
 import React3__default, { useMemo, useRef } from 'react';
 import * as SheetPrimitive from '@radix-ui/react-dialog';

package/dist/dev.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../components/ui/sheet.tsx","../module/Devtool/devtool.tsx","../components/JSONEditor/index.tsx"],"names":["React","initialJson","diff","result"],"mappings":"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","sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { X } from \"lucide-react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Sheet = SheetPrimitive.Root;\r\n\r\nconst SheetTrigger = SheetPrimitive.Trigger;\r\n\r\n// @ts-ignore\r\nconst SheetPortal = ({ className, ...props }: SheetPrimitive.DialogPortalProps) => <SheetPrimitive.Portal className={cn(className)} {...props} />;\r\nSheetPortal.displayName = SheetPrimitive.Portal.displayName;\r\n\r\nconst SheetOverlay = React.forwardRef<React.ElementRef<typeof SheetPrimitive.Overlay>, React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>>(({ className, ...props }, ref) => (\r\n  <SheetPrimitive.Overlay className={cn(\"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\", className)} {...props} ref={ref} />\r\n));\r\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;\r\n\r\nconst sheetVariants = cva(\"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500\", {\r\n  variants: {\r\n    side: {\r\n      top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\r\n      bottom: \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\r\n      left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\r\n      right: \"inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    side: \"right\",\r\n  },\r\n});\r\n\r\nconst SheetClose = ({ className, ...props }: SheetPrimitive.DialogCloseProps) => (\r\n  <SheetPrimitive.Close className={cn(\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\", className)} {...props}>\r\n    <X className=\"h-4 w-4\" />\r\n    <span className=\"sr-only\">Close</span>\r\n  </SheetPrimitive.Close>\r\n);\r\nSheetClose.displayName = \"Close\";\r\n\r\ninterface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> { }\r\n\r\nconst SheetContent = React.forwardRef<React.ElementRef<typeof SheetPrimitive.Content>, SheetContentProps & { showOverlay?: boolean; open?: boolean }>(({ side = \"right\", className, children, showOverlay = false, open, ...props }, ref) => {\r\n  return (\r\n    <SheetPortal>\r\n      {showOverlay && <SheetOverlay />}\r\n      <div ref={ref} data-state={open ? \"open\" : \"closed\"} className={cn(sheetVariants({ side }), className)} {...props}>\r\n        {children}\r\n      </div>\r\n    </SheetPortal>\r\n  );\r\n});\r\nSheetContent.displayName = SheetPrimitive.Content.displayName;\r\n\r\nconst SheetHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => <div className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)} {...props} />;\r\nSheetHeader.displayName = \"SheetHeader\";\r\n\r\nconst SheetFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => <div className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)} {...props} />;\r\nSheetFooter.displayName = \"SheetFooter\";\r\n\r\nconst SheetTitle = React.forwardRef<React.ElementRef<typeof SheetPrimitive.Title>, React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>>(({ className, ...props }, ref) => <SheetPrimitive.Title ref={ref} className={cn(\"text-lg font-semibold text-foreground\", className)} {...props} />);\r\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\r\n\r\nconst SheetDescription = React.forwardRef<React.ElementRef<typeof SheetPrimitive.Description>, React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>>(({ className, ...props }, ref) => (\r\n  <SheetPrimitive.Description ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\r\n));\r\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\r\n\r\nexport { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, SheetClose };\r\n","import { Sheet, SheetClose, SheetContent } from \"../../components/ui/sheet\";\r\nimport { Tabs, Tab } from \"@nextui-org/react\";\r\nimport { cn } from \"../../lib/utils\";\r\nimport { RootStore } from \"../../store/root\";\r\nimport { PromiseState } from \"../../store/standard/PromiseState\";\r\nimport { Store } from \"../../store/standard/base\";\r\nimport { Wrench } from \"lucide-react\";\r\nimport { observer, useLocalObservable } from \"mobx-react-lite\";\r\nimport { toJS } from \"mobx\";\r\nimport { helper } from \"../../lib/helper\";\r\nimport EventEmitter from \"events\";\r\nimport { useMemo } from \"react\";\r\nimport React from \"react\";\r\nimport { JSONEditor } from \"../../components/JSONEditor\"\r\n\r\nfunction filterState(obj) {\r\n  if (obj.toJSON) {\r\n    return obj.toJSON()\r\n  }\r\n\r\n  if (typeof obj !== \"object\" || obj === null) {\r\n    return obj;\r\n  }\r\n\r\n  if (Array.isArray(obj)) {\r\n    return obj.map(filterState);\r\n  }\r\n\r\n  const filteredObj = {};\r\n\r\n  for (const [key, value] of Object.entries(obj)) {\r\n    try {\r\n      if (\r\n        ![\"sid\", \"disabled\", \"autoObservable\", \"promiseState\", \"autoAsyncable\", \"stype\"].includes(key) &&\r\n        // !(value instanceof PromiseState) &&\r\n        !(value instanceof EventEmitter) &&\r\n        !value?.hasOwnProperty(\"$$typeof\")\r\n      ) {\r\n        filteredObj[key] = filterState(value);\r\n      }\r\n    } catch (error) {\r\n      console.error(error);\r\n      return obj;\r\n    }\r\n  }\r\n\r\n  return filteredObj;\r\n}\r\n\r\nexport class DevTool implements Store {\r\n  sid = \"DevTool\";\r\n  stype = \"Plugin\"\r\n  provider = ({ rootStore }: { rootStore: RootStore }) => <DevToolProvider rootStore={rootStore} />;\r\n  disabled?: boolean = false;\r\n  autoObservable?: boolean = true;\r\n  isOpen = false;\r\n\r\n  panels: Store[\"pannel\"][] = [\r\n    {\r\n      title: \"Store\",\r\n      render: observer(({ rootStore }: { rootStore: RootStore }) => {\r\n        const state = useLocalObservable<{\r\n          curStore: Store;\r\n          curPromiseStateList: { name: string; promiseState: PromiseState<any, any> }[];\r\n        }>(() => ({\r\n          //@ts-ignore\r\n          curStore: null,\r\n          curPromiseStateList: [],\r\n        }));\r\n        const initialJson = useMemo(() => {\r\n          //@ts-ignore\r\n          if (state.curStore?.toJSON) return JSON.stringify(state.curStore?.toJSON(), null, 2);\r\n          const filteredData = filterState(state.curStore || {});\r\n          return JSON.stringify(toJS(filteredData), null, 2);\r\n        }, [state.curStore]);\r\n        return (\r\n          <div className=\"flex flex-col md:flex-row text-sm\">\r\n            <div>\r\n              <Tabs\r\n                size=\"sm\"\r\n                radius=\"none\"\r\n                variant=\"underlined\"\r\n                items={[{ title: \"Store\", value: \"Store\" }, { title: \"Plugin\", value: \"Plugin\" }]}\r\n              >\r\n                {(item) => {\r\n                  const stores = Object.values(rootStore.instance).filter(i => i.stype == item.value && i.sid).sort((a, b) => a.sid.length - b.sid.length);\r\n                  return (\r\n                    <Tab key={item.title} title={item.title} >\r\n                      <div>\r\n                        <div className=\"w-full md:w-[300px] space-y-1 pr-2 overflow-auto\">\r\n                          {stores.map((store) => {\r\n                            return (\r\n                              <div\r\n                                key={store?.sid}\r\n                                className={cn(\"px-2 rounded-md hover:bg-green-600 hover:text-white cursor-pointer\", { \"bg-green-600 text-white\": state.curStore?.sid === store.sid })}\r\n                                onClick={() => {\r\n                                  state.curStore = store;\r\n                                }}\r\n                              >\r\n                                {store.sid}\r\n                              </div>\r\n                            );\r\n                          })}\r\n                        </div>\r\n                      </div>\r\n                    </Tab>\r\n                  )\r\n                }}\r\n              </Tabs>\r\n            </div>\r\n\r\n            <div className=\"mt-4 w-full overflow-auto md:mt-0\">\r\n              <JSONEditor\r\n                className={\"h-full\"}\r\n                height={450}\r\n                initialJson={initialJson}\r\n                onChange={(data) => {\r\n                  console.log(\"onChange\", data);\r\n                  helper.deepMerge(state.curStore, data);\r\n                }}\r\n              />\r\n              {/* <PromiseStateDebug promiseStateList={state.curPromiseStateList} /> */}\r\n            </div>\r\n          </div>\r\n        );\r\n      }),\r\n    },\r\n  ];\r\n\r\n  onNewStore({ rootStore }: { rootStore: RootStore }) {\r\n    Object.values(rootStore.instance).forEach((store) => {\r\n      if (store.devtools?.started) return;\r\n      if (store.devtools?.panels) {\r\n        store.devtools.started = true;\r\n        this.panels = [...this.panels, ...store.devtools?.panels];\r\n      }\r\n    });\r\n  }\r\n\r\n  constructor(args: Partial<DevTool> = {}) {\r\n    Object.assign(this, args);\r\n  }\r\n}\r\n\r\n// const PromiseStateDebug = ({ promiseStateList }: { promiseStateList: { name: string; promiseState: PromiseState<any, any> }[] }) => {\r\n//   if (promiseStateList.length === 0) return null;\r\n//   return (\r\n//     <>\r\n//       <div className=\"mt-6 mb-2 pt-2 border-t-[1px] font-bold dark:border-gray-600\">Debug PromiseState</div>\r\n//       <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4\">\r\n//         {promiseStateList.map((item, index) => {\r\n//           const formData = item.promiseState.debug.input;\r\n//           return (\r\n//             <Card className=\"p-2 dark:border-gray-800\" key={index}>\r\n//               <div className=\"font-bold text-xs\">{item.name}</div>\r\n//               <JSONSchemaForm\r\n//                 formState={getFormState({\r\n//                   data: formData,\r\n//                   onSubmit: (data) => {\r\n//                     item.promiseState.call(data);\r\n//                   },\r\n//                 })}\r\n//               />\r\n//             </Card>\r\n//           );\r\n//         })}\r\n//       </div>\r\n//     </>\r\n//   );\r\n// };\r\n\r\nexport const DevToolProvider = observer(({ rootStore }: { rootStore: RootStore }) => {\r\n  const devTool = rootStore.get(DevTool);\r\n  const minSheetHeight = 500;\r\n  const store = useLocalObservable(() => ({\r\n    sheetHeight: minSheetHeight,\r\n  }));\r\n  return (\r\n    <>\r\n      <div className=\"fixed right-4 bottom-4 z-10\">\r\n        <div\r\n          className=\"p-1 rounded-sm bg-gray-300 hover:bg-gray-400 dark:bg-gray-600 dark:hover:bg-gray-500 cursor-pointer\"\r\n          onClick={() => {\r\n            devTool.isOpen = true;\r\n          }}\r\n        >\r\n          <Wrench size={20} />\r\n        </div>\r\n      </div>\r\n      <Sheet open={devTool.isOpen}>\r\n        <SheetContent\r\n          open={devTool.isOpen}\r\n          side=\"bottom\"\r\n          className=\"p-0 outline-none bg-card dark:border-none\"\r\n          style={{\r\n            height: store.sheetHeight,\r\n          }}\r\n        >\r\n          <div className=\"absolute top-0 left-0 h-[32px] w-full bg-gray-100 dark:bg-gray-800\"></div>\r\n          <SheetClose\r\n            className=\"top-2 right-2\"\r\n            onClick={() => {\r\n              devTool.isOpen = false;\r\n            }}\r\n          />\r\n          <div\r\n            className=\"absolute top-[-8px] left-0 w-full h-[10px] cursor-row-resize\"\r\n            onMouseDown={(e) => {\r\n              const startH = store.sheetHeight;\r\n              const startPageY = e.pageY;\r\n              const onMouseMove = (mouseMoveEvent: MouseEvent) => {\r\n                const diff = startPageY - mouseMoveEvent.pageY;\r\n                const h = startH + diff;\r\n                if (h > minSheetHeight && h < window.innerHeight) {\r\n                  store.sheetHeight = h;\r\n                }\r\n              };\r\n              const onMouseUp = () => {\r\n                document.body.removeEventListener(\"mousemove\", onMouseMove);\r\n              };\r\n              document.body.addEventListener(\"mousemove\", onMouseMove);\r\n              document.body.addEventListener(\"mouseup\", onMouseUp, { once: true });\r\n            }}\r\n          />\r\n          <Tabs\r\n            className='w-full'\r\n            size=\"sm\"\r\n            radius=\"none\"\r\n            items={devTool.panels}\r\n          >\r\n            {(panel) => {\r\n              const Component = panel.render || (() => null);\r\n              return (\r\n                <Tab key={panel.title} title={panel.title}>\r\n                  <div className=\"p-0\" style={{ height: `calc(${store.sheetHeight}px - 50px)` }}>\r\n                    <Component rootStore={rootStore} />\r\n                  </div>\r\n                </Tab>\r\n              )\r\n            }}\r\n          </Tabs>\r\n        </SheetContent>\r\n      </Sheet>\r\n    </>\r\n  );\r\n});\r\n","\"use client\";\r\n\r\nimport React, { useRef } from \"react\";\r\nimport MonacoEditor from \"@monaco-editor/react\";\r\nimport { _ } from \"../../lib/lodash\";\r\nimport * as jsonpatch from \"fast-json-patch\";\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Button } from '@nextui-org/react';\r\n\r\nexport const JSONEditor = ({ className, height = \"100%\", initialJson, onChange, onSubmit }: { className?: string; height?: string | number; initialJson: string; onChange?: (value: Record<string, any>) => void; onSubmit?: (value: Record<string, any>) => void }) => {\r\n  const valueRef = useRef<string>(initialJson);\r\n  const changeValueRef = useRef(\r\n    _.debounce((initialJson: string, currentJson: string) => {\r\n      if (onChange) {\r\n        try {\r\n          const tree1 = JSON.parse(initialJson);\r\n          const tree2 = JSON.parse(currentJson);\r\n          const diff = jsonpatch.compare(tree1, tree2);\r\n          // @ts-ignore\r\n          const applyDiff = (diff) => {\r\n            const result = {};\r\n            for (const change of diff) {\r\n              const { op, path, value } = change;\r\n              // @ts-ignore\r\n              const keys = path.split(\"/\").filter((key) => key !== \"\");\r\n              let current = result;\r\n              for (let i = 0; i < keys.length - 1; i++) {\r\n                const key = keys[i];\r\n                // @ts-ignore\r\n                if (!current[key]) {\r\n                  // @ts-ignore\r\n                  current[key] = {};\r\n                }\r\n                // @ts-ignore\r\n                current = current[key];\r\n              }\r\n              let lastKey = keys[keys.length - 1];\r\n              lastKey = lastKey.replace('~1', '/');\r\n              if (op === \"replace\") {\r\n                // @ts-ignore\r\n                current[lastKey] = value;\r\n              }\r\n              if (op === \"add\") {\r\n                // @ts-ignore\r\n                current[lastKey] = value;\r\n              }\r\n            }\r\n            return result;\r\n          };\r\n          const result = applyDiff(diff);\r\n          if (Object.keys(result).length > 0) {\r\n            onChange(result);\r\n          }\r\n        } catch (error) {\r\n          console.error(error);\r\n        }\r\n      }\r\n    }, 1000)\r\n  );\r\n\r\n  return (\r\n    <div className={cn(\"relative w-full\", className)}>\r\n      <MonacoEditor\r\n        options={{\r\n          minimap: {\r\n            enabled: false,\r\n          },\r\n        }}\r\n        height={height}\r\n        theme=\"vs-dark\"\r\n        language=\"json\"\r\n        value={initialJson}\r\n        onChange={(v) => {\r\n          changeValueRef.current?.(initialJson, v);\r\n          // @ts-ignore\r\n          valueRef.current = v;\r\n        }}\r\n      />\r\n      {onSubmit && (\r\n        <Button\r\n          className=\"z-50 absolute bottom-[50px] right-[20px]\"\r\n          color='primary'\r\n          size='sm'\r\n          onClick={() => {\r\n            try {\r\n              const json = JSON.parse(valueRef.current);\r\n              onSubmit(json);\r\n            } catch (error) {\r\n              console.error(error);\r\n            }\r\n          }}>\r\n          Submit\r\n        </Button>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\n"]}
+{"version":3,"sources":["../components/ui/sheet.tsx","../module/Devtool/devtool.tsx","../components/JSONEditor/index.tsx"],"names":["React","initialJson","diff","result"],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { X } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst Sheet = SheetPrimitive.Root;\n\nconst SheetTrigger = SheetPrimitive.Trigger;\n\n// @ts-ignore\nconst SheetPortal = ({ className, ...props }: SheetPrimitive.DialogPortalProps) => <SheetPrimitive.Portal className={cn(className)} {...props} />;\nSheetPortal.displayName = SheetPrimitive.Portal.displayName;\n\nconst SheetOverlay = React.forwardRef<React.ElementRef<typeof SheetPrimitive.Overlay>, React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Overlay className={cn(\"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\", className)} {...props} ref={ref} />\n));\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;\n\nconst sheetVariants = cva(\"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500\", {\n  variants: {\n    side: {\n      top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n      bottom: \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n      left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n      right: \"inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\n    },\n  },\n  defaultVariants: {\n    side: \"right\",\n  },\n});\n\nconst SheetClose = ({ className, ...props }: SheetPrimitive.DialogCloseProps) => (\n  <SheetPrimitive.Close className={cn(\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\", className)} {...props}>\n    <X className=\"h-4 w-4\" />\n    <span className=\"sr-only\">Close</span>\n  </SheetPrimitive.Close>\n);\nSheetClose.displayName = \"Close\";\n\ninterface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> { }\n\nconst SheetContent = React.forwardRef<React.ElementRef<typeof SheetPrimitive.Content>, SheetContentProps & { showOverlay?: boolean; open?: boolean }>(({ side = \"right\", className, children, showOverlay = false, open, ...props }, ref) => {\n  return (\n    <SheetPortal>\n      {showOverlay && <SheetOverlay />}\n      <div ref={ref} data-state={open ? \"open\" : \"closed\"} className={cn(sheetVariants({ side }), className)} {...props}>\n        {children}\n      </div>\n    </SheetPortal>\n  );\n});\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\nconst SheetHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => <div className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)} {...props} />;\nSheetHeader.displayName = \"SheetHeader\";\n\nconst SheetFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => <div className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)} {...props} />;\nSheetFooter.displayName = \"SheetFooter\";\n\nconst SheetTitle = React.forwardRef<React.ElementRef<typeof SheetPrimitive.Title>, React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>>(({ className, ...props }, ref) => <SheetPrimitive.Title ref={ref} className={cn(\"text-lg font-semibold text-foreground\", className)} {...props} />);\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\nconst SheetDescription = React.forwardRef<React.ElementRef<typeof SheetPrimitive.Description>, React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\nexport { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, SheetClose };\n","import { Sheet, SheetClose, SheetContent } from \"../../components/ui/sheet\";\nimport { Tabs, Tab } from \"@nextui-org/react\";\nimport { cn } from \"../../lib/utils\";\nimport { RootStore } from \"../../store/root\";\nimport { PromiseState } from \"../../store/standard/PromiseState\";\nimport { Store } from \"../../store/standard/base\";\nimport { Wrench } from \"lucide-react\";\nimport { observer, useLocalObservable } from \"mobx-react-lite\";\nimport { toJS } from \"mobx\";\nimport { helper } from \"../../lib/helper\";\nimport EventEmitter from \"events\";\nimport { useMemo } from \"react\";\nimport React from \"react\";\nimport { JSONEditor } from \"../../components/JSONEditor\"\n\nfunction filterState(obj) {\n  if (obj.toJSON) {\n    return obj.toJSON()\n  }\n\n  if (typeof obj !== \"object\" || obj === null) {\n    return obj;\n  }\n\n  if (Array.isArray(obj)) {\n    return obj.map(filterState);\n  }\n\n  const filteredObj = {};\n\n  for (const [key, value] of Object.entries(obj)) {\n    try {\n      if (\n        ![\"sid\", \"disabled\", \"autoObservable\", \"promiseState\", \"autoAsyncable\", \"stype\"].includes(key) &&\n        // !(value instanceof PromiseState) &&\n        !(value instanceof EventEmitter) &&\n        !value?.hasOwnProperty(\"$$typeof\")\n      ) {\n        filteredObj[key] = filterState(value);\n      }\n    } catch (error) {\n      console.error(error);\n      return obj;\n    }\n  }\n\n  return filteredObj;\n}\n\nexport class DevTool implements Store {\n  sid = \"DevTool\";\n  stype = \"Plugin\"\n  provider = ({ rootStore }: { rootStore: RootStore }) => <DevToolProvider rootStore={rootStore} />;\n  disabled?: boolean = false;\n  autoObservable?: boolean = true;\n  isOpen = false;\n\n  panels: Store[\"pannel\"][] = [\n    {\n      title: \"Store\",\n      render: observer(({ rootStore }: { rootStore: RootStore }) => {\n        const state = useLocalObservable<{\n          curStore: Store;\n          curPromiseStateList: { name: string; promiseState: PromiseState<any, any> }[];\n        }>(() => ({\n          //@ts-ignore\n          curStore: null,\n          curPromiseStateList: [],\n        }));\n        const initialJson = useMemo(() => {\n          //@ts-ignore\n          if (state.curStore?.toJSON) return JSON.stringify(state.curStore?.toJSON(), null, 2);\n          const filteredData = filterState(state.curStore || {});\n          return JSON.stringify(toJS(filteredData), null, 2);\n        }, [state.curStore]);\n        return (\n          <div className=\"flex flex-col md:flex-row text-sm\">\n            <div>\n              <Tabs\n                size=\"sm\"\n                radius=\"none\"\n                variant=\"underlined\"\n                items={[{ title: \"Store\", value: \"Store\" }, { title: \"Plugin\", value: \"Plugin\" }]}\n              >\n                {(item) => {\n                  const stores = Object.values(rootStore.instance).filter(i => i.stype == item.value && i.sid).sort((a, b) => a.sid.length - b.sid.length);\n                  return (\n                    <Tab key={item.title} title={item.title} >\n                      <div>\n                        <div className=\"w-full md:w-[300px] space-y-1 pr-2 overflow-auto\">\n                          {stores.map((store) => {\n                            return (\n                              <div\n                                key={store?.sid}\n                                className={cn(\"px-2 rounded-md hover:bg-green-600 hover:text-white cursor-pointer\", { \"bg-green-600 text-white\": state.curStore?.sid === store.sid })}\n                                onClick={() => {\n                                  state.curStore = store;\n                                }}\n                              >\n                                {store.sid}\n                              </div>\n                            );\n                          })}\n                        </div>\n                      </div>\n                    </Tab>\n                  )\n                }}\n              </Tabs>\n            </div>\n\n            <div className=\"mt-4 w-full overflow-auto md:mt-0\">\n              <JSONEditor\n                className={\"h-full\"}\n                height={450}\n                initialJson={initialJson}\n                onChange={(data) => {\n                  console.log(\"onChange\", data);\n                  helper.deepMerge(state.curStore, data);\n                }}\n              />\n              {/* <PromiseStateDebug promiseStateList={state.curPromiseStateList} /> */}\n            </div>\n          </div>\n        );\n      }),\n    },\n  ];\n\n  onNewStore({ rootStore }: { rootStore: RootStore }) {\n    Object.values(rootStore.instance).forEach((store) => {\n      if (store.devtools?.started) return;\n      if (store.devtools?.panels) {\n        store.devtools.started = true;\n        this.panels = [...this.panels, ...store.devtools?.panels];\n      }\n    });\n  }\n\n  constructor(args: Partial<DevTool> = {}) {\n    Object.assign(this, args);\n  }\n}\n\n// const PromiseStateDebug = ({ promiseStateList }: { promiseStateList: { name: string; promiseState: PromiseState<any, any> }[] }) => {\n//   if (promiseStateList.length === 0) return null;\n//   return (\n//     <>\n//       <div className=\"mt-6 mb-2 pt-2 border-t-[1px] font-bold dark:border-gray-600\">Debug PromiseState</div>\n//       <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4\">\n//         {promiseStateList.map((item, index) => {\n//           const formData = item.promiseState.debug.input;\n//           return (\n//             <Card className=\"p-2 dark:border-gray-800\" key={index}>\n//               <div className=\"font-bold text-xs\">{item.name}</div>\n//               <JSONSchemaForm\n//                 formState={getFormState({\n//                   data: formData,\n//                   onSubmit: (data) => {\n//                     item.promiseState.call(data);\n//                   },\n//                 })}\n//               />\n//             </Card>\n//           );\n//         })}\n//       </div>\n//     </>\n//   );\n// };\n\nexport const DevToolProvider = observer(({ rootStore }: { rootStore: RootStore }) => {\n  const devTool = rootStore.get(DevTool);\n  const minSheetHeight = 500;\n  const store = useLocalObservable(() => ({\n    sheetHeight: minSheetHeight,\n  }));\n  return (\n    <>\n      <div className=\"fixed right-4 bottom-4 z-10\">\n        <div\n          className=\"p-1 rounded-sm bg-gray-300 hover:bg-gray-400 dark:bg-gray-600 dark:hover:bg-gray-500 cursor-pointer\"\n          onClick={() => {\n            devTool.isOpen = true;\n          }}\n        >\n          <Wrench size={20} />\n        </div>\n      </div>\n      <Sheet open={devTool.isOpen}>\n        <SheetContent\n          open={devTool.isOpen}\n          side=\"bottom\"\n          className=\"p-0 outline-none bg-card dark:border-none\"\n          style={{\n            height: store.sheetHeight,\n          }}\n        >\n          <div className=\"absolute top-0 left-0 h-[32px] w-full bg-gray-100 dark:bg-gray-800\"></div>\n          <SheetClose\n            className=\"top-2 right-2\"\n            onClick={() => {\n              devTool.isOpen = false;\n            }}\n          />\n          <div\n            className=\"absolute top-[-8px] left-0 w-full h-[10px] cursor-row-resize\"\n            onMouseDown={(e) => {\n              const startH = store.sheetHeight;\n              const startPageY = e.pageY;\n              const onMouseMove = (mouseMoveEvent: MouseEvent) => {\n                const diff = startPageY - mouseMoveEvent.pageY;\n                const h = startH + diff;\n                if (h > minSheetHeight && h < window.innerHeight) {\n                  store.sheetHeight = h;\n                }\n              };\n              const onMouseUp = () => {\n                document.body.removeEventListener(\"mousemove\", onMouseMove);\n              };\n              document.body.addEventListener(\"mousemove\", onMouseMove);\n              document.body.addEventListener(\"mouseup\", onMouseUp, { once: true });\n            }}\n          />\n          <Tabs\n            className='w-full'\n            size=\"sm\"\n            radius=\"none\"\n            items={devTool.panels}\n          >\n            {(panel) => {\n              const Component = panel.render || (() => null);\n              return (\n                <Tab key={panel.title} title={panel.title}>\n                  <div className=\"p-0\" style={{ height: `calc(${store.sheetHeight}px - 50px)` }}>\n                    <Component rootStore={rootStore} />\n                  </div>\n                </Tab>\n              )\n            }}\n          </Tabs>\n        </SheetContent>\n      </Sheet>\n    </>\n  );\n});\n","\"use client\";\n\nimport React, { useRef } from \"react\";\nimport MonacoEditor from \"@monaco-editor/react\";\nimport { _ } from \"../../lib/lodash\";\nimport * as jsonpatch from \"fast-json-patch\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from '@nextui-org/react';\n\nexport const JSONEditor = ({ className, height = \"100%\", initialJson, onChange, onSubmit }: { className?: string; height?: string | number; initialJson: string; onChange?: (value: Record<string, any>) => void; onSubmit?: (value: Record<string, any>) => void }) => {\n  const valueRef = useRef<string>(initialJson);\n  const changeValueRef = useRef(\n    _.debounce((initialJson: string, currentJson: string) => {\n      if (onChange) {\n        try {\n          const tree1 = JSON.parse(initialJson);\n          const tree2 = JSON.parse(currentJson);\n          const diff = jsonpatch.compare(tree1, tree2);\n          // @ts-ignore\n          const applyDiff = (diff) => {\n            const result = {};\n            for (const change of diff) {\n              const { op, path, value } = change;\n              // @ts-ignore\n              const keys = path.split(\"/\").filter((key) => key !== \"\");\n              let current = result;\n              for (let i = 0; i < keys.length - 1; i++) {\n                const key = keys[i];\n                // @ts-ignore\n                if (!current[key]) {\n                  // @ts-ignore\n                  current[key] = {};\n                }\n                // @ts-ignore\n                current = current[key];\n              }\n              let lastKey = keys[keys.length - 1];\n              lastKey = lastKey.replace('~1', '/');\n              if (op === \"replace\") {\n                // @ts-ignore\n                current[lastKey] = value;\n              }\n              if (op === \"add\") {\n                // @ts-ignore\n                current[lastKey] = value;\n              }\n            }\n            return result;\n          };\n          const result = applyDiff(diff);\n          if (Object.keys(result).length > 0) {\n            onChange(result);\n          }\n        } catch (error) {\n          console.error(error);\n        }\n      }\n    }, 1000)\n  );\n\n  return (\n    <div className={cn(\"relative w-full\", className)}>\n      <MonacoEditor\n        options={{\n          minimap: {\n            enabled: false,\n          },\n        }}\n        height={height}\n        theme=\"vs-dark\"\n        language=\"json\"\n        value={initialJson}\n        onChange={(v) => {\n          changeValueRef.current?.(initialJson, v);\n          // @ts-ignore\n          valueRef.current = v;\n        }}\n      />\n      {onSubmit && (\n        <Button\n          className=\"z-50 absolute bottom-[50px] right-[20px]\"\n          color='primary'\n          size='sm'\n          onClick={() => {\n            try {\n              const json = JSON.parse(valueRef.current);\n              onSubmit(json);\n            } catch (error) {\n              console.error(error);\n            }\n          }}>\n          Submit\n        </Button>\n      )}\n    </div>\n  );\n};\n\n"]}

package/dist/experimental.d.mts

@@ -1,5 +1,5 @@
-import { S as Store, R as RootStore } from './root-BPMUmS6H.js';
-import React$1, { ReactNode, HTMLAttributeAnchorTarget } from 'react';
+import { S as Store, R as RootStore } from './root-218afa4f.js';
+import React, { ReactNode, HTMLAttributeAnchorTarget } from 'react';
 import 'typed-emitter';
 
 declare class SlotPlugin implements Store {
@@ -176,7 +176,7 @@ declare class JSONViewPlugin implements Store {
     JSONView: {
         Test: {
             name: string;
-            render: () => React$1.JSX.Element;
+            render: () => React.JSX.Element;
         };
     };
     onNewStore({ rootStore, store }: {
@@ -184,7 +184,7 @@ declare class JSONViewPlugin implements Store {
         store: Store;
     }): void;
     crawl(store: Store): void;
-    static JSONView: (props: JSONViewType) => React$1.JSX.Element;
+    static JSONView: (props: JSONViewType) => React.JSX.Element;
 }
 
-export { AsyncStorage, Collection, type DataGroup, type Engine, type JSONDataType, JSONViewPlugin, type JSONViewType, SlotPlugin, type StorageParams, StoragePlugin, jwt };
+export { AsyncStorage, Collection, DataGroup, Engine, JSONDataType, JSONViewPlugin, JSONViewType, SlotPlugin, StorageParams, StoragePlugin, jwt };

package/dist/experimental.mjs

@@ -1,8 +1,8 @@
-import { PromiseState } from './chunk-I2RSE63R.mjs';
-import './chunk-7EL2RQI7.mjs';
-import { RootStore } from './chunk-SA53R6TL.mjs';
-import { _ } from './chunk-2PD23V7H.mjs';
-import { __objRest, __spreadValues, __spreadProps } from './chunk-VIK2VI34.mjs';
+import { PromiseState } from './chunk-SL5OV6OR.mjs';
+import './chunk-IMOLRP7I.mjs';
+import { RootStore } from './chunk-IDKGZ5T4.mjs';
+import { _ } from './chunk-K7LFG5BA.mjs';
+import { __objRest, __spreadValues, __spreadProps } from './chunk-YITAUACR.mjs';
 import React2 from 'react';
 import { makeAutoObservable, toJS, observable } from 'mobx';
 import axios from 'axios';