@bit.rhplus/ag-grid 0.0.33 → 0.0.35

package/AgGridColumn.js

@@ -27,6 +27,9 @@ export const AgGridColumn = (column, options) => {
   if (column.iconRenderer) 
     column.cellRenderer = "iconRenderer";
 
+  if (column.stateRenderer) 
+    column.cellRenderer = "stateRenderer";
+
   if (column.buttonRenderer)
     column.cellRenderer = "buttonRenderer";
 

package/AggregationNotification.js

@@ -1,111 +1,115 @@
-// import React, { useState } from 'react';
-// import PropTypes from 'prop-types';
-// import classnames from 'classnames';
-// import { makeStyles } from '@material-ui/core/styles';
-// import { useSnackbar } from 'notistack';
-// import Collapse from '@material-ui/core/Collapse';
-// import Paper from '@material-ui/core/Paper';
-// import Typography from '@material-ui/core/Typography';
-// import Card from '@material-ui/core/Card';
-// import CardActions from '@material-ui/core/CardActions';
-// import Button from '@material-ui/core/Button';
-// import IconButton from '@material-ui/core/IconButton';
-// import CloseIcon from '@material-ui/icons/Close';
-// import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
-// import CheckCircleIcon from '@material-ui/icons/CheckCircle';
-// import moment from 'moment';
+/* eslint-disable */
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { makeStyles } from '@material-ui/core/styles';
+import { useSnackbar } from 'notistack';
+import Collapse from '@material-ui/core/Collapse';
+import Paper from '@material-ui/core/Paper';
+import Typography from '@material-ui/core/Typography';
+import Card from '@material-ui/core/Card';
+import CardActions from '@material-ui/core/CardActions';
+import Button from '@material-ui/core/Button';
+import IconButton from '@material-ui/core/IconButton';
+import CloseIcon from '@material-ui/icons/Close';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+import CheckCircleIcon from '@material-ui/icons/CheckCircle';
+import moment from 'moment';
 
-// const useStyles = makeStyles(theme => ({
-//     card: {
-//         display: 'flex',
-//         flexDirection: 'column',
-//         flexWrap: 'wrap',
-//         flexGrow: 1,
-//         backgroundColor: '#fddc6c',
-//         [theme.breakpoints.up('sm')]: {
-//             flexGrow: 'initial',
-//             minWidth: 344,
-//         },
-//     },
-//     // typography: {
-//         // fontWeight: 'bold',
-//     // },
-//     actionRoot: {
-//         padding: '8px 8px 8px 16px',
-//     },
-//     icons: {
-//         marginLeft: 'auto',
-//     },
-//     expand: {
-//         padding: '8px 8px',
-//         transform: 'rotate(0deg)',
-//         transition: theme.transitions.create('transform', {
-//             duration: theme.transitions.duration.shortest,
-//         }),
-//     },
-//     expandOpen: {
-//         transform: 'rotate(180deg)',
-//     },
-//     collapse: {
-//         padding: 16,
-//     },
-//     checkIcon: {
-//         fontSize: 20,
-//         color: '#b3b3b3',
-//         paddingRight: 4,
-//     },
-//     button: {
-//         padding: 0,
-//         textTransform: 'none',
-//     },
-// }));
+const useStyles = makeStyles(theme => ({
+    card: {
+        display: 'flex',
+        flexDirection: 'column',
+        flexWrap: 'wrap',
+        flexGrow: 1,
+        backgroundColor: '#fddc6c',
+        [theme.breakpoints.up('sm')]: {
+            flexGrow: 'initial',
+            minWidth: 344,
+        },
+    },
+    // typography: {
+        // fontWeight: 'bold',
+    // },
+    actionRoot: {
+        padding: '8px 8px 8px 16px',
+    },
+    icons: {
+        marginLeft: 'auto',
+    },
+    expand: {
+        padding: '8px 8px',
+        transform: 'rotate(0deg)',
+        transition: theme.transitions.create('transform', {
+            duration: theme.transitions.duration.shortest,
+        }),
+    },
+    expandOpen: {
+        transform: 'rotate(180deg)',
+    },
+    collapse: {
+        padding: 16,
+    },
+    checkIcon: {
+        fontSize: 20,
+        color: '#b3b3b3',
+        paddingRight: 4,
+    },
+    button: {
+        padding: 0,
+        textTransform: 'none',
+    },
+}));
 
-// const AggregationNotification = React.forwardRef((props, ref) => {
-//     const classes = useStyles();
-//     const { closeSnackbar } = useSnackbar();
-//     const expanded = true;
-//     const {length, count, sum, max, min, avg, volume2d, volume3d, earliest, latest, isDate, dateCount} = props.messageInfo;
+const AggregationNotification = React.forwardRef((props, ref) => {
+    const classes = useStyles();
+    const { closeSnackbar } = useSnackbar();
+    const expanded = true;
+    // Aktualizované props pro novou verzi AG Grid aggregací
+    const {count, sum, max, min, avg, square, cubic, earliest, latest, rows, cols} = props.messageInfo;
+    const length = count || 0;
+    const isDate = earliest && latest;
 
-//     const handleDismiss = () => {
-//         closeSnackbar(props.id);
-//     };
-//     return (
-//         <Card className={classes.card} ref={ref}>
-//             <CardActions classes={{ root: classes.actionRoot }}>
-//                 <Typography variant="subtitle2">Selected {length} items</Typography>
-//                 <div className={classes.icons}>
-//                     <IconButton className={classes.expand} onClick={handleDismiss}>
-//                         <CloseIcon />
-//                     </IconButton>
-//                 </div>
-//             </CardActions>
-//             <Collapse in={expanded} timeout="auto" unmountOnExit>
-//                 {props.showNumber && count > 0 ? (
-//                     <Paper className={classes.collapse}>
-//                         { !isNaN(parseFloat(count)) ? (<span><b>Count:</b> {parseFloat(count)}</span>) : (<span />) }
-//                         { !isNaN(parseFloat(sum)) ? (<span className="ml-2"><b>Sum:</b> {parseFloat(sum).toFixed(2)}</span>) : (<span />) }
-//                         { !isNaN(parseFloat(min)) ? (<span className="ml-2"><b> Min:</b> {parseFloat(min).toFixed(2)}</span>) : (<span />) }
-//                         { !isNaN(parseFloat(max)) ? (<span className="ml-2"><b> Max:</b> {parseFloat(max).toFixed(2)}</span>) : (<span />) }
-//                         { !isNaN(parseFloat(avg)) ? (<span className="ml-2"><b> Avg:</b> {parseFloat(avg).toFixed(2)}</span>) : (<span />) }
-//                         { !isNaN(parseFloat(volume2d)) ? (<span className="ml-2"><b> 2d:</b> {parseFloat(volume2d).toFixed(2)}</span>) : (<span />) }
-//                         { !isNaN(parseFloat(volume3d)) ? (<span className="ml-2"><b> 3d:</b> {parseFloat(volume3d).toFixed(2)}</span>) : (<span />) }
-//                     </Paper>            
-//                 ) : (<div />)}
+    const handleDismiss = () => {
+        closeSnackbar(props.id);
+    };
+    
+    return (
+        <Card className={classes.card} ref={ref}>
+            <CardActions classes={{ root: classes.actionRoot }}>
+                <Typography variant="subtitle2">Označeno {rows} řádků, {cols} sloupců ({length} buněk)</Typography>
+                <div className={classes.icons}>
+                    <IconButton className={classes.expand} onClick={handleDismiss}>
+                        <CloseIcon />
+                    </IconButton>
+                </div>
+            </CardActions>
+            <Collapse in={expanded} timeout="auto" unmountOnExit>
+                {props.showNumber && count > 0 ? (
+                    <Paper className={classes.collapse}>
+                        { !isNaN(parseFloat(count)) ? (<span><b>Počet:</b> {parseFloat(count)}</span>) : (<span />) }
+                        { !isNaN(parseFloat(sum)) ? (<span className="ml-2"><b>Součet:</b> {parseFloat(sum).toFixed(2)}</span>) : (<span />) }
+                        { !isNaN(parseFloat(min)) ? (<span className="ml-2"><b>Min:</b> {parseFloat(min).toFixed(2)}</span>) : (<span />) }
+                        { !isNaN(parseFloat(max)) ? (<span className="ml-2"><b>Max:</b> {parseFloat(max).toFixed(2)}</span>) : (<span />) }
+                        { !isNaN(parseFloat(avg)) ? (<span className="ml-2"><b>Průměr:</b> {parseFloat(avg).toFixed(2)}</span>) : (<span />) }
+                        { !isNaN(parseFloat(square)) ? (<span className="ml-2"><b>2D:</b> {parseFloat(square).toFixed(2)}</span>) : (<span />) }
+                        { !isNaN(parseFloat(cubic)) ? (<span className="ml-2"><b>3D:</b> {parseFloat(cubic).toFixed(2)}</span>) : (<span />) }
+                    </Paper>            
+                ) : (<div />)}
 
-//                 {props.showDate && isDate ? (
-//                     <Paper className={classes.collapse}>
-//                         <span><b>Count:</b> {parseFloat(dateCount)}</span>
-//                         <span className="ml-2"><b>Earliest:</b> {moment(Date.parse(earliest)).format("DD.MM.YY HH:mm:SS")}</span>
-//                         <span className="ml-2"><b>Latest:</b> {moment(Date.parse(latest)).format("DD.MM.YY HH:mm:SS")}</span>
-//                     </Paper>
-//                 ) : (<div />)}        
-//             </Collapse>
-//         </Card>
-//     );
-// });
+                {props.showDate && isDate ? (
+                    <Paper className={classes.collapse}>
+                        <span><b>Nejdříve:</b> {moment(earliest).format("DD.MM.YY HH:mm:ss")}</span>
+                        <span className="ml-2"><b>Nejpozději:</b> {moment(latest).format("DD.MM.YY HH:mm:ss")}</span>
+                    </Paper>
+                ) : (<div />)}        
+            </Collapse>
+        </Card>
+    );
+});
 
-// AggregationNotification.propTypes = {
-//     id: PropTypes.number.isRequired,
-// };
+AggregationNotification.propTypes = {
+    id: PropTypes.number.isRequired,
+};
 
-// export default AggregationNotification;
+export default AggregationNotification;