@arquimedes.co/eureka-forms 3.0.17-refactor → 3.0.19-refactor

package/dist/@Types/FormStep.d.ts

@@ -1,5 +1,5 @@
+import { ErkIconTypes } from '../constants/ErkIconTypes';
 import FormStepTypes, { ClassifierOptionTypes, OptionTypes, RatingTypes, MapperStyleTypes, EntityValueOptionTypes, EntityValueDataTypes, ApiSelectorOptionTypes, ApiSelectorParamTypes } from '../constants/FormStepTypes';
-import IconTypes from '../constants/IconTypes';
 import { Condition } from './Condition';
 import { EurekaDraft } from './Draft/Draft';
 import * as GSteps from './GenericFormSteps';
@@ -109,7 +109,7 @@ interface HideValueOption {
 export interface EntityValuePicker extends GSteps.GSmartSelect {
     type: FormStepTypes.ENTITYVALUEPICKER;
     idEntity: string;
-    icon: IconTypes;
+    icon: ErkIconTypes;
     filters: EntityValuePickerFilter[];
     path: EntityValuePickerPath[];
     options: Record<string, FormEntityValuePickerOption>;
@@ -161,7 +161,7 @@ export interface ValueEntityValuePickerFilter {
 }
 export interface ApiSelector extends GSteps.GSmartSelect {
     type: FormStepTypes.API_SELECTOR;
-    icon?: IconTypes;
+    icon?: ErkIconTypes;
     url: string;
     pathParams: ApiSelectorParam[];
     queryParams: ApiSelectorParam[];

package/dist/FormSteps/@Construction/CBRElementStep/CBRElementStep.js

@@ -5,9 +5,9 @@ import axios from 'axios';
 import InputIcon from '../../../Shared/InputIcon/InputIcon';
 import FormContext from '../../../Contexts/FormContext';
 import { useContext } from 'react';
-import IconTypes from '../../../constants/IconTypes';
+import { ErkIconTypes } from '../../../constants/ErkIconTypes';
 function CBRElementStepComponent(props) {
-    return (_jsx(SmartSelectStep, { ...props, step: props.step, IconComponent: () => _jsx(InputIcon, { icon: IconTypes.LEAK }), getOptions: getElementOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id, calcDepError: calcDepError, valueOverwrite: (value) => {
+    return (_jsx(SmartSelectStep, { ...props, step: props.step, IconComponent: () => _jsx(InputIcon, { icon: ErkIconTypes.LEAK }), getOptions: getElementOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id, calcDepError: calcDepError, valueOverwrite: (value) => {
             if (value) {
                 return { ...value, subStep: props.step.subStep };
             }
@@ -26,7 +26,7 @@ function ElementSubStepRenderer({ value, ...stepProps }) {
     if (subStep?.type !== CBRFormStepTypes.CBR_LOCATIVAS) {
         return _jsx("div", {});
     }
-    return (_jsx(SmartSelectStep, { ...stepProps, step: subStep, IconComponent: () => _jsx(InputIcon, { icon: IconTypes.LEAK }), getOptions: getElementOptions, calcDepError: calcDepError, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id, renderNestedSteps: (value) => (_jsx(ElementSubStepRenderer, { value: value, ...stepProps, step: subStep })) }));
+    return (_jsx(SmartSelectStep, { ...stepProps, step: subStep, IconComponent: () => _jsx(InputIcon, { icon: ErkIconTypes.LEAK }), getOptions: getElementOptions, calcDepError: calcDepError, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id, renderNestedSteps: (value) => (_jsx(ElementSubStepRenderer, { value: value, ...stepProps, step: subStep })) }));
 }
 const getElementOptions = async (idOrganization, step, dependencyStore) => {
     if (step.dependencies && idOrganization) {

package/dist/FormSteps/@Construction/CBRPropertyStep/CBRPropertyStep.js

@@ -10,7 +10,7 @@ import CBRFormStepTypes from '../../../constants/CBRFormStepTypes';
 import { Dialog } from '@mui/material';
 import CloseIcon from '../../../Icons/CloseIcon';
 import WarningIcon from '../../../Icons/WarningIcon';
-import IconTypes from '../../../constants/IconTypes';
+import { ErkIconTypes } from '../../../constants/ErkIconTypes';
 const baseUrl = `https://integrations.${import.meta.env.VITE_REACT_APP_DOMAIN}/sinco/cbr/`;
 function CBRPropertyStepComponent(props) {
     const { formStyle } = useAppSelector((state) => state.global);
@@ -34,7 +34,7 @@ function CBRPropertyStepComponent(props) {
             return null;
         }
     };
-    return (_jsxs(React.Fragment, { children: [_jsx(SmartSelectStep, { ...props, IconComponent: () => _jsx(InputIcon, { icon: IconTypes.PROPERTY }), getOptionSelected: (option, value) => option.id === value.id, calcDepError: (steps) => {
+    return (_jsxs(React.Fragment, { children: [_jsx(SmartSelectStep, { ...props, IconComponent: () => _jsx(InputIcon, { icon: ErkIconTypes.PROPERTY }), getOptionSelected: (option, value) => option.id === value.id, calcDepError: (steps) => {
                     for (const step of steps) {
                         if (step.type === CBRFormStepTypes.CBR_PROYECTO) {
                             return 'Selecciona un proyecto';

package/dist/FormSteps/CBRStepMapper.js

@@ -9,7 +9,7 @@ import axios from 'axios';
 import CBRPropertyStep from './@Construction/CBRPropertyStep/CBRPropertyStep';
 import InputIcon from '../Shared/InputIcon/InputIcon';
 import PersonIcon from '../Icons/PersonIcon';
-import IconTypes from '../constants/IconTypes';
+import { ErkIconTypes } from '../constants/ErkIconTypes';
 const baseUrl = `https://integrations.${import.meta.env.VITE_REACT_APP_DOMAIN}/sinco/cbr/`;
 function CBRStepMapper(props) {
     const getTipoDocOptions = async (idOrganization) => {
@@ -75,15 +75,15 @@ function CBRStepMapper(props) {
         case CBRFormStepTypes.CBR_TIPO_DOC:
             return (_jsx(SmartSelectStep, { ...props, step: { ...props.step, showIcon: false }, getOptions: getTipoDocOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
         case CBRFormStepTypes.CBR_MACRO_PROYECTO:
-            return (_jsx(SmartSelectStep, { ...props, step: props.step, IconComponent: () => _jsx(InputIcon, { icon: IconTypes.PROJECT }), getOptions: getMacroProyectoOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
+            return (_jsx(SmartSelectStep, { ...props, step: props.step, IconComponent: () => _jsx(InputIcon, { icon: ErkIconTypes.PROJECT }), getOptions: getMacroProyectoOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
         case CBRFormStepTypes.CBR_PROYECTO:
-            return (_jsx(SmartSelectStep, { ...props, step: props.step, IconComponent: () => _jsx(InputIcon, { icon: IconTypes.PROJECT }), getOptions: getProyectoOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
+            return (_jsx(SmartSelectStep, { ...props, step: props.step, IconComponent: () => _jsx(InputIcon, { icon: ErkIconTypes.PROJECT }), getOptions: getProyectoOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
         case CBRFormStepTypes.CBR_INMUEBLE:
             return _jsx(CBRPropertyStep, { ...props, step: props.step });
         case CBRFormStepTypes.CBR_TIPO_SOLICITANTE:
             return (_jsx(SmartSelectStep, { ...props, step: props.step, IconComponent: () => _jsx(PersonIcon, {}), getOptions: getTipoSolicitanteOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id }));
         case CBRFormStepTypes.CBR_TIPO_ESPACIO:
-            return (_jsx(SmartSelectStep, { ...props, step: props.step, IconComponent: () => _jsx(InputIcon, { icon: IconTypes.SPACE }), getOptions: getTipoEspaciosOptions, calcDepError: (steps) => {
+            return (_jsx(SmartSelectStep, { ...props, step: props.step, IconComponent: () => _jsx(InputIcon, { icon: ErkIconTypes.SPACE }), getOptions: getTipoEspaciosOptions, calcDepError: (steps) => {
                     for (const step of steps) {
                         if (step.type === CBRFormStepTypes.CBR_PROYECTO) {
                             return 'Selecciona un proyecto';
@@ -105,5 +105,5 @@ export default CBRStepMapper;
 function DocumentIconComponent() {
     return (_jsx("div", { style: {
             marginRight: 2,
-        }, children: _jsx(InputIcon, { icon: IconTypes.DOCUMENT }) }));
+        }, children: _jsx(InputIcon, { icon: ErkIconTypes.DOCUMENT }) }));
 }

package/dist/FormSteps/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValuePickerStep.js

@@ -34,7 +34,7 @@ function EntityValuePickerStep({ step, editable }) {
             }
             : undefined);
     }, []);
-    return (_jsxs(React.Fragment, { children: [dialogs !== undefined && form.entities?.[step.idEntity] && (_jsx(MaterialEntityValueDialog, { type: dialogs.current.type, entity: form.entities?.[step.idEntity], entityValue: dialogs.value, message: dialogs.current.message, handleClose: handleCloseDialog })), _jsx(StepFillerContainer, { step: step, children: _jsx(SmartSelect, { editable: editable, step: step, getOptionalDependencies: getOptionalDependencies, IconComponent: () => (step.icon ? _jsx(InputIcon, { icon: step.icon }) : undefined), getOptions: getEntityValueOptions, getOptionSelected: (option, value) => option._id === value._id, calcDepError: (steps) => {
+    return (_jsxs(React.Fragment, { children: [dialogs !== undefined && form.entities?.[step.idEntity] && (_jsx(MaterialEntityValueDialog, { type: dialogs.current.type, entity: form.entities?.[step.idEntity], entityValue: dialogs.value, message: dialogs.current.message, handleClose: handleCloseDialog })), _jsx(StepFillerContainer, { step: step, children: _jsx(SmartSelect, { step: step, editable: editable, getOptionalDependencies: getOptionalDependencies, IconComponent: () => (step.icon ? _jsx(InputIcon, { icon: step.icon }) : undefined), getOptions: getEntityValueOptions, getOptionSelected: (option, value) => option._id === value._id, calcDepError: (steps) => {
                         for (const step of steps) {
                             if (step.type === FormStepTypes.ENTITYVALUEPICKER) {
                                 return 'Selecciona un ' + step.label;

package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/MaterialFileUploadStep.js

@@ -142,7 +142,7 @@ function FileUploadStep({ step, editable }) {
                         }
                         inputRef.current.value = '';
                     }
-                }, multiple: true, accept: getAcceptedExtensions() }), _jsxs("div", { className: styles.btnContainer, children: [_jsx("input", { ref: ref, className: 'hidden-input' }), _jsx(ErkButton, { disabled: !editable || postview, text: 'Examinar' + (step.required ? ' *' : ''), sx: { padding: '5px 15px' }, onClick: () => {
+                }, multiple: true, accept: getAcceptedExtensions() }), _jsxs("div", { className: styles.btnContainer, children: [_jsx("input", { ref: ref, className: 'hidden-input' }), _jsx(ErkButton, { disabled: !editable || postview, text: 'Examinar' + (step.required ? ' *' : ''), onClick: () => {
                             if (editable && !postview) {
                                 const input = inputRef.current;
                                 if (input !== null) {

package/dist/FormSteps/SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep.js

@@ -137,6 +137,6 @@ function SmartSelectStep({ step, editable, getOptions, calcDepError, defaultValu
         return undefined;
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [invalids, touched, value, filteredOptions]);
-    return (_jsxs(React.Fragment, { children: [_jsx(MaterialInputContainer, { step: step, onClick: onFocus, editable: editable, children: _jsx(ErkSmartSelect, { ...field, value: value, inputRef: ref, onFocus: onFocus, loading: loading, label: step.label, onChange: onChange, required: step.required, searchable: step.searchable, getValueString: getValueString, disabled: filteredOptions === null || emptyDep, getOptionSelected: getOptionSelected, options: filteredOptions ?? undefined, IconComponent: step.showIcon ? IconComponent : undefined, error: !!errorMsg || !!warning || !!error, readOnly: !editable || postview || emptyDep, helperText: errorMsg ?? warning ?? error?.message?.toString() ?? step.description ?? undefined }) }), renderNestedSteps?.(value)] }));
+    return (_jsxs(React.Fragment, { children: [_jsx(MaterialInputContainer, { step: step, onClick: onFocus, editable: editable, children: _jsx(ErkSmartSelect, { ...field, value: value, inputRef: ref, onFocus: onFocus, loading: loading, label: step.label, onChange: onChange, required: step.required, searchable: step.searchable, getValueString: getValueString, disabled: emptyDep, getOptionSelected: getOptionSelected, options: filteredOptions ?? undefined, IconComponent: step.showIcon ? IconComponent : undefined, error: !!errorMsg || !!warning || !!error, readOnly: !editable || postview || emptyDep || filteredOptions === null, helperText: errorMsg ?? warning ?? error?.message?.toString() ?? step.description ?? undefined }) }), renderNestedSteps?.(value)] }));
 }
 export default SmartSelectStep;

package/dist/FormSteps/Utils/MaterialInputContainer/MaterialInputContainer.js

@@ -9,12 +9,9 @@ function MaterialInputContainer({ step, editable, children, onClick, maxHeight =
     const currentBreakPoint = useAppSelector(selectBreakPoint);
     const postview = useAppSelector((state) => state.global.postview);
     return (_jsx("div", { className: styles.container, style: {
-            width: currentBreakPoint <= step.size
-                ? '100%'
-                : calcStepWidth(step.size, form.size),
+            width: currentBreakPoint <= step.size ? '100%' : calcStepWidth(step.size, form.size),
             minHeight: maxHeight
-                ? step.description ||
-                    (!postview && editable && step.required)
+                ? step.description || (!postview && editable && step.required)
                     ? '55px'
                     : '43px'
                 : undefined,

package/dist/Icons/@ErkIcon.js

@@ -2,8 +2,8 @@ export function useIconProps(props) {
     return {
         width: props.size,
         height: props.size,
+        className: props.className ? props.className + ' ErkIcon' : 'ErkIcon',
         fill: 'currentColor',
-        className: 'ErkIcon',
         ...props,
     };
 }

package/dist/Icons/Construction/PropertyIcon.js

@@ -1,7 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useIconProps } from '../@ErkIcon';
 function PropertyIcon(props) {
     const iconProps = useIconProps(props);
-    return (_jsx("svg", { ...iconProps, xmlns: "http://www.w3.org/2000/svg", viewBox: "-1 -1 26 26", children: _jsx("path", { d: "M20 3h-1V2c0-.55-.45-1-1-1s-1 .45-1 1v1H7V2c0-.55-.45-1-1-1s-1 .45-1 1v1H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 18H5c-.55 0-1-.45-1-1V8h16v12c0 .55-.45 1-1 1z" }) }));
+    return (_jsx("svg", { ...iconProps, viewBox: "0 0 512 512", xmlns: "http://www.w3.org/2000/svg", children: _jsxs("g", { children: [_jsx("path", { d: "m256 4c-108.075 0-196 87.925-196 196 0 52.5 31.807 119.92 94.537 200.378a1065.816 1065.816 0 0 0 93.169 104.294 12 12 0 0 0 16.588 0 1065.816 1065.816 0 0 0 93.169-104.294c62.73-80.458 94.537-147.878 94.537-200.378 0-108.075-87.925-196-196-196zm0 336c-77.2 0-140-62.8-140-140s62.8-140 140-140 140 62.8 140 140-62.8 140-140 140z" }), _jsx("path", { d: "m352.072 183.121-88-80a12 12 0 0 0 -16.144 0l-88 80a12.006 12.006 0 0 0 -2.23 15.039 12.331 12.331 0 0 0 10.66 5.84h11.642v76a12 12 0 0 0 12 12h28a12 12 0 0 0 12-12v-44a12 12 0 0 1 12-12h24a12 12 0 0 1 12 12v44a12 12 0 0 0 12 12h28a12 12 0 0 0 12-12v-76h11.642a12.331 12.331 0 0 0 10.66-5.84 12.006 12.006 0 0 0 -2.23-15.039z" })] }) }));
 }
 export default PropertyIcon;

package/dist/Shared/ErkButton/ErkButton.js

@@ -7,7 +7,7 @@ const StyledButton = styled(MuiButton)(({ theme, color }) => ({
     fontFamily: 'inherit',
     fontSize: '1rem',
     borderRadius: 10,
-    padding: '0 13px 0 13px',
+    padding: '0 15px',
     minHeight: 28,
     boxShadow: 'none',
     '&:hover': { boxShadow: 'none' },

package/dist/Shared/ErkSelect/ErkSelect.js

@@ -28,9 +28,17 @@ export const StyledSelect = styled(MuiSelect)(({ theme, size, ...props }) => ({
     '&:hover:not(.Mui-readOnly) .Erk-MuiOutlinedInput-notchedOutline': {
         borderColor: props.disabled || props.readOnly ? theme.palette.outline.main : theme.palette.primary.main,
     },
+    '&.Mui-readOnly': {
+        '& .Erk-MuiSelect-select': {
+            color: theme.palette.text.primary,
+            WebkitTextFillColor: theme.palette.text.primary,
+        },
+        '& .Erk-MuiSelect-icon': {
+            color: theme.palette.text.primary + 'a0',
+        },
+    },
     '& .Mui-disabled, &.Mui-readOnly': {
         cursor: 'default',
-        pointerEvents: 'none',
     },
     '&.Erk-MuiInputBase-root.Mui-focused': {
         '& .Erk-MuiOutlinedInput-notchedOutline': {
@@ -87,7 +95,7 @@ export const StyledHelperText = styled(MuiFormHelperText)(({ theme, ...props })
 function CustomSelect({ label, error, value, loading, onChange, children, required, inputRef, MenuProps, helperText, IconComponent, size = 'small', labelMargin = 5, multiple = false, readOnly = false, disabled = false, clearable = true, fullWidth = true, clearLabel = 'Sin Seleccionar', ...others }) {
     const [open, setOpen] = useState(false);
     const handleChange = useCallback((event) => onChange?.(event.target.value), [onChange]);
-    return (_jsxs(FormControl, { size: size, error: error, variant: "outlined", required: required, fullWidth: fullWidth, style: { marginTop: label ? labelMargin : undefined, maxWidth: '100%' }, children: [label && (_jsx(StyledInputLabel, { disabled: disabled, open: open, size: size === 'small' ? 'small' : 'normal', children: label })), _jsxs(StyledSelect, { ...others, size: size, ref: inputRef, autoWidth: false, open: others.open ?? open, label: label, readOnly: readOnly, disabled: disabled, multiple: multiple, onChange: handleChange, value: value ?? (multiple ? [] : ''), IconComponent: IconComponent ? () => _jsx(_Fragment, {}) : undefined, endAdornment: IconComponent ? (_jsx(InputAdornment, { position: "end", onClick: (e) => {
+    return (_jsxs(FormControl, { size: size, error: error, variant: "outlined", required: required, fullWidth: fullWidth, style: { marginTop: label ? labelMargin : undefined, maxWidth: '100%' }, children: [label && (_jsx(StyledInputLabel, { disabled: disabled, open: open, size: size === 'small' ? 'small' : 'normal', children: label })), _jsxs(StyledSelect, { ...others, size: size, autoWidth: false, open: others.open ?? open, label: label, inputRef: inputRef, readOnly: readOnly, disabled: disabled, multiple: multiple, onChange: handleChange, value: value ?? (multiple ? [] : ''), IconComponent: IconComponent ? () => _jsx(_Fragment, {}) : undefined, endAdornment: IconComponent ? (_jsx(InputAdornment, { position: "end", onClick: (e) => {
                         e.stopPropagation();
                         if (!readOnly && !disabled) {
                             if (others.open !== undefined) {

package/dist/Shared/ErkSmartSelect/ErkSmartSelect.js

@@ -4,9 +4,9 @@ import ErkSelect from '../ErkSelect/ErkSelect';
 import { StyledTextField } from '../ErkTextField/ErkTextField';
 import ErkMenuItem from '../ErkMenuItem';
 const filter = createFilterOptions();
-const StyledAutoComplete = styled(MuiAutocomplete)(({ theme, ...props }) => ({
+const StyledAutoComplete = styled(MuiAutocomplete)(({ theme, readOnly, ...props }) => ({
     '& .Erk-MuiInputBase-root': {
-        cursor: props.disabled || props.readOnly ? 'default' : 'text',
+        cursor: props.disabled || readOnly ? 'default' : 'text',
     },
     '& .Erk-MuiInputBase-input': {
         paddingRight: 24,
@@ -18,6 +18,7 @@ const StyledAutoComplete = styled(MuiAutocomplete)(({ theme, ...props }) => ({
         color: theme.palette.text.primary + 'a0',
         '& .Erk-MuiButtonBase-root': {
             padding: 0,
+            color: readOnly ? theme.palette.text.primary + 'a0' : undefined,
         },
     },
     '& .Erk-MuiAutocomplete-popupIndicatorOpen': {
@@ -26,14 +27,14 @@ const StyledAutoComplete = styled(MuiAutocomplete)(({ theme, ...props }) => ({
 }));
 export default function ErkSmartSelect({ options, value = '', onChange, label, getValueString = (value) => value?.value, loading = false, getOptionSelected, IconComponent, size = 'small', disabled = false, readOnly = false, searchable = false, inputRef, ...others }) {
     if (searchable) {
-        return (_jsx(StyledAutoComplete, { fullWidth: true, openOnFocus: true, size: size, loading: loading, options: options ?? [], loadingText: "Cargando...", onFocus: others.onFocus, "data-testid": "smart-select", noOptionsText: "No hay opciones", disabled: readOnly || disabled, value: !loading && value ? value : null, onChange: (_event, newValue) => onChange?.(newValue), popupIcon: loading ? _jsx(CircularProgress, { size: 22 }) : IconComponent ? _jsx(IconComponent, {}) : undefined, filterOptions: (options, params) => {
+        return (_jsx(StyledAutoComplete, { fullWidth: true, openOnFocus: true, size: size, loading: loading, disabled: disabled || readOnly, readOnly: readOnly, options: options ?? [], loadingText: "Cargando...", onFocus: others.onFocus, "data-testid": "smart-select", noOptionsText: "No hay opciones", value: !loading && value ? value : null, onChange: (_event, newValue) => onChange?.(newValue), popupIcon: loading ? _jsx(CircularProgress, { size: 22 }) : IconComponent ? _jsx(IconComponent, {}) : undefined, filterOptions: (options, params) => {
                 if (value && value.label === params?.inputValue) {
                     return options;
                 }
                 else {
                     return filter(options, params);
                 }
-            }, renderOption: ({ key, ...props }, option) => (_jsx(ErkMenuItem, { ...props, children: option.label }, key)), getOptionLabel: (option) => {
+            }, renderOption: ({ key, ...props }, option) => (_jsx(ErkMenuItem, { ...props, children: option.label }, key)), getOptionKey: (option) => getValueString(option), getOptionLabel: (option) => {
                 // Value selected with enter, right from the input
                 if (typeof option === 'string') {
                     return option;
@@ -45,13 +46,9 @@ export default function ErkSmartSelect({ options, value = '', onChange, label, g
                     // Regular option
                     return option?.label ?? '';
                 }
-            }, slotProps: {
-                popper: {
-                    sx: { zIndex: 1305 },
-                },
-            }, renderInput: (params) => (_jsx(StyledTextField, { ...params, size: size, label: label, labelMargin: 0, name: others.name, readOnly: readOnly, disabled: disabled, inputRef: inputRef, error: others.error, onBlur: others.onBlur, required: others.required, helperText: others.helperText })) }));
+            }, slotProps: { popper: { sx: { zIndex: 1305 } } }, renderInput: (params) => (_jsx(StyledTextField, { ...params, size: size, label: label, labelMargin: 0, name: others.name, readOnly: readOnly, disabled: disabled, inputRef: inputRef, error: others.error, onBlur: others.onBlur, required: others.required, helperText: others.helperText })) }));
     }
     else {
-        return (_jsxs(ErkSelect, { ...others, labelMargin: 0, inputRef: inputRef, onChange: (value) => onChange?.(options?.find((option) => getValueString(option) === value)), value: loading ? '' : getValueString(value), label: label, IconComponent: loading ? () => _jsx(CircularProgress, { size: 22 }) : IconComponent, children: [options?.map((option) => (_jsx(ErkMenuItem, { value: getValueString(option), "data-testid": 'smart-select-' + getValueString(option), children: option.label }, getValueString(option)))), options === undefined && value && !loading && (_jsx(ErkMenuItem, { value: getValueString(value), children: value.label ?? '' }, getValueString(value)))] }));
+        return (_jsxs(ErkSelect, { ...others, labelMargin: 0, disabled: disabled, readOnly: readOnly, inputRef: inputRef, onChange: (value) => onChange?.(options?.find((option) => getValueString(option) === value)), value: loading ? '' : getValueString(value), label: label, IconComponent: loading ? () => _jsx(CircularProgress, { size: 22 }) : IconComponent, children: [options?.map((option) => (_jsx(ErkMenuItem, { value: getValueString(option), "data-testid": 'smart-select-' + getValueString(option), children: option.label }, getValueString(option)))), options === undefined && value && !loading && (_jsx(ErkMenuItem, { value: getValueString(value), children: value.label ?? '' }, getValueString(value)))] }));
     }
 }

package/dist/Shared/InputIcon/InputIcon.d.ts

@@ -1,7 +1,7 @@
-import IconTypes from '../../constants/IconTypes';
+import { ErkIconTypes } from '../../constants/ErkIconTypes';
 export interface InputIconProps {
-    icon: IconTypes;
+    icon: ErkIconTypes;
     fill?: string;
 }
-declare function InputIcon({ icon, fill, ...others }: InputIconProps): JSX.Element;
+declare function InputIcon({ icon, ...others }: InputIconProps): JSX.Element;
 export default InputIcon;

package/dist/Shared/InputIcon/InputIcon.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { ErkIconTypes } from '../../constants/ErkIconTypes';
 import CalendarIcon from '../../Icons/CalendarIcon';
 import LeakIcon from '../../Icons/Construction/LeakIcon';
 import ProjectIcon from '../../Icons/Construction/ProjectIcon';
@@ -11,75 +12,33 @@ import HandShakeIcon from '../../Icons/Entities/HandshakeIcon';
 import SupplierIcon from '../../Icons/Entities/SupplierIcon';
 import LocationIcon from '../../Icons/LocationIcon';
 import PersonIcon from '../../Icons/PersonIcon';
-import IconTypes from '../../constants/IconTypes';
-function InputIcon({ icon, fill, ...others }) {
+function InputIcon({ icon, ...others }) {
     switch (icon) {
-        case IconTypes.PROJECT:
-            return (_jsx(ProjectIcon, { style: {
-                    display: 'flex',
-                    height: 24,
-                    width: 24,
-                }, fill: fill, ...others }));
-        case IconTypes.PROPERTY:
-            return (_jsx(PropertyIcon, { style: {
-                    display: 'flex',
-                    height: 23,
-                    width: 23,
-                }, fill: fill, ...others }));
-        case IconTypes.SPACE:
-            return (_jsx(SpaceIcon, { style: {
-                    display: 'flex',
-                    height: 23,
-                    width: 23,
-                }, fill: fill, ...others }));
-        case IconTypes.PERSON:
-            return _jsx(PersonIcon, { fill: fill, ...others });
-        case IconTypes.LEAK:
-            return (_jsx(LeakIcon, { style: {
-                    display: 'flex',
-                    height: 23,
-                    width: 23,
-                    marginTop: 2,
-                }, fill: fill, ...others }));
-        case IconTypes.DOCUMENT:
-            return (_jsx(DocumentIcon, { style: {
-                    display: 'flex',
-                    height: 23,
-                    width: 23,
-                }, fill: fill, ...others }));
-        case IconTypes.HANDSHAKE:
-            return (_jsx(HandShakeIcon, { style: {
-                    display: 'flex',
-                    height: 23,
-                    width: 23,
-                }, fill: fill, ...others }));
-        case IconTypes.CHECKLIST:
-            return (_jsx(CheckListIcon, { style: {
-                    display: 'flex',
-                    height: 23,
-                    width: 23,
-                }, fill: fill, ...others }));
-        case IconTypes.SUPPLIER:
-            return (_jsx(SupplierIcon, { style: {
-                    display: 'flex',
-                    height: 24,
-                    width: 24,
-                }, fill: fill, ...others }));
-        case IconTypes.CALENDAR:
-            return _jsx(CalendarIcon, { fill: fill, ...others });
-        case IconTypes.LOCATION:
-            return (_jsx(LocationIcon, { style: {
-                    display: 'flex',
-                    height: 23,
-                    width: 23,
-                }, fill: fill, ...others }));
-        case IconTypes.GENERIC:
+        case ErkIconTypes.PROJECT:
+            return _jsx(ProjectIcon, { size: 24, ...others });
+        case ErkIconTypes.PROPERTY:
+            return _jsx(PropertyIcon, { size: 23, ...others });
+        case ErkIconTypes.SPACE:
+            return _jsx(SpaceIcon, { size: 23, ...others });
+        case ErkIconTypes.PERSON:
+            return _jsx(PersonIcon, { size: 23, ...others });
+        case ErkIconTypes.LEAK:
+            return _jsx(LeakIcon, { size: 23, style: { marginTop: 2 }, ...others });
+        case ErkIconTypes.DOCUMENT:
+            return _jsx(DocumentIcon, { size: 23, ...others });
+        case ErkIconTypes.HANDSHAKE:
+            return _jsx(HandShakeIcon, { size: 23, ...others });
+        case ErkIconTypes.CHECKLIST:
+            return _jsx(CheckListIcon, { size: 23, ...others });
+        case ErkIconTypes.SUPPLIER:
+            return _jsx(SupplierIcon, { size: 24, ...others });
+        case ErkIconTypes.CALENDAR:
+            return _jsx(CalendarIcon, { size: 23, ...others });
+        case ErkIconTypes.LOCATION:
+            return _jsx(LocationIcon, { size: 23, ...others });
+        case ErkIconTypes.GENERIC:
         default:
-            return (_jsx(GenericEntityIcon, { style: {
-                    display: 'flex',
-                    height: 23,
-                    width: 23,
-                }, fill: fill, ...others }));
+            return _jsx(GenericEntityIcon, { size: 23, ...others });
     }
 }
 export default InputIcon;

package/dist/constants/{IconTypes.d.ts → ErkIconTypes.d.ts}

@@ -1,4 +1,4 @@
-export declare enum IconTypes {
+export declare enum ErkIconTypes {
     PROJECT = "PROJECT",
     PROPERTY = "PROPERTY",
     SPACE = "SPACE",
@@ -12,4 +12,3 @@ export declare enum IconTypes {
     LOCATION = "LOCATION",
     CALENDAR = "CALENDAR"
 }
-export default IconTypes;

package/dist/constants/ErkIconTypes.js

@@ -0,0 +1,15 @@
+export var ErkIconTypes;
+(function (ErkIconTypes) {
+    ErkIconTypes["PROJECT"] = "PROJECT";
+    ErkIconTypes["PROPERTY"] = "PROPERTY";
+    ErkIconTypes["SPACE"] = "SPACE";
+    ErkIconTypes["LEAK"] = "LEAK";
+    ErkIconTypes["PERSON"] = "PERSON";
+    ErkIconTypes["DOCUMENT"] = "DOCUMENT";
+    ErkIconTypes["HANDSHAKE"] = "HANDSHAKE";
+    ErkIconTypes["CHECKLIST"] = "CHECKLIST";
+    ErkIconTypes["SUPPLIER"] = "SUPPLIER";
+    ErkIconTypes["GENERIC"] = "GENERIC";
+    ErkIconTypes["LOCATION"] = "LOCATION";
+    ErkIconTypes["CALENDAR"] = "CALENDAR";
+})(ErkIconTypes || (ErkIconTypes = {}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arquimedes.co/eureka-forms",
   "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-  "version":"3.0.17-refactor",
+  "version":"3.0.19-refactor",
   "scripts": {
     "watch": "tsc --noEmit --watch --project tsconfig.app.json",
     "start": "vite",

package/dist/constants/IconTypes.js

@@ -1,16 +0,0 @@
-export var IconTypes;
-(function (IconTypes) {
-    IconTypes["PROJECT"] = "PROJECT";
-    IconTypes["PROPERTY"] = "PROPERTY";
-    IconTypes["SPACE"] = "SPACE";
-    IconTypes["LEAK"] = "LEAK";
-    IconTypes["PERSON"] = "PERSON";
-    IconTypes["DOCUMENT"] = "DOCUMENT";
-    IconTypes["HANDSHAKE"] = "HANDSHAKE";
-    IconTypes["CHECKLIST"] = "CHECKLIST";
-    IconTypes["SUPPLIER"] = "SUPPLIER";
-    IconTypes["GENERIC"] = "GENERIC";
-    IconTypes["LOCATION"] = "LOCATION";
-    IconTypes["CALENDAR"] = "CALENDAR";
-})(IconTypes || (IconTypes = {}));
-export default IconTypes;