@dappworks/kit 0.4.68 → 0.4.69

package/dist/experimental.mjs

@@ -1,5 +1,5 @@
-import { PromiseState } from './chunk-I5WU3NZO.mjs';
-import './chunk-N4XCPX4L.mjs';
+import { PromiseState } from './chunk-PPYYRQDD.mjs';
+import './chunk-4YCP5CJ4.mjs';
 import { RootStore } from './chunk-HRWHDF2F.mjs';
 import { _ } from './chunk-MGU3KYGC.mjs';
 import { __objRest, __spreadValues, __spreadProps } from './chunk-6F7H4PAA.mjs';

package/dist/form.d.mts

@@ -1,12 +1,10 @@
 import React, { LegacyRef, Ref, Dispatch, SetStateAction } from 'react';
 import { ButtonProps, TabsProps, SlotsToClasses, ModalSlots } from '@nextui-org/react';
-import { UiSchema, RJSFSchema, WidgetProps } from '@rjsf/utils';
+import { UiSchema, RJSFSchema } from '@rjsf/utils';
 import * as _rjsf_validator_ajv8_lib_validator from '@rjsf/validator-ajv8/lib/validator';
 import Form, { IChangeEvent } from '@rjsf/core';
-import { EditorProps } from '@monaco-editor/react';
 import { S as Store, R as RootStore } from './root-766ae985.js';
 import EventEmitter from 'events';
