@dashadmin/dash-auto-admin 1.3.24 → 1.3.26

package/dist/mui/AttributeToInput.js

@@ -1 +1,630 @@
-import{Fragment as fe,jsx as r,jsxs as A}from"react/jsx-runtime";import{createElement as v}from"react";import{ArrayInput as L,ImageInput as W,FileInput as k,BooleanInput as U,DateInput as J,DateTimeInput as M,NumberInput as X,SelectArrayInput as D,SelectInput as C,ChipField as $,ImageField as q,PasswordInput as x,ReferenceArrayInput as T,ReferenceInput as S,SimpleFormIterator as K,SingleFieldList as V,TextInput as E,useRecordContext as j}from"react-admin";import{ErrorMessage as z}from"@hookform/error-message";import{InputAdornment as H,InputLabel as Q,Typography as Y}from"@mui/material";import Z from"@mui/icons-material/Visibility";import{UserAction as ee}from"../wrappers";import{FunctionField as re}from"react-admin";import{FileField as te}from"react-admin";import oe from"react";import R from"../utils/enumToChoices";import w from"../utils/isEnum";import{useLocation as ae,useParams as le}from"react-router";import N from"../utils/replaceParams";import{useEditContext as se}from"react-admin";import{useFormContext as ne}from"react-hook-form";import{useComponentRegistry as ce}from"../DashAutoAdminComponentRegistry";const s=({index:d,method:n,input:e,children:t,...l})=>{const y=e?.sortable===!0,{formState:{errors:g}}=ne();return n==="edit"?A("div",{className:`auto-admin-field auto-admin-field-${n}`,children:[r(re,{label:e?.label||e.attribute,sortable:y,...y&&{sortBy:e.listAttribute||e.attribute},render:o=>oe.cloneElement(t,{record:o})}),!e?.hideErrorMessage||e?.custom&&r(z,{errors:g,name:e.attribute,render:o=>o?r(Y,{className:"dash-admin-field-error",color:"error",children:typeof o.message=="string"?o.message:typeof o.message?.message=="string"?o.message?.message:JSON.stringify(o)}):null})]},d):r("div",{className:`auto-admin-field auto-admin-field-${n}`,children:t},d)},de=()=>{try{return se()}catch{return null}},me=()=>{try{return j()}catch{return null}},ie=(d,n)=>{const e=de(),t=me();return d==="edit"||n==="edit"?e:t},O=(d,n,e,t,l)=>{const{components:g}=ce(),o=l?.mode||"view",f=ie(d,l?.mode),P=ae(),F=le(),B=a=>{const m=g[a];return m?{custom:!0,type:"component",component:m}:{custom:!0,type:"component",component:()=>A(fe,{children:["No component for ",a]})}},I=n?.fieldWrapper&&typeof n.fieldWrapper=="function"?n.fieldWrapper:({_record:a,_method:m,_attribute:b,_resourceConfig:h,children:p})=>p;if(typeof e.type=="string"&&!e.type.includes(".")&&!Array.isArray(e.type))switch(e.type){case"string":case"text":case"String":e.type=String,e.slotProps={fullWidth:e?.fieldProps?.fullWidth??!0};break;case"textarea":e.type=String,e.multiple=!0,e.slotProps={fullWidth:e?.fieldProps?.fullWidth??!0},e.fieldProps={...e.fieldProps||{},multiline:e?.fieldProps?.multiline??!0,rows:e?.fieldProps?.rows??4};break;case"number":case"Number":case"integer":e.type=Number;break;case"boolean":case"Boolean":e.type=Boolean;break;case"date":case"Date":e.type=Date;break;default:if(e.custom=!0,typeof e?.component=="string"){const a=B(e.component);e={...e,...a}}}if(l&&l.useReadOnlyInputAsTextField&&e.readOnly)return r(s,{index:t,method:o,input:e,children:r(I,{label:e.label,source:e.listAttribute||e.attribute,...f&&{record:f},method:d,attribute:e,resourceConfig:n,children:v(E,{fullWidth:!0,...f&&{record:f},key:t,label:e.label,source:e.listAttribute||e.attribute,...e.fieldProps,editable:!1,InputProps:{readOnly:!0,endAdornment:r(H,{position:"start",children:r(Z,{})})}})},t)});if(l&&l.readOnlyComponent&&e.readOnly)return r(s,{index:t,method:o,input:e,children:v(I,{...f&&{record:f},method:d,attribute:e,key:t,label:e.label,source:e.listAttribute||e.attribute,resourceConfig:n},r(l.readOnlyComponent,{fullWidth:!0,...f&&{record:f},input:e,label:e.label,source:e.listAttribute||e.attribute,...e.fieldProps,editable:!1,InputProps:{readOnly:!0}},t))});if(e.label||(e.label=e.attribute),e.custom&&e.component||e.type==="component"&&e.component)return r(s,{index:t,method:o,input:e,children:r(ee,{record:f,method:o,attribute:e,resourceConfig:n},t)});if(Array.isArray(e.type)&&e.type.length>0){const a=e.type[0];if(w(a))return r(s,{index:t,method:o,input:e,children:r(D,{fullWidth:!0,label:e.label,source:e.attribute,choices:R(a),...e?.fieldProps,onChange:m=>{l?.handleChange&&l.handleChange(m),e.fieldProps?.onChange&&e.fieldProps.onChange(m)}},t)});if(typeof a=="string"){const m={...F,...(P.hash.match(/\d+/g)||[]).map(Number).reduce((c,u,G)=>(c[G]=u,c),{})},b=N(m,a),[h,p]=b.split("."),i=c=>(c?c[p]:"?")||"??";if(e&&e.multiple===!1&&e.component){const c=e.component;return r(s,{index:t,method:o,input:e,children:r(S,{fullWidth:!0,allowEmpty:!0,filter:!0,pagination:!1,label:e.label,reference:h,source:e.attribute,...e.componentProps,children:r(c,{optionText:i,method:d,attribute:e,onChange:u=>{l?.handleChange&&l.handleChange(u),e.fieldProps?.onChange&&e.fieldProps.onChange(u)},resourceConfig:n})},t)})}return r(s,{index:t,method:o,input:e,children:r(T,{fullWidth:!0,filter:!0,pagination:!1,label:e.label,reference:h,source:e.attribute,...e.componentProps,children:r(V,{...e.fieldProps,children:r($,{source:p})})},t)})}else{const m=e.type;return r(s,{index:t,method:o,input:e,children:r(L,{label:e.label,source:e.attribute,...e.componentProps,children:r(K,{children:m.map((b,h)=>O(d,n,b,h))})},t)})}}if(e&&e.type===W)return r(s,{index:t,method:o,input:e,children:r(W,{placeholder:"Arr\xE1stre una im\xE1gen o haga click aqu\xED para seleccionar",source:e.attribute,label:e.label,accept:"image/*",...e.fieldProps,children:r(q,{source:"src",title:"title"})},t)});if(e&&e.type===k&&(k,{source:e.attribute,label:e.label,...e.fieldProps,children:te}),typeof e.type=="string"){if(e.type==="select"&&Array.isArray(e.options)&&e.options.length>0){const i=e.options.map(c=>({id:c.id,name:c.name}));return r(s,{index:t,method:o,input:e,children:r(C,{fullWidth:!0,label:e.label,source:e.listAttribute||e.attribute,choices:i,...e.fieldProps,onChange:c=>{l?.handleChange&&l.handleChange(c),e.fieldProps?.onChange&&e.fieldProps.onChange(c)},...e.componentProps},t)})}if(e.type==="select"&&(!e.options||e.options.length===0))return console.warn(`Select field "${e.attribute}" has no options defined. Skipping render.`),null;const a={...F,...(P.pathname.match(/\d+/g)||[]).map(Number).reduce((i,c,u)=>(i[u]=c,i),{})},m=N(a,e.type),[b,h]=m.split("."),p=e.component||C;return e&&e.multiple===!1?r(s,{index:t,method:o,input:e,children:r(S,{allowEmpty:!0,filters:!0,label:e.label,source:e.listAttribute||e.attribute,reference:b,sort:{field:h,order:"ASC"},...e.componentProps,children:r(p,{optionText:h,method:d,attribute:e,label:e?.label||"",...e.fieldProps,onChange:i=>{l?.handleChange&&l.handleChange(i),e.fieldProps?.onChange&&e.fieldProps.onChange(i)},resourceConfig:n})},t)}):r(s,{index:t,method:o,input:e,children:r(T,{reference:b,source:e.listAttribute||e.attribute,...e.componentProps,children:r(D,{optionText:h,fullWidth:!0,label:e?.label||"",...e.fieldProps,onChange:i=>{l?.handleChange&&l.handleChange(i),e.fieldProps?.onChange&&e.fieldProps.onChange(i)}})},t)})}switch(e.type){case Number:return r(s,{index:t,method:o,input:e,children:r(X,{fullWidth:!0,label:e.label,source:e.attribute,...e.fieldProps,onChange:a=>{l?.handleChange&&l.handleChange(a),e.fieldProps?.onChange&&e.fieldProps.onChange(a)}},t)});case Boolean:return r(s,{index:t,method:o,input:e,children:A("div",{children:[e?.showLabel!==!1&&r(Q,{htmlFor:e.listAttribute||e.attribute,children:e.label}),r(U,{record:f,id:e.listAttribute||e.attribute,label:e.label,source:e.listAttribute||e.attribute,...e.fieldProps,onChange:a=>{l?.handleChange&&l.handleChange(a),e.fieldProps?.onChange&&e.fieldProps.onChange(a)}},t)]})});case Date:return e.fieldProps&&e.fieldProps.showTime?r(s,{index:t,method:o,input:e,children:r(M,{label:e.label,source:e.attribute,...e.fieldProps},t)}):r(s,{index:t,method:o,input:e,children:r(J,{label:e.label,source:e.attribute,...e.fieldProps,onChange:a=>{l?.handleChange&&l.handleChange(a),e.fieldProps?.onChange&&e.fieldProps.onChange(a)}},t)})}if(w(e.type))return r(s,{index:t,method:o,input:e,children:r(C,{label:e.label,source:e.attribute,choices:R(e.type),InputProps:e.fieldOptions,onChange:a=>{l?.handleChange&&l.handleChange(a),e.fieldProps?.onChange&&e.fieldProps.onChange(a)}},t)});if(e.isPassword){const a={key:t,label:e.label,source:e.attribute,...e.slotProps?{slotProps:e.slotProps}:{}};return r(s,{index:t,method:o,input:e,children:r(x,{...a})})}const _={label:e.label,source:e.listAttribute||e.attribute,...e.fieldProps,...e.slotProps?{slotProps:e.slotProps}:{},onChange:a=>{l?.handleChange&&l.handleChange(a),e.fieldProps?.onChange&&e.fieldProps.onChange(a)}};return r(s,{index:t,method:o,input:e,children:r(E,{..._})})};var Me=O;export{Me as default};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createElement } from "react";
+import {
+  ArrayInput,
+  ImageInput,
+  FileInput,
+  BooleanInput,
+  DateInput,
+  DateTimeInput,
+  NumberInput,
+  SelectArrayInput,
+  SelectInput,
+  ChipField,
+  ImageField,
+  PasswordInput,
+  ReferenceArrayInput,
+  ReferenceInput,
+  SimpleFormIterator,
+  SingleFieldList,
+  TextInput,
+  useRecordContext
+} from "react-admin";
+import { ErrorMessage } from "@hookform/error-message";
+import { InputAdornment, InputLabel, Typography } from "@mui/material";
+import Visibility from "@mui/icons-material/Visibility";
+import { UserAction } from "../wrappers";
+import { FunctionField } from "react-admin";
+import { FileField } from "react-admin";
+import React from "react";
+import enumToChoices from "../utils/enumToChoices";
+import isEnum from "../utils/isEnum";
+import { useLocation, useParams } from "react-router";
+import replaceParams from "../utils/replaceParams";
+import { useEditContext } from "react-admin";
+import { useFormContext } from "react-hook-form";
+import { useComponentRegistry } from "../DashAutoAdminComponentRegistry";
+const FunctionFieldWrapper = (_a) => {
+  var _b = _a, {
+    index,
+    method,
+    input,
+    children
+  } = _b, _props = __objRest(_b, [
+    "index",
+    "method",
+    "input",
+    "children"
+  ]);
+  const sortable = (input == null ? void 0 : input.sortable) === true ? true : false;
+  const {
+    formState: { errors }
+  } = useFormContext();
+  if (method === "edit") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `auto-admin-field auto-admin-field-${method}`,
+        children: [
+          /* @__PURE__ */ jsx(
+            FunctionField,
+            __spreadProps(__spreadValues({
+              label: (input == null ? void 0 : input.label) || input.attribute,
+              sortable
+            }, sortable && { sortBy: input.listAttribute || input.attribute }), {
+              render: (record) => {
+                return React.cloneElement(children, { record });
+              }
+            })
+          ),
+          !(input == null ? void 0 : input.hideErrorMessage) || (input == null ? void 0 : input.custom) && /* @__PURE__ */ jsx(
+            ErrorMessage,
+            {
+              errors,
+              name: input.attribute,
+              render: (error) => {
+                var _a2, _b2;
+                return error ? /* @__PURE__ */ jsx(Typography, { className: "dash-admin-field-error", color: "error", children: typeof error.message === "string" ? error.message : typeof ((_a2 = error.message) == null ? void 0 : _a2.message) === "string" ? (_b2 = error.message) == null ? void 0 : _b2.message : JSON.stringify(error) }) : null;
+              }
+            }
+          )
+        ]
+      },
+      index
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className: `auto-admin-field auto-admin-field-${method}`, children }, index);
+};
+const useSafeEditContext = () => {
+  try {
+    return useEditContext();
+  } catch (error) {
+    return null;
+  }
+};
+const useSafeRecordContext = () => {
+  try {
+    return useRecordContext();
+  } catch (error) {
+    return null;
+  }
+};
+const useRecordByMethod = (method, mode) => {
+  const editContext = useSafeEditContext();
+  const recordContext = useSafeRecordContext();
+  if (method === "edit" || mode === "edit") {
+    return editContext;
+  }
+  return recordContext;
+};
+const AttributeToInput = (method, resourceConfig, input, index, options) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const DEBUG = false;
+  const { components } = useComponentRegistry();
+  const mode = (options == null ? void 0 : options.mode) || "view";
+  const record = useRecordByMethod(method, options == null ? void 0 : options.mode);
+  const location = useLocation();
+  const params = useParams();
+  const typeComponentMapper = (type) => {
+    const component = components[type];
+    if (component) {
+      return { custom: true, type: "component", component };
+    }
+    return { custom: true, type: "component", component: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+      "No component for ",
+      type
+    ] }) };
+  };
+  const ComponentWrapper = (resourceConfig == null ? void 0 : resourceConfig.fieldWrapper) && typeof resourceConfig.fieldWrapper === "function" ? resourceConfig.fieldWrapper : ({
+    _record,
+    _method,
+    _attribute,
+    _resourceConfig,
+    children
+  }) => children;
+  if (typeof input.type === "string" && !input.type.includes(".") && !Array.isArray(input.type)) {
+    switch (input.type) {
+      case "string":
+      case "text":
+      case "String":
+        input.type = String;
+        input.slotProps = {
+          fullWidth: (_b = (_a = input == null ? void 0 : input.fieldProps) == null ? void 0 : _a.fullWidth) != null ? _b : true
+        };
+        break;
+      case "textarea":
+        input.type = String;
+        input.multiple = true;
+        input.slotProps = {
+          fullWidth: (_d = (_c = input == null ? void 0 : input.fieldProps) == null ? void 0 : _c.fullWidth) != null ? _d : true
+        };
+        input.fieldProps = __spreadProps(__spreadValues({}, input.fieldProps || {}), {
+          multiline: (_f = (_e = input == null ? void 0 : input.fieldProps) == null ? void 0 : _e.multiline) != null ? _f : true,
+          rows: (_h = (_g = input == null ? void 0 : input.fieldProps) == null ? void 0 : _g.rows) != null ? _h : 4
+        });
+        break;
+      case "number":
+      case "Number":
+      case "integer":
+        input.type = Number;
+        break;
+      case "boolean":
+      case "Boolean":
+        input.type = Boolean;
+        break;
+      case "date":
+      case "Date":
+        input.type = Date;
+        break;
+      case "custom":
+      default:
+        input.custom = true;
+        DEBUG && console.log("\u{1F527} AttributeToInput - custom type detected, input.component:", input == null ? void 0 : input.component);
+        DEBUG && console.log("\u{1F527} AttributeToInput - components available:", Object.keys(components));
+        if (typeof (input == null ? void 0 : input.component) === "string") {
+          const mappedResult = typeComponentMapper(input.component);
+          DEBUG && console.log("\u{1F527} AttributeToInput - typeComponentMapper result:", mappedResult);
+          input = __spreadValues(__spreadValues({}, input), mappedResult);
+          DEBUG && console.log("\u{1F527} AttributeToInput - after merge, input.component:", input.component);
+        }
+    }
+  }
+  if (options && options.useReadOnlyInputAsTextField && input.readOnly) {
+    return /* @__PURE__ */ jsx(FunctionFieldWrapper, { index, method: mode, input, children: /* @__PURE__ */ jsx(
+      ComponentWrapper,
+      __spreadProps(__spreadValues({
+        label: input.label,
+        source: input.listAttribute || input.attribute
+      }, record && { record }), {
+        method,
+        attribute: input,
+        resourceConfig,
+        children: /* @__PURE__ */ createElement(
+          TextInput,
+          __spreadValues(__spreadProps(__spreadValues({
+            fullWidth: true
+          }, record && { record }), {
+            key: index,
+            label: input.label,
+            source: input.listAttribute || input.attribute
+          }), __spreadProps(__spreadValues({}, input.fieldProps), {
+            editable: false,
+            InputProps: {
+              readOnly: true,
+              endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(Visibility, {}) })
+            }
+          }))
+        )
+      }),
+      index
+    ) });
+  } else if (options && options.readOnlyComponent && input.readOnly) {
+    return /* @__PURE__ */ jsx(FunctionFieldWrapper, { index, method: mode, input, children: /* @__PURE__ */ createElement(
+      ComponentWrapper,
+      __spreadProps(__spreadValues({}, record && { record }), {
+        method,
+        attribute: input,
+        key: index,
+        label: input.label,
+        source: input.listAttribute || input.attribute,
+        resourceConfig
+      }),
+      /* @__PURE__ */ jsx(
+        options.readOnlyComponent,
+        __spreadValues(__spreadProps(__spreadValues({
+          fullWidth: true
+        }, record && { record }), {
+          input,
+          label: input.label,
+          source: input.listAttribute || input.attribute
+        }), __spreadProps(__spreadValues({}, input.fieldProps), {
+          editable: false,
+          InputProps: { readOnly: true }
+        })),
+        index
+      )
+    ) });
+  }
+  if (!input.label) input.label = input.attribute;
+  if (input.custom && input.component || input.type === "component" && input.component) {
+    return /* @__PURE__ */ jsx(FunctionFieldWrapper, { index, method: mode, input, children: /* @__PURE__ */ jsx(
+      UserAction,
+      {
+        record,
+        method: mode,
+        attribute: input,
+        resourceConfig
+      },
+      index
+    ) });
+  }
+  if (Array.isArray(input.type) && input.type.length > 0) {
+    const inputType = input.type[0];
+    if (isEnum(inputType)) {
+      return /* @__PURE__ */ jsx(FunctionFieldWrapper, { index, method: mode, input, children: /* @__PURE__ */ jsx(
+        SelectArrayInput,
+        __spreadProps(__spreadValues({
+          fullWidth: true,
+          label: input.label,
+          source: input.attribute,
+          choices: enumToChoices(inputType)
+        }, input == null ? void 0 : input.fieldProps), {
+          onChange: (e) => {
+            var _a2;
+            if (options == null ? void 0 : options.handleChange) {
+              options.handleChange(e);
+            }
+            if ((_a2 = input.fieldProps) == null ? void 0 : _a2.onChange) {
+              input.fieldProps.onChange(e);
+            }
+          }
+        }),
+        index
+      ) });
+    }
+    if (typeof inputType === "string") {
+      const _params = __spreadValues(__spreadValues({}, params), (location.hash.match(/\d+/g) || []).map(Number).reduce((acc, curr, currentIndex) => {
+        acc[currentIndex] = curr;
+        return acc;
+      }, {}));
+      const _inputType = replaceParams(_params, inputType);
+      const [reference, sourceName] = _inputType.split(".");
+      const safeIfNull = (choice) => (choice ? choice[sourceName] : "?") || "??";
+      if (input && input.multiple === false && input.component) {
+        const CustomComponent = input.component;
+        return /* @__PURE__ */ jsx(FunctionFieldWrapper, { index, method: mode, input, children: /* @__PURE__ */ jsx(
+          ReferenceInput,
+          __spreadProps(__spreadValues({
+            fullWidth: true,
+            allowEmpty: true,
+            filter: true,
+            pagination: false,
+            label: input.label,
+            reference,
+            source: input.attribute
+          }, input.componentProps), {
+            children: /* @__PURE__ */ jsx(
+              CustomComponent,
+              {
+                optionText: safeIfNull,
+                method,
+                attribute: input,
+                onChange: (e) => {
+                  var _a2;
+                  if (options == null ? void 0 : options.handleChange) {
+                    options.handleChange(e);
+                  }
+                  if ((_a2 = input.fieldProps) == null ? void 0 : _a2.onChange) {
+                    input.fieldProps.onChange(e);
+                  }
+                },
+                resourceConfig
+              }
+            )
+          }),
+          index
+        ) });
+      }
+      return /* @__PURE__ */ jsx(FunctionFieldWrapper, { index, method: mode, input, children: /* @__PURE__ */ jsx(
+        ReferenceArrayInput,
+        __spreadProps(__spreadValues({
+          fullWidth: true,
+          filter: true,
+          pagination: false,
+          label: input.label,
+          reference,
+          source: input.attribute
+        }, input.componentProps), {
+          children: /* @__PURE__ */ jsx(SingleFieldList, __spreadProps(__spreadValues({}, input.fieldProps), { children: /* @__PURE__ */ jsx(ChipField, { source: sourceName }) }))
+        }),
+        index
+      ) });
+    } else {
+      const inputTypeArray = input.type;
+      return /* @__PURE__ */ jsx(FunctionFieldWrapper, { index, method: mode, input, children: /* @__PURE__ */ jsx(
+        ArrayInput,
+        __spreadProps(__spreadValues({
+          label: input.label,
+          source: input.attribute
+        }, input.componentProps), {
+          children: /* @__PURE__ */ jsx(SimpleFormIterator, { children: inputTypeArray.map(
+            (attribute, idx) => AttributeToInput(method, resourceConfig, attribute, idx)
+          ) })
+        }),
+        index
+      ) });
+    }
+  }
+  if (input && input.type === ImageInput) {
+    return /* @__PURE__ */ jsx(FunctionFieldWrapper, { index, method: mode, input, children: /* @__PURE__ */ jsx(
+      ImageInput,
+      __spreadProps(__spreadValues({
+        placeholder: "Arr\xE1stre una im\xE1gen o haga click aqu\xED para seleccionar",
+        source: input.attribute,
+        label: input.label,
+        accept: "image/*"
+      }, input.fieldProps), {
+        children: /* @__PURE__ */ jsx(ImageField, { source: "src", title: "title" })
+      }),
+      index
+    ) });
+  }
+  if (input && input.type === FileInput) {
+    /* @__PURE__ */ jsx(FunctionFieldWrapper, { index, method: mode, input, children: /* @__PURE__ */ jsx(
+      FileInput,
+      __spreadProps(__spreadValues({
+        placeholder: "Arr\xE1stre un archivo o haga click aqu\xED para seleccionar",
+        source: input.attribute,
+        label: input.label
+      }, input.fieldProps), {
+        children: /* @__PURE__ */ jsx(FileField, { source: "src", title: "title" })
+      }),
+      index
+    ) });
+  }
+  if (typeof input.type === "string") {
+    if (input.type === "select" && Array.isArray(input.options) && input.options.length > 0) {
+      const choices = input.options.map((opt) => ({
+        id: opt.id,
+        name: opt.name
+      }));
+      return /* @__PURE__ */ jsx(FunctionFieldWrapper, { index, method: mode, input, children: /* @__PURE__ */ jsx(
+        SelectInput,
+        __spreadValues(__spreadProps(__spreadValues({
+          fullWidth: true,
+          label: input.label,
+          source: input.listAttribute || input.attribute,
+          choices
+        }, input.fieldProps), {
+          onChange: (e) => {
+            var _a2;
+            if (options == null ? void 0 : options.handleChange) {
+              options.handleChange(e);
+            }
+            if ((_a2 = input.fieldProps) == null ? void 0 : _a2.onChange) {
+              input.fieldProps.onChange(e);
+            }
+          }
+        }), input.componentProps),
+        index
+      ) });
+    }
+    if (input.type === "select" && (!input.options || input.options.length === 0)) {
+      console.warn(`Select field "${input.attribute}" has no options defined. Skipping render.`);
+      return null;
+    }
+    const _params = __spreadValues(__spreadValues({}, params), (location.pathname.match(/\d+/g) || []).map(Number).reduce((acc, curr, currentIndex) => {
+      acc[currentIndex] = curr;
+      return acc;
+    }, {}));
+    const _inputType = replaceParams(_params, input.type);
+    const [reference, sourceName] = _inputType.split(".");
+    const CustomComponent = input.component || SelectInput;
+    if (input && input.multiple === false) {
+      return /* @__PURE__ */ jsx(FunctionFieldWrapper, { index, method: mode, input, children: /* @__PURE__ */ jsx(
+        ReferenceInput,
+        __spreadProps(__spreadValues({
+          allowEmpty: true,
+          filters: true,
+          label: input.label,
+          source: input.listAttribute || input.attribute,
+          reference,
+          sort: { field: sourceName, order: "ASC" }
+        }, input.componentProps), {
+          children: /* @__PURE__ */ jsx(
+            CustomComponent,
+            __spreadProps(__spreadValues({
+              optionText: sourceName,
+              method,
+              attribute: input,
+              label: (input == null ? void 0 : input.label) || ""
+            }, input.fieldProps), {
+              onChange: (e) => {
+                var _a2;
+                if (options == null ? void 0 : options.handleChange) {
+                  options.handleChange(e);
+                }
+                if ((_a2 = input.fieldProps) == null ? void 0 : _a2.onChange) {
+                  input.fieldProps.onChange(e);
+                }
+              },
+              resourceConfig
+            })
+          )
+        }),
+        index
+      ) });
+    }
+    return /* @__PURE__ */ jsx(FunctionFieldWrapper, { index, method: mode, input, children: /* @__PURE__ */ jsx(
+      ReferenceArrayInput,
+      __spreadProps(__spreadValues({
+        reference,
+        source: input.listAttribute || input.attribute
+      }, input.componentProps), {
+        children: /* @__PURE__ */ jsx(
+          SelectArrayInput,
+          __spreadProps(__spreadValues({
+            optionText: sourceName,
+            fullWidth: true,
+            label: (input == null ? void 0 : input.label) || ""
+          }, input.fieldProps), {
+            onChange: (e) => {
+              var _a2;
+              if (options == null ? void 0 : options.handleChange) {
+                options.handleChange(e);
+              }
+              if ((_a2 = input.fieldProps) == null ? void 0 : _a2.onChange) {
+                input.fieldProps.onChange(e);
+              }
+            }
+          })
+        )
+      }),
+      index
+    ) });
+  }
+  switch (input.type) {
+    case Number:
+      return /* @__PURE__ */ jsx(FunctionFieldWrapper, { index, method: mode, input, children: /* @__PURE__ */ jsx(
+        NumberInput,
+        __spreadProps(__spreadValues({
+          fullWidth: true,
+          label: input.label,
+          source: input.attribute
+        }, input.fieldProps), {
+          onChange: (e) => {
+            var _a2;
+            if (options == null ? void 0 : options.handleChange) {
+              options.handleChange(e);
+            }
+            if ((_a2 = input.fieldProps) == null ? void 0 : _a2.onChange) {
+              input.fieldProps.onChange(e);
+            }
+          }
+        }),
+        index
+      ) });
+    case Boolean:
+      return /* @__PURE__ */ jsx(FunctionFieldWrapper, { index, method: mode, input, children: /* @__PURE__ */ jsxs("div", { children: [
+        (input == null ? void 0 : input.showLabel) !== false && /* @__PURE__ */ jsx(InputLabel, { htmlFor: input.listAttribute || input.attribute, children: input.label }),
+        /* @__PURE__ */ jsx(
+          BooleanInput,
+          __spreadProps(__spreadValues({
+            record,
+            id: input.listAttribute || input.attribute,
+            label: input.label,
+            source: input.listAttribute || input.attribute
+          }, input.fieldProps), {
+            onChange: (e) => {
+              var _a2;
+              if (options == null ? void 0 : options.handleChange) {
+                options.handleChange(e);
+              }
+              if ((_a2 = input.fieldProps) == null ? void 0 : _a2.onChange) {
+                input.fieldProps.onChange(e);
+              }
+            }
+          }),
+          index
+        )
+      ] }) });
+    case Date:
+      return input.fieldProps && input.fieldProps.showTime ? /* @__PURE__ */ jsx(FunctionFieldWrapper, { index, method: mode, input, children: /* @__PURE__ */ jsx(
+        DateTimeInput,
+        __spreadValues({
+          label: input.label,
+          source: input.attribute
+        }, input.fieldProps),
+        index
+      ) }) : /* @__PURE__ */ jsx(FunctionFieldWrapper, { index, method: mode, input, children: /* @__PURE__ */ jsx(
+        DateInput,
+        __spreadProps(__spreadValues({
+          label: input.label,
+          source: input.attribute
+        }, input.fieldProps), {
+          onChange: (e) => {
+            var _a2;
+            if (options == null ? void 0 : options.handleChange) {
+              options.handleChange(e);
+            }
+            if ((_a2 = input.fieldProps) == null ? void 0 : _a2.onChange) {
+              input.fieldProps.onChange(e);
+            }
+          }
+        }),
+        index
+      ) });
+  }
+  if (isEnum(input.type)) {
+    return /* @__PURE__ */ jsx(FunctionFieldWrapper, { index, method: mode, input, children: /* @__PURE__ */ jsx(
+      SelectInput,
+      {
+        label: input.label,
+        source: input.attribute,
+        choices: enumToChoices(input.type),
+        InputProps: input.fieldOptions,
+        onChange: (e) => {
+          var _a2;
+          if (options == null ? void 0 : options.handleChange) {
+            options.handleChange(e);
+          }
+          if ((_a2 = input.fieldProps) == null ? void 0 : _a2.onChange) {
+            input.fieldProps.onChange(e);
+          }
+        }
+      },
+      index
+    ) });
+  }
+  if (input.isPassword) {
+    const passwordProps = __spreadValues({
+      key: index,
+      label: input.label,
+      source: input.attribute
+    }, input.slotProps ? { slotProps: input.slotProps } : {});
+    return /* @__PURE__ */ jsx(FunctionFieldWrapper, { index, method: mode, input, children: /* @__PURE__ */ jsx(PasswordInput, __spreadValues({}, passwordProps)) });
+  }
+  const textFieldProps = __spreadProps(__spreadValues(__spreadValues({
+    label: input.label,
+    source: input.listAttribute || input.attribute
+  }, input.fieldProps), input.slotProps ? { slotProps: input.slotProps } : {}), {
+    onChange: (e) => {
+      var _a2;
+      if (options == null ? void 0 : options.handleChange) {
+        options.handleChange(e);
+      }
+      if ((_a2 = input.fieldProps) == null ? void 0 : _a2.onChange) {
+        input.fieldProps.onChange(e);
+      }
+    }
+  });
+  return /* @__PURE__ */ jsx(FunctionFieldWrapper, { index, method: mode, input, children: /* @__PURE__ */ jsx(
+    TextInput,
+    __spreadValues({}, textFieldProps)
+  ) });
+};
+var AttributeToInput_default = AttributeToInput;
+export {
+  AttributeToInput_default as default
+};