@dashadmin/dash-auto-admin 1.3.17 → 1.3.20

package/dist/mui/AttributeToField.tsx.review

@@ -0,0 +1,644 @@
+import { InputLabel } from '@mui/material';
+
+import {
+	ImageInput,
+	FileInput,
+	DateTimeInput,
+	ArrayField,
+	BooleanField,
+	ChipField,
+	Datagrid,
+	DateField,
+	NumberField,
+	ImageField,
+	ReferenceArrayField,
+	ReferenceField,
+	SingleFieldList,
+	TextField,
+	FileField,
+	FunctionField,
+} from 'react-admin';
+
+import IDashAutoAdminAttribute from '../interfaces/IDashAutoAdminAttribute';
+import IDashAutoAdminFormOptions from '../interfaces/IDashAutoAdminFormOptions';
+
+import { UserAction } from '../wrappers';
+import ListStringsField from './components/ListStringField';
+import IRecord from '../interfaces/IRecord';
+import React from 'react';
+import IDashAutoAdminResourceConfig from '../interfaces/IDashAutoAdminResourceConfig';
+import IDashAutoAdminCustomFieldComponent from '../interfaces/IDashAutoAdminCustomFieldComponent';
+import isEnum from '../utils/isEnum';
+import replaceParams from '../utils/replaceParams';
+import { useParams } from 'react-router';
+import { useComponentRegistry } from '../DashAutoAdminComponentRegistry';
+
+export const AttributeToField = (
+	method: 'view' | 'list' | 'create' | 'edit',
+	resourceConfig: IDashAutoAdminResourceConfig,
+	input: IDashAutoAdminAttribute,
+	index?: number,
+	options?: IDashAutoAdminFormOptions,
+	resource?: string,
+	record?: IRecord,
+) => {
+	// Get the component registry
+	const { components } = useComponentRegistry();
+	
+	const params = useParams();
+	
+	const sortableField = input.sortable === true ? true : false;
+
+	const typeComponentMapper = (type: string) => {
+		const component = components[type];
+      
+
+		if (component) {
+			return { custom: true, type: "component", component };
+		}
+        
+		return { custom: true, type: "component", component: () => <>No component for {type}</> };
+	};
+
+	const ComponentWrapper =
+		resourceConfig?.fieldWrapper &&
+		typeof resourceConfig.fieldWrapper === 'function'
+			? resourceConfig.fieldWrapper
+			: ({
+					_record,
+					_method,
+					_attribute,
+					_resourceConfig,
+					children,
+			  }: IDashAutoAdminCustomFieldComponent) => {
+					return children;
+			  };
+
+	record = options?.record ? options.record : record;
+
+	if (
+		options &&
+		options.useReadOnlyInputAsTextField === true &&
+		input.readOnly
+	) {
+		return (
+			<ComponentWrapper
+				key={index}
+				label={input.label}
+				sortable={sortableField}
+				source={input.listAttribute ? input.listAttribute : input.attribute}
+				{...(record && { record: record })}
+				method={method}
+				attribute={input}
+                resourceConfig={resourceConfig}
+			>
+				<TextField
+					{...(record && { record: record })}
+					sortable={sortableField}
+					{...(sortableField && {
+						sortBy: input.listAttribute || input.attribute,
+					})}
+					key={index}
+					label={input.label}
+					source={input.listAttribute ? input.listAttribute : input.attribute}
+					{...{
+						...input.fieldProps,
+						editable: false,
+						InputProps: { readOnly: true },
+					}}
+					disabled
+				/>
+			</ComponentWrapper>
+		);
+	} else if (options && options.readOnlyComponent && input.readOnly) {
+		return (
+			<ComponentWrapper
+				{...(record && { record: record })}
+				method={method}
+				attribute={input}
+				key={index}
+				label={input.label}
+				sortable={sortableField}
+				source={input.listAttribute ? input.listAttribute : input.attribute}
+                resourceConfig={resourceConfig}
+			>
+				<options.readOnlyComponent
+					key={index}
+					{...(record && { record: record })}
+					sortable={sortableField}
+					{...(sortableField && {
+						sortBy: input.listAttribute || input.attribute,
+					})}
+					input={input}
+					label={input.label}
+					source={input.listAttribute ? input.listAttribute : input.attribute}
+					{...{
+						...input.fieldProps,
+						editable: false,
+						InputProps: { readOnly: true },
+					}}
+				/>
+			</ComponentWrapper>
+		);
+	}
+
+	// Check if input type is a string and not an array or enum
+
+	if (typeof input.type === "string" && !input.type.includes(".") && !Array.isArray(input.type)) {
+		switch (input.type) {
+			case 'string':
+			case 'text':
+			case 'String':
+				input.type = String;
+				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;
+                if(typeof input?.component === "string") {
+                    input = { ...input, ...typeComponentMapper( input.component ) };
+                }
+				break;
+		}
+	}
+
+    // CUSTOM COMPONENT
+	if (
+		(input.custom && input.component) ||
+		(input.type === 'component' && input.component)
+	) {
+      
+		return (
+			<FunctionField
+				key={`function_field_${index}`}
+				label={input.label}
+				sortable={sortableField}
+				{...(sortableField && {
+					sortBy: input.listAttribute || input.attribute,
+				})}
+				render={(r) => {
+					return <ComponentWrapper
+							{...(r && { record: r })}
+							method={method}
+							attribute={input}
+							key={index}
+							label={input.label}
+							sortable={sortableField}
+							source={
+								input.listAttribute ? input.listAttribute : input.attribute
+							}
+                            resourceConfig={resourceConfig}
+						>
+							<UserAction
+								key={`custom_component_${index}`}
+								{...(r && { record: r })}
+								method={method}
+								attribute={input}
+                                resourceConfig={resourceConfig}
+							/>
+						</ComponentWrapper>
+                       
+				}}
+			/>
+		);
+	}
+   
+	if (Array.isArray(input.type) && input.type.length > 0) {
+		const inputType: string | IDashAutoAdminAttribute = input.type[0];
+
+		/* Force the label to be the attribute name */
+		if (!input.label) {
+			input.label = input.attribute;
+		}
+		/* Array of enum values – We use a SelectArrayInput */
+		if (isEnum(inputType)) {
+			return (
+				<ComponentWrapper
+					{...(record && { record: record })}
+					method={method}
+					attribute={input}
+					key={index}
+					label={input.label}
+					sortable={sortableField}
+					source={input.listAttribute ? input.listAttribute : input.attribute}
+                    resourceConfig={resourceConfig}
+				>
+					<ListStringsField
+						key={index}
+						label={input.label}
+						source={input.listAttribute ? input.listAttribute : input.attribute}
+						map={inputType}
+					/>
+				</ComponentWrapper>
+			);
+		}
+
+		if (typeof inputType === 'string') {
+			const _params = {...params,...(location.hash.match(/\d+/g) || []).map(Number).reduce((acc, curr, index) => {
+				acc[index] = curr;
+				return acc;
+			}, {})};
+		
+			const _inputType = replaceParams(_params,inputType);
+			
+			const [reference, sourceName] = _inputType.split('.');
+           
+			return (
+				<ComponentWrapper
+					{...(record && { record: record })}
+					method={method}
+					attribute={input}
+					key={index}
+					label={input.label}
+					sortable={sortableField}
+					source={input.listAttribute ? input.listAttribute : input.attribute}
+                    resourceConfig={resourceConfig}
+				>
+					<>
+						<ReferenceArrayField
+							key={index}
+							sortable={sortableField}
+							{...(sortableField && {
+								sortBy: input.listAttribute || input.attribute,
+							})}
+							label={input.label}
+							source={
+								input.listAttribute ? input.listAttribute : input.attribute
+							}
+							reference={reference}
+						>
+							<SingleFieldList>
+								<ChipField source={sourceName} />
+							</SingleFieldList>
+						</ReferenceArrayField>
+					</>
+				</ComponentWrapper>
+			);
+		} else {
+			const inputTypeArray = input.type as IDashAutoAdminAttribute[];
+			return (
+				<ComponentWrapper
+					{...(record && { record: record })}
+					method={method}
+					attribute={input}
+					key={index}
+					label={input.label}
+					sortable={sortableField}
+					source={input.listAttribute ? input.listAttribute : input.attribute}
+                    resourceConfig={resourceConfig}
+				>
+					<>
+						<ArrayField
+							key={index}
+							sortable={sortableField}
+							{...(sortableField && {
+								sortBy: input.listAttribute || input.attribute,
+							})}
+							label={input.label}
+							source={
+								input.listAttribute ? input.listAttribute : input.attribute
+							}
+						>
+							<Datagrid>
+								{inputTypeArray.map((attribute, idx) =>
+									AttributeToField(
+										method,
+										resourceConfig,
+										attribute,
+										idx,
+										options,
+									),
+								)}
+							</Datagrid>
+						</ArrayField>
+					</>
+				</ComponentWrapper>
+			);
+		}
+	}
+
+	if (typeof input.type === 'string') {
+		const _params = {...params,...(location.hash.match(/\d+/g) || []).map(Number).reduce((acc, curr, index) => {
+			acc[index] = curr;
+			return acc;
+		}, {})};
+
+		const _inputType = replaceParams(_params,input.type);
+		const [reference, sourceName] = _inputType.split('.');
+
+		if (input && input.multiple === false) {
+			const componentWrapperProps = {
+				...(record && { record: record }),
+				method,
+				attribute: input,
+				label: input.label,
+				sortable: sortableField,
+				source: input.listAttribute ? input.listAttribute : input.attribute,
+				resourceConfig
+			}
+
+			const componentProps = {
+				...(record && { record: record }),
+				sortable: sortableField,
+				...(sortableField && {
+					sortBy: input.listAttribute || input.attribute,
+				}),
+				label: input.label,
+				link: 'show',
+				source: input.listAttribute ? input.listAttribute : input.attribute,
+				reference: reference
+			}			
+			
+			return <ComponentWrapper
+				{...componentWrapperProps}
+			>
+				<ReferenceField
+					{...componentProps}
+				/>
+			</ComponentWrapper>
+		}
+
+        const componentWrapperProps = {
+            ...(record && { record: record }),
+            method: method,
+            attribute: input,
+            label: input.label,
+            sortable: sortableField,
+            source: input.listAttribute ? input.listAttribute : input.attribute,
+            resourceConfig: resourceConfig
+        }		
+        
+        const componentProps = {
+			...(record && { record: record }),
+            sortable: sortableField,
+			...(sortableField && {
+				sortBy: input.listAttribute || input.attribute,
+			}),
+			label: input.label,
+			source: input.listAttribute ? input.listAttribute : input.attribute,
+			reference: reference
+		}
+		return (
+			<ComponentWrapper {...componentWrapperProps} >
+			<ReferenceArrayField {...componentProps} >
+                <SingleFieldList>
+					<ChipField source={sourceName} />
+				</SingleFieldList>
+            </ReferenceArrayField>	
+			</ComponentWrapper>
+		);
+	}
+
+	switch (input.type) {
+		case Number:
+			return (
+				<FunctionField
+					label={input.label}
+					sortable={sortableField}
+					{...(sortableField && {
+						sortBy: input.listAttribute || input.attribute,
+					})}
+					key={`function_field_${index}`}
+					render={(r) => {
+						return (
+							<ComponentWrapper
+								{...(r && { record: r })}
+								method={method}
+								attribute={input}
+								key={index}
+								label={input.label}
+								sortable={sortableField}
+								source={
+									input.listAttribute ? input.listAttribute : input.attribute
+								}
+                                resourceConfig={resourceConfig}
+							>
+								<NumberField
+									key={`number_field_${index}`}
+									label={input.label}
+									{...(record && { record: record })}
+									sortable={input.sortable === true ? true : false}
+									source={
+										input.listAttribute ? input.listAttribute : input.attribute
+									}
+									{...input.fieldProps}
+								/>
+							</ComponentWrapper>
+						);
+					}}
+				/>
+			);
+
+		case Boolean:
+			return record ? (
+				<>
+					{input?.showLabel !== false && (
+						<ComponentWrapper
+							{...(record && { record: record })}
+							method={method}
+							attribute={input}
+							key={index}
+							label={input.label}
+							sortable={sortableField}
+							source={
+								input.listAttribute ? input.listAttribute : input.attribute
+							}
+                            resourceConfig={resourceConfig}
+						>
+							<InputLabel
+								htmlFor={
+									input.listAttribute ? input.listAttribute : input.attribute
+								}
+							>
+								{input.label}
+							</InputLabel>
+						</ComponentWrapper>
+					)}
+					<ComponentWrapper
+						{...(record && { record: record })}
+						method={method}
+						attribute={input}
+						key={index}
+						label={input.label}
+						sortable={sortableField}
+						source={input.listAttribute ? input.listAttribute : input.attribute}
+                        resourceConfig={resourceConfig}
+					>
+						<BooleanField
+							sortable={sortableField}
+							{...(sortableField && {
+								sortBy: input.listAttribute || input.attribute,
+							})}
+							record={record}
+							key={index}
+							id={input.listAttribute ? input.listAttribute : input.attribute}
+							label={input.label}
+							source={
+								input.listAttribute ? input.listAttribute : input.attribute
+							}
+							{...input.fieldProps}
+						/>
+					</ComponentWrapper>
+				</>
+			) : (
+				<FunctionField
+					label={input.label}
+					sortable={sortableField}
+					{...(sortableField && {
+						sortBy: input.listAttribute || input.attribute,
+					})}
+					render={(r) => (
+						<>
+							<ComponentWrapper
+								{...(r && { record: r })}
+								method={method}
+								attribute={input}
+								key={index}
+								label={input.label}
+								sortable={sortableField}
+								source={
+									input.listAttribute ? input.listAttribute : input.attribute
+								}
+                                resourceConfig={resourceConfig}
+							>
+								<BooleanField
+									record={record}
+									key={index}
+									id={
+										input.listAttribute ? input.listAttribute : input.attribute
+									}
+									label={input.label}
+									source={
+										input.listAttribute ? input.listAttribute : input.attribute
+									}
+									{...input.fieldProps}
+								/>
+							</ComponentWrapper>
+						</>
+					)}
+				/>
+			);
+
+		case DateTimeInput:
+		case Date:
+			return (
+				<ComponentWrapper
+					{...(record && { record: record })}
+					method={method}
+					attribute={input}
+					label={input.label}
+					sortable={sortableField}
+					source={input.listAttribute ? input.listAttribute : input.attribute}
+					key={index}
+                    resourceConfig={resourceConfig}
+				>
+					<DateField
+						{...(record && { record: record })}
+						key={index}
+						sortable={sortableField}
+						{...(sortableField && {
+							sortBy: input.listAttribute || input.attribute,
+						})}
+						label={input.label}
+						showTime={
+							(input.fieldProps && input.fieldProps.showTime) || false
+						}
+						source={input.listAttribute ? input.listAttribute : input.attribute}
+						{...input.fieldProps}
+					/>
+				</ComponentWrapper>
+			);
+
+		case ImageInput:
+			return (
+				<ComponentWrapper
+					{...(record && { record: record })}
+					method={method}
+					attribute={input}
+					key={index}
+					label={input.label}
+					sortable={sortableField}
+					source={input.listAttribute ? input.listAttribute : input.attribute}
+                    resourceConfig={resourceConfig}
+				>
+					<ImageField
+						{...(record && { record: record })}
+						sortable={sortableField}
+						{...(sortableField && {
+							sortBy: input.listAttribute || input.attribute,
+						})}
+						key={index}
+						source={input.attribute}
+						label={input.label}
+					/>
+				</ComponentWrapper>
+			);
+
+		case FileInput:
+			return (
+				<ComponentWrapper
+					{...(record && { record: record })}
+					method={method}
+					attribute={input}
+					key={index}
+					label={input.label}
+					sortable={sortableField}
+					source={input.listAttribute ? input.listAttribute : input.attribute}
+                    resourceConfig={resourceConfig}
+				>
+					<FileField
+						{...(record && { record: record })}
+						sortable={sortableField}
+						{...(sortableField && {
+							sortBy: input.listAttribute || input.attribute,
+						})}
+						key={index}
+						source={input.listAttribute ?? input.attribute}
+						title={input.listAttribute}
+						download={true}
+					/>
+				</ComponentWrapper>
+			);
+	}
+
+    const textFieldProps = {
+        ...(record && { record: record }),
+        sortable: sortableField,
+        ...(sortableField && {
+            sortBy: input.listAttribute || input.attribute,
+        }),
+        label: input.label,
+        source: input.listAttribute ? input.listAttribute : input.attribute,
+        ...input.fieldProps,
+        ...(input.slotProps ? { slotProps: input.slotProps } : {})
+    }    
+
+	return (
+		<ComponentWrapper
+			label={input.label}
+			sortable={sortableField}
+			source={input.listAttribute ? input.listAttribute : input.attribute}
+			{...(record && { record: record })}
+			method={method}
+			attribute={input}
+            resourceConfig={resourceConfig}
+		>
+			<TextField
+				{...textFieldProps}
+			/>
+		</ComponentWrapper>
+	);
+};

package/dist/mui/AttributeToInput.js

@@ -0,0 +1 @@
+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};