-export { P as PaginationState } from './PaginationState-c19e621a.js';
 import 'typed-emitter';
 
 declare class JSONSchemaFormState<T, U = UiSchema> {
@@ -124,107 +122,6 @@ type JSONFormProps<T = FormDataType> = {
 };
 declare const JSONForm: <T extends FormDataType>(props: JSONFormProps<T>) => React.JSX.Element;
 
-declare const JSONEditor: ({ className, height, initialJson, onChange, onSubmit }: {
-    className?: string;
-    height?: string | number;
-    initialJson: string;
-    onChange?: (value: Record<string, any>) => void;
-    onSubmit?: (value: Record<string, any>) => void;
-}) => React.JSX.Element;
-
-type Options$5 = {
-    className?: string;
-    size: 'sm' | 'md' | 'lg';
-    color: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
-};
-interface CheckboxWidgetProps extends WidgetProps {
-    options: Options$5;
-}
-interface CheckboxWidgetUIOptions {
-    "ui:widget": (props: CheckboxWidgetProps) => JSX.Element;
-    "ui:options": Options$5;
-}
-
-type Options$4 = {
-    editorHeight?: string;
-    readOnly?: boolean;
-    language?: string;
-    languageSelectorOptions?: {
-        label: string;
-        value: string;
-    }[];
-    onChangeLanguage?: (v: string) => void;
-    onRun?: (v: string) => void;
-    onMount?: EditorProps['onMount'];
-    jsonStrSpace?: number;
-};
-interface EditorWidgetProps extends WidgetProps {
-    options: Options$4;
-}
-type EditorWidgetUIOptions = {
-    "ui:widget": (props: EditorWidgetProps) => JSX.Element;
-    "ui:options": Options$4;
-};
-
-type Options$3 = {
-    className?: string;
-    selectOptions: {
-        icon: JSX.Element;
-        label: string;
-        value: string;
-    }[];
-};
-interface IconSelectWidgetProps extends WidgetProps {
-    options: Options$3;
-}
-interface IconSelectWidgetUIOptions {
-    "ui:widget": (props: IconSelectWidgetProps) => JSX.Element;
-    "ui:options": Options$3;
-}
-
-type Options$2 = {
-    className?: string;
-    labelPlacement?: "inside" | "outside" | "outside-left";
-    size: "sm" | "md" | "lg";
-    placeholder?: string;
-};
-interface InputWidgetProps extends WidgetProps {
-    options: Options$2;
-}
-interface InputWidgetUIOptions {
-    "ui:widget": (props: InputWidgetProps) => JSX.Element;
-    "ui:options": Options$2;
-}
-
-type Options$1 = {
-    className?: string;
-    labelPlacement?: "top" | "left";
-    size: "sm" | "md" | "lg";
-    placeholder?: string;
-};
-interface SelectWidgetProps extends WidgetProps {
-    options: Options$1;
-}
-interface SelectWidgetUIOptions {
-    "ui:widget": (props: SelectWidgetProps) => JSX.Element;
-    "ui:options": Options$1;
-}
-
-type Options = {
-    className?: string;
-    labelPlacement?: 'inside' | 'outside' | 'outside-left';
-    size: 'sm' | 'md' | 'lg';
-    maxRows?: number;
-    placeholder?: string;
-};
-interface TextareaWidgetProps extends WidgetProps {
-    options: Options;
-}
-interface TextareaWidgetUIOptions {
-    'ui:widget': (props: TextareaWidgetProps) => JSX.Element;
-    'ui:options': Options;
-}
-
 interface Props {
     formState: JSONSchemaFormState<any>;
     children?: any;
@@ -347,4 +244,4 @@ declare class JSONViewPlugin implements Store {
     static JSONView: (props: JSONViewType) => React.JSX.Element;
 }
 
-export { CheckboxWidgetProps, CheckboxWidgetUIOptions, EditorWidgetProps, EditorWidgetUIOptions, FieldLayoutType, FormConfigType, FormDataOfKey, FormDataType, FormKey, FormLayoutType, FormModalStore, FormPlugin, IconSelectWidgetProps, IconSelectWidgetUIOptions, InputWidgetProps, InputWidgetUIOptions, JSONDataType, JSONEditor, JSONForm, JSONFormProps, JSONSchemaForm, JSONViewPlugin, JSONViewType, LayoutConfigType, LayoutType, SelectWidgetProps, SelectWidgetUIOptions, TextareaWidgetProps, TextareaWidgetUIOptions, getComplexFormData, getFormData, getFormState, getSimpleFormData };
+export { FieldLayoutType, FormConfigType, FormDataOfKey, FormDataType, FormKey, FormLayoutType, FormModalStore, FormPlugin, JSONDataType, JSONForm, JSONFormProps, JSONSchemaForm, JSONViewPlugin, JSONViewType, LayoutConfigType, LayoutType, getComplexFormData, getFormData, getFormState, getSimpleFormData };

package/dist/form.mjs

@@ -1,12 +1,10 @@
-export { JSONEditor } from './chunk-ZPPKSMXO.mjs';
-import { helper } from './chunk-CFVG66F4.mjs';
-export { PaginationState } from './chunk-ONVPCAMQ.mjs';
-import { useStore } from './chunk-SXQEYWUP.mjs';
+import { helper } from './chunk-66N3D7MI.mjs';
+import { useStore } from './chunk-DZMNL4BZ.mjs';
 import { RootStore } from './chunk-HRWHDF2F.mjs';
 import { _ } from './chunk-MGU3KYGC.mjs';
 import { cn } from './chunk-6UHBBDKI.mjs';
 import { __objRest, __spreadValues, __spreadProps } from './chunk-6F7H4PAA.mjs';
-import React7, { useEffect, useMemo, useState, createRef } from 'react';
+import React6, { 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';
@@ -21,7 +19,6 @@ import EventEmitter from 'events';
 function CheckboxWidget({
   onChange,
   options,
-  id,
   label,
   value,
   disabled,
@@ -29,10 +26,9 @@ function CheckboxWidget({
 }) {
   const { size = "sm", color = "primary" } = options;
   const { description } = schema;
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(
     Checkbox,
     {
-      id,
       classNames: {
         base: cn(
           "m-0 flex items-center justify-start w-full",
@@ -42,7 +38,7 @@ function CheckboxWidget({
       },
       defaultSelected: value,
       isDisabled: disabled,
-      icon: /* @__PURE__ */ React7.createElement(Check, { className: "bg-white dark:bg-black" }),
+      icon: /* @__PURE__ */ React6.createElement(Check, { className: "bg-white dark:bg-black" }),
       color,
       size,
       onChange: (e) => {
@@ -51,14 +47,13 @@ function CheckboxWidget({
       }
     },
     label
-  ), description && /* @__PURE__ */ React7.createElement("div", { className: "mt-1 text-xs text-[#A1A1A9] dark:text-[#717179]" }, description));
+  ), description && /* @__PURE__ */ React6.createElement("div", { className: "mt-1 text-xs text-[#A1A1A9] dark:text-[#717179]" }, description));
 }
 var CheckboxWidget_default = CheckboxWidget;
 function InputWidget(props) {
   const {
     onChange,
     options,
-    id,
     label,
     value,
     required,
@@ -67,10 +62,9 @@ function InputWidget(props) {
   } = props;
   const { className, labelPlacement = "inside", size = "sm" } = options;
   const placeholder = props.placeholder || options.placeholder;
-  return /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React6.createElement(
     Input,
     {
-      id,
       className: cn("w-full", className),
       label,
       placeholder,
@@ -88,20 +82,19 @@ function InputWidget(props) {
 }
 var InputWidget_default = InputWidget;
 function SelectWidget(props) {
-  const { onChange, options, id, label, value, required, disabled, schema } = props;
+  const { onChange, options, 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__ */ React7.createElement("div", { className: cn("", className) }, /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React6.createElement("div", { className: cn("", className) }, /* @__PURE__ */ React6.createElement(
     "div",
     {
       className: cn("flex flex-col", {
         "flex-row items-center": labelPlacement === "left"
-      }),
-      id
+      })
     },
-    labelText && /* @__PURE__ */ React7.createElement(
+    labelText && /* @__PURE__ */ React6.createElement(
       "label",
       {
         className: cn("flex items-center text-sm whitespace-nowrap", {
@@ -110,27 +103,28 @@ function SelectWidget(props) {
         })
       },
       labelText,
-      required && /* @__PURE__ */ React7.createElement("span", { className: "ml-[2px] font-bold text-red-600" }, "*")
+      required && /* @__PURE__ */ React6.createElement("span", { className: "ml-[2px] font-bold text-red-600" }, "*")
     ),
-    /* @__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__ */ React6.createElement("div", { className: "my-1 text-xs text-[#A1A1A9] dark:text-[#717179]" }, description),
+    /* @__PURE__ */ React6.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__ */ React6.createElement("option", { value: "", disabled: true, selected: true }, placeholderText), selectOptions.map((item) => {
+      return /* @__PURE__ */ React6.createElement("option", { key: item.value, value: item.value }, item.label);
     }))
-  ), description && /* @__PURE__ */ React7.createElement("div", { className: "mt-1 text-xs text-[#A1A1A9] dark:text-[#717179]" }, description));
+  ));
 }
 var SelectWidget_default = SelectWidget;
-var EditorWidget = ({ id, label, options = {}, value, required, schema, disabled, onChange }) => {
+var EditorWidget = ({ 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__ */ 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(
+  return /* @__PURE__ */ React6.createElement("div", { className: "flex flex-col relative" }, /* @__PURE__ */ React6.createElement("div", { className: cn("flex justify-between items-center", { "mb-[10px]": label.trim() || showLanguageSelector }) }, label && /* @__PURE__ */ React6.createElement(
     "label",
     {
       className: "mr-2 flex items-center text-sm"
     },
     label,
-    required && /* @__PURE__ */ React7.createElement("span", { className: "font-bold text-red-600" }, "*")
-  ), showLanguageSelector && /* @__PURE__ */ React7.createElement(
+    required && /* @__PURE__ */ React6.createElement("span", { className: "font-bold text-red-600" }, "*")
+  ), showLanguageSelector && /* @__PURE__ */ React6.createElement(
     "select",
     {
       className: "w-full p-3 text-sm rounded-md bg-[#F4F4F5] dark:bg-[#27272A]",
@@ -142,9 +136,9 @@ var EditorWidget = ({ id, label, options = {}, value, required, schema, disabled
       }
     },
     languageSelectorOptions.map((item) => {
-      return /* @__PURE__ */ React7.createElement("option", { key: item.value, value: item.value }, item.label);
+      return /* @__PURE__ */ React6.createElement("option", { key: item.value, value: item.value }, item.label);
     })
-  )), 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(
+  )), schema.description && /* @__PURE__ */ React6.createElement("div", { className: "mb-2 text-xs text-[#A1A1A9]" }, schema.description), /* @__PURE__ */ React6.createElement("div", { className: "rounded-lg overflow-hidden relative" }, /* @__PURE__ */ React6.createElement(
     MonacoEditor,
     {
       options: { readOnly: readOnly || disabled, minimap: { enabled: false } },
@@ -161,7 +155,7 @@ var EditorWidget = ({ id, label, options = {}, value, required, schema, disabled
         }
       }
     }
-  )), onRun && /* @__PURE__ */ React7.createElement(
+  )), onRun && /* @__PURE__ */ React6.createElement(
     Button,
     {
       className: "absolute bottom-2 right-4",
@@ -379,7 +373,7 @@ 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] = useState(false);
-  return /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React6.createElement(
     Button,
     __spreadValues({
       className: cn("mt-4 ml-auto", className),
@@ -421,7 +415,7 @@ 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] = useState(false);
-  return /* @__PURE__ */ React7.createElement("div", { className: "w-full flex" }, /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React6.createElement("div", { className: "w-full flex" }, /* @__PURE__ */ React6.createElement(
     Button,
     __spreadValues({
       className: cn("mt-4 ml-auto", className),
@@ -461,51 +455,51 @@ function FieldTemplate(props) {
   const isDateTime = uiSchema && uiSchema["ui:widget"] === "date-time";
   const isTime = uiSchema && uiSchema["ui:widget"] === "time";
   const showLabel = isDate || isDateTime || isTime;
-  return /* @__PURE__ */ React7.createElement("div", { className: cn(classNames) }, showLabel && /* @__PURE__ */ React7.createElement("label", { htmlFor: id, className: cn("flex items-center h-8") }, /* @__PURE__ */ React7.createElement("span", { className: "text-sm" }, label), required && /* @__PURE__ */ React7.createElement("span", { className: "font-bold text-red-600" }, "*")), children);
+  return /* @__PURE__ */ React6.createElement("div", { className: cn(classNames) }, showLabel && /* @__PURE__ */ React6.createElement("label", { htmlFor: id, className: cn("flex items-center h-8") }, /* @__PURE__ */ React6.createElement("span", { className: "text-sm" }, label), required && /* @__PURE__ */ React6.createElement("span", { className: "font-bold text-red-600" }, "*")), children);
 }
 var renderLayout = (layout, fields, n = 1) => {
   n++;
   return layout.map((item, index) => {
     if (Array.isArray(item)) {
       const even = (n & 1) === 0;
-      return /* @__PURE__ */ React7.createElement("div", { key: index, className: cn("w-full flex justify-between items-center space-x-2", even ? "flex-row items-end" : "flex-col") }, renderLayout(item, fields, n));
+      return /* @__PURE__ */ React6.createElement("div", { key: index, className: cn("w-full flex justify-between items-center space-x-2", even ? "flex-row items-end" : "flex-col") }, renderLayout(item, fields, n));
     } else {
-      return /* @__PURE__ */ React7.createElement("div", { className: "w-full", key: index }, fields[item]);
+      return /* @__PURE__ */ React6.createElement("div", { className: "w-full", key: index }, fields[item]);
     }
   });
 };
 var ObjectFieldTemplate = ({ title, idSchema: { $id }, properties, uiSchema: { layout } }) => {
   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);
-  }) : /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React6.createElement("div", { className: "w-full space-y-2.5" }, $id === "root" ? layout ? renderLayout(layout, fields) : properties.map((element) => {
+    return /* @__PURE__ */ React6.createElement("div", { key: element.content.key }, element.content);
+  }) : /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.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__ */ React7.createElement("div", { className: "text-gray-900 dark:text-gray-100 font-bold text-base" }, title),
-    opened ? /* @__PURE__ */ React7.createElement(ChevronUp, null) : /* @__PURE__ */ React7.createElement(ChevronDown, null)
-  ), /* @__PURE__ */ React7.createElement("div", { className: cn("mt-2 space-y-2.5", opened ? "block" : "hidden") }, layout ? renderLayout(layout, fields) : properties.map((element) => {
-    return /* @__PURE__ */ React7.createElement("div", { key: element.content.key }, element.content);
+    /* @__PURE__ */ React6.createElement("div", { className: "text-gray-900 dark:text-gray-100 font-bold text-base" }, title),
+    opened ? /* @__PURE__ */ React6.createElement(ChevronUp, null) : /* @__PURE__ */ React6.createElement(ChevronDown, null)
+  ), /* @__PURE__ */ React6.createElement("div", { className: cn("mt-2 space-y-2.5", opened ? "block" : "hidden") }, layout ? renderLayout(layout, fields) : properties.map((element) => {
+    return /* @__PURE__ */ React6.createElement("div", { key: element.content.key }, element.content);
   }))));
 };
 var ErrorListTemplate = ({ errors }) => {
-  return /* @__PURE__ */ React7.createElement("div", null, /* @__PURE__ */ React7.createElement("div", { className: "font-bold" }, "Errors"), /* @__PURE__ */ React7.createElement("div", { className: "mt-[10px]" }, errors.map((error) => /* @__PURE__ */ React7.createElement("div", { className: "mb-[10px]", color: "red", key: error.property }, error.stack))));
+  return /* @__PURE__ */ React6.createElement("div", null, /* @__PURE__ */ React6.createElement("div", { className: "font-bold" }, "Errors"), /* @__PURE__ */ React6.createElement("div", { className: "mt-[10px]" }, errors.map((error) => /* @__PURE__ */ React6.createElement("div", { className: "mb-[10px]", color: "red", key: error.property }, error.stack))));
 };
 var SubmitButton2 = ({ uiSchema }) => {
   const { submitText, norender, props: submitButtonProps = {} } = Utils.getSubmitButtonOptions(uiSchema);
   if (norender) {
     return null;
   }
-  return /* @__PURE__ */ React7.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ React7.createElement(Button, { type: "submit", color: "primary", size: "sm" }, submitText));
+  return /* @__PURE__ */ React6.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ React6.createElement(Button, { type: "submit", color: "primary", size: "sm" }, submitText));
 };
 var JSONSchemaForm = observer(({ children, formState }) => {
   var _a;
   if (!((_a = formState == null ? void 0 : formState.dynamicData) == null ? void 0 : _a.ready))
-    return /* @__PURE__ */ React7.createElement(React7.Fragment, null);
-  return /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React6.createElement(React6.Fragment, null);
+  return /* @__PURE__ */ React6.createElement(
     Form,
     {
       showErrorList: "bottom",
@@ -652,7 +646,7 @@ var colSpanLg = {
 };
 
 // components/ui/grid/col.tsx
-var Col = React7.forwardRef((props, ref) => {
+var Col = React6.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)
@@ -668,7 +662,7 @@ var Col = React7.forwardRef((props, ref) => {
     const spanLg = getColSpan(numColSpanLg, colSpanLg);
     return cn(spanBase, spanSm, spanMd, spanLg);
   };
-  return /* @__PURE__ */ React7.createElement("div", __spreadValues({ ref, className: cn(getColSpanClassNames(), className) }, other), children);
+  return /* @__PURE__ */ React6.createElement("div", __spreadValues({ ref, className: cn(getColSpanClassNames(), className) }, other), children);
 });
 Col.displayName = "Col";
 var col_default = Col;
@@ -679,14 +673,14 @@ var getGridCols = (numCols, gridColsMapping) => {
     return "";
   return gridColsMapping[numCols];
 };
-var Grid = React7.forwardRef((props, ref) => {
+var Grid = React6.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__ */ React7.createElement("div", __spreadValues({ ref, className: cn("grid", colClassNames, className) }, other), children);
+  return /* @__PURE__ */ React6.createElement("div", __spreadValues({ ref, className: cn("grid", colClassNames, className) }, other), children);
 });
 Grid.displayName = "Grid";
 var grid_default = Grid;
@@ -701,23 +695,23 @@ var GridLayout = (props) => {
       onReady(formStates);
     }
   }, [formStates]);
-  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) => {
+  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(grid_default, { numItems: $gridColumn != null ? $gridColumn : 1, className: "gap-2" }, Object.keys(formStates).map((key) => {
     var _a2;
     const layout = formLayout[key];
-    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 })));
+    return /* @__PURE__ */ React6.createElement(col_default, { numColSpan: (_a2 = layout == null ? void 0 : layout.colSpan) != null ? _a2 : 1, key, id: `form-${key}` }, /* @__PURE__ */ React6.createElement(Card, { className: cn("h-full m-0 p-4 shadow-sm border-1", layout == null ? void 0 : layout.cardCss) }, /* @__PURE__ */ React6.createElement("div", { className: cn("mb-2 font-bold text-center", layout == null ? void 0 : layout.titleBoxCss) }, (layout == null ? void 0 : layout.title) || key), /* @__PURE__ */ React6.createElement(JSONSchemaForm, { formState: formStates[key] }, (layout == null ? void 0 : layout.submitButtonProps) && /* @__PURE__ */ React6.createElement(SubmitButton, { formKey: key, formState: formStates[key], buttonProps: layout.submitButtonProps }))));
+  })), (onBatchSubmit || (batchSubmitButtonProps == null ? void 0 : batchSubmitButtonProps.onBatchSubmit)) && /* @__PURE__ */ React6.createElement("div", { className: "w-full flex" }, /* @__PURE__ */ React6.createElement(BatchSubmitButton, { formStates, onSubmit: onBatchSubmit, buttonProps: batchSubmitButtonProps })));
 };
 var CollapsibleBox = ({ formKey, title, titleBoxCss, formState, submitButtonProps }) => {
   const [opened, setOpened] = useState(true);
-  return /* @__PURE__ */ React7.createElement("div", { id: `form-${formKey}` }, /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React6.createElement("div", { id: `form-${formKey}` }, /* @__PURE__ */ React6.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__ */ 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 }))));
+    /* @__PURE__ */ React6.createElement("div", { className: cn("text-gray-900 dark:text-gray-100 font-bold text-base", titleBoxCss) }, title),
+    opened ? /* @__PURE__ */ React6.createElement(ChevronUp, null) : /* @__PURE__ */ React6.createElement(ChevronDown, null)
+  ), /* @__PURE__ */ React6.createElement("div", { className: cn("mt-2", opened ? "block" : "hidden") }, /* @__PURE__ */ React6.createElement(JSONSchemaForm, { formState }, submitButtonProps && /* @__PURE__ */ React6.createElement(SubmitButton, { formKey, formState, buttonProps: submitButtonProps }))));
 };
 var ListLayout = (props) => {
   const { layoutConfig = {}, onBatchSubmit, batchSubmitButtonProps, onReady } = props;
@@ -728,11 +722,11 @@ var ListLayout = (props) => {
       onReady(formStates);
     }
   }, [formStates]);
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, Object.keys(formStates).map((key) => {
+  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, Object.keys(formStates).map((key) => {
     const layout = formLayout[key];
     const formState = formStates[key];
-    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 })));
+    return /* @__PURE__ */ React6.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__ */ React6.createElement("div", { className: "w-full flex" }, /* @__PURE__ */ React6.createElement(BatchSubmitButton, { formStates, onSubmit: onBatchSubmit, buttonProps: batchSubmitButtonProps })));
 };
 var SimpleLayout = (props) => {
   const { layoutConfig = {}, onBatchSubmit, batchSubmitButtonProps, onReady } = props;
@@ -743,10 +737,10 @@ var SimpleLayout = (props) => {
       onReady(formStates);
     }
   }, [formStates]);
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("div", { className: "space-y-2" }, Object.keys(formStates).map((key) => {
+  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement("div", { className: "space-y-2" }, Object.keys(formStates).map((key) => {
     const layout = formLayout[key];
-    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 })));
+    return /* @__PURE__ */ React6.createElement("div", { key, id: `form-${key}` }, /* @__PURE__ */ React6.createElement(JSONSchemaForm, { formState: formStates[key] }, (layout == null ? void 0 : layout.submitButtonProps) && /* @__PURE__ */ React6.createElement(SubmitButton, { formKey: key, formState: formStates[key], buttonProps: layout.submitButtonProps })));
+  })), (onBatchSubmit || (batchSubmitButtonProps == null ? void 0 : batchSubmitButtonProps.onBatchSubmit)) && /* @__PURE__ */ React6.createElement("div", { className: "w-full flex" }, /* @__PURE__ */ React6.createElement(BatchSubmitButton, { formStates, onSubmit: onBatchSubmit, buttonProps: batchSubmitButtonProps })));
 };
 var TabLayout = (props) => {
   const { layoutConfig = {}, onBatchSubmit, batchSubmitButtonProps, onReady } = props;
@@ -767,7 +761,7 @@ var TabLayout = (props) => {
       onReady(formStates);
     }
   }, [formStates]);
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(
     Tabs,
     __spreadProps(__spreadValues({}, $tabsProps), {
       selectedKey: selectedTab,
@@ -777,20 +771,20 @@ var TabLayout = (props) => {
     }),
     formKeys.map((key) => {
       const layout = formLayout[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) });
+      return /* @__PURE__ */ React6.createElement(Tab, { id: `form-${key}-tab-menu`, key, title: /* @__PURE__ */ React6.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__ */ React7.createElement(
+    return /* @__PURE__ */ React6.createElement(
       "div",
       {
         key,
         id: `form-${key}-tab-content`,
         className: cn("mt-4", selectedTab === key ? "" : "hidden")
       },
-      /* @__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 }))
+      /* @__PURE__ */ React6.createElement(JSONSchemaForm, { formState: formStates[key] }, (layout == null ? void 0 : layout.submitButtonProps) && /* @__PURE__ */ React6.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 })));
+  }), (onBatchSubmit || (batchSubmitButtonProps == null ? void 0 : batchSubmitButtonProps.onBatchSubmit)) && /* @__PURE__ */ React6.createElement("div", { className: "w-full flex" }, /* @__PURE__ */ React6.createElement(BatchSubmitButton, { formStates, onSubmit: onBatchSubmit, buttonProps: batchSubmitButtonProps })));
 };
 
 // components/JSONForm/index.tsx
