@dappworks/kit 0.4.63 → 0.4.64

package/dist/form.mjs

@@ -1,45 +1,23 @@
-import {
-  JSONEditor
-} from "./chunk-7UR5JQZB.mjs";
-import {
-  helper
-} from "./chunk-CO3IV6BN.mjs";
-import {
-  PaginationState
-} from "./chunk-ONVPCAMQ.mjs";
-import {
-  useStore
-} from "./chunk-SXQEYWUP.mjs";
-import {
-  RootStore
-} from "./chunk-HRWHDF2F.mjs";
-import {
-  lodash_exports
-} from "./chunk-DUK5IHQE.mjs";
-import {
-  cn
-} from "./chunk-FOR424HO.mjs";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-5E65QCNB.mjs";
+export { JSONEditor } from './chunk-O3TH7DXC.mjs';
+import { helper } from './chunk-52OE5FHP.mjs';
+export { PaginationState } from './chunk-ONVPCAMQ.mjs';
+import { useStore } from './chunk-OCLML5CM.mjs';
+import { RootStore } from './chunk-XJMRAPHI.mjs';
+import { _ } from './chunk-7LQSAVH2.mjs';
+import { cn } from './chunk-AIZ7XDNV.mjs';
+import { __objRest, __spreadValues, __spreadProps } from './chunk-R4SQKVDQ.mjs';
+import React7, { useEffect, useMemo, useState, createRef } from 'react';
+import { Modal, ModalContent, ModalHeader, ModalBody, Button, Checkbox, Input, Card, Tabs, Tab } from '@nextui-org/react';
+import { ChevronUp, ChevronDown, Check } 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 Form from '@rjsf/core';
+import * as Utils from '@rjsf/utils';
+import { observer, useLocalObservable } from 'mobx-react-lite';
+import Draggable from 'react-draggable';
+import EventEmitter from 'events';
 
-// components/JSONForm/index.tsx
-import React14 from "react";
-
-// components/JSONForm/Layouts/gridLayout.tsx
-import React10, { useEffect } from "react";
-import { Card } from "@nextui-org/react";
-
-// components/JSONForm/Layouts/format.tsx
-import React6, { useState as useState2 } from "react";
-import { Button as Button2 } from "@nextui-org/react";
-
-// components/JSONFormWidgets/CheckboxWidget/index.tsx
-import React2 from "react";
-import { Checkbox } from "@nextui-org/react";
-import { Check } from "lucide-react";
 function CheckboxWidget({
   onChange,
   options,
@@ -51,7 +29,7 @@ function CheckboxWidget({
 }) {
   const { size = "sm", color = "primary" } = options;
   const { description } = schema;
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(
     Checkbox,
     {
       id,
@@ -64,7 +42,7 @@ function CheckboxWidget({
       },
       defaultSelected: value,
       isDisabled: disabled,
-      icon: /* @__PURE__ */ React2.createElement(Check, { className: "bg-white dark:bg-black" }),
+      icon: /* @__PURE__ */ React7.createElement(Check, { className: "bg-white dark:bg-black" }),
       color,
       size,
       onChange: (e) => {
@@ -73,13 +51,9 @@ function CheckboxWidget({
       }
     },
     label
-  ), description && /* @__PURE__ */ React2.createElement("div", { className: "mt-1 text-xs text-[#A1A1A9] dark:text-[#717179]" }, description));
+  ), description && /* @__PURE__ */ React7.createElement("div", { className: "mt-1 text-xs text-[#A1A1A9] dark:text-[#717179]" }, description));
 }
 var CheckboxWidget_default = CheckboxWidget;
-
-// components/JSONFormWidgets/InputWidget/index.tsx
-import React3 from "react";
-import { Input } from "@nextui-org/react";
 function InputWidget(props) {
   const {
     onChange,
@@ -93,7 +67,7 @@ function InputWidget(props) {
   } = props;
   const { className, labelPlacement = "inside", size = "sm" } = options;
   const placeholder = props.placeholder || options.placeholder;
-  return /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React7.createElement(
     Input,
     {
       id,
@@ -113,16 +87,13 @@ function InputWidget(props) {
   );
 }
 var InputWidget_default = InputWidget;
-
-// components/JSONFormWidgets/SelectWidget/index.tsx
-import React4 from "react";
 function SelectWidget(props) {
   const { onChange, options, id, label, value, required, disabled, schema } = props;
   const { className, labelPlacement = "top", placeholder = "Select an option" } = options;
   const { selectOptions = [], description } = schema;
   const labelText = label == null ? void 0 : label.trim();
   const placeholderText = props.placeholder || placeholder;
-  return /* @__PURE__ */ React4.createElement("div", { className: cn("", className) }, /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React7.createElement("div", { className: cn("", className) }, /* @__PURE__ */ React7.createElement(
     "div",
     {
       className: cn("flex flex-col", {
@@ -130,7 +101,7 @@ function SelectWidget(props) {
       }),
       id
     },
-    labelText && /* @__PURE__ */ React4.createElement(
+    labelText && /* @__PURE__ */ React7.createElement(
       "label",
       {
         className: cn("flex items-center text-sm whitespace-nowrap", {
@@ -139,32 +110,27 @@ function SelectWidget(props) {
         })
       },
       labelText,
-      required && /* @__PURE__ */ React4.createElement("span", { className: "ml-[2px] font-bold text-red-600" }, "*")
+      required && /* @__PURE__ */ React7.createElement("span", { className: "ml-[2px] font-bold text-red-600" }, "*")
     ),
-    /* @__PURE__ */ React4.createElement("select", { className: "w-full p-3 text-sm rounded-md bg-[#F4F4F5] dark:bg-[#27272A]", defaultValue: value, disabled, onChange: (event) => onChange(event.target.value) }, /* @__PURE__ */ React4.createElement("option", { value: "", disabled: true, selected: true }, placeholderText), selectOptions.map((item) => {
-      return /* @__PURE__ */ React4.createElement("option", { key: item.value, value: item.value }, item.label);
+    /* @__PURE__ */ React7.createElement("select", { className: "w-full p-3 text-sm rounded-md bg-[#F4F4F5] dark:bg-[#27272A]", defaultValue: value, disabled, onChange: (event) => onChange(event.target.value) }, /* @__PURE__ */ React7.createElement("option", { value: "", disabled: true, selected: true }, placeholderText), selectOptions.map((item) => {
+      return /* @__PURE__ */ React7.createElement("option", { key: item.value, value: item.value }, item.label);
     }))
-  ), description && /* @__PURE__ */ React4.createElement("div", { className: "mt-1 text-xs text-[#A1A1A9] dark:text-[#717179]" }, description));
+  ), description && /* @__PURE__ */ React7.createElement("div", { className: "mt-1 text-xs text-[#A1A1A9] dark:text-[#717179]" }, description));
 }
 var SelectWidget_default = SelectWidget;
-
-// components/JSONFormWidgets/EditorWidget/index.tsx
-import React5, { useState } from "react";
-import MonacoEditor from "@monaco-editor/react";
-import { Button } from "@nextui-org/react";
 var EditorWidget = ({ id, label, options = {}, value, required, schema, disabled, onChange }) => {
   const { editorHeight = "200px", readOnly = false, language = "json", jsonStrSpace, languageSelectorOptions = [], onChangeLanguage, onRun, onMount } = options;
   const [selectedLanguage, setSelectedLanguage] = useState("");
   const [runLoading, setRunLoading] = useState(false);
   const showLanguageSelector = languageSelectorOptions.length > 0;
-  return /* @__PURE__ */ React5.createElement("div", { className: "flex flex-col relative" }, /* @__PURE__ */ React5.createElement("div", { className: cn("flex justify-between items-center", { "mb-[10px]": label.trim() || showLanguageSelector }) }, label && /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React7.createElement("div", { className: "flex flex-col relative" }, /* @__PURE__ */ React7.createElement("div", { className: cn("flex justify-between items-center", { "mb-[10px]": label.trim() || showLanguageSelector }) }, label && /* @__PURE__ */ React7.createElement(
     "label",
     {
       className: "mr-2 flex items-center text-sm"
     },
     label,
-    required && /* @__PURE__ */ React5.createElement("span", { className: "font-bold text-red-600" }, "*")
-  ), showLanguageSelector && /* @__PURE__ */ React5.createElement(
+    required && /* @__PURE__ */ React7.createElement("span", { className: "font-bold text-red-600" }, "*")
+  ), showLanguageSelector && /* @__PURE__ */ React7.createElement(
     "select",
     {
       className: "w-full p-3 text-sm rounded-md bg-[#F4F4F5] dark:bg-[#27272A]",
@@ -176,9 +142,9 @@ var EditorWidget = ({ id, label, options = {}, value, required, schema, disabled
       }
     },
     languageSelectorOptions.map((item) => {
-      return /* @__PURE__ */ React5.createElement("option", { key: item.value, value: item.value }, item.label);
+      return /* @__PURE__ */ React7.createElement("option", { key: item.value, value: item.value }, item.label);
     })
-  )), schema.description && /* @__PURE__ */ React5.createElement("div", { className: "mb-2 text-xs text-[#A1A1A9]" }, schema.description), /* @__PURE__ */ React5.createElement("div", { className: "rounded-lg overflow-hidden" }, /* @__PURE__ */ React5.createElement(
+  )), schema.description && /* @__PURE__ */ React7.createElement("div", { className: "mb-2 text-xs text-[#A1A1A9]" }, schema.description), /* @__PURE__ */ React7.createElement("div", { className: "rounded-lg overflow-hidden" }, /* @__PURE__ */ React7.createElement(
     MonacoEditor,
     {
       options: { readOnly: readOnly || disabled, minimap: { enabled: false } },
@@ -195,7 +161,7 @@ var EditorWidget = ({ id, label, options = {}, value, required, schema, disabled
         }
       }
     }
-  )), onRun && /* @__PURE__ */ React5.createElement(
+  )), onRun && /* @__PURE__ */ React7.createElement(
     Button,
     {
       className: "absolute bottom-2 right-4",
@@ -211,11 +177,6 @@ var EditorWidget = ({ id, label, options = {}, value, required, schema, disabled
   ));
 };
 var EditorWidget_default = EditorWidget;
-
-// store/standard/JSONSchemaState.ts
-import { createRef } from "react";
-import validator from "@rjsf/validator-ajv8";
-import { action, computed, makeObservable, observable, toJS } from "mobx";
 var JSONSchemaFormState = class {
   constructor(args = {}) {
     this.value = new JSONValue();
@@ -417,9 +378,9 @@ var getFormState = (props, formLayout = {}) => {
 };
 var BatchSubmitButton = ({ formStates, onSubmit, buttonProps }) => {
   const _a = buttonProps || {}, { className, onClick, children, isLoading, onBatchSubmit } = _a, rest = __objRest(_a, ["className", "onClick", "children", "isLoading", "onBatchSubmit"]);
-  const [loading, setLoading] = useState2(false);
-  return /* @__PURE__ */ React6.createElement(
-    Button2,
+  const [loading, setLoading] = useState(false);
+  return /* @__PURE__ */ React7.createElement(
+    Button,
     __spreadValues({
       className: cn("mt-4 ml-auto", className),
       size: "sm",
@@ -459,9 +420,9 @@ var BatchSubmitButton = ({ formStates, onSubmit, buttonProps }) => {
 };
 var SubmitButton = ({ formKey, formState, buttonProps }) => {
   const _a = buttonProps || {}, { className, onClick, children, isLoading, onAfterSubmit } = _a, rest = __objRest(_a, ["className", "onClick", "children", "isLoading", "onAfterSubmit"]);
-  const [loading, setLoading] = useState2(false);
-  return /* @__PURE__ */ React6.createElement("div", { className: "w-full flex" }, /* @__PURE__ */ React6.createElement(
-    Button2,
+  const [loading, setLoading] = useState(false);
+  return /* @__PURE__ */ React7.createElement("div", { className: "w-full flex" }, /* @__PURE__ */ React7.createElement(
+    Button,
     __spreadValues({
       className: cn("mt-4 ml-auto", className),
       type: "submit",
@@ -491,14 +452,6 @@ var SubmitButton = ({ formKey, formState, buttonProps }) => {
     children || "Submit"
   ));
 };
-
-// components/JSONSchemaForm/index.tsx
-import React7, { useState as useState3 } from "react";
-import { Button as Button3 } from "@nextui-org/react";
-import Form from "@rjsf/core";
-import * as Utils from "@rjsf/utils";
-import { ChevronDown, ChevronUp } from "lucide-react";
-import { observer } from "mobx-react-lite";
 function FieldTemplate(props) {
   const { id, classNames, label, help, required, description, errors, children, schema, uiSchema } = props;
   if (uiSchema && uiSchema["ui:widget"] === "hidden") {
@@ -522,7 +475,7 @@ var renderLayout = (layout, fields, n = 1) => {
   });
 };
 var ObjectFieldTemplate = ({ title, idSchema: { $id }, properties, uiSchema: { layout } }) => {
-  const [opened, setOpened] = useState3(false);
+  const [opened, setOpened] = useState(false);
   const fields = Object.fromEntries(properties.map((item) => [item.name, item.content]));
   return /* @__PURE__ */ React7.createElement("div", { className: "w-full space-y-2.5" }, $id === "root" ? layout ? renderLayout(layout, fields) : properties.map((element) => {
     return /* @__PURE__ */ React7.createElement("div", { key: element.content.key }, element.content);
@@ -546,7 +499,7 @@ var SubmitButton2 = ({ uiSchema }) => {
   if (norender) {
     return null;
   }
-  return /* @__PURE__ */ React7.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ React7.createElement(Button3, { type: "submit", color: "primary", size: "sm" }, submitText));
+  return /* @__PURE__ */ React7.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ React7.createElement(Button, { type: "submit", color: "primary", size: "sm" }, submitText));
 };
 var JSONSchemaForm = observer(({ children, formState }) => {
   var _a;
@@ -576,9 +529,6 @@ var JSONSchemaForm = observer(({ children, formState }) => {
   );
 });
 
-// components/ui/grid/col.tsx
-import React8 from "react";
-
 // components/ui/grid/styles.tsx
 var gridCols = {
   0: "grid-cols-none",
@@ -702,7 +652,7 @@ var colSpanLg = {
 };
 
 // components/ui/grid/col.tsx
-var Col = React8.forwardRef((props, ref) => {
+var Col = React7.forwardRef((props, ref) => {
   const _a = props, { numColSpan = 1, numColSpanSm, numColSpanMd, numColSpanLg, children, className } = _a, other = __objRest(_a, ["numColSpan", "numColSpanSm", "numColSpanMd", "numColSpanLg", "children", "className"]);
   const getColSpan = (numColSpan2, colSpanMapping) => {
     if (!numColSpan2)
@@ -718,13 +668,10 @@ var Col = React8.forwardRef((props, ref) => {
     const spanLg = getColSpan(numColSpanLg, colSpanLg);
     return cn(spanBase, spanSm, spanMd, spanLg);
   };
-  return /* @__PURE__ */ React8.createElement("div", __spreadValues({ ref, className: cn(getColSpanClassNames(), className) }, other), children);
+  return /* @__PURE__ */ React7.createElement("div", __spreadValues({ ref, className: cn(getColSpanClassNames(), className) }, other), children);
 });
 Col.displayName = "Col";
 var col_default = Col;
-
-// components/ui/grid/grid.tsx
-import React9 from "react";
 var getGridCols = (numCols, gridColsMapping) => {
   if (!numCols)
     return "";
@@ -732,14 +679,14 @@ var getGridCols = (numCols, gridColsMapping) => {
     return "";
   return gridColsMapping[numCols];
 };
-var Grid = React9.forwardRef((props, ref) => {
+var Grid = React7.forwardRef((props, ref) => {
   const _a = props, { numItems = 1, numItemsSm, numItemsMd, numItemsLg, children, className } = _a, other = __objRest(_a, ["numItems", "numItemsSm", "numItemsMd", "numItemsLg", "children", "className"]);
   const colsBase = getGridCols(numItems, gridCols);
   const colsSm = getGridCols(numItemsSm, gridColsSm);
   const colsMd = getGridCols(numItemsMd, gridColsMd);
   const colsLg = getGridCols(numItemsLg, gridColsLg);
   const colClassNames = cn(colsBase, colsSm, colsMd, colsLg);
-  return /* @__PURE__ */ React9.createElement("div", __spreadValues({ ref, className: cn("grid", colClassNames, className) }, other), children);
+  return /* @__PURE__ */ React7.createElement("div", __spreadValues({ ref, className: cn("grid", colClassNames, className) }, other), children);
 });
 Grid.displayName = "Grid";
 var grid_default = Grid;
@@ -754,64 +701,53 @@ var GridLayout = (props) => {
       onReady(formStates);
     }
   }, [formStates]);
-  return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(grid_default, { numItems: $gridColumn != null ? $gridColumn : 1, className: "gap-2" }, Object.keys(formStates).map((key) => {
+  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(grid_default, { numItems: $gridColumn != null ? $gridColumn : 1, className: "gap-2" }, Object.keys(formStates).map((key) => {
     var _a2;
     const layout = formLayout[key];
-    return /* @__PURE__ */ React10.createElement(col_default, { numColSpan: (_a2 = layout == null ? void 0 : layout.colSpan) != null ? _a2 : 1, key, id: `form-${key}` }, /* @__PURE__ */ React10.createElement(Card, { className: cn("h-full m-0 p-4 shadow-sm border-1", layout == null ? void 0 : layout.cardCss) }, /* @__PURE__ */ React10.createElement("div", { className: cn("mb-2 font-bold text-center", layout == null ? void 0 : layout.titleBoxCss) }, (layout == null ? void 0 : layout.title) || key), /* @__PURE__ */ React10.createElement(JSONSchemaForm, { formState: formStates[key] }, (layout == null ? void 0 : layout.submitButtonProps) && /* @__PURE__ */ React10.createElement(SubmitButton, { formKey: key, formState: formStates[key], buttonProps: layout.submitButtonProps }))));
-  })), (onBatchSubmit || (batchSubmitButtonProps == null ? void 0 : batchSubmitButtonProps.onBatchSubmit)) && /* @__PURE__ */ React10.createElement("div", { className: "w-full flex" }, /* @__PURE__ */ React10.createElement(BatchSubmitButton, { formStates, onSubmit: onBatchSubmit, buttonProps: batchSubmitButtonProps })));
+    return /* @__PURE__ */ React7.createElement(col_default, { numColSpan: (_a2 = layout == null ? void 0 : layout.colSpan) != null ? _a2 : 1, key, id: `form-${key}` }, /* @__PURE__ */ React7.createElement(Card, { className: cn("h-full m-0 p-4 shadow-sm border-1", layout == null ? void 0 : layout.cardCss) }, /* @__PURE__ */ React7.createElement("div", { className: cn("mb-2 font-bold text-center", layout == null ? void 0 : layout.titleBoxCss) }, (layout == null ? void 0 : layout.title) || key), /* @__PURE__ */ React7.createElement(JSONSchemaForm, { formState: formStates[key] }, (layout == null ? void 0 : layout.submitButtonProps) && /* @__PURE__ */ React7.createElement(SubmitButton, { formKey: key, formState: formStates[key], buttonProps: layout.submitButtonProps }))));
+  })), (onBatchSubmit || (batchSubmitButtonProps == null ? void 0 : batchSubmitButtonProps.onBatchSubmit)) && /* @__PURE__ */ React7.createElement("div", { className: "w-full flex" }, /* @__PURE__ */ React7.createElement(BatchSubmitButton, { formStates, onSubmit: onBatchSubmit, buttonProps: batchSubmitButtonProps })));
 };
-
-// components/JSONForm/Layouts/listLayout.tsx
-import React11, { useEffect as useEffect2, useState as useState4 } from "react";
-import { ChevronDown as ChevronDown2, ChevronUp as ChevronUp2 } from "lucide-react";
 var CollapsibleBox = ({ formKey, title, titleBoxCss, formState, submitButtonProps }) => {
-  const [opened, setOpened] = useState4(true);
-  return /* @__PURE__ */ React11.createElement("div", { id: `form-${formKey}` }, /* @__PURE__ */ React11.createElement(
+  const [opened, setOpened] = useState(true);
+  return /* @__PURE__ */ React7.createElement("div", { id: `form-${formKey}` }, /* @__PURE__ */ React7.createElement(
     "div",
     {
       className: "mt-5 mb-[10px] flex justify-between items-center cursor-pointer border-t-[1px solid #E5E5EA] py-[5px] hover:bg-[#F2F2F7] dark:hover:bg-gray-900",
       onClick: () => setOpened((o) => !o)
     },
-    /* @__PURE__ */ React11.createElement("div", { className: cn("text-gray-900 dark:text-gray-100 font-bold text-base", titleBoxCss) }, title),
-    opened ? /* @__PURE__ */ React11.createElement(ChevronUp2, null) : /* @__PURE__ */ React11.createElement(ChevronDown2, null)
-  ), /* @__PURE__ */ React11.createElement("div", { className: cn("mt-2", opened ? "block" : "hidden") }, /* @__PURE__ */ React11.createElement(JSONSchemaForm, { formState }, submitButtonProps && /* @__PURE__ */ React11.createElement(SubmitButton, { formKey, formState, buttonProps: submitButtonProps }))));
+    /* @__PURE__ */ React7.createElement("div", { className: cn("text-gray-900 dark:text-gray-100 font-bold text-base", titleBoxCss) }, title),
+    opened ? /* @__PURE__ */ React7.createElement(ChevronUp, null) : /* @__PURE__ */ React7.createElement(ChevronDown, null)
+  ), /* @__PURE__ */ React7.createElement("div", { className: cn("mt-2", opened ? "block" : "hidden") }, /* @__PURE__ */ React7.createElement(JSONSchemaForm, { formState }, submitButtonProps && /* @__PURE__ */ React7.createElement(SubmitButton, { formKey, formState, buttonProps: submitButtonProps }))));
 };
 var ListLayout = (props) => {
   const { layoutConfig = {}, onBatchSubmit, batchSubmitButtonProps, onReady } = props;
-  const _a = layoutConfig, { $type } = _a, formLayout = __objRest(_a, ["$type"]);
+  const _a = layoutConfig, formLayout = __objRest(_a, ["$type"]);
   const formStates = getFormState(props, formLayout);
-  useEffect2(() => {
+  useEffect(() => {
     if (formStates && onReady) {
       onReady(formStates);
     }
   }, [formStates]);
-  return /* @__PURE__ */ React11.createElement(React11.Fragment, null, Object.keys(formStates).map((key) => {
+  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, Object.keys(formStates).map((key) => {
     const layout = formLayout[key];
     const formState = formStates[key];
-    return /* @__PURE__ */ React11.createElement(CollapsibleBox, { key, formKey: key, title: (layout == null ? void 0 : layout.title) || key, titleBoxCss: layout == null ? void 0 : layout.titleBoxCss, formState, submitButtonProps: layout == null ? void 0 : layout.submitButtonProps });
-  }), (onBatchSubmit || (batchSubmitButtonProps == null ? void 0 : batchSubmitButtonProps.onBatchSubmit)) && /* @__PURE__ */ React11.createElement("div", { className: "w-full flex" }, /* @__PURE__ */ React11.createElement(BatchSubmitButton, { formStates, onSubmit: onBatchSubmit, buttonProps: batchSubmitButtonProps })));
+    return /* @__PURE__ */ React7.createElement(CollapsibleBox, { key, formKey: key, title: (layout == null ? void 0 : layout.title) || key, titleBoxCss: layout == null ? void 0 : layout.titleBoxCss, formState, submitButtonProps: layout == null ? void 0 : layout.submitButtonProps });
+  }), (onBatchSubmit || (batchSubmitButtonProps == null ? void 0 : batchSubmitButtonProps.onBatchSubmit)) && /* @__PURE__ */ React7.createElement("div", { className: "w-full flex" }, /* @__PURE__ */ React7.createElement(BatchSubmitButton, { formStates, onSubmit: onBatchSubmit, buttonProps: batchSubmitButtonProps })));
 };
-
-// components/JSONForm/Layouts/simpleLayout.tsx
-import React12, { useEffect as useEffect3 } from "react";
 var SimpleLayout = (props) => {
   const { layoutConfig = {}, onBatchSubmit, batchSubmitButtonProps, onReady } = props;
-  const _a = layoutConfig, { $type } = _a, formLayout = __objRest(_a, ["$type"]);
+  const _a = layoutConfig, formLayout = __objRest(_a, ["$type"]);
   const formStates = getFormState(props, formLayout);
-  useEffect3(() => {
+  useEffect(() => {
     if (formStates && onReady) {
       onReady(formStates);
     }
   }, [formStates]);
-  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement("div", { className: "space-y-2" }, Object.keys(formStates).map((key) => {
+  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("div", { className: "space-y-2" }, Object.keys(formStates).map((key) => {
     const layout = formLayout[key];
-    return /* @__PURE__ */ React12.createElement("div", { key, id: `form-${key}` }, /* @__PURE__ */ React12.createElement(JSONSchemaForm, { formState: formStates[key] }, (layout == null ? void 0 : layout.submitButtonProps) && /* @__PURE__ */ React12.createElement(SubmitButton, { formKey: key, formState: formStates[key], buttonProps: layout.submitButtonProps })));
-  })), (onBatchSubmit || (batchSubmitButtonProps == null ? void 0 : batchSubmitButtonProps.onBatchSubmit)) && /* @__PURE__ */ React12.createElement("div", { className: "w-full flex" }, /* @__PURE__ */ React12.createElement(BatchSubmitButton, { formStates, onSubmit: onBatchSubmit, buttonProps: batchSubmitButtonProps })));
+    return /* @__PURE__ */ React7.createElement("div", { key, id: `form-${key}` }, /* @__PURE__ */ React7.createElement(JSONSchemaForm, { formState: formStates[key] }, (layout == null ? void 0 : layout.submitButtonProps) && /* @__PURE__ */ React7.createElement(SubmitButton, { formKey: key, formState: formStates[key], buttonProps: layout.submitButtonProps })));
+  })), (onBatchSubmit || (batchSubmitButtonProps == null ? void 0 : batchSubmitButtonProps.onBatchSubmit)) && /* @__PURE__ */ React7.createElement("div", { className: "w-full flex" }, /* @__PURE__ */ React7.createElement(BatchSubmitButton, { formStates, onSubmit: onBatchSubmit, buttonProps: batchSubmitButtonProps })));
 };
-
-// components/JSONForm/Layouts/tabLayout.tsx
-import React13, { useEffect as useEffect4, useMemo, useState as useState5 } from "react";
-import { Tab, Tabs } from "@nextui-org/react";
 var TabLayout = (props) => {
   const { layoutConfig = {}, onBatchSubmit, batchSubmitButtonProps, onReady } = props;
   const _a = layoutConfig, {
@@ -825,13 +761,13 @@ var TabLayout = (props) => {
   ]);
   const formStates = useMemo(() => getFormState(props, formLayout), [props.formData, props.formConfig, props.layoutConfig]);
   const formKeys = Object.keys(formStates);
-  const [selectedTab, setSelectedTab] = useState5(formKeys[0] || "");
-  useEffect4(() => {
+  const [selectedTab, setSelectedTab] = useState(formKeys[0] || "");
+  useEffect(() => {
     if (formStates && onReady) {
       onReady(formStates);
     }
   }, [formStates]);
-  return /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(
     Tabs,
     __spreadProps(__spreadValues({}, $tabsProps), {
       selectedKey: selectedTab,
@@ -841,20 +777,20 @@ var TabLayout = (props) => {
     }),
     formKeys.map((key) => {
       const layout = formLayout[key];
-      return /* @__PURE__ */ React13.createElement(Tab, { id: `form-${key}-tab-menu`, key, title: /* @__PURE__ */ React13.createElement("div", { className: layout == null ? void 0 : layout.titleBoxCss }, (layout == null ? void 0 : layout.title) || key) });
+      return /* @__PURE__ */ React7.createElement(Tab, { id: `form-${key}-tab-menu`, key, title: /* @__PURE__ */ React7.createElement("div", { className: layout == null ? void 0 : layout.titleBoxCss }, (layout == null ? void 0 : layout.title) || key) });
     })
   ), formKeys.map((key) => {
     const layout = formLayout[key];
-    return /* @__PURE__ */ React13.createElement(
+    return /* @__PURE__ */ React7.createElement(
       "div",
       {
         key,
         id: `form-${key}-tab-content`,
         className: cn("mt-4", selectedTab === key ? "" : "hidden")
       },
-      /* @__PURE__ */ React13.createElement(JSONSchemaForm, { formState: formStates[key] }, (layout == null ? void 0 : layout.submitButtonProps) && /* @__PURE__ */ React13.createElement(SubmitButton, { formKey: key, formState: formStates[key], buttonProps: layout.submitButtonProps }))
+      /* @__PURE__ */ React7.createElement(JSONSchemaForm, { formState: formStates[key] }, (layout == null ? void 0 : layout.submitButtonProps) && /* @__PURE__ */ React7.createElement(SubmitButton, { formKey: key, formState: formStates[key], buttonProps: layout.submitButtonProps }))
     );
-  }), (onBatchSubmit || (batchSubmitButtonProps == null ? void 0 : batchSubmitButtonProps.onBatchSubmit)) && /* @__PURE__ */ React13.createElement("div", { className: "w-full flex" }, /* @__PURE__ */ React13.createElement(BatchSubmitButton, { formStates, onSubmit: onBatchSubmit, buttonProps: batchSubmitButtonProps })));
+  }), (onBatchSubmit || (batchSubmitButtonProps == null ? void 0 : batchSubmitButtonProps.onBatchSubmit)) && /* @__PURE__ */ React7.createElement("div", { className: "w-full flex" }, /* @__PURE__ */ React7.createElement(BatchSubmitButton, { formStates, onSubmit: onBatchSubmit, buttonProps: batchSubmitButtonProps })));
 };
 
 // components/JSONForm/index.tsx
@@ -868,32 +804,21 @@ var JSONForm = (props) => {
   var _a;
   const type = ((_a = props.layoutConfig) == null ? void 0 : _a.$type) || "SimpleLayout";
   const Component = components[type];
-  return /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React7.createElement(
     "div",
     { className: props.className },
     // @ts-ignore
-    /* @__PURE__ */ React14.createElement(Component, __spreadValues({}, props))
+    /* @__PURE__ */ React7.createElement(Component, __spreadValues({}, props))
   );
 };
-
-// components/JSONFormWidgets/TextareaWidget/index.tsx
-import React15 from "react";
-import { Textarea } from "@nextui-org/react";
-
-// module/ComplexFormModal/Provider.tsx
-import { Modal, ModalBody, ModalContent, ModalHeader } from "@nextui-org/react";
-import { observer as observer2, useLocalObservable } from "mobx-react-lite";
-import Draggable from "react-draggable";
-import { useEffect as useEffect5, useMemo as useMemo2 } from "react";
-import React16 from "react";
-var JSONViewModal = observer2(() => {
+var JSONViewModal = observer(() => {
   const rootStore = useStore();
   const complexFormModal = rootStore.get(FormPlugin);
   const { formData, isOpen } = complexFormModal;
   const store = useLocalObservable(() => ({
     isMobile: false
   }));
-  useEffect5(() => {
+  useEffect(() => {
     const handleResize = () => {
       store.isMobile = window.innerWidth < 991;
     };
@@ -904,7 +829,7 @@ var JSONViewModal = observer2(() => {
     };
   }, []);
   const isMobile = store.isMobile;
-  const ModalMemo = useMemo2(() => {
+  const ModalMemo = useMemo(() => {
     if (!formData) {
       return null;
     }
@@ -917,7 +842,7 @@ var JSONViewModal = observer2(() => {
         }
       });
     }
-    return /* @__PURE__ */ React16.createElement(
+    return /* @__PURE__ */ React7.createElement(
       Modal,
       {
         className: complexFormModal.className,
@@ -932,7 +857,7 @@ var JSONViewModal = observer2(() => {
           }
         }
       },
-      /* @__PURE__ */ React16.createElement("div", { className: "z-50 fixed top-0 left-0 w-screen h-screen" }, /* @__PURE__ */ React16.createElement(Draggable, { handle: ".draggable-handle" }, /* @__PURE__ */ React16.createElement(ModalContent, null, complexFormModal.title && /* @__PURE__ */ React16.createElement(ModalHeader, { className: "flex flex-col gap-1 draggable-handle cursor-move" }, complexFormModal.title), /* @__PURE__ */ React16.createElement(ModalBody, { className: cn("max-h-[90vh] overflow-auto") }, /* @__PURE__ */ React16.createElement(
+      /* @__PURE__ */ React7.createElement("div", { className: "z-50 fixed top-0 left-0 w-screen h-screen" }, /* @__PURE__ */ React7.createElement(Draggable, { handle: ".draggable-handle" }, /* @__PURE__ */ React7.createElement(ModalContent, null, complexFormModal.title && /* @__PURE__ */ React7.createElement(ModalHeader, { className: "flex flex-col gap-1 draggable-handle cursor-move" }, complexFormModal.title), /* @__PURE__ */ React7.createElement(ModalBody, { className: cn("max-h-[90vh] overflow-auto") }, /* @__PURE__ */ React7.createElement(
         JSONForm,
         {
           formData,
@@ -952,15 +877,10 @@ var JSONViewModal = observer2(() => {
   return ModalMemo;
 });
 var Provider_default = JSONViewModal;
-
-// module/ComplexFormModal/index.tsx
-import EventEmitter from "events";
-import { makeAutoObservable } from "mobx";
-import React17 from "react";
 var FormPlugin = class {
   constructor(args) {
     this.sid = "FormPlugin";
-    this.provider = () => /* @__PURE__ */ React17.createElement(Provider_default, null);
+    this.provider = () => /* @__PURE__ */ React7.createElement(Provider_default, null);
     this.isOpen = false;
     this.title = "";
     this.className = "";
@@ -1012,26 +932,15 @@ async function getComplexFormData(v) {
     });
   });
 }
-
-// module/FormModal/index.tsx
-import EventEmitter2 from "events";
-import React19 from "react";
-import { makeAutoObservable as makeAutoObservable2 } from "mobx";
-
-// module/FormModal/Provider.tsx
-import { Modal as Modal2, ModalBody as ModalBody2, ModalContent as ModalContent2, ModalHeader as ModalHeader2 } from "@nextui-org/react";
-import { observer as observer3 } from "mobx-react-lite";
-import Draggable2 from "react-draggable";
-import React18 from "react";
-var JSONFormModal = observer3(() => {
+var JSONFormModal = observer(() => {
   const rootStore = useStore();
   const formModal = rootStore.get(FormModalStore);
   const { form, closeOnOverlayClick } = formModal;
   if (!form) {
     return null;
   }
-  return /* @__PURE__ */ React18.createElement(
-    Modal2,
+  return /* @__PURE__ */ React7.createElement(
+    Modal,
     {
       className: formModal.className,
       classNames: formModal.classNames,
@@ -1045,7 +954,7 @@ var JSONFormModal = observer3(() => {
         }
       }
     },
-    /* @__PURE__ */ React18.createElement("div", { className: "z-50 fixed top-0 left-0 w-screen h-screen flex items-center justify-center" }, /* @__PURE__ */ React18.createElement(Draggable2, { handle: ".draggable-handle" }, /* @__PURE__ */ React18.createElement(ModalContent2, null, formModal.title && /* @__PURE__ */ React18.createElement(ModalHeader2, { className: "flex flex-col gap-1 draggable-handle cursor-move" }, formModal.title), /* @__PURE__ */ React18.createElement(ModalBody2, { className: "max-h-[90vh] overflow-auto" }, /* @__PURE__ */ React18.createElement(JSONSchemaForm, { formState: form })))))
+    /* @__PURE__ */ React7.createElement("div", { className: "z-50 fixed top-0 left-0 w-screen h-screen flex items-center justify-center" }, /* @__PURE__ */ React7.createElement(Draggable, { handle: ".draggable-handle" }, /* @__PURE__ */ React7.createElement(ModalContent, null, formModal.title && /* @__PURE__ */ React7.createElement(ModalHeader, { className: "flex flex-col gap-1 draggable-handle cursor-move" }, formModal.title), /* @__PURE__ */ React7.createElement(ModalBody, { className: "max-h-[90vh] overflow-auto" }, /* @__PURE__ */ React7.createElement(JSONSchemaForm, { formState: form })))))
   );
 });
 var Provider_default2 = JSONFormModal;
@@ -1054,7 +963,7 @@ var Provider_default2 = JSONFormModal;
 var FormModalStore = class {
   constructor(args) {
     this.sid = "FormModalStore";
-    this.provider = () => /* @__PURE__ */ React19.createElement(Provider_default2, null);
+    this.provider = () => /* @__PURE__ */ React7.createElement(Provider_default2, null);
     this.isOpen = false;
     this.title = "";
     //@ts-ignore
@@ -1063,9 +972,9 @@ var FormModalStore = class {
     this.modalSize = "md";
     this.scrollBehavior = "normal";
     this.closeOnOverlayClick = false;
-    this.event = new EventEmitter2();
+    this.event = new EventEmitter();
     Object.assign(this, args);
-    makeAutoObservable2(this);
+    makeAutoObservable(this);
   }
   setData(v) {
     Object.assign(this, v);
@@ -1202,9 +1111,6 @@ async function getSimpleFormData(data, metadata = {}, config, onSet = (v, form)
     form
   }));
 }
-
-// module/JSONView/index.tsx
-import React20 from "react";
 var _JSONViewPlugin = class _JSONViewPlugin {
   constructor() {
     this.sid = "JSONViewPlugin";
@@ -1212,7 +1118,7 @@ var _JSONViewPlugin = class _JSONViewPlugin {
     this.JSONView = {
       Test: {
         name: "Test",
-        render: () => /* @__PURE__ */ React20.createElement("div", null, "Test")
+        render: () => /* @__PURE__ */ React7.createElement("div", null, "Test")
       }
     };
   }
@@ -1230,9 +1136,9 @@ var _JSONViewPlugin = class _JSONViewPlugin {
 };
 _JSONViewPlugin.JSONView = (props) => {
   const jsonviewplugin = RootStore.Get(_JSONViewPlugin);
-  return /* @__PURE__ */ React20.createElement(React20.Fragment, null, Object.keys(props.uiConfigs).map((key) => {
+  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, Object.keys(props.uiConfigs).map((key) => {
     const config = props.uiConfigs[key];
-    const data = lodash_exports.get(props.datas, key);
+    const data = _.get(props.datas, key);
     const Component = jsonviewplugin.JSONView[config.type].render;
     const rootStore = RootStore.init();
     Object.values(data).forEach((i) => {
@@ -1242,21 +1148,11 @@ _JSONViewPlugin.JSONView = (props) => {
         });
       }
     });
-    return /* @__PURE__ */ React20.createElement(Component, { key, data, uiConfig: config });
+    return /* @__PURE__ */ React7.createElement(Component, { key, data, uiConfig: config });
   }));
 };
 var JSONViewPlugin = _JSONViewPlugin;
-export {
-  FormModalStore,
-  FormPlugin,
-  JSONEditor,
-  JSONForm,
-  JSONSchemaForm,
-  JSONViewPlugin,
-  PaginationState,
-  getComplexFormData,
-  getFormData,
-  getFormState2 as getFormState,
-  getSimpleFormData
-};
+
+export { FormModalStore, FormPlugin, JSONForm, JSONSchemaForm, JSONViewPlugin, getComplexFormData, getFormData, getFormState2 as getFormState, getSimpleFormData };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=form.mjs.map