@acvl/frontend-components 0.0.8 → 0.0.10

package/dist/cjs/types/src/components/v1/datagrids/custom_slots/CustomToolbar/slots/SelectedRowsButton.d.ts

@@ -3,6 +3,7 @@ import React from 'react';
 interface ExtraActions {
     label: string;
     onClick: (rowSelectionModel: GridRowSelectionModel) => void;
+    validation?: (rowSelectionModel: GridRowSelectionModel) => boolean;
 }
 export interface SelectedRowsButtonProps {
     selection: GridRowSelectionModel;

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

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

package/dist/esm/index.js

@@ -26576,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') {
@@ -26825,21 +26823,25 @@ const SelectedRowsButton = (props) => {
     const apiRef = useGridApiContext();
     const [settingsMenuOpen, setSettingsMenuOpen] = useState(false);
     const triggerRef = useRef(null);
-    if ((props.selection.ids.size || props.selection.type == 'exclude') && props.extraActions)
+    const extraActions = props.extraActions?.filter(action => {
+        if (action.validation && !action.validation(props.selection))
+            return null;
+        return action;
+    });
+    if ((props.selection.ids.size || props.selection.type == 'exclude') && extraActions && extraActions.length > 0)
         return (jsxs(Fragment, { children: [jsx(Divider$1, { orientation: "vertical", variant: "middle", flexItem: true, sx: { mx: 0.5 } }), jsx(Tooltip$1, { title: "Acciones", children: jsx(ToolbarButton, { ref: triggerRef, id: "settings-menu-trigger", "aria-controls": "settings-menu", "aria-haspopup": "true", "aria-expanded": settingsMenuOpen ? 'true' : undefined, onClick: () => setSettingsMenuOpen(true), className: 'my-icon-button', children: jsx(MoreVertIcon, { fontSize: "small", sx: { ml: 'auto' } }) }) }), jsx(Menu$1, { id: "settings-menu", anchorEl: triggerRef.current, open: settingsMenuOpen, onClose: () => setSettingsMenuOpen(false), anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, transformOrigin: { vertical: 'top', horizontal: 'right' }, slotProps: {
                         list: {
                             'aria-labelledby': 'settings-menu-trigger',
                         },
                     }, sx: {
                         zIndex: 1200
-                    }, children: props.extraActions.map((option, index) => {
+                    }, children: extraActions?.map((option, index) => {
                         return (jsx(MenuItem, { onClick: () => {
                                 setSettingsMenuOpen(false);
                                 option.onClick(props.selection);
                                 apiRef.current.setRowSelectionModel({ type: 'include', ids: new Set() });
                             }, children: jsx(ListItemText, { children: option.label }) }, index));
                     }) })] }));
-    return null;
 };
 
 const StyledQuickFilter = styled(QuickFilter)({
@@ -30850,6 +30852,7 @@ const Base = (props) => {
     const navigate = useNavigate();
     useImperativeHandle(props.ref, () => ({
         getApi: () => apiRef.current,
+        setFilterModel: setFilterModel,
     }));
     // ========================= || PAGINADO || ========================= //
     const [paginationModel, setPaginationModel] = useState({ page: 0, pageSize: 50 });
@@ -31587,7 +31590,7 @@ function DetailPage(props) {
     // ==============================|| RENDER SECTIONS ||============================== //
     const renderContent = () => {
         let displayed_sections = -1;
-        return (jsxs(Grid, { size: 12, container: true, direction: 'column', position: 'relative', pb: 2, children: [props.pageType == 'detail' && jsx(HistorialDrawer, { ...props.slotProps?.historial }), props.sections.map((section, index) => {
+        return (jsxs(Grid, { size: 12, container: true, direction: 'column', position: 'relative', pb: 2, children: [props.pageType == 'detail' && data.has_history && jsx(HistorialDrawer, { ...props.slotProps?.historial }), props.sections.map((section, index) => {
                     if (!section.display)
                         return null;
                     if (typeof section.display == 'object') {
@@ -31626,7 +31629,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,