1057188406

Committed 01 Nov 2023 04:24AM UTC coverage: 82.824% (-17.1%) from 99.964%

Build # 1057188406

Build Type

Pull #4134

gitlab-ci

Committed by

web-flow

Commit Message

chore: Bump uuid from 9.0.0 to 9.0.1

Bumps [uuid](https://github.com/uuidjs/uuid) from 9.0.0 to 9.0.1.
- [Changelog](https://github.com/uuidjs/uuid/blob/main/CHANGELOG.md)
- [Commits](https://github.com/uuidjs/uuid/compare/v9.0.0...v9.0.1)

---
updated-dependencies:
- dependency-name: uuid
  dependency-type: direct:production
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>

Pull Request Pull Request #4134: chore: Bump uuid from 9.0.0 to 9.0.1

Run Details

4349 of 6284 branches covered (0.0%)

8313 of 10037 relevant lines covered (82.82%)

200.97 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

95.0

/src/js/components/uploads.js

// Copyright 2022 Northern.tech AS
//
//    Licensed under the Apache License, Version 2.0 (the "License");
//    you may not use this file except in compliance with the License.
//    You may obtain a copy of the License at
//
//        http://www.apache.org/licenses/LICENSE-2.0
//
//    Unless required by applicable law or agreed to in writing, software
//    distributed under the License is distributed on an "AS IS" BASIS,
//    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//    See the License for the specific language governing permissions and
//    limitations under the License.
import React, { useCallback, useState } from 'react';
import { useDispatch, useSelector } from 'react-redux';

import { Cancel as CancelIcon } from '@mui/icons-material';
import { Drawer, IconButton, LinearProgress, Tooltip, drawerClasses } from '@mui/material';
import { makeStyles } from 'tss-react/mui';

import pluralize from 'pluralize';

import { cancelFileUpload } from '../actions/releaseActions';
import { FileSize } from '../helpers';

const useStyles = makeStyles()(theme => ({
  progress: {
    backgroundColor: theme.palette.grey[600],
    gridColumn: 1,
    margin: '15px 0'
  },
  drawer: {
    [`.${drawerClasses.paper}`]: {
      maxWidth: 'initial'
    }
  },
  progressBarContainer: {
    position: 'fixed',
    display: 'grid',
    bottom: 0,
    gridTemplateRows: 'min-content',
    height: 'max-content',
    padding: `0 ${theme.spacing(2)}px`,
    overflow: 'hidden',
    width: '100%',
    zIindex: 10000,
    transition: 'all 0.2s ease-in-out'
  },
  progressContainer: {
    backgroundColor: theme.palette.background.default,
    borderColor: theme.palette.grey[300],
    color: theme.palette.grey[600],
    display: 'grid',
    gridTemplateRows: '30px 30px',
    gridTemplateColumns: '1fr 60px',
    columnGap: theme.spacing(2),
    ['> .MuiIconButton-root']: {
      gridColumn: 2,
      gridRowStart: 1,
      gridRowEnd: 2,
      height: 60
    }
  }
}));

const UploadProgressBar = ({ classes, upload, uploadId }) => {
  const { name, size, uploadProgress } = upload;
  const dispatch = useDispatch();
  const onCancelClick = useCallback(() => dispatch(cancelFileUpload(uploadId)), [dispatch, uploadId]);
  return (
    <div className={classes.progressContainer}>
      <div className="info flexbox centered">
        {Math.round(uploadProgress)}% - {name} (<FileSize fileSize={size} />)
      </div>
      <LinearProgress className={classes.progress} variant="determinate" value={uploadProgress} />
      <Tooltip title="Abort" placement="top">
        <IconButton onClick={onCancelClick} size="large">
          <CancelIcon />
        </IconButton>
      </Tooltip>
    </div>
  );
};

const Uploads = () => {
  const [isHovering, setIsHovering] = useState(false);
  const { classes } = useStyles();

  const uploads = useSelector(state => state.app.uploadsById);

  const isUploading = !!Object.keys(uploads).length;
  const uploadProgress = Object.values(uploads).reduce((accu, item, currentIndex, items) => {
    accu += item.uploadProgress;
    if (currentIndex === items.length - 1) {
      return accu / (currentIndex + 1);
    }
    return accu;
  }, 0);

  const onClose = () => setIsHovering(false);
  const onMouseOver = () => setIsHovering(true);

  return (
    <div className={classes.progressBarContainer} onMouseEnter={onMouseOver}>
      {isUploading && !isHovering && <LinearProgress className={classes.progress} variant="determinate" value={uploadProgress} />}
      <Drawer anchor="bottom" className={classes.drawer} open={isUploading && isHovering} onClose={onClose}>
        <h3>{pluralize('Upload', Object.keys(uploads).length)} in progress</h3>
        {Object.entries(uploads).map(([uploadId, upload]) => (
          <UploadProgressBar classes={classes} key={uploadId} upload={upload} uploadId={uploadId} />
        ))}
      </Drawer>
    </div>
  );
};

export default Uploads;

1	// Copyright 2022 Northern.tech AS
2	//
3	// Licensed under the Apache License, Version 2.0 (the "License");
4	// you may not use this file except in compliance with the License.
5	// You may obtain a copy of the License at
6	//
7	// http://www.apache.org/licenses/LICENSE-2.0
8	//
9	// Unless required by applicable law or agreed to in writing, software
10	// distributed under the License is distributed on an "AS IS" BASIS,
11	// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12	// See the License for the specific language governing permissions and
13	// limitations under the License.
14	import React, { useCallback, useState } from 'react';
15	import { useDispatch, useSelector } from 'react-redux';
16
17	import { Cancel as CancelIcon } from '@mui/icons-material';
18	import { Drawer, IconButton, LinearProgress, Tooltip, drawerClasses } from '@mui/material';
19	import { makeStyles } from 'tss-react/mui';
20
21	import pluralize from 'pluralize';
22
23	import { cancelFileUpload } from '../actions/releaseActions';
24	import { FileSize } from '../helpers';
25
26	const useStyles = makeStyles()(theme => ({	29✔
27	progress: {
28	backgroundColor: theme.palette.grey[600],
29	gridColumn: 1,
30	margin: '15px 0'
31	},
32	drawer: {
33	[`.${drawerClasses.paper}`]: {
34	maxWidth: 'initial'
35	}
36	},
37	progressBarContainer: {
38	position: 'fixed',
39	display: 'grid',
40	bottom: 0,
41	gridTemplateRows: 'min-content',
42	height: 'max-content',
43	padding: `0 ${theme.spacing(2)}px`,
44	overflow: 'hidden',
45	width: '100%',
46	zIindex: 10000,
47	transition: 'all 0.2s ease-in-out'
48	},
49	progressContainer: {
50	backgroundColor: theme.palette.background.default,
51	borderColor: theme.palette.grey[300],
52	color: theme.palette.grey[600],
53	display: 'grid',
54	gridTemplateRows: '30px 30px',
55	gridTemplateColumns: '1fr 60px',
56	columnGap: theme.spacing(2),
57	['> .MuiIconButton-root']: {
58	gridColumn: 2,
59	gridRowStart: 1,
60	gridRowEnd: 2,
61	height: 60
62	}
63	}
64	}));
65
66	const UploadProgressBar = ({ classes, upload, uploadId }) => {	3✔
67	const { name, size, uploadProgress } = upload;	1✔
68	const dispatch = useDispatch();	1✔
69	const onCancelClick = useCallback(() => dispatch(cancelFileUpload(uploadId)), [dispatch, uploadId]);	1✔
70	return (	1✔
71	<div className={classes.progressContainer}>
72	<div className="info flexbox centered">
73	{Math.round(uploadProgress)}% - {name} (<FileSize fileSize={size} />)
74	</div>
75	<LinearProgress className={classes.progress} variant="determinate" value={uploadProgress} />
76	<Tooltip title="Abort" placement="top">
77	<IconButton onClick={onCancelClick} size="large">
78	<CancelIcon />
79	</IconButton>
80	</Tooltip>
81	</div>
82	);
83	};
84
85	const Uploads = () => {	3✔
86	const [isHovering, setIsHovering] = useState(false);	30✔
87	const { classes } = useStyles();	30✔
88
89	const uploads = useSelector(state => state.app.uploadsById);	1,135✔
90
91	const isUploading = !!Object.keys(uploads).length;	30✔
92	const uploadProgress = Object.values(uploads).reduce((accu, item, currentIndex, items) => {	30✔
93	accu += item.uploadProgress;	2✔
94	if (currentIndex === items.length - 1) {	2!
95	return accu / (currentIndex + 1);	2✔
96	}
97	return accu;	×
98	}, 0);
99
100	const onClose = () => setIsHovering(false);	30✔
101	const onMouseOver = () => setIsHovering(true);	30✔
102
103	return (	30✔
104	<div className={classes.progressBarContainer} onMouseEnter={onMouseOver}>
105	{isUploading && !isHovering && <LinearProgress className={classes.progress} variant="determinate" value={uploadProgress} />}	33✔
106	<Drawer anchor="bottom" className={classes.drawer} open={isUploading && isHovering} onClose={onClose}>	32✔
107	<h3>{pluralize('Upload', Object.keys(uploads).length)} in progress</h3>
108	{Object.entries(uploads).map(([uploadId, upload]) => (
109	<UploadProgressBar classes={classes} key={uploadId} upload={upload} uploadId={uploadId} />	2✔
110	))}
111	</Drawer>
112	</div>
113	);
114	};
115
116	export default Uploads;

mendersoftware / gui / 1057188406

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous