@acvl/frontend-components 0.0.9 → 0.0.11

package/dist/cjs/index.js

@@ -26843,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)({
@@ -31606,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') {