@acvl/frontend-components 0.0.16 → 0.0.18

package/dist/cjs/index.js

@@ -25663,82 +25663,90 @@ dayjs.locale(es);
 dayjs.extend(duration);
 
 // ==============================|| JSON ||============================== //
-const typeSwitch = ({ base_object, base_key, response, submitData, useLabel, data, props }) => {
+const typeSwitch = ({ base_object, base_key, response, submitData, useLabel, data, props, formType }) => {
     const ignore = get(props, `${base_key}.ignore`, false);
-    if (ignore)
+    if (ignore || ['obj_permissions', 'has_history'].includes(base_key))
         return;
     const altered_key = lodash.invoke(props, `${base_key}.alter_key`, base_key);
     const key = altered_key || base_key;
     const altered_obj = lodash.invoke(props, `${base_key}.alter_value`, base_object, submitData);
     const object = altered_obj || base_object;
+    const setValue = (form, key, value) => {
+        if (formType === "json") {
+            set(form, key, object);
+        }
+        else if (formType === "formData") {
+            form.append(key, value);
+        }
+    };
     switch (typeof object) {
         case "string":
             if (lodash.invoke(props, `${base_key}.extra_validation`, object))
                 return;
-            set(response, key, isEmpty(object) ? '' : object);
+            setValue(response, key, isEmpty(object) ? '' : object);
             break;
         case "number":
-            set(response, key, object);
+            setValue(response, key, object);
             break;
         case "boolean":
-            set(response, key, object);
+            setValue(response, key, object);
             break;
         case "object":
             if (isNull(object) || isEmpty(object)) {
                 if (includes(key, 'after') || includes(key, 'before'))
-                    set(response, key, '');
+                    setValue(response, key, '');
                 else
-                    set(response, key, object);
+                    setValue(response, key, object);
             }
             else if (object instanceof dayjs) {
-                set(response, key, object.format(get(props, `${key}.format`, 'YYYY-MM-DD')));
+                setValue(response, key, object.format(get(props, `${key}.format`, 'YYYY-MM-DD')));
             }
             else if ('label' in object && 'value' in object) {
                 if (useLabel)
-                    set(response, key, object['label']);
+                    setValue(response, key, object['label']);
                 else
-                    set(response, key, object['value']);
+                    setValue(response, key, object['value']);
             }
             else if (Array.isArray(object)) { // it is an array
                 if (object.length && typeof object[0] == 'object' && !Array.isArray(object[0]) && 'value' in object[0] && object[0]['value'] == 'all') { // for data grid filters
-                    set(response, key, '');
+                    setValue(response, key, '');
                 }
                 else {
                     forEach(object, (arrayItem, idx) => {
                         if (typeof arrayItem == 'object') {
                             if ('label' in arrayItem) {
-                                set(response, `${key}.${idx}`, function (item) {
+                                setValue(response, `${key}.${idx}`, function (item) {
                                     if (useLabel)
                                         return item.label;
                                     else
                                         return item.value;
                                 });
                             }
-                            typeSwitch({ base_object: arrayItem, base_key: `${key}.${idx}`, response: response, useLabel: useLabel, data: data, submitData: submitData });
+                            typeSwitch({ base_object: arrayItem, base_key: `${key}.${idx}`, response: response, useLabel: useLabel, data: data, submitData: submitData, props: props, formType: formType });
                         }
                         else {
                             const keyArray = get(response, key);
                             if (keyArray)
                                 keyArray.push(arrayItem);
                             else
-                                set(response, key, [arrayItem]);
+                                setValue(response, key, [arrayItem]);
                         }
                     });
                 }
             }
             else if (object instanceof Set) {
-                set(response, key, Array.from(object));
+                setValue(response, key, Array.from(object));
             }
             else {
                 forEach(object, (value, key2) => {
                     if (!includes(['id', 'transporte.tarifa.cargos_adicionales'], key) && isEqual(get(data, `${key}.${key2}`), value))
                         return;
-                    typeSwitch({ base_object: value, base_key: `${key}.${key2}`, response: response, useLabel: useLabel, data: data, submitData: submitData, props: props });
+                    typeSwitch({ base_object: value, base_key: `${key}.${key2}`, response: response, useLabel: useLabel, data: data, submitData: submitData, props: props, formType: formType });
                 });
             }
             break;
         default:
-            set(response, key, object);
+            setValue(response, key, object);
             break;
     }
 };
@@ -25747,69 +25755,34 @@ const jsonForm = ({ submitData, data, useLabel, props }) => {
     forEach(submitData, function (value, key) {
         if (key != 'id' && isEqual(get(data, key), value))
             return;
-        typeSwitch({ base_object: value, base_key: key, response: response, useLabel: useLabel, data: data, props: props, submitData: submitData });
+        typeSwitch({
+            base_object: value,
+            base_key: key,
+            response: response,
+            useLabel: useLabel,
+            data: data,
+            props: props,
+            submitData: submitData,
+            formType: 'json',
+        });
     });
     return response;
 };
-// ==============================|| FORM DATA ||============================== //
-const formConversion = (key, value, formData) => {
-    switch (typeof value) {
-        case "string":
-            if (!value)
-                return;
-            formData.append(key, value);
-            break;
-        case "bigint":
-        case "number":
-            if (!value)
-                return;
-            formData.append(key, value.toString());
-            break;
-        case "boolean":
-            if (value) {
-                formData.append(key, 'True');
-            }
-            else {
-                formData.append(key, 'False');
-            }
-            break;
-        case "object":
-            if (!value)
-                return;
-            if (Array.isArray(value) && value.length) {
-                for (let i = 0; i < value.length; i++) {
-                    formConversion(`${key}[${i}]`, value[i], formData);
-                }
-            }
-            else {
-                if (value instanceof Date) {
-                    formData.append(key, dayjs(value).format('YYYY-MM-DDTHH:mmZ'));
-                }
-                else if (dayjs.isDayjs(value)) {
-                    // if (key == 'scheduling.end') {
-                    //     formData.append(key, value.format('YYYY-MM-DD'))
-                    // } else {
-                    formData.append(key, value.format('YYYY-MM-DD'));
-                    // }
-                }
-                else if (value instanceof File) {
-                    formData.append(key, value);
-                }
-                else {
-                    Object.keys(value).forEach(key2 => {
-                        if (value[key2] != undefined) {
-                            formConversion(`${key}.${key2}`, value[key2], formData);
-                        }
-                    });
-                }
-            }
-            break;
-    }
-};
-const formDataForm = (object) => {
+const formDataForm = ({ submitData, data, useLabel, props }) => {
     const formData = new FormData();
-    Object.keys(object).forEach(key => {
-        formConversion(key, object[key], formData);
+    forEach(submitData, function (value, key) {
+        if (key != 'id' && isEqual(get(data, key), value))
+            return;
+        typeSwitch({
+            base_object: value,
+            base_key: key,
+            response: formData,
+            useLabel: useLabel,
+            data: data,
+            props: props,
+            submitData: submitData,
+            formType: 'formData',
+        });
     });
     return formData;
 };
@@ -25987,7 +25960,7 @@ const FileUploadBox = (props) => {
     const Dropzone = ({ onChange, value }) => {
         const onDrop = React.useCallback((acceptedFiles) => {
             acceptedFiles.map(file => {
-                const data = formDataForm({ archivo: file });
+                const data = formDataForm({ });
                 validarCSV({ endpoint: props.csvProps.endpoint || '', data: data, custom: props.csvProps.custom }).unwrap()
                     .then((response) => {
                     onChange('archivo' in response ? response.archivo : acceptedFiles[0]);
@@ -26402,7 +26375,7 @@ const ControlledSelect = (props) => {
 };
 
 // ==============================|| DESLIZADOR CONTROLADO ||============================== //
-const ControlledSlider = (props) => {
+const ControlledSlider$1 = (props) => {
     const [_val, setVal] = React.useState([]);
     return (
     // controlador
@@ -26517,6 +26490,19 @@ const ControlledTimePicker = (props) => {
         } }));
 };
 
+const ControlledPhotoField = (props) => {
+    return (jsxRuntime.jsx(reactHookForm.Controller, { control: props.control, name: props.name, render: ({ field: { onChange, onBlur, ref }, fieldState: { error } }) => (jsxRuntime.jsxs(material.FormGroup, { sx: { width: 1 }, color: 'secondary', children: [jsxRuntime.jsx("input", { type: "file", accept: "image/*", ref: ref, onBlur: onBlur, onChange: (e) => onChange(e.target.files && e.target.files[0]) }), jsxRuntime.jsx(material.FormHelperText, { error: !!error, children: error ? error.message : ' ' })] })) }));
+};
+
+// ==============================|| DESLIZADOR CONTROLADO ||============================== //
+const ControlledSlider = (props) => {
+    return (
+    // controlador
+    jsxRuntime.jsx(reactHookForm.Controller, { name: props.name, control: props.control, render: ({ field: { onChange, value }, }) => {
+            return (jsxRuntime.jsx(material.Slider, { value: value, onChange: onChange, valueLabelDisplay: 'auto', sx: { mx: 2, width: 0.87 }, ...props.fieldProps }));
+        } }));
+};
+
 const DeleteConfirmationDialog = (props) => {
     const notifications = core.useNotifications();
     const pathname = 'temp';
@@ -27009,7 +26995,7 @@ const generateSchema = (columns, columnsFilter, id) => {
                     dynamicSchema[`${column.field}_max`] = zod.z.number().or(zod.z.string()).optional();
                     dv[`${column.field}_min`] = '';
                     dv[`${column.field}_max`] = '';
-                    column.input = (jsxRuntime.jsx(ControlledSlider, { name: column.field, control: undefined, fieldProps: column.extra, extraProps: {
+                    column.input = (jsxRuntime.jsx(ControlledSlider$1, { name: column.field, control: undefined, fieldProps: column.extra, extraProps: {
                             getValue: undefined,
                             setValue: undefined,
                         } }));
@@ -27942,6 +27928,10 @@ const DetailField = (props) => {
                     return dayjs(props.fieldData).format('YYYY-MM-DD HH:mm');
             }
         }
+        else if (props.type.name == 'ControlledPhotoField') {
+            if (props.fieldData)
+                return 'Imagen';
+        }
         else {
             if (props.fieldData) {
                 if (props.detail_name) {
@@ -27959,6 +27949,9 @@ const DetailField = (props) => {
         }
         return (jsxRuntime.jsx(LinkField, { url: props.navigation.url, value: lodash.get(props.fieldData, 'value'), text: content }));
     }
+    else if (props.type.name == 'ControlledPhotoField') {
+        return (jsxRuntime.jsx(material.Link, { href: props.fieldData, download: "filename.pdf", children: content }));
+    }
     else {
         if (Array.isArray(props.fieldData)) {
             return (props.fieldData.map((item, index) => (jsxRuntime.jsx(material.Typography, { children: `${lodash.get(item, 'label')}${index < props.fieldData.length - 1 ? ', ' : ''}` }, `${props.name}-link-${index}`))));
@@ -28314,8 +28307,9 @@ function DetailPage(props) {
     // ==============================|| SUBMIT ||============================== //
     const onSubmitHandler = (submitedData) => {
         const formData = 'nativeEvent' in submitedData ? form.getValues() : submitedData;
-        const dataToSend = jsonForm({ submitData: formData, data: data, props: props.slotProps?.parser });
-        mutation({ ...dataToSend, ...props.api.mutate.args }).unwrap()
+        const params = { submitData: formData, data: data, props: props.slotProps?.parser };
+        const dataToSend = props.edit.useFormData ? formDataForm(params) : jsonForm(params);
+        mutation(props.edit.useFormData ? dataToSend : { ...dataToSend, ...props.api.mutate.args }).unwrap()
             .then(() => {
             if (!props.slotProps?.button?.save?.disableNavBack)
                 navigate(-1);
@@ -28700,8 +28694,10 @@ exports.ControlledDropdown = ControlledDropdown;
 exports.ControlledFileUploadBox = FileUploadBox;
 exports.ControlledNumber = ControlledNumber;
 exports.ControlledPhoneNumber = ControlledPhoneNumber;
+exports.ControlledPhotoField = ControlledPhotoField;
 exports.ControlledSelect = ControlledSelect;
-exports.ControlledSlider = ControlledSlider;
+exports.ControlledSimpleSlider = ControlledSlider;
+exports.ControlledSlider = ControlledSlider$1;
 exports.ControlledSwitch = ControlledSwitch;
 exports.ControlledText = ControlledText;
 exports.ControlledTimePicker = ControlledTimePicker;