@acvl/frontend-components 0.0.7 → 0.0.9

package/dist/cjs/types/src/components/v1/datagrids/index.d.ts

@@ -1,4 +1,4 @@
 export { default as Base } from './Base';
 export * from './cells';
 export * from './columns';
-export { GridColDefPropsOverrides } from './types';
+export { GridColDefPropsOverrides, GridArgs, MyDataGridProps, MyGridFilterModel } from './types';

package/dist/cjs/types/src/components/v1/datagrids/wrappers/EditGridWrapper.d.ts

@@ -1,4 +1,5 @@
 import { JSX } from "react";
+import { JSONParserProps } from "../../forms";
 import { GridColDefPropsOverrides } from "../types";
 import { BaseGridProps } from "../Base";
 import { EditGridColumnsProps } from "../columns";
@@ -9,14 +10,7 @@ export interface EditGridAPIProps {
     options?: {
         [key: string]: unknown[] | undefined;
     };
-    parser?: {
-        [key: string]: {
-            ignore?: boolean;
-            format?: string;
-            extra_validation?: (value: string) => boolean;
-            alter_key?: (key: string) => string;
-        };
-    };
+    parser?: JSONParserProps;
     dnd?: {
         field: string;
         args?: {

package/dist/esm/index.js

@@ -4,7 +4,7 @@ import { useTheme, useMediaQuery, Tooltip, IconButton, Button, Grid, FormGroup,
 import EditIcon from '@mui/icons-material/Edit';
 import * as React from 'react';
 import React__default, { useCallback, useEffect, isValidElement, cloneElement, Children, createContext, useContext, useState, useMemo, useRef, memo, useReducer, useImperativeHandle, useLayoutEffect, Suspense, forwardRef } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate, useLocation } from 'react-router-dom';
 import DeleteIcon from '@mui/icons-material/Delete';
 import { Controller, useForm, useWatch, useFieldArray, FormProvider } from 'react-hook-form';
 import { useSession, PageHeader, useNotifications } from '@toolpad/core';
@@ -25648,7 +25648,7 @@ const typeSwitch = ({ base_object, base_key, response, submitData, useLabel, dat
         return;
     const altered_key = invoke(props, `${base_key}.alter_key`, base_key);
     const key = altered_key || base_key;
-    const altered_obj = invoke(props, `${base_key}.alter_value`, base_object, get$1(submitData, 'base_key'));
+    const altered_obj = invoke(props, `${base_key}.alter_value`, base_object, submitData);
     const object = altered_obj || base_object;
     switch (typeof object) {
         case "string":
@@ -25837,8 +25837,7 @@ const LoadingComponent = (props) => {
 };
 
 const _HistorialDrawer = (props) => {
-    // const {pathname} = useLocation();
-    const pathname = 'temp';
+    const { pathname } = useLocation();
     const api = useAPI();
     const [getHistorial, { data, isLoading, isFetching }] = api.useLazyGetHistorialQuery();
     useEffect(() => {
@@ -26577,12 +26576,10 @@ const DeleteButton = (props) => {
 };
 
 const SaveCancelButton = (props) => {
-    // const nav = useNavigation();
-    const handleCancel = useCallback(() => {
-        // nav.useNavigate(-1);
-    }, [
-    //useNavigate
-    ]);
+    const navigate = useNavigate();
+    const handleCancel = () => {
+        navigate(-1);
+    };
     // ===== || KEYDOWN || ===== //
     const handleKeyPress = useCallback((event) => {
         if (event.key === 'Escape') {
@@ -30687,7 +30684,7 @@ const editColumn = (props) => {
             width: 80,
             cellClassName: 'actions',
             getActions: ({ id, row }) => {
-                const canEdit = get$1(row, 'obj_permissions.can_edit');
+                const canEdit = get$1(row, 'obj_permissions.edit');
                 const isInEditMode = props.rowModesModel[id]?.mode === GridRowModes.Edit;
                 if (isInEditMode) {
                     return [
@@ -30696,7 +30693,7 @@ const editColumn = (props) => {
                     ];
                 }
                 return [
-                    jsx(GridActionsCellItem, { icon: jsx(EditIcon, { sx: { color: 'black' } }), label: 'Editar', className: 'textPrimary', onClick: handleEditClick(id), disabled: !canEdit }, 'edit'),
+                    jsx(GridActionsCellItem, { icon: jsx(EditIcon, { sx: { color: canEdit ? 'black' : 'inherit' } }), label: 'Editar', className: 'textPrimary', onClick: handleEditClick(id), disabled: !canEdit }, 'edit'),
                 ];
             }
         }];
@@ -30851,6 +30848,7 @@ const Base = (props) => {
     const navigate = useNavigate();
     useImperativeHandle(props.ref, () => ({
         getApi: () => apiRef.current,
+        setFilterModel: setFilterModel,
     }));
     // ========================= || PAGINADO || ========================= //
     const [paginationModel, setPaginationModel] = useState({ page: 0, pageSize: 50 });
@@ -31627,7 +31625,7 @@ function DetailPage(props) {
             return (jsx(SaveCancelButton, { slotProps: {
                     saveBtn: {
                         loading: mutationIsLoading,
-                        disabled: form.formState.isDirty,
+                        disabled: !form.formState.isDirty,
                         ...(props.slotProps?.button?.save?.type == 'onClick' ? {
                             type: 'button',
                             onClick: onSubmitHandler,