@acvl/frontend-components 0.0.9 → 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

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

package/dist/esm/index.js

@@ -26823,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)({
@@ -31586,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') {