@dappworks/kit 0.4.144 → 0.4.145

package/dist/experimental.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../module/Core/Slot.tsx","../module/Core/Storage.tsx","../module/Core/Async.tsx"],"names":["value"],"mappings":"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","sourcesContent":["import { Store } from \"../../store/standard/base\";\nimport { RootStore } from \"../../store/root\";\nimport React, { ReactNode } from \"react\";\n\nexport class SlotPlugin implements Store {\n  sid = \"SlotPlugin\";\n  stype = \"Plugin\"\n  autoObservable?: boolean = false;\n\n  slotMap: Store[\"slots\"] = {};\n\n  // SlotList = observer(() => {\n  //   const collection = RootStore.Get(Collection<Store[\"slot\"]>, { sid: \"SlotPlugin.slots\", args: { data: this.slotMap } });\n  //   //@ts-ignore\n  //   const Component = collection.current.Component;\n\n  //   return (\n  //     <div className=\"h-full flex flex-col md:flex-row text-sm\">\n  //       <div className=\"w-full md:w-[300px] space-y-1 pr-2 md:border-r-[1px] border-gray-200 dark:border-gray-700 overflow-auto\">\n  //         {Object.keys(collection.data).map((i) => (\n  //           <div key={i} className={cn(\"px-2 rounded-md hover:bg-green-600 hover:text-white cursor-pointer\", { \"bg-green-600 text-white\": collection.key === i })} onClick={() => collection.setKey(i)}>\n  //             {i}\n  //           </div>\n  //         ))}\n  //       </div>\n  //       <div className=\"mt-4 w-full md:w-[400px] px-4 overflow-auto md:mt-0 md:ml-4\">\n  //         {/* @ts-ignore */}\n  //         <Component {...collection.current.input} />\n  //         {/* @ts-ignore  */}\n  //         {collection.current.input && (\n  //           <JSONSchemaForm\n  //             formState={getFormState({\n  //               uiSize: \"small\",\n  //               // @ts-ignore\n  //               data: collection.current.input,\n  //               onSubmit: (data) => {\n  //                 console.log(data);\n  //                 // @ts-ignore\n  //                 collection.setValue(collection.key, { ...collection.current, input: data });\n  //               },\n  //             })}\n  //           />\n  //         )}\n  //       </div>\n  //     </div>\n  //   );\n  // });\n\n  // devtools = {\n  //   panels: [\n  //     {\n  //       title: \"Slot\",\n  //       render: this.SlotList,\n  //     },\n  //   ],\n  // };\n\n  onNewStore({ rootStore }: { rootStore: RootStore }) {\n    Object.values(rootStore.instance).forEach((store) => {\n      //@ts-ignore\n      if (store.isSlotInit) return;\n      if (store.slots) {\n        //@ts-ignore\n        store.isSlotInit = true;\n        //@ts-ignore\n        this.slotMap = { ...this.slotMap, ...store.slots };\n      }\n    });\n  }\n\n  toJSON() {\n    return this.slotMap\n  }\n\n  static Slot = ({ name, ...props }: { name } & any): ReactNode => {\n    const slotPlugin = RootStore.Get(SlotPlugin);\n    const slot = slotPlugin.slotMap![name];\n    //@ts-ignore\n    const Component: React.FC = slot?.render;\n    if (!Component) {\n      //@ts-ignore\n      return <div></div>;\n    }\n    //@ts-ignore\n    return <Component {...props} />;\n  };\n\n  constructor(args: Partial<SlotPlugin> = {}) {\n    Object.assign(this, args);\n  }\n}\n","\"use client\";\n\nimport { RootStore } from \"../../store/root\";\nimport { Store } from \"../../store/standard/base\";\nimport { makeAutoObservable, observable, toJS } from \"mobx\";\nimport { _ } from \"../../lib/lodash\";\n// import { AsyncStorage } from \"./Async\";\n\n// import { JSONForm } from \"../../components/JSONForm\"\n\nexport type Engine = {\n  name: string;\n  get(key): any;\n  set(key, value): any;\n  remove(key): any;\n};\n\nexport type DataGroup = Record<\n  string,\n  {\n    index: StorageParams<any>;\n    children: Record<string, DataGroup>;\n  }\n>;\n\nexport type StorageParams<T> = {\n  key: string;\n  value?: T;\n  engine?: Engine;\n  _value?: T;\n  defaultValue?: T;\n  debounce?: number;\n  onInit?(value: T): void;\n  debounceFn?: any;\n  onDebounce?(value: T): void;\n  onSet?(value: T): void;\n  set?: (value: T) => void;\n  setValue?: (value: T) => void;\n  reset?: () => void;\n  listen?: (func?: (args: { key: string; value: any }) => void) => void;\n};\nconst memory = {};\n\nexport class StoragePlugin implements Store {\n  sid = 'StoragePlugin';\n  stype = \"Plugin\"\n  autoObservable?: boolean = true;\n  static engines = {\n    memory: {\n      name: 'memory',\n      get(key) {\n        return memory[key];\n      },\n      set(key, value) {\n        return (memory[key] = value);\n      },\n      remove(key) {\n        delete memory[key];\n        return;\n      },\n    },\n    localStorage: {\n      name: 'localStorage',\n      get(key) {\n        return StoragePlugin.safeParse(globalThis.localStorage.getItem(key));\n      },\n      set(key, value) {\n        return globalThis.localStorage.setItem(key, JSON.stringify(value));\n      },\n      remove(key) {\n        return globalThis.localStorage.removeItem(key);\n      },\n    },\n    // asyncStorage: {\n    //   name: 'asyncStorage',\n    //   get(key) {\n    //     return RootStore.Get(AsyncStorage).get(key);\n    //   },\n    //   set(key, value) {\n    //     return RootStore.Get(AsyncStorage).set(key, value);\n    //   },\n    //   remove(key) {\n    //     return RootStore.Get(AsyncStorage).remove(key);\n    //   },\n    // },\n  };\n  engines = StoragePlugin.engines;\n  // debounceFn: (val: any) => void;\n  // data = {};\n  dataMeta: Record<string, StorageParams<any>> = {};\n\n  get dataGroup() {\n    const tree = Object.values(this.dataMeta).reduce((p, c) => {\n      const current = this.dataMeta[c.key];\n      const path = c.key;\n      const parentPath = path\n        .split('.')\n        .slice(0, path.length - 1)\n        .join('.');\n      const key = path.split('.').pop();\n      if (!p[parentPath]) {\n        const topPath = !parentPath.includes('.');\n        _.set(p, parentPath + (topPath ? `.${key}` : ``), {\n          ...current,\n          toJSON() {\n            return typeof current.value === 'object' ? JSON.stringify(toJS(current.value), null, 2) : current.value;\n          },\n        });\n      }\n\n      return p;\n    }, {});\n\n    return tree;\n  }\n\n  // StorageTools = observer(() => {\n  //   const collection = RootStore.Get(Collection<any>, { sid: 'StoragePlugin.current', args: { data: this.dataGroup } });\n  //   const data = collection.current as Record<string, StorageParams<any>>;\n\n  //   const dataConfig = Object.entries(data).reduce((p, [key, value]) => {\n  //     p[key] = {\n  //       title: `${key} (${value.engine.name})`,\n  //     };\n  //     return p;\n  //   }, {});\n\n  //   return (\n  //     <div className=\"h-full flex flex-col md:flex-row text-sm\">\n  //       <div className=\"w-full md:w-[300px] space-y-1 pr-2 md:border-r-[1px] border-gray-200 dark:border-gray-700 overflow-auto\">\n  //         {Object.keys(collection.data)\n  //           .sort((a, b) => a.length - b.length)\n  //           .map((i) => (\n  //             <div\n  //               key={i}\n  //               className={cn('px-2 rounded-md hover:bg-green-600 hover:text-white cursor-pointer', { 'bg-green-600 text-white': collection.key === i })}\n  //               onClick={() => collection.setKey(i)}\n  //             >\n  //               {i}\n  //             </div>\n  //           ))}\n  //       </div>\n  //       <div className=\"mt-4 w-full overflow-auto md:mt-0\">\n  //         <JSONForm\n  //           formData={{ data: JSON.parse(JSON.stringify(data, null, 2)) }}\n  //           formConfig={{\n  //             data: dataConfig,\n  //           }}\n  //           onChange={(v) => {\n  //             Object.entries(v.data).forEach(([key, value]) => {\n  //               data[key].set(StoragePlugin.safeParse(value));\n  //             });\n  //             return v;\n  //           }}\n  //         // onSet={(v) => {\n  //         //   //TODO:  only udpate changed filed\n  //         //   Object.entries(v).forEach(([key, value]) => {\n  //         //     data[key].set(StoragePlugin.safeParse(value));\n  //         //   });\n  //         //   return v;\n  //         // }}\n  //         />\n  //       </div>\n  //     </div>\n  //   );\n  // });\n\n  // devtools = {\n  //   panels: [\n  //     {\n  //       title: 'Storage',\n  //       render: this.StorageTools,\n  //     },\n  //   ],\n  // };\n\n  static safeParse(val: any) {\n    try {\n      return JSON.parse(val);\n    } catch (error) {\n      return val;\n    }\n  }\n\n  set = ({ key, value, engine }: { key: string; value: any; engine?: Engine }) => {\n    this.dataMeta[key]._value = value;\n    const _engine = engine || this.dataMeta[key]?.engine || this.engines.memory;\n\n    //@ts-ignore\n    RootStore.init().events.emit(`storage.${key}.update`, { key, value });\n    if (this.dataMeta[key].onSet) this.dataMeta[key].onSet(value);\n    return _engine.set(key, value);\n  };\n\n\n  get = <T,>({ key, value, defaultValue, engine = this.engines.memory, ...other }: StorageParams<T>): StorageParams<T> => {\n    if (typeof window == 'undefined' && engine.name == 'localStorage') {\n      engine = this.engines.memory;\n    }\n\n    if (value && !defaultValue) {\n      defaultValue = value\n    }\n    const that = this;\n    if (!this.dataMeta[key]) {\n      const exists = engine.get(key);\n      if (engine.name == 'asyncStorage') {\n        console.log('get', key, exists);\n      }\n      if (!exists) {\n        engine.set(key, defaultValue);\n      }\n      const _value = engine.get(key);\n\n      this.dataMeta[key] = makeAutoObservable({\n        key,\n        engine,\n        defaultValue,\n        ...other,\n        _value,\n        get value() {\n          return that.dataMeta[key]._value;\n        },\n        set value(value) {\n          that.set({ key, value });\n          other.debounce && that.dataMeta[key].debounceFn(value)\n        },\n        set(value) {\n          that.set({ key, value });\n          other.debounce && that.dataMeta[key].debounceFn(value)\n        },\n        setValue(value) {\n          that.set({ key, value });\n        },\n        reset() {\n          that.set({ key, value: defaultValue });\n        },\n        toJSON() {\n          return that.dataMeta[key]._value;\n        },\n        listen(func) {\n          //@ts-ignore\n          RootStore.init().events.on(`storage.${key}.update`, (args) => func(args));\n        },\n        debounceFn: _.debounce((value) => {\n          other?.onDebounce(value);\n        }, other.debounce)\n      });\n      if (this.dataMeta[key].onInit) {\n        this.dataMeta[key].onInit(this.dataMeta[key].value);\n      }\n    }\n\n    //@ts-ignore\n    return this.dataMeta[key];\n  };\n\n  remove = ({ key, engine = this.engines.memory }: { key?: string; engine?: Engine }): void => {\n    engine.remove(key);\n  };\n\n  static Get<T>(args: StorageParams<T>): StorageParams<T> {\n    const storagePlugin = RootStore.Get(StoragePlugin);\n    return storagePlugin.get(args);\n  }\n\n  static Input<T, U extends StorageParams<T>>(args: U): U {\n    const storagePlugin = RootStore.Get(StoragePlugin);\n    const data = storagePlugin.get(args);\n    //@ts-ignore\n    return observable({\n      ...args,\n      ...data,\n      get value() {\n        return data.value;\n      },\n      set value(value) {\n        data.set(value);\n      },\n      onChange(e) {\n        data.set(e.target.value);\n      },\n    });\n  }\n\n  static Custom<T, U extends StorageParams<T>>(args: U): U & StorageParams<T> {\n    const storagePlugin = RootStore.Get(StoragePlugin);\n    const { value, _value, ...others } = args;\n    const data = storagePlugin.get(args);\n    //@ts-ignore\n\n    return observable({\n      ...args,\n      ...data,\n      get value() {\n        return data.value;\n      },\n      set value(value) {\n        data.set(value);\n      },\n      onChange(e) {\n        data.set(e.target.value);\n      },\n    });\n  }\n\n  constructor(args: Partial<StoragePlugin> = {}) {\n    Object.assign(this, args);\n  }\n}\n","import axios from \"axios\";\nimport { _ } from \"../../lib/lodash\";\nimport { RootStore } from \"../../store/root\";\nimport { Store } from \"../../store/standard/base\";\nimport { PromiseState } from \"../../store/standard/PromiseState\";\nimport { StoragePlugin } from \"./Storage\";\n\n\nexport const jwt = StoragePlugin.Get({\n  key: \"asyncStorage.token\",\n  value: \"\",\n  engine: StoragePlugin.engines.localStorage,\n});\n\nexport class AsyncStorage implements Store {\n  sid = \"AsyncStorage\";\n  stype = \"Plugin\"\n  url = `https://dappkit-async-api.deno.dev/project/${process.env.NEXT_PUBLIC_PROJECT_ID}`;\n  forceUpdate = false;\n  autoObservable?: boolean = true;\n\n  data = new PromiseState({\n    context: this,\n    value: {},\n    function: async () => {\n      const res = await axios.get(this.url, {\n        params: { forceUpdate: this.forceUpdate },\n      });\n      //@ts-ignore\n      return { ...this.data.value, ...res.data };\n    },\n  }).on(\"data\", (data) => {\n    this.syncStorage();\n  });\n\n  syncStorage() {\n    const data = this.data.value;\n    const storage = RootStore.Get(StoragePlugin);\n\n    Object.keys(data).map((key) => {\n      const value = data[key];\n      const target = storage.dataMeta[key];\n      if (target) {\n        target.set(value);\n      }\n    });\n  }\n\n  // devtools = {\n  //   panels: [\n  //     {\n  //       title: \"AsyncStorage\",\n  //       render: observer(() => {\n\n  //         return (\n  //           <div className=\"h-full w-full overflow-auto\">\n  //             <Input\n  //               placeholder=\"Please enter your asyncStorage token here\"\n  //               value={jwt.value}\n  //               onChange={(e) => jwt.set(e.target.value)}\n  //             />\n  //             <JSONEditor\n  //               className=\"h-full\"\n  //               initialJson={JSON.stringify(toJS(this.data.value), null, 2)}\n  //               onChange={(data) => {\n  //                 console.log(\"onChange\", data);\n  //                 helper.deepMerge(this.data.value, data);\n  //                 this.syncStorage();\n  //               }}\n  //               onSubmit={async (data) => {\n  //                 if (!jwt.value) {\n  //                   RootStore.Get(ToastPlugin).error(\n  //                     \"Please enter your asyncStorage token first\",\n  //                   );\n  //                 } else {\n  //                   if (!process.env.NEXT_PUBLIC_PROJECT_ID) {\n  //                     RootStore.Get(ToastPlugin).error(\n  //                       \"Please set your project id first\",\n  //                     );\n  //                   }\n  //                   await axios.post(\n  //                     `https://dappkit-async-api.deno.dev/update/${process.env.NEXT_PUBLIC_PROJECT_ID}`,\n  //                     data,\n  //                     {\n  //                       headers: {\n  //                         Authorization: `${jwt.value}`,\n  //                       },\n  //                     },\n  //                   );\n  //                 }\n  //                 this.forceUpdate = true;\n  //                 await this.data.wait({ call: true });\n  //                 RootStore.Get(ToastPlugin).success(\"Update success\");\n  //                 console.log(\"onSubmit\", data);\n  //               }}\n  //             />\n  //           </div>\n  //         );\n  //       }),\n  //     },\n  //   ],\n  // };\n\n  constructor(args: Partial<AsyncStorage> = {}) {\n    Object.assign(this, args);\n  }\n\n  get(key) {\n    return _.get(this.data.value, key);\n  }\n\n  async set(key, value) {\n    _.set(this.data.value, key, value);\n  }\n\n  async remove(key) {\n    _.remove(this.data.value, key);\n  }\n\n  onNewStore = ({\n    rootStore,\n    store,\n  }: {\n    rootStore: RootStore;\n    store: Store;\n  }) => {\n    if (store.autoAsyncable) {\n      this.makeAutoAsyncAble(store);\n    }\n  };\n\n  async makeAutoAsyncAble(instance) {\n    const data = await this.data.wait({ call: true });\n    if (data[instance.sid]) {\n      Object.assign(instance, data[instance.sid]);\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../module/Core/Slot.tsx","../module/Core/Storage.tsx","../module/Core/Async.tsx","../module/Core/standard/Collection.tsx"],"names":["value"],"mappings":"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","sourcesContent":["import { Store } from \"../../store/standard/base\";\nimport { RootStore } from \"../../store/root\";\nimport React, { ReactNode } from \"react\";\n\nexport class SlotPlugin implements Store {\n  sid = \"SlotPlugin\";\n  stype = \"Plugin\"\n  autoObservable?: boolean = false;\n\n  slotMap: Store[\"slots\"] = {};\n\n  // SlotList = observer(() => {\n  //   const collection = RootStore.Get(Collection<Store[\"slot\"]>, { sid: \"SlotPlugin.slots\", args: { data: this.slotMap } });\n  //   //@ts-ignore\n  //   const Component = collection.current.Component;\n\n  //   return (\n  //     <div className=\"h-full flex flex-col md:flex-row text-sm\">\n  //       <div className=\"w-full md:w-[300px] space-y-1 pr-2 md:border-r-[1px] border-gray-200 dark:border-gray-700 overflow-auto\">\n  //         {Object.keys(collection.data).map((i) => (\n  //           <div key={i} className={cn(\"px-2 rounded-md hover:bg-green-600 hover:text-white cursor-pointer\", { \"bg-green-600 text-white\": collection.key === i })} onClick={() => collection.setKey(i)}>\n  //             {i}\n  //           </div>\n  //         ))}\n  //       </div>\n  //       <div className=\"mt-4 w-full md:w-[400px] px-4 overflow-auto md:mt-0 md:ml-4\">\n  //         {/* @ts-ignore */}\n  //         <Component {...collection.current.input} />\n  //         {/* @ts-ignore  */}\n  //         {collection.current.input && (\n  //           <JSONSchemaForm\n  //             formState={getFormState({\n  //               uiSize: \"small\",\n  //               // @ts-ignore\n  //               data: collection.current.input,\n  //               onSubmit: (data) => {\n  //                 console.log(data);\n  //                 // @ts-ignore\n  //                 collection.setValue(collection.key, { ...collection.current, input: data });\n  //               },\n  //             })}\n  //           />\n  //         )}\n  //       </div>\n  //     </div>\n  //   );\n  // });\n\n  // devtools = {\n  //   panels: [\n  //     {\n  //       title: \"Slot\",\n  //       render: this.SlotList,\n  //     },\n  //   ],\n  // };\n\n  onNewStore({ rootStore }: { rootStore: RootStore }) {\n    Object.values(rootStore.instance).forEach((store) => {\n      //@ts-ignore\n      if (store.isSlotInit) return;\n      if (store.slots) {\n        //@ts-ignore\n        store.isSlotInit = true;\n        //@ts-ignore\n        this.slotMap = { ...this.slotMap, ...store.slots };\n      }\n    });\n  }\n\n  toJSON() {\n    return this.slotMap\n  }\n\n  static Slot = ({ name, ...props }: { name } & any): ReactNode => {\n    const slotPlugin = RootStore.Get(SlotPlugin);\n    const slot = slotPlugin.slotMap![name];\n    //@ts-ignore\n    const Component: React.FC = slot?.render;\n    if (!Component) {\n      //@ts-ignore\n      return <div></div>;\n    }\n    //@ts-ignore\n    return <Component {...props} />;\n  };\n\n  constructor(args: Partial<SlotPlugin> = {}) {\n    Object.assign(this, args);\n  }\n}\n","\"use client\";\n\nimport { RootStore } from \"../../store/root\";\nimport { Store } from \"../../store/standard/base\";\nimport { makeAutoObservable, observable, toJS } from \"mobx\";\nimport { _ } from \"../../lib/lodash\";\n// import { AsyncStorage } from \"./Async\";\n\n// import { JSONForm } from \"../../components/JSONForm\"\n\nexport type Engine = {\n  name: string;\n  get(key): any;\n  set(key, value): any;\n  remove(key): any;\n};\n\nexport type DataGroup = Record<\n  string,\n  {\n    index: StorageParams<any>;\n    children: Record<string, DataGroup>;\n  }\n>;\n\nexport type StorageParams<T> = {\n  key: string;\n  value?: T;\n  engine?: Engine;\n  _value?: T;\n  defaultValue?: T;\n  debounce?: number;\n  onInit?(value: T): void;\n  debounceFn?: any;\n  onDebounce?(value: T): void;\n  onSet?(value: T): void;\n  set?: (value: T) => void;\n  setValue?: (value: T) => void;\n  reset?: () => void;\n  listen?: (func?: (args: { key: string; value: any }) => void) => void;\n};\nconst memory = {};\n\nexport class StoragePlugin implements Store {\n  sid = 'StoragePlugin';\n  stype = \"Plugin\"\n  autoObservable?: boolean = true;\n  static engines = {\n    memory: {\n      name: 'memory',\n      get(key) {\n        return memory[key];\n      },\n      set(key, value) {\n        return (memory[key] = value);\n      },\n      remove(key) {\n        delete memory[key];\n        return;\n      },\n    },\n    localStorage: {\n      name: 'localStorage',\n      get(key) {\n        return StoragePlugin.safeParse(globalThis.localStorage.getItem(key));\n      },\n      set(key, value) {\n        return globalThis.localStorage.setItem(key, JSON.stringify(value));\n      },\n      remove(key) {\n        return globalThis.localStorage.removeItem(key);\n      },\n    },\n    // asyncStorage: {\n    //   name: 'asyncStorage',\n    //   get(key) {\n    //     return RootStore.Get(AsyncStorage).get(key);\n    //   },\n    //   set(key, value) {\n    //     return RootStore.Get(AsyncStorage).set(key, value);\n    //   },\n    //   remove(key) {\n    //     return RootStore.Get(AsyncStorage).remove(key);\n    //   },\n    // },\n  };\n  engines = StoragePlugin.engines;\n  // debounceFn: (val: any) => void;\n  // data = {};\n  dataMeta: Record<string, StorageParams<any>> = {};\n\n  get dataGroup() {\n    const tree = Object.values(this.dataMeta).reduce((p, c) => {\n      const current = this.dataMeta[c.key];\n      const path = c.key;\n      const parentPath = path\n        .split('.')\n        .slice(0, path.length - 1)\n        .join('.');\n      const key = path.split('.').pop();\n      if (!p[parentPath]) {\n        const topPath = !parentPath.includes('.');\n        _.set(p, parentPath + (topPath ? `.${key}` : ``), {\n          ...current,\n          toJSON() {\n            return typeof current.value === 'object' ? JSON.stringify(toJS(current.value), null, 2) : current.value;\n          },\n        });\n      }\n\n      return p;\n    }, {});\n\n    return tree;\n  }\n\n  // StorageTools = observer(() => {\n  //   const collection = RootStore.Get(Collection<any>, { sid: 'StoragePlugin.current', args: { data: this.dataGroup } });\n  //   const data = collection.current as Record<string, StorageParams<any>>;\n\n  //   const dataConfig = Object.entries(data).reduce((p, [key, value]) => {\n  //     p[key] = {\n  //       title: `${key} (${value.engine.name})`,\n  //     };\n  //     return p;\n  //   }, {});\n\n  //   return (\n  //     <div className=\"h-full flex flex-col md:flex-row text-sm\">\n  //       <div className=\"w-full md:w-[300px] space-y-1 pr-2 md:border-r-[1px] border-gray-200 dark:border-gray-700 overflow-auto\">\n  //         {Object.keys(collection.data)\n  //           .sort((a, b) => a.length - b.length)\n  //           .map((i) => (\n  //             <div\n  //               key={i}\n  //               className={cn('px-2 rounded-md hover:bg-green-600 hover:text-white cursor-pointer', { 'bg-green-600 text-white': collection.key === i })}\n  //               onClick={() => collection.setKey(i)}\n  //             >\n  //               {i}\n  //             </div>\n  //           ))}\n  //       </div>\n  //       <div className=\"mt-4 w-full overflow-auto md:mt-0\">\n  //         <JSONForm\n  //           formData={{ data: JSON.parse(JSON.stringify(data, null, 2)) }}\n  //           formConfig={{\n  //             data: dataConfig,\n  //           }}\n  //           onChange={(v) => {\n  //             Object.entries(v.data).forEach(([key, value]) => {\n  //               data[key].set(StoragePlugin.safeParse(value));\n  //             });\n  //             return v;\n  //           }}\n  //         // onSet={(v) => {\n  //         //   //TODO:  only udpate changed filed\n  //         //   Object.entries(v).forEach(([key, value]) => {\n  //         //     data[key].set(StoragePlugin.safeParse(value));\n  //         //   });\n  //         //   return v;\n  //         // }}\n  //         />\n  //       </div>\n  //     </div>\n  //   );\n  // });\n\n  // devtools = {\n  //   panels: [\n  //     {\n  //       title: 'Storage',\n  //       render: this.StorageTools,\n  //     },\n  //   ],\n  // };\n\n  static safeParse(val: any) {\n    try {\n      return JSON.parse(val);\n    } catch (error) {\n      return val;\n    }\n  }\n\n  set = ({ key, value, engine }: { key: string; value: any; engine?: Engine }) => {\n    this.dataMeta[key]._value = value;\n    const _engine = engine || this.dataMeta[key]?.engine || this.engines.memory;\n\n    //@ts-ignore\n    RootStore.init().events.emit(`storage.${key}.update`, { key, value });\n    if (this.dataMeta[key].onSet) this.dataMeta[key].onSet(value);\n    return _engine.set(key, value);\n  };\n\n\n  get = <T,>({ key, value, defaultValue, engine = this.engines.memory, ...other }: StorageParams<T>): StorageParams<T> => {\n    if (typeof window == 'undefined' && engine.name == 'localStorage') {\n      engine = this.engines.memory;\n    }\n\n    if (value && !defaultValue) {\n      defaultValue = value\n    }\n    const that = this;\n    if (!this.dataMeta[key]) {\n      const exists = engine.get(key);\n      if (engine.name == 'asyncStorage') {\n        console.log('get', key, exists);\n      }\n      if (!exists) {\n        engine.set(key, defaultValue);\n      }\n      const _value = engine.get(key);\n\n      this.dataMeta[key] = makeAutoObservable({\n        key,\n        engine,\n        defaultValue,\n        ...other,\n        _value,\n        get value() {\n          return that.dataMeta[key]._value;\n        },\n        set value(value) {\n          that.set({ key, value });\n          other.debounce && that.dataMeta[key].debounceFn(value)\n        },\n        set(value) {\n          that.set({ key, value });\n          other.debounce && that.dataMeta[key].debounceFn(value)\n        },\n        setValue(value) {\n          that.set({ key, value });\n        },\n        reset() {\n          that.set({ key, value: defaultValue });\n        },\n        toJSON() {\n          return that.dataMeta[key]._value;\n        },\n        listen(func) {\n          //@ts-ignore\n          RootStore.init().events.on(`storage.${key}.update`, (args) => func(args));\n        },\n        debounceFn: _.debounce((value) => {\n          other?.onDebounce(value);\n        }, other.debounce)\n      });\n      if (this.dataMeta[key].onInit) {\n        this.dataMeta[key].onInit(this.dataMeta[key].value);\n      }\n    }\n\n    //@ts-ignore\n    return this.dataMeta[key];\n  };\n\n  remove = ({ key, engine = this.engines.memory }: { key?: string; engine?: Engine }): void => {\n    engine.remove(key);\n  };\n\n  static Get<T>(args: StorageParams<T>): StorageParams<T> {\n    const storagePlugin = RootStore.Get(StoragePlugin);\n    return storagePlugin.get(args);\n  }\n\n  static Input<T, U extends StorageParams<T>>(args: U): U {\n    const storagePlugin = RootStore.Get(StoragePlugin);\n    const data = storagePlugin.get(args);\n    //@ts-ignore\n    return observable({\n      ...args,\n      ...data,\n      get value() {\n        return data.value;\n      },\n      set value(value) {\n        data.set(value);\n      },\n      onChange(e) {\n        data.set(e.target.value);\n      },\n    });\n  }\n\n  static Custom<T, U extends StorageParams<T>>(args: U): U & StorageParams<T> {\n    const storagePlugin = RootStore.Get(StoragePlugin);\n    const { value, _value, ...others } = args;\n    const data = storagePlugin.get(args);\n    //@ts-ignore\n\n    return observable({\n      ...args,\n      ...data,\n      get value() {\n        return data.value;\n      },\n      set value(value) {\n        data.set(value);\n      },\n      onChange(e) {\n        data.set(e.target.value);\n      },\n    });\n  }\n\n  constructor(args: Partial<StoragePlugin> = {}) {\n    Object.assign(this, args);\n  }\n}\n","import axios from \"axios\";\nimport { _ } from \"../../lib/lodash\";\nimport { RootStore } from \"../../store/root\";\nimport { Store } from \"../../store/standard/base\";\nimport { PromiseState } from \"../../store/standard/PromiseState\";\nimport { StoragePlugin } from \"./Storage\";\n\n\nexport const jwt = StoragePlugin.Get({\n  key: \"asyncStorage.token\",\n  value: \"\",\n  engine: StoragePlugin.engines.localStorage,\n});\n\nexport class AsyncStorage implements Store {\n  sid = \"AsyncStorage\";\n  stype = \"Plugin\"\n  url = `https://dappkit-async-api.deno.dev/project/${process.env.NEXT_PUBLIC_PROJECT_ID}`;\n  forceUpdate = false;\n  autoObservable?: boolean = true;\n\n  data = new PromiseState({\n    context: this,\n    value: {},\n    function: async () => {\n      const res = await axios.get(this.url, {\n        params: { forceUpdate: this.forceUpdate },\n      });\n      //@ts-ignore\n      return { ...this.data.value, ...res.data };\n    },\n  }).on(\"data\", (data) => {\n    this.syncStorage();\n  });\n\n  syncStorage() {\n    const data = this.data.value;\n    const storage = RootStore.Get(StoragePlugin);\n\n    Object.keys(data).map((key) => {\n      const value = data[key];\n      const target = storage.dataMeta[key];\n      if (target) {\n        target.set(value);\n      }\n    });\n  }\n\n  // devtools = {\n  //   panels: [\n  //     {\n  //       title: \"AsyncStorage\",\n  //       render: observer(() => {\n\n  //         return (\n  //           <div className=\"h-full w-full overflow-auto\">\n  //             <Input\n  //               placeholder=\"Please enter your asyncStorage token here\"\n  //               value={jwt.value}\n  //               onChange={(e) => jwt.set(e.target.value)}\n  //             />\n  //             <JSONEditor\n  //               className=\"h-full\"\n  //               initialJson={JSON.stringify(toJS(this.data.value), null, 2)}\n  //               onChange={(data) => {\n  //                 console.log(\"onChange\", data);\n  //                 helper.deepMerge(this.data.value, data);\n  //                 this.syncStorage();\n  //               }}\n  //               onSubmit={async (data) => {\n  //                 if (!jwt.value) {\n  //                   RootStore.Get(ToastPlugin).error(\n  //                     \"Please enter your asyncStorage token first\",\n  //                   );\n  //                 } else {\n  //                   if (!process.env.NEXT_PUBLIC_PROJECT_ID) {\n  //                     RootStore.Get(ToastPlugin).error(\n  //                       \"Please set your project id first\",\n  //                     );\n  //                   }\n  //                   await axios.post(\n  //                     `https://dappkit-async-api.deno.dev/update/${process.env.NEXT_PUBLIC_PROJECT_ID}`,\n  //                     data,\n  //                     {\n  //                       headers: {\n  //                         Authorization: `${jwt.value}`,\n  //                       },\n  //                     },\n  //                   );\n  //                 }\n  //                 this.forceUpdate = true;\n  //                 await this.data.wait({ call: true });\n  //                 RootStore.Get(ToastPlugin).success(\"Update success\");\n  //                 console.log(\"onSubmit\", data);\n  //               }}\n  //             />\n  //           </div>\n  //         );\n  //       }),\n  //     },\n  //   ],\n  // };\n\n  constructor(args: Partial<AsyncStorage> = {}) {\n    Object.assign(this, args);\n  }\n\n  get(key) {\n    return _.get(this.data.value, key);\n  }\n\n  async set(key, value) {\n    _.set(this.data.value, key, value);\n  }\n\n  async remove(key) {\n    _.remove(this.data.value, key);\n  }\n\n  onNewStore = ({\n    rootStore,\n    store,\n  }: {\n    rootStore: RootStore;\n    store: Store;\n  }) => {\n    if (store.autoAsyncable) {\n      this.makeAutoAsyncAble(store);\n    }\n  };\n\n  async makeAutoAsyncAble(instance) {\n    const data = await this.data.wait({ call: true });\n    if (data[instance.sid]) {\n      Object.assign(instance, data[instance.sid]);\n    }\n  }\n}\n","\nimport { Store } from '../../../store/standard/base';\n\nexport class Collection<T = any> implements Store {\n  sid = 'Collection';\n  autoObservable = true;\n\n  key: string;\n  data: {\n    [key: string]: T;\n  } = {};\n  constructor(args: Partial<Collection<T>>) {\n    Object.assign(this, args);\n    if (!this.key) {\n      this.key = Object.keys(this.data)[0];\n    }\n  }\n  get current(): T {\n    return this.data[this.key];\n  }\n\n  setKey(key: string) {\n    this.key = key;\n  }\n  setValue(key: string, value: T) {\n    this.data[key] = value;\n  }\n}\n"]}

package/dist/form.d.mts

@@ -3,15 +3,16 @@ import { ButtonProps, TabsProps, CheckboxProps, SlotsToClasses, InputSlots, Inpu
 import { UiSchema, RJSFSchema, WidgetProps, Widget } from '@rjsf/utils';
 import * as _rjsf_validator_ajv8_lib_validator from '@rjsf/validator-ajv8/lib/validator';
 import Form, { IChangeEvent } from '@rjsf/core';
-import { T as ThemeType } from './index-CUKoRIdy.js';
+import { T as ThemeType } from './index-38be834f.js';
 import { EditorProps } from '@monaco-editor/react';
-import { S as Store, R as RootStore } from './root-C3lZnoCI.js';
+import { S as Store } from './root-766ae985.js';
 import EventEmitter from 'events';
+export { J as JSONDataType, a as JSONViewPlugin, b as JSONViewType } from './index-0cd59ae0.js';
 import 'typed-emitter';
 
 declare class JSONSchemaFormState<T, U = UiSchema> {
     formRef: LegacyRef<Form<any, RJSFSchema, any>> & Ref<Form<any, RJSFSchema, any>>;
-    value: JSONValue<T>;
+    value: JSONSchemaValue<T>;
     schema: RJSFSchema;
     uiSchema: U;
     reactive: boolean;
@@ -26,35 +27,30 @@ declare class JSONSchemaFormState<T, U = UiSchema> {
     getDymaicData: () => {
         ready: boolean;
     };
-    onChange: (e: IChangeEvent<T>, id: string) => void;
+    onChange: (e: IChangeEvent<T>, id?: string) => void;
     onSubmit: (e: IChangeEvent<T>) => void;
     afterSubmit: (e: IChangeEvent<T>) => void;
-    afterChange: (e: IChangeEvent<T>, id: string) => void;
+    afterChange: (e: IChangeEvent<T>, id?: string) => void;
     reset({ force }?: {
         force?: boolean;
     }): this;
     customValidate: (formData: T, errors: any) => any;
     constructor(args?: Partial<JSONSchemaFormState<T, U>>);
 }
-declare abstract class JSONSchemaValue<T> {
+declare class JSONSchemaValue<T> {
     value?: T;
     default?: T;
     constructor(args?: Partial<JSONSchemaValue<T>>);
-    set(value: Partial<T>, { onSet }?: {
-        onSet?: boolean;
-    }): T;
+    set(value: Partial<T>): T;
     onSet(value: Partial<T>): Partial<T>;
     get(): T;
     getFormat(value: T): T;
     reset(): void;
 }
-declare class JSONValue<T> extends JSONSchemaValue<T> {
-    constructor(args?: Partial<JSONValue<T>>);
-}
 
 type LayoutType = 'TabLayout' | 'GridLayout' | 'ListLayout' | 'SimpleLayout';
 type FieldLayoutType<T, F extends keyof T> = Array<keyof NonNullable<T[F]>> | Array<Array<keyof NonNullable<T[F]>> | keyof NonNullable<T[F]>>;
-type customButtonProps<T> = ({
+type CustomButtonProps<T> = ({
     title: string;
     onClick: (formKey: FormKey<T>, data: FormDataOfKey<T>, setLoading: Dispatch<SetStateAction<boolean>>) => void;
 } & ButtonProps)[];
@@ -63,10 +59,10 @@ type FormLayoutType<T, L> = L extends 'TabLayout' | 'ListLayout' | 'SimpleLayout
         title?: string;
         titleBoxCss?: string;
         fieldLayout?: FieldLayoutType<T, F>;
-        customButtonProps?: customButtonProps<T>;
         submitButtonProps?: ButtonProps & {
             onAfterSubmit?: (formKey: FormKey<T>, data: FormDataOfKey<T>, setLoading: Dispatch<SetStateAction<boolean>>) => void;
         };
+        customButtonProps?: CustomButtonProps<T>;
     };
 } : L extends 'GridLayout' ? {
     [F in keyof T]?: {
@@ -75,10 +71,10 @@ type FormLayoutType<T, L> = L extends 'TabLayout' | 'ListLayout' | 'SimpleLayout
         fieldLayout?: FieldLayoutType<T, F>;
         colSpan?: number;
         cardCss?: string;
-        customButtonProps?: customButtonProps<T>;
         submitButtonProps?: ButtonProps & {
             onAfterSubmit?: (formKey: FormKey<T>, data: FormDataOfKey<T>, setLoading: Dispatch<SetStateAction<boolean>>) => void;
         };
+        customButtonProps?: CustomButtonProps<T>;
     };
 } : never;
 type LayoutConfigType<T, L> = L extends 'TabLayout' ? {
@@ -310,7 +306,7 @@ declare class ComplexFormModalStore<T extends FormDataType> implements Store {
     modalSize: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | 'xs' | '3xl' | '4xl' | '5xl';
     scrollBehavior?: 'normal' | 'inside' | 'outside';
     isDismissable: boolean;
-    event: EventEmitter<[never]>;
+    event: EventEmitter;
     onBatchSubmit?: (data: T, setLoading?: Dispatch<SetStateAction<boolean>>) => void;
     onSet?: (v: FormDataOfKey<T>, form: JSONSchemaFormState<FormDataOfKey<T>, UiSchema>) => FormDataOfKey<T>;
     onChange?: (data: Partial<T>) => void;
@@ -340,7 +336,7 @@ declare class FormModalStore<T = {
     modalSize: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | 'xs' | '3xl' | '4xl' | '5xl';
     scrollBehavior?: 'normal' | 'inside' | 'outside';
     closeOnOverlayClick: boolean;
-    event: EventEmitter<[never]>;
+    event: EventEmitter;
     onAfterSubmit?: (data: T) => void;
     constructor(args?: Partial<FormModalStore>);
     setData(v: Partial<FormModalStore>): void;
@@ -362,55 +358,4 @@ declare function getSimpleFormData<T>(data: T, metadata: {
     [key: string]: any;
 } & Partial<JSONSchemaFormState<any>>, config: Partial<FormModalStore>, onSet?: (v: T, form: JSONSchemaFormState<T, UiSchema>) => T, theme?: ThemeType): Promise<T>;
 
-type JSONViewType = {
-    className?: string;
-    children?: any;
-    data?: Record<string, JSONDataType>;
-    datas?: Record<string, Record<string, JSONDataType> | JSONDataType[]>;
-    uiConfig?: {
-        type: string;
-        className?: Record<string, string>;
-        slots?: Record<string, any>;
-        [key: string]: any;
-    };
-    uiConfigs?: Record<string, JSONViewType["uiConfig"]>;
-};
-type JSONDataType = {
-    title?: string;
-    icon?: any;
-    render?: any;
-    className?: string;
-    type?: "divider" | "checkbox" | "label" | "radio";
-    shortcut?: string;
-    disabled?: boolean;
-    children?: Record<string, JSONDataType>;
-    value?: any;
-    link?: any;
-    events?: Record<string, any>;
-    onChange?: (args: {
-        e: any;
-        v: any;
-    }) => void;
-    onClick?: (args: {
-        e: any;
-        v: any;
-    }) => void;
-};
-declare class JSONViewPlugin implements Store {
-    sid: string;
-    autoObservable?: boolean;
-    JSONView: {
-        Test: {
-            name: string;
-            render: () => React.JSX.Element;
-        };
-    };
-    onNewStore({ rootStore, store, }: {
-        rootStore: RootStore<any>;
-        store: Store;
-    }): void;
-    crawl(store: Store): void;
-    static JSONView: (props: JSONViewType) => React.JSX.Element;
-}
-
-export { CheckboxWidget, type CheckboxWidgetProps, type CheckboxWidgetUIOptions, ComplexFormModalStore, DatePickerWidget, type DatePickerWidgetProps, type DatePickerWidgetUIOptions, EditorWidget, type EditorWidgetProps, type EditorWidgetUIOptions, type FieldLayoutType, type FormConfigType, type FormDataOfKey, type FormDataType, type FormKey, type FormLayoutType, FormModalStore, InputWidget, type InputWidgetProps, type InputWidgetUIOptions, type JSONDataType, JSONForm, type JSONFormProps, JSONSchemaForm, JSONViewPlugin, type JSONViewType, type LayoutConfigType, type LayoutType, MultipleSelectWidget, type MultipleSelectWidgetProps, type MultipleSelectWidgetUIOptions, SelectWidget, type SelectWidgetProps, type SelectWidgetUIOptions, TextareaWidget, type TextareaWidgetProps, type TextareaWidgetUIOptions, getComplexFormData, getFormData, getFormState, getSimpleFormData };
+export { CheckboxWidget, CheckboxWidgetProps, CheckboxWidgetUIOptions, ComplexFormModalStore, DatePickerWidget, DatePickerWidgetProps, DatePickerWidgetUIOptions, EditorWidget, EditorWidgetProps, EditorWidgetUIOptions, FieldLayoutType, FormConfigType, FormDataOfKey, FormDataType, FormKey, FormLayoutType, FormModalStore, InputWidget, InputWidgetProps, InputWidgetUIOptions, JSONForm, JSONFormProps, JSONSchemaForm, LayoutConfigType, LayoutType, MultipleSelectWidget, MultipleSelectWidgetProps, MultipleSelectWidgetUIOptions, SelectWidget, SelectWidgetProps, SelectWidgetUIOptions, TextareaWidget, TextareaWidgetProps, TextareaWidgetUIOptions, getComplexFormData, getFormData, getFormState, getSimpleFormData };

package/dist/form.mjs

@@ -1,16 +1,16 @@
+export { JSONViewPlugin } from './chunk-WMJB4EAN.mjs';
 import { getStyle } from './chunk-5SFAINN6.mjs';
-import { useStore } from './chunk-WS43BV7Y.mjs';
-import { RootStore } from './chunk-XJMRAPHI.mjs';
+import { useStore, RootStore } from './chunk-IDKGZ5T4.mjs';
 import { helper } from './chunk-Q3AD5RHQ.mjs';
 import { _ } from './chunk-MGU3KYGC.mjs';
-import { cn } from './chunk-AIZ7XDNV.mjs';
-import { __objRest, __spreadValues, __spreadProps } from './chunk-R4SQKVDQ.mjs';
+import { cn } from './chunk-WYGQ3Y4R.mjs';
+import { __objRest, __spreadValues, __spreadProps } from './chunk-6F7H4PAA.mjs';
 import React7, { useEffect, useMemo, useState, useRef, useCallback, createRef } from 'react';
 import { Modal, ModalContent, ModalHeader, ModalBody, Checkbox, Input, Select, SelectItem, Button, Textarea, DatePicker, Chip, Card, Tabs, Tab } from '@nextui-org/react';
 import { Check, ChevronUp, ChevronDown } from 'lucide-react';
 import MonacoEditor from '@monaco-editor/react';
 import validator from '@rjsf/validator-ajv8';
-import { makeAutoObservable, makeObservable, computed, observable, action, toJS } from 'mobx';
+import { toJS, makeAutoObservable, makeObservable, computed, observable, action } from 'mobx';
 import Form from '@rjsf/core';
 import * as Utils from '@rjsf/utils';
 import { observer, useLocalObservable } from 'mobx-react-lite';
@@ -377,7 +377,7 @@ var EditorWidget = ({ label, options = {}, value, required, uiSchema, disabled,
 };
 var JSONSchemaFormState = class {
   constructor(args = {}) {
-    this.value = new JSONValue();
+    this.value = new JSONSchemaValue();
     this.reactive = true;
     this.readonly = false;
     this.liveValidate = false;
@@ -436,7 +436,7 @@ var JSONSchemaValue = class {
       set: action
     });
   }
-  set(value, { onSet = true } = {}) {
+  set(value) {
     value = this.onSet(value);
     const newVal = helper.deepMerge(this.value, value);
     this.value = toJS(newVal);
@@ -455,11 +455,6 @@ var JSONSchemaValue = class {
     this.set(this.default);
   }
 };
-var JSONValue = class extends JSONSchemaValue {
-  constructor(args = {}) {
-    super(args);
-  }
-};
 
 // components/JSONForm/Layouts/format.tsx
 var getFormState = (props, formLayout = {}, theme = "default") => {
@@ -529,7 +524,7 @@ var getFormState = (props, formLayout = {}, theme = "default") => {
       required
     };
     const form = new JSONSchemaFormState({
-      //@ts-ignore
+      // @ts-ignore
       schema,
       uiSchema: __spreadProps(__spreadValues({
         "ui:submitButtonOptions": {
@@ -543,7 +538,7 @@ var getFormState = (props, formLayout = {}, theme = "default") => {
       // },
       afterChange: (e, id) => {
         const { formData: formData2 } = e;
-        if (formData2) {
+        if (formData2 && id) {
           const field = id.replace("root_", "");
           const data = {
             [key]: {
@@ -553,9 +548,8 @@ var getFormState = (props, formLayout = {}, theme = "default") => {
           onChange == null ? void 0 : onChange(data);
         }
       },
-      value: new JSONValue({
+      value: new JSONSchemaValue({
         default: value,
-        //@ts-ignore
         onSet: (v) => {
           if (onSet) {
             return onSet(v, form);
@@ -748,7 +742,7 @@ var JSONSchemaForm = observer(({ children, formState }) => {
         ErrorListTemplate,
         ButtonTemplates: { SubmitButton: SubmitButton2 }
       },
-      formData: formState.formData,
+      formData: toJS(formState.formData),
       readonly: formState.readonly,
       uiSchema: formState.uiSchema,
       schema: formState.schema,
@@ -1484,9 +1478,8 @@ function getFormState2({
         formModal.event.emit("afterSubmit", e.formData);
       }
     },
-    value: new JSONValue({
+    value: new JSONSchemaValue({
       default: value,
-      //@ts-ignore
       onSet: (v) => onSet(v, form)
     })
   });
@@ -1501,48 +1494,7 @@ async function getSimpleFormData(data, metadata = {}, config, onSet = (v, form)
     form
   }));
 }
-var _JSONViewPlugin = class _JSONViewPlugin {
-  constructor() {
-    this.sid = "JSONViewPlugin";
-    this.autoObservable = false;
-    this.JSONView = {
-      Test: {
-        name: "Test",
-        render: () => /* @__PURE__ */ React7.createElement("div", null, "Test")
-      }
-    };
-  }
-  onNewStore({
-    rootStore,
-    store
-  }) {
-    this.crawl(store);
-  }
-  crawl(store) {
-    if (store == null ? void 0 : store.JSONView) {
-      this.JSONView = __spreadValues(__spreadValues({}, this.JSONView), store.JSONView);
-    }
-  }
-};
-_JSONViewPlugin.JSONView = (props) => {
-  const jsonviewplugin = RootStore.Get(_JSONViewPlugin);
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, Object.keys(props.uiConfigs).map((key) => {
-    const config = props.uiConfigs[key];
-    const data = _.get(props.datas, key);
-    const Component = jsonviewplugin.JSONView[config.type].render;
-    const rootStore = RootStore.init();
-    Object.values(data).forEach((i) => {
-      if (i.events) {
-        Object.entries(i.events).forEach(([k, v]) => {
-          i[k] = (args) => rootStore.events.emit(v, __spreadProps(__spreadValues({}, args), { action: k }));
-        });
-      }
-    });
-    return /* @__PURE__ */ React7.createElement(Component, { key, data, uiConfig: config });
-  }));
-};
-var JSONViewPlugin = _JSONViewPlugin;
 
-export { CheckboxWidget, ComplexFormModalStore, DatePickerWidget, EditorWidget, FormModalStore, InputWidget, JSONForm, JSONSchemaForm, JSONViewPlugin, MultipleSelectWidget, SelectWidget, TextareaWidget, getComplexFormData, getFormData, getFormState2 as getFormState, getSimpleFormData };
+export { CheckboxWidget, ComplexFormModalStore, DatePickerWidget, EditorWidget, FormModalStore, InputWidget, JSONForm, JSONSchemaForm, MultipleSelectWidget, SelectWidget, TextareaWidget, getComplexFormData, getFormData, getFormState2 as getFormState, getSimpleFormData };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=form.mjs.map