@acvl/frontend-components 0.0.8 → 0.0.10

package/dist/cjs/index.js

@@ -26596,12 +26596,10 @@ const DeleteButton = (props) => {
 };
 
 const SaveCancelButton = (props) => {
-    // const nav = useNavigation();
-    const handleCancel = React.useCallback(() => {
-        // nav.useNavigate(-1);
-    }, [
-    //useNavigate
-    ]);
+    const navigate = reactRouterDom.useNavigate();
+    const handleCancel = () => {
+        navigate(-1);
+    };
     // ===== || KEYDOWN || ===== //
     const handleKeyPress = React.useCallback((event) => {
         if (event.key === 'Escape') {
@@ -26845,21 +26843,25 @@ const SelectedRowsButton = (props) => {
     const apiRef = xDataGrid.useGridApiContext();
     const [settingsMenuOpen, setSettingsMenuOpen] = React.useState(false);
     const triggerRef = React.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 (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.Divider, { orientation: "vertical", variant: "middle", flexItem: true, sx: { mx: 0.5 } }), jsxRuntime.jsx(Tooltip, { title: "Acciones", children: jsxRuntime.jsx(xDataGrid.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: jsxRuntime.jsx(MoreVertIcon, { fontSize: "small", sx: { ml: 'auto' } }) }) }), jsxRuntime.jsx(Menu, { 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 (jsxRuntime.jsx(MenuItem, { onClick: () => {
                                 setSettingsMenuOpen(false);
                                 option.onClick(props.selection);
                                 apiRef.current.setRowSelectionModel({ type: 'include', ids: new Set() });
                             }, children: jsxRuntime.jsx(ListItemText, { children: option.label }) }, index));
                     }) })] }));
-    return null;
 };
 
 const StyledQuickFilter = styles.styled(xDataGrid.QuickFilter)({
@@ -30870,6 +30872,7 @@ const Base = (props) => {
     const navigate = reactRouterDom.useNavigate();
     React.useImperativeHandle(props.ref, () => ({
         getApi: () => apiRef.current,
+        setFilterModel: setFilterModel,
     }));
     // ========================= || PAGINADO || ========================= //
     const [paginationModel, setPaginationModel] = React.useState({ page: 0, pageSize: 50 });
@@ -31607,7 +31610,7 @@ function DetailPage(props) {
     // ==============================|| RENDER SECTIONS ||============================== //
     const renderContent = () => {
         let displayed_sections = -1;
-        return (jsxRuntime.jsxs(material.Grid, { size: 12, container: true, direction: 'column', position: 'relative', pb: 2, children: [props.pageType == 'detail' && jsxRuntime.jsx(HistorialDrawer, { ...props.slotProps?.historial }), props.sections.map((section, index) => {
+        return (jsxRuntime.jsxs(material.Grid, { size: 12, container: true, direction: 'column', position: 'relative', pb: 2, children: [props.pageType == 'detail' && data.has_history && jsxRuntime.jsx(HistorialDrawer, { ...props.slotProps?.historial }), props.sections.map((section, index) => {
                     if (!section.display)
                         return null;
                     if (typeof section.display == 'object') {
@@ -31646,7 +31649,7 @@ function DetailPage(props) {
             return (jsxRuntime.jsx(SaveCancelButton, { slotProps: {
                     saveBtn: {
                         loading: mutationIsLoading,
-                        disabled: form.formState.isDirty,
+                        disabled: !form.formState.isDirty,
                         ...(props.slotProps?.button?.save?.type == 'onClick' ? {
                             type: 'button',
                             onClick: onSubmitHandler,