@@ -804,11 +798,11 @@ var JSONForm = (props) => {
   var _a;
   const type = ((_a = props.layoutConfig) == null ? void 0 : _a.$type) || "SimpleLayout";
   const Component = components[type];
-  return /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React6.createElement(
     "div",
     { className: props.className },
     // @ts-ignore
-    /* @__PURE__ */ React7.createElement(Component, __spreadValues({}, props))
+    /* @__PURE__ */ React6.createElement(Component, __spreadValues({}, props))
   );
 };
 var JSONViewModal = observer(() => {
@@ -842,7 +836,7 @@ var JSONViewModal = observer(() => {
         }
       });
     }
-    return /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React6.createElement(
       Modal,
       {
         className: complexFormModal.className,
@@ -857,7 +851,7 @@ var JSONViewModal = observer(() => {
           }
         }
       },
-      /* @__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(
+      /* @__PURE__ */ React6.createElement("div", { className: "z-50 fixed top-0 left-0 w-screen h-screen" }, /* @__PURE__ */ React6.createElement(Draggable, { handle: ".draggable-handle" }, /* @__PURE__ */ React6.createElement(ModalContent, null, complexFormModal.title && /* @__PURE__ */ React6.createElement(ModalHeader, { className: "flex flex-col gap-1 draggable-handle cursor-move" }, complexFormModal.title), /* @__PURE__ */ React6.createElement(ModalBody, { className: cn("max-h-[90vh] overflow-auto") }, /* @__PURE__ */ React6.createElement(
         JSONForm,
         {
           formData,
@@ -880,7 +874,7 @@ var Provider_default = JSONViewModal;
 var FormPlugin = class {
   constructor(args) {
     this.sid = "FormPlugin";
-    this.provider = () => /* @__PURE__ */ React7.createElement(Provider_default, null);
+    this.provider = () => /* @__PURE__ */ React6.createElement(Provider_default, null);
     this.isOpen = false;
     this.title = "";
     this.className = "";
@@ -939,7 +933,7 @@ var JSONFormModal = observer(() => {
   if (!form) {
     return null;
   }
-  return /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React6.createElement(
     Modal,
     {
       className: formModal.className,
@@ -954,7 +948,7 @@ var JSONFormModal = observer(() => {
         }
       }
     },
-    /* @__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 })))))
+    /* @__PURE__ */ React6.createElement("div", { className: "z-50 fixed top-0 left-0 w-screen h-screen flex items-center justify-center" }, /* @__PURE__ */ React6.createElement(Draggable, { handle: ".draggable-handle" }, /* @__PURE__ */ React6.createElement(ModalContent, null, formModal.title && /* @__PURE__ */ React6.createElement(ModalHeader, { className: "flex flex-col gap-1 draggable-handle cursor-move" }, formModal.title), /* @__PURE__ */ React6.createElement(ModalBody, { className: "max-h-[90vh] overflow-auto" }, /* @__PURE__ */ React6.createElement(JSONSchemaForm, { formState: form })))))
   );
 });
 var Provider_default2 = JSONFormModal;
@@ -963,7 +957,7 @@ var Provider_default2 = JSONFormModal;
 var FormModalStore = class {
   constructor(args) {
     this.sid = "FormModalStore";
-    this.provider = () => /* @__PURE__ */ React7.createElement(Provider_default2, null);
+    this.provider = () => /* @__PURE__ */ React6.createElement(Provider_default2, null);
     this.isOpen = false;
     this.title = "";
     //@ts-ignore
@@ -1118,7 +1112,7 @@ var _JSONViewPlugin = class _JSONViewPlugin {
     this.JSONView = {
       Test: {
         name: "Test",
-        render: () => /* @__PURE__ */ React7.createElement("div", null, "Test")
+        render: () => /* @__PURE__ */ React6.createElement("div", null, "Test")
       }
     };
   }
@@ -1136,7 +1130,7 @@ var _JSONViewPlugin = class _JSONViewPlugin {
 };
 _JSONViewPlugin.JSONView = (props) => {
   const jsonviewplugin = RootStore.Get(_JSONViewPlugin);
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, Object.keys(props.uiConfigs).map((key) => {
+  return /* @__PURE__ */ React6.createElement(React6.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;
@@ -1148,7 +1142,7 @@ _JSONViewPlugin.JSONView = (props) => {
         });
       }
     });
-    return /* @__PURE__ */ React7.createElement(Component, { key, data, uiConfig: config });
+    return /* @__PURE__ */ React6.createElement(Component, { key, data, uiConfig: config });
   }));
 };
 var JSONViewPlugin = _JSONViewPlugin;