@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/DateField-ZYMZFHL4.mjs

@@ -0,0 +1,82 @@
+import {
+  MuiXDatePicker_default
+} from "./chunk-EEH7HACG.mjs";
+import {
+  Explanation_default,
+  getFieldExplanation,
+  mergeFieldSx
+} from "./chunk-UTVSYS6S.mjs";
+import "./chunk-MDAUF7IL.mjs";
+import "./chunk-JIU5GVM7.mjs";
+import "./chunk-4Q54P737.mjs";
+import "./chunk-OP6LKXPA.mjs";
+import "./chunk-ZVFYOXDE.mjs";
+import {
+  default as default2,
+  mergeSx
+} from "./chunk-S6EZVRZC.mjs";
+import "./chunk-FJ6ZGZIA.mjs";
+
+// src/components/compound/UseForm/src/Fields/DateField.tsx
+import { Controller, useFormContext } from "react-hook-form";
+import dayjs from "dayjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DateField = ({ field }) => {
+  const { control, getValues } = useFormContext();
+  const {
+    name,
+    label,
+    sx,
+    size,
+    slotProps,
+    errorMsg,
+    defaultValue
+  } = field;
+  const defaultVal = defaultValue;
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name,
+      defaultValue: defaultVal ?? null,
+      render: ({ field: { onChange, value }, fieldState: { error } }) => /* @__PURE__ */ jsxs(default2, { sx: mergeSx({ display: "flex", alignItems: "flex-start", gap: 1 }, mergeFieldSx(size, sx)), children: [
+        /* @__PURE__ */ jsx(
+          MuiXDatePicker_default,
+          {
+            ...slotProps,
+            label,
+            value: value ? dayjs(value) : null,
+            onChange: (d) => {
+              if (!d) {
+                onChange(null);
+                field.onChange?.(null, getValues());
+                return;
+              }
+              const maybeDate = typeof d.toDate === "function" ? d.toDate() : d;
+              onChange(maybeDate);
+              field.onChange?.(maybeDate, getValues());
+            },
+            slotProps: {
+              ...slotProps?.slotProps,
+              textField: {
+                ...slotProps?.slotProps?.textField,
+                error: !!error,
+                helperText: error ? errorMsg || error.message : void 0
+              },
+              openPickerIcon: {
+                sx: { fontSize: "1.25rem" }
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(Explanation_default, { alignToInput: true, explanation: getFieldExplanation(field) })
+      ] })
+    }
+  );
+};
+var DateField_default = DateField;
+export {
+  DateField,
+  DateField_default as default
+};
+//# sourceMappingURL=DateField-ZYMZFHL4.mjs.map

package/dist/DateField-ZYMZFHL4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/compound/UseForm/src/Fields/DateField.tsx"],"sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport dayjs from 'dayjs'\nimport { Box } from '@/ele/Box';\nimport { MuiXDatePicker } from '@/ele/DatePicker';\nimport { FieldConfig, FormTypeMap, InferFormDataType } from '../_utils';\nimport { FIELD_TYPEs } from '../_utils/constants';\nimport Explanation from './Explanation';\nimport { getFieldExplanation, mergeFieldSx } from '../_utils/helpers';\nimport { mergeSx } from '@/_utils/_func';\n\ninterface DateFieldProps<T extends FormTypeMap = FormTypeMap> {\n  field: Extract<FieldConfig<T>, { type: typeof FIELD_TYPEs.date }>;\n}\n\nexport const DateField = <T extends FormTypeMap = FormTypeMap>({ field }: DateFieldProps<T>) => {\n  const { control, getValues } = useFormContext();\n  const {\n    name,\n    label,\n    sx,\n    size,\n    slotProps,\n    errorMsg,\n    defaultValue,\n  } = field;\n\n  const defaultVal = defaultValue as string | Date | undefined;\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      defaultValue={defaultVal ?? null}\n      render={({ field: { onChange, value }, fieldState: { error } }) => (\n        <Box sx={mergeSx({ display: 'flex', alignItems: 'flex-start', gap: 1 }, mergeFieldSx(size, sx))}>\n          <MuiXDatePicker\n            {...slotProps}\n            label={label}\n            value={value ? dayjs(value) : null}\n            onChange={(d) => {\n              if (!d) {\n                onChange(null);\n                field.onChange?.(null, getValues() as InferFormDataType<T>);\n                return;\n              }\n              const maybeDate = typeof d.toDate === 'function' ? d.toDate() : (d);\n              onChange(maybeDate as Date);\n              field.onChange?.(maybeDate as Date, getValues() as InferFormDataType<T>);\n            }}\n\n            slotProps={{\n              ...(slotProps?.slotProps),\n              textField: {\n                ...(slotProps?.slotProps?.textField),\n                error: !!error,\n                helperText: error ? (errorMsg || error.message) : undefined,\n              },\n              openPickerIcon: {\n                sx: { fontSize: '1.25rem' }\n              }\n            }}\n          />\n          <Explanation alignToInput explanation={getFieldExplanation(field)} />\n        </Box>\n      )}\n    />\n  );\n};\n\nexport default DateField;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,SAAS,YAAY,sBAAsB;AAC3C,OAAO,WAAW;AAiCV,SACE,KADF;AApBD,IAAM,YAAY,CAAsC,EAAE,MAAM,MAAyB;AAC9F,QAAM,EAAE,SAAS,UAAU,IAAI,eAAe;AAC9C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,aAAa;AAEnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAc,cAAc;AAAA,MAC5B,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,MAAM,EAAE,MAC3D,qBAACA,UAAA,EAAI,IAAI,QAAQ,EAAE,SAAS,QAAQ,YAAY,cAAc,KAAK,EAAE,GAAG,aAAa,MAAM,EAAE,CAAC,GAC5F;AAAA;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACJ;AAAA,YACA,OAAO,QAAQ,MAAM,KAAK,IAAI;AAAA,YAC9B,UAAU,CAAC,MAAM;AACf,kBAAI,CAAC,GAAG;AACN,yBAAS,IAAI;AACb,sBAAM,WAAW,MAAM,UAAU,CAAyB;AAC1D;AAAA,cACF;AACA,oBAAM,YAAY,OAAO,EAAE,WAAW,aAAa,EAAE,OAAO,IAAK;AACjE,uBAAS,SAAiB;AAC1B,oBAAM,WAAW,WAAmB,UAAU,CAAyB;AAAA,YACzE;AAAA,YAEA,WAAW;AAAA,cACT,GAAI,WAAW;AAAA,cACf,WAAW;AAAA,gBACT,GAAI,WAAW,WAAW;AAAA,gBAC1B,OAAO,CAAC,CAAC;AAAA,gBACT,YAAY,QAAS,YAAY,MAAM,UAAW;AAAA,cACpD;AAAA,cACA,gBAAgB;AAAA,gBACd,IAAI,EAAE,UAAU,UAAU;AAAA,cAC5B;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QACA,oBAAC,uBAAY,cAAY,MAAC,aAAa,oBAAoB,KAAK,GAAG;AAAA,SACrE;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,oBAAQ;","names":["default"]}

package/dist/DateTimeField-TPTJ7YIZ.mjs

@@ -0,0 +1,65 @@
+import {
+  MuiXDateTimePicker_default
+} from "./chunk-EEH7HACG.mjs";
+import {
+  Explanation_default,
+  getFieldExplanation,
+  mergeFieldSx
+} from "./chunk-UTVSYS6S.mjs";
+import "./chunk-MDAUF7IL.mjs";
+import "./chunk-JIU5GVM7.mjs";
+import "./chunk-4Q54P737.mjs";
+import "./chunk-OP6LKXPA.mjs";
+import "./chunk-ZVFYOXDE.mjs";
+import {
+  default as default2,
+  mergeSx
+} from "./chunk-S6EZVRZC.mjs";
+import "./chunk-FJ6ZGZIA.mjs";
+
+// src/components/compound/UseForm/src/Fields/DateTimeField.tsx
+import { Controller, useFormContext } from "react-hook-form";
+import dayjs from "dayjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DateTimeField = ({ field }) => {
+  const { control } = useFormContext();
+  const { name, label, sx, size, errorMsg, defaultValue, slotProps } = field;
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name,
+      defaultValue,
+      render: ({ field: { onChange, value }, fieldState: { error } }) => /* @__PURE__ */ jsxs(default2, { sx: mergeSx({ display: "flex", alignItems: "flex-start", gap: 1 }, mergeFieldSx(size, sx)), children: [
+        /* @__PURE__ */ jsx(
+          MuiXDateTimePicker_default,
+          {
+            ...slotProps,
+            label,
+            value: value ? dayjs(value) : null,
+            onChange: (d) => {
+              if (!d) return onChange(null);
+              const maybeDate = typeof d.toDate === "function" ? d.toDate() : d;
+              onChange(maybeDate);
+            },
+            slotProps: {
+              ...slotProps,
+              textField: {
+                ...slotProps?.slotProps?.textField,
+                error: !!error,
+                helperText: error ? errorMsg || error.message : void 0
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(Explanation_default, { alignToInput: true, explanation: getFieldExplanation(field) })
+      ] })
+    }
+  );
+};
+var DateTimeField_default = DateTimeField;
+export {
+  DateTimeField,
+  DateTimeField_default as default
+};
+//# sourceMappingURL=DateTimeField-TPTJ7YIZ.mjs.map

package/dist/DateTimeField-TPTJ7YIZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/compound/UseForm/src/Fields/DateTimeField.tsx"],"sourcesContent":["import { Controller, useFormContext } from 'react-hook-form'\nimport dayjs from 'dayjs'\nimport { Box } from '@/ele/Box'\nimport { MuiXDateTimePicker } from '@/ele/DatePicker'\nimport { FieldConfig, FormTypeMap } from '../_utils'\nimport { FIELD_TYPEs } from '../_utils/constants'\nimport Explanation from './Explanation'\nimport { getFieldExplanation, mergeFieldSx } from '../_utils/helpers';\nimport { mergeSx } from '@/_utils/_func'\n\ninterface DateTimeFieldProps<T extends FormTypeMap = FormTypeMap> {\n  field: Extract<FieldConfig<T>, { type: typeof FIELD_TYPEs.dateTime }>;\n}\n\nexport const DateTimeField = <T extends FormTypeMap = FormTypeMap>({ field }: DateTimeFieldProps<T>) => {\n  const { control } = useFormContext()\n  const { name, label, sx, size, errorMsg, defaultValue, slotProps } = field\n\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field: { onChange, value }, fieldState: { error } }) => (\n        <Box sx={mergeSx({ display: 'flex', alignItems: 'flex-start', gap: 1 }, mergeFieldSx(size, sx))}>\n          <MuiXDateTimePicker\n            {...(slotProps)}\n            label={label}\n            value={value ? dayjs(value) : null}\n            onChange={(d) => {\n              if (!d) return onChange(null)\n              const maybeDate = typeof d.toDate === 'function' ? d.toDate() : (d)\n              onChange(maybeDate)\n            }}\n            slotProps={{\n              ...(slotProps),\n              textField: {\n                ...((slotProps?.slotProps)?.textField),\n                error: !!error,\n                helperText: error ? (errorMsg || error.message) : undefined,\n              }\n            }}\n          />\n          <Explanation alignToInput explanation={getFieldExplanation(field)} />\n        </Box>\n      )}\n    />\n  )\n}\n\nexport default DateTimeField\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,SAAS,YAAY,sBAAsB;AAC3C,OAAO,WAAW;AAwBV,SACE,KADF;AAXD,IAAM,gBAAgB,CAAsC,EAAE,MAAM,MAA6B;AACtG,QAAM,EAAE,QAAQ,IAAI,eAAe;AACnC,QAAM,EAAE,MAAM,OAAO,IAAI,MAAM,UAAU,cAAc,UAAU,IAAI;AAGrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,MAAM,EAAE,MAC3D,qBAACA,UAAA,EAAI,IAAI,QAAQ,EAAE,SAAS,QAAQ,YAAY,cAAc,KAAK,EAAE,GAAG,aAAa,MAAM,EAAE,CAAC,GAC5F;AAAA;AAAA,UAAC;AAAA;AAAA,YACE,GAAI;AAAA,YACL;AAAA,YACA,OAAO,QAAQ,MAAM,KAAK,IAAI;AAAA,YAC9B,UAAU,CAAC,MAAM;AACf,kBAAI,CAAC,EAAG,QAAO,SAAS,IAAI;AAC5B,oBAAM,YAAY,OAAO,EAAE,WAAW,aAAa,EAAE,OAAO,IAAK;AACjE,uBAAS,SAAS;AAAA,YACpB;AAAA,YACA,WAAW;AAAA,cACT,GAAI;AAAA,cACJ,WAAW;AAAA,gBACT,GAAK,WAAW,WAAY;AAAA,gBAC5B,OAAO,CAAC,CAAC;AAAA,gBACT,YAAY,QAAS,YAAY,MAAM,UAAW;AAAA,cACpD;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QACA,oBAAC,uBAAY,cAAY,MAAC,aAAa,oBAAoB,KAAK,GAAG;AAAA,SACrE;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,wBAAQ;","names":["default"]}

package/dist/FileUploadField-NTMWBJER.mjs

@@ -0,0 +1,78 @@
+import {
+  FieldHelperText
+} from "./chunk-MI64T62E.mjs";
+import {
+  Explanation_default,
+  getFieldExplanation
+} from "./chunk-UTVSYS6S.mjs";
+import {
+  MuiFormLabel,
+  default as default3
+} from "./chunk-T4X375IG.mjs";
+import "./chunk-MDAUF7IL.mjs";
+import {
+  ReactDropzone_default
+} from "./chunk-XIMFP6RB.mjs";
+import "./chunk-AAH2O24U.mjs";
+import "./chunk-JIU5GVM7.mjs";
+import "./chunk-4Q54P737.mjs";
+import "./chunk-OP6LKXPA.mjs";
+import "./chunk-ZVFYOXDE.mjs";
+import "./chunk-4RPFRNXG.mjs";
+import {
+  default as default2
+} from "./chunk-S6EZVRZC.mjs";
+import "./chunk-FJ6ZGZIA.mjs";
+
+// src/components/compound/UseForm/src/Fields/FileUploadField.tsx
+import { useFormContext, Controller } from "react-hook-form";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FileUploadField = ({ field }) => {
+  const { control } = useFormContext();
+  const {
+    name,
+    label,
+    required,
+    slotProps = {},
+    errorMsg
+  } = field;
+  const { maxFiles = 1, accept, dropzoneType } = slotProps;
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name,
+      render: ({ field: { value, onChange }, fieldState: { error } }) => {
+        const files = value || [];
+        const setFiles = (newFiles) => {
+          if (typeof newFiles === "function") {
+            onChange(newFiles(files));
+          } else {
+            onChange(newFiles);
+          }
+        };
+        return /* @__PURE__ */ jsx(default2, { children: /* @__PURE__ */ jsxs(default3, { error: !!error, fullWidth: true, required, children: [
+          /* @__PURE__ */ jsxs(MuiFormLabel, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 1 }, required, children: [
+            label,
+            getFieldExplanation(field) && /* @__PURE__ */ jsx(Explanation_default, { explanation: getFieldExplanation(field) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            ReactDropzone_default,
+            {
+              filesProps: [files, setFiles],
+              maxFiles,
+              accept,
+              dropzoneType,
+              error: !!error
+            }
+          ),
+          /* @__PURE__ */ jsx(FieldHelperText, { error, errorMsg })
+        ] }) });
+      }
+    }
+  );
+};
+export {
+  FileUploadField
+};
+//# sourceMappingURL=FileUploadField-NTMWBJER.mjs.map

package/dist/FileUploadField-NTMWBJER.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/compound/UseForm/src/Fields/FileUploadField.tsx"],"sourcesContent":["import React from 'react';\nimport { useFormContext, Controller } from 'react-hook-form';\nimport { Box } from '@/ele/Box';\nimport { FormControl, FormLabel } from '@/ele/Form';\nimport { FieldHelperText } from '../_utils/helperText';\nimport { FieldConfig, FormTypeMap, FIELD_TYPEs } from '../_utils';\nimport Explanation from './Explanation';\nimport { ReactDropzone } from '@/compound/FileUploader';\nimport { FileUploadSlotProps } from '../_utils/slotProps';\nimport PreviewableFile from '@/_utils/classes/PreviewableFile';\nimport { getFieldExplanation } from '../_utils/helpers';\n\ninterface FileUploadFieldProps<T extends FormTypeMap> {\n    field: Extract<FieldConfig<T>, { type: typeof FIELD_TYPEs.fileUpload }>;\n}\n\nexport const FileUploadField = <T extends FormTypeMap>({ field }: FileUploadFieldProps<T>) => {\n    const { control } = useFormContext();\n    const {\n        name,\n        label,\n        required,\n        slotProps = {},\n        errorMsg\n    } = field;\n\n    const { maxFiles = 1, accept, dropzoneType } = (slotProps as FileUploadSlotProps);\n\n    return (\n        <Controller\n            control={control}\n            name={name}\n            render={({ field: { value, onChange }, fieldState: { error } }) => {\n                const files = (value as PreviewableFile[]) || [];\n                \n                const setFiles: React.Dispatch<React.SetStateAction<PreviewableFile[]>> = (newFiles) => {\n                    if (typeof newFiles === 'function') {\n                        onChange(newFiles(files));\n                    } else {\n                        onChange(newFiles);\n                    }\n                };\n                \n                return (\n                    <Box>\n                        <FormControl error={!!error} fullWidth required={required}>\n                            <FormLabel sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1 }} required={required}>\n                                {label}\n                                {(getFieldExplanation(field)) && <Explanation explanation={getFieldExplanation(field)} />}\n                            </FormLabel>\n                            <ReactDropzone\n                                filesProps={[files, setFiles]}\n                                maxFiles={maxFiles}\n                                accept={accept}\n                                dropzoneType={dropzoneType}\n                                error={!!error}\n                            />\n                            <FieldHelperText error={error} errorMsg={errorMsg}/>\n                        </FormControl>\n                    </Box>\n                );\n            }}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,gBAAgB,kBAAkB;AA6Cf,SAEqC,KAFrC;AA9BrB,IAAM,kBAAkB,CAAwB,EAAE,MAAM,MAA+B;AAC1F,QAAM,EAAE,QAAQ,IAAI,eAAe;AACnC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY,CAAC;AAAA,IACb;AAAA,EACJ,IAAI;AAEJ,QAAM,EAAE,WAAW,GAAG,QAAQ,aAAa,IAAK;AAEhD,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,SAAS,GAAG,YAAY,EAAE,MAAM,EAAE,MAAM;AAC/D,cAAM,QAAS,SAA+B,CAAC;AAE/C,cAAM,WAAoE,CAAC,aAAa;AACpF,cAAI,OAAO,aAAa,YAAY;AAChC,qBAAS,SAAS,KAAK,CAAC;AAAA,UAC5B,OAAO;AACH,qBAAS,QAAQ;AAAA,UACrB;AAAA,QACJ;AAEA,eACI,oBAACA,UAAA,EACG,+BAACA,UAAA,EAAY,OAAO,CAAC,CAAC,OAAO,WAAS,MAAC,UACnC;AAAA,+BAAC,gBAAU,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,GAAG,IAAI,EAAE,GAAG,UACpE;AAAA;AAAA,YACC,oBAAoB,KAAK,KAAM,oBAAC,uBAAY,aAAa,oBAAoB,KAAK,GAAG;AAAA,aAC3F;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACG,YAAY,CAAC,OAAO,QAAQ;AAAA,cAC5B;AAAA,cACA;AAAA,cACA;AAAA,cACA,OAAO,CAAC,CAAC;AAAA;AAAA,UACb;AAAA,UACA,oBAAC,mBAAgB,OAAc,UAAmB;AAAA,WACtD,GACJ;AAAA,MAER;AAAA;AAAA,EACJ;AAER;","names":["default"]}

package/dist/JSONEditorField-TMRWGXVR.mjs

@@ -0,0 +1,64 @@
+"use client";
+import {
+  JsonEditor_default
+} from "./chunk-NJYNJLT7.mjs";
+import {
+  FieldHelperText
+} from "./chunk-MI64T62E.mjs";
+import {
+  Explanation_default,
+  getFieldExplanation
+} from "./chunk-UTVSYS6S.mjs";
+import {
+  MuiFormLabel,
+  default as default3
+} from "./chunk-T4X375IG.mjs";
+import "./chunk-MDAUF7IL.mjs";
+import "./chunk-JIU5GVM7.mjs";
+import "./chunk-4Q54P737.mjs";
+import "./chunk-OP6LKXPA.mjs";
+import "./chunk-ZVFYOXDE.mjs";
+import {
+  default as default2
+} from "./chunk-S6EZVRZC.mjs";
+import "./chunk-FJ6ZGZIA.mjs";
+
+// src/components/compound/UseForm/src/Fields/JSONEditorField.tsx
+import { Controller, useFormContext } from "react-hook-form";
+import { jsx, jsxs } from "react/jsx-runtime";
+var JSONEditorField = ({ field }) => {
+  const { control } = useFormContext();
+  const { name, label, required, errorMsg } = field;
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name,
+      render: ({ field: { value, onChange }, fieldState: { error } }) => {
+        return /* @__PURE__ */ jsx(default2, { sx: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsxs(default3, { error: !!error, required, sx: { width: "-webkit-fill-available", gap: 1 }, children: [
+          /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+            /* @__PURE__ */ jsx(MuiFormLabel, { component: "legend", children: label }),
+            getFieldExplanation(field) && /* @__PURE__ */ jsx(default2, { sx: { display: "inline-flex" }, children: /* @__PURE__ */ jsx(Explanation_default, { explanation: getFieldExplanation(field) }) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            JsonEditor_default,
+            {
+              error: !!error,
+              data: value,
+              setData: (v) => {
+                if (typeof v === "function") return onChange(value);
+                onChange(v);
+              },
+              ...field.slotProps?.editorProps || {}
+            }
+          ),
+          /* @__PURE__ */ jsx(FieldHelperText, { error, errorMsg, helpers: [field.helperText] })
+        ] }) });
+      }
+    }
+  );
+};
+export {
+  JSONEditorField
+};
+//# sourceMappingURL=JSONEditorField-TMRWGXVR.mjs.map

package/dist/JSONEditorField-TMRWGXVR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/compound/UseForm/src/Fields/JSONEditorField.tsx"],"sourcesContent":["'use client'\nimport { Controller, useFormContext } from 'react-hook-form'\nimport { Box } from '@/ele/Box'\nimport { FormControl, FormLabel } from '@/ele/Form'\nimport { FieldHelperText } from '../_utils/helperText' \nimport { JsonEditor } from '@/ele/JsonEditor'\nimport Explanation from './Explanation'\nimport { FieldConfig, FormTypeMap, FIELD_TYPEs } from '../_utils';\nimport { getFieldExplanation } from '../_utils/helpers';\n\ninterface JSONEditorFieldProps<T extends FormTypeMap> {\n    field: Extract<FieldConfig<T>, { type: typeof FIELD_TYPEs.json }>;\n}\n\nexport const JSONEditorField= <T extends FormTypeMap = FormTypeMap>({ field }: JSONEditorFieldProps<T>) => {\n  const { control } = useFormContext()\n  const { name, label, required, errorMsg } = field\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      render={({ field: { value, onChange }, fieldState: { error } }) => {\n        // slot props remain available for other customization; helperText no longer used\n\n        return (\n          <Box sx={{ display: 'flex', alignItems: 'center' }}>\n            <FormControl error={!!error} required={required} sx={{ width: '-webkit-fill-available', gap: 1 }}>\n              <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n                <FormLabel component=\"legend\">{label}</FormLabel>\n                {(getFieldExplanation(field)) && <Box sx={{ display: 'inline-flex' }}><Explanation explanation={getFieldExplanation(field)} /></Box>}\n              </Box>\n              <JsonEditor\n                error={!!error}\n                data={value}\n                setData={(v: unknown) => {\n                  if (typeof v === 'function') return onChange(value)\n                  onChange(v as Record<string, unknown> | null | undefined)\n                }}\n                {...(field.slotProps?.editorProps || {})}\n              />\n\n              <FieldHelperText error={error} errorMsg={errorMsg} helpers={[field.helperText]} />\n            </FormControl>\n          </Box>\n        )\n      }}\n    />\n  )\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,YAAY,sBAAsB;AA2B7B,SACE,KADF;AAdP,IAAM,kBAAiB,CAAsC,EAAE,MAAM,MAA+B;AACzG,QAAM,EAAE,QAAQ,IAAI,eAAe;AACnC,QAAM,EAAE,MAAM,OAAO,UAAU,SAAS,IAAI;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,SAAS,GAAG,YAAY,EAAE,MAAM,EAAE,MAAM;AAGjE,eACE,oBAACA,UAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,SAAS,GAC/C,+BAACA,UAAA,EAAY,OAAO,CAAC,CAAC,OAAO,UAAoB,IAAI,EAAE,OAAO,0BAA0B,KAAK,EAAE,GAC7F;AAAA,+BAACA,UAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,EAAE,GACvD;AAAA,gCAAC,gBAAU,WAAU,UAAU,iBAAM;AAAA,YACnC,oBAAoB,KAAK,KAAM,oBAACA,UAAA,EAAI,IAAI,EAAE,SAAS,cAAc,GAAG,8BAAC,uBAAY,aAAa,oBAAoB,KAAK,GAAG,GAAE;AAAA,aAChI;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,CAAC,CAAC;AAAA,cACT,MAAM;AAAA,cACN,SAAS,CAAC,MAAe;AACvB,oBAAI,OAAO,MAAM,WAAY,QAAO,SAAS,KAAK;AAClD,yBAAS,CAA+C;AAAA,cAC1D;AAAA,cACC,GAAI,MAAM,WAAW,eAAe,CAAC;AAAA;AAAA,UACxC;AAAA,UAEA,oBAAC,mBAAgB,OAAc,UAAoB,SAAS,CAAC,MAAM,UAAU,GAAG;AAAA,WAClF,GACF;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":["default"]}