1235064739

Committed 01 Apr 2024 05:03AM UTC coverage: 83.603% (-16.4%) from 99.964%

Build # 1235064739

Build Type

Pull #4368

gitlab-ci

Committed by

web-flow

Commit Message

chore: Bump the development-dependencies group with 18 updates

Bumps the development-dependencies group with 18 updates:

| Package | From | To |
| --- | --- | --- |
| [@babel/core](https://github.com/babel/babel/tree/HEAD/packages/babel-core) | `7.24.0` | `7.24.3` |
| [@babel/eslint-parser](https://github.com/babel/babel/tree/HEAD/eslint/babel-eslint-parser) | `7.23.10` | `7.24.1` |
| [@babel/plugin-transform-runtime](https://github.com/babel/babel/tree/HEAD/packages/babel-plugin-transform-runtime) | `7.24.0` | `7.24.3` |
| [@babel/preset-env](https://github.com/babel/babel/tree/HEAD/packages/babel-preset-env) | `7.24.0` | `7.24.3` |
| [@babel/preset-react](https://github.com/babel/babel/tree/HEAD/packages/babel-preset-react) | `7.23.3` | `7.24.1` |
| [@testing-library/react](https://github.com/testing-library/react-testing-library) | `14.2.1` | `14.2.2` |
| [@typescript-eslint/eslint-plugin](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/eslint-plugin) | `7.1.0` | `7.4.0` |
| [@typescript-eslint/parser](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/parser) | `7.1.0` | `7.4.0` |
| [autoprefixer](https://github.com/postcss/autoprefixer) | `10.4.17` | `10.4.19` |
| [core-js](https://github.com/zloirock/core-js/tree/HEAD/packages/core-js) | `3.36.0` | `3.36.1` |
| [esbuild-loader](https://github.com/privatenumber/esbuild-loader) | `4.0.3` | `4.1.0` |
| [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) | `7.33.2` | `7.34.1` |
| [eslint-plugin-sonarjs](https://github.com/SonarSource/eslint-plugin-sonarjs) | `0.24.0` | `0.25.0` |
| [eslint-webpack-plugin](https://github.com/webpack-contrib/eslint-webpack-plugin) | `4.0.1` | `4.1.0` |
| [msw](https://github.com/mswjs/msw) | `2.2.2` | `2.2.13` |
| [postcss](https://github.com/postcss/postcss) | `8.4.35` | `8.4.38` |
| [webpack](https://github.com/webpack/webpack) | `5.90.3` | `5.91.0` |
| [yarn](https://github.com/yarnpkg/yarn) | ... (continued)

Pull Request Pull Request #4368: chore: Bump the development-dependencies group with 18 updates

Run Details

4434 of 6325 branches covered (70.1%)

8408 of 10057 relevant lines covered (83.6%)

140.68 hits per line

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

95.0

/src/js/components/devices/dialogs/preauth-dialog.js

// Copyright 2020 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, { useState } from 'react';
import { useDispatch } from 'react-redux';

// material ui
import { InfoOutlined as InfoIcon } from '@mui/icons-material';
import { Button, Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material';

import { preauthDevice } from '../../../actions/deviceActions';
import { isEmpty } from '../../../helpers';
import FileUpload from '../../common/forms/fileupload';
import KeyValueEditor from '../../common/forms/keyvalueeditor';

export const DeviceLimitContact = () => (
  <p>
    If you need a higher device limit, you can contact us through our{' '}
    <a href="https://support.northern.tech" target="_blank" rel="noopener noreferrer">
      support portal
    </a>{' '}
    to request a higher limit.
  </p>
);

export const DeviceLimitWarning = ({ acceptedDevices, deviceLimit, hasContactInfo }) => (
  <div className="margin-bottom-small margin-top-small warning">
    <InfoIcon style={{ marginRight: 2, height: 16, verticalAlign: 'bottom' }} />
    You have reached your limit of authorized devices: {acceptedDevices} of {deviceLimit}
    {hasContactInfo && <DeviceLimitContact />}
  </div>
);

export const PreauthDialog = ({ acceptedDevices, deviceLimit, limitMaxed, onCancel, onSubmit }) => {
  const [errortext, setErrortext] = useState(null);
  const [jsonIdentity, setJsonIdentity] = useState(null);
  const [publicKey, setPublicKey] = useState(null);
  const dispatch = useDispatch();

  const convertIdentityToJSON = jsonIdentity => {
    setErrortext(null);
    setJsonIdentity(jsonIdentity);
  };

  const onHandleSubmit = shouldClose => {
    const authset = {
      pubkey: publicKey,
      identity_data: jsonIdentity
    };
    return dispatch(preauthDevice(authset))
      .then(() => onSubmit(shouldClose))
      .catch(setErrortext);
  };

  const isSubmitDisabled = !publicKey || isEmpty(jsonIdentity) || !!limitMaxed;
  return (
    <Dialog open>
      <DialogTitle>Preauthorize devices</DialogTitle>
      <DialogContent style={{ overflow: 'hidden' }}>
        <p>You can preauthorize a device by adding its authentication dataset here.</p>
        <p>This means when a device with the matching key and identity data comes online, it will automatically be authorized to connect to the server.</p>

        <h4 className="margin-top margin-bottom-small">Public key</h4>
        <FileUpload
          placeholder={
            <>
              Drag here or <a>browse</a> to upload a public key file
            </>
          }
          onFileChange={setPublicKey}
        />
        <h4 className="margin-bottom-none margin-top">Identity data</h4>
        <KeyValueEditor errortext={errortext} onInputChange={convertIdentityToJSON} />
        {!!limitMaxed && <DeviceLimitWarning acceptedDevices={acceptedDevices} deviceLimit={deviceLimit} />}
      </DialogContent>
      <DialogActions>
        <Button onClick={onCancel}>Cancel</Button>
        <Button variant="contained" disabled={isSubmitDisabled} onClick={() => onHandleSubmit(false)} color="primary" style={{ marginLeft: 10 }}>
          Save and add another
        </Button>
        <Button variant="contained" disabled={isSubmitDisabled} onClick={() => onHandleSubmit(true)} color="secondary" style={{ marginLeft: 10 }}>
          Save
        </Button>
      </DialogActions>
    </Dialog>
  );
};

export default PreauthDialog;

1	// Copyright 2020 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, { useState } from 'react';
15	import { useDispatch } from 'react-redux';
16
17	// material ui
18	import { InfoOutlined as InfoIcon } from '@mui/icons-material';
19	import { Button, Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material';
20
21	import { preauthDevice } from '../../../actions/deviceActions';
22	import { isEmpty } from '../../../helpers';
23	import FileUpload from '../../common/forms/fileupload';
24	import KeyValueEditor from '../../common/forms/keyvalueeditor';
25
26	export const DeviceLimitContact = () => (	14✔
27	<p>	×
28	If you need a higher device limit, you can contact us through our{' '}
29	<a href="https://support.northern.tech" target="_blank" rel="noopener noreferrer">
30	support portal
31	</a>{' '}
32	to request a higher limit.
33	</p>
34	);
35
36	export const DeviceLimitWarning = ({ acceptedDevices, deviceLimit, hasContactInfo }) => (	14✔
37	<div className="margin-bottom-small margin-top-small warning">	18✔
38	<InfoIcon style={{ marginRight: 2, height: 16, verticalAlign: 'bottom' }} />
39	You have reached your limit of authorized devices: {acceptedDevices} of {deviceLimit}
40	{hasContactInfo && <DeviceLimitContact />}	18!
41	</div>
42	);
43
44	export const PreauthDialog = ({ acceptedDevices, deviceLimit, limitMaxed, onCancel, onSubmit }) => {	14✔
45	const [errortext, setErrortext] = useState(null);	48✔
46	const [jsonIdentity, setJsonIdentity] = useState(null);	48✔
47	const [publicKey, setPublicKey] = useState(null);	48✔
48	const dispatch = useDispatch();	48✔
49
50	const convertIdentityToJSON = jsonIdentity => {	48✔
51	setErrortext(null);	42✔
52	setJsonIdentity(jsonIdentity);	42✔
53	};
54
55	const onHandleSubmit = shouldClose => {	48✔
56	const authset = {	2✔
57	pubkey: publicKey,
58	identity_data: jsonIdentity
59	};
60	return dispatch(preauthDevice(authset))	2✔
61	.then(() => onSubmit(shouldClose))	2✔
62	.catch(setErrortext);
63	};
64
65	const isSubmitDisabled = !publicKey \|\| isEmpty(jsonIdentity) \|\| !!limitMaxed;	48✔
66	return (	48✔
67	<Dialog open>
68	<DialogTitle>Preauthorize devices</DialogTitle>
69	<DialogContent style={{ overflow: 'hidden' }}>
70	<p>You can preauthorize a device by adding its authentication dataset here.</p>
71	<p>This means when a device with the matching key and identity data comes online, it will automatically be authorized to connect to the server.</p>
72
73	<h4 className="margin-top margin-bottom-small">Public key</h4>
74	<FileUpload
75	placeholder={
76	<>
77	Drag here or <a>browse</a> to upload a public key file
78	</>
79	}
80	onFileChange={setPublicKey}
81	/>
82	<h4 className="margin-bottom-none margin-top">Identity data</h4>
83	<KeyValueEditor errortext={errortext} onInputChange={convertIdentityToJSON} />
84	{!!limitMaxed && <DeviceLimitWarning acceptedDevices={acceptedDevices} deviceLimit={deviceLimit} />}	66✔
85	</DialogContent>
86	<DialogActions>
87	<Button onClick={onCancel}>Cancel</Button>
88	<Button variant="contained" disabled={isSubmitDisabled} onClick={() => onHandleSubmit(false)} color="primary" style={{ marginLeft: 10 }}>	1✔
89	Save and add another
90	</Button>
91	<Button variant="contained" disabled={isSubmitDisabled} onClick={() => onHandleSubmit(true)} color="secondary" style={{ marginLeft: 10 }}>	1✔
92	Save
93	</Button>
94	</DialogActions>
95	</Dialog>
96	);
97	};
98
99	export default PreauthDialog;

mendersoftware / gui / 1235064739

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