• Home
  • Features
  • Pricing
  • Docs
  • Announcements
  • Sign In

mendersoftware / gui / 1057181131

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

Pull #4125

gitlab-ci

web-flow
chore: Bump axios from 1.5.1 to 1.6.0 in /tests/e2e_tests

Bumps [axios](https://github.com/axios/axios) from 1.5.1 to 1.6.0.
- [Release notes](https://github.com/axios/axios/releases)
- [Changelog](https://github.com/axios/axios/blob/v1.x/CHANGELOG.md)
- [Commits](https://github.com/axios/axios/compare/v1.5.1...v1.6.0)

---
updated-dependencies:
- dependency-name: axios
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Pull Request #4125: chore: Bump axios from 1.5.1 to 1.6.0 in /tests/e2e_tests

4349 of 6284 branches covered (0.0%)

8313 of 10037 relevant lines covered (82.82%)

202.07 hits per line

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

80.77
/src/js/components/common/asyncautocomplete.js
1
// Copyright 2021 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, { useEffect, useState } from 'react';
15

16
import { Autocomplete, TextField } from '@mui/material';
17
import { useTheme } from '@mui/material/styles';
18

19
import { TIMEOUTS } from '../../constants/appConstants';
20
import { useDebounce } from '../../utils/debouncehook';
21
import Loader from './loader';
22

23
export const AsyncAutocomplete = ({
17✔
24
  id,
25
  initialValue,
26
  isLoading,
27
  label,
28
  placeholder,
29
  styles,
30
  selectionAttribute,
31
  labelAttribute,
32
  onChange,
33
  onChangeSelection,
34
  options
35
}) => {
36
  const theme = useTheme();
252✔
37
  const [open, setOpen] = useState(false);
252✔
38
  const [inputValue, setInputValue] = useState(initialValue);
252✔
39
  const loading = open && isLoading;
252✔
40

41
  const debouncedValue = useDebounce(inputValue, TIMEOUTS.debounceShort);
252✔
42

43
  useEffect(() => {
252✔
44
    if (debouncedValue === undefined) {
13✔
45
      return;
9✔
46
    }
47
    const selection = options.find(option => option[selectionAttribute] === debouncedValue);
8✔
48
    if (selection) {
4!
49
      onChangeSelection(selection);
4✔
50
    } else {
51
      onChange(debouncedValue);
×
52
    }
53
    // eslint-disable-next-line react-hooks/exhaustive-deps
54
  }, [debouncedValue, JSON.stringify(options), onChange, onChangeSelection, selectionAttribute]);
55

56
  const onInputChange = (e, value, reason) => {
252✔
57
    if (reason === 'clear') {
2!
58
      setInputValue('');
×
59
      return onChangeSelection();
×
60
    } else if ((reason === 'reset' && !e) || reason === 'blur') {
2!
61
      return;
×
62
    }
63
    setInputValue(value);
2✔
64
  };
65

66
  return (
252✔
67
    <Autocomplete
68
      autoHighlight
69
      freeSolo
70
      getOptionLabel={option => option[labelAttribute]}
871✔
71
      isOptionEqualToValue={(option, value) => option[selectionAttribute] === value[selectionAttribute]}
×
72
      id={id}
73
      inputValue={inputValue || ''}
439✔
74
      loading={loading}
75
      onClose={() => setOpen(false)}
2✔
76
      onInputChange={onInputChange}
77
      onOpen={() => setOpen(true)}
2✔
78
      open={open}
79
      openOnFocus
80
      options={options}
81
      renderInput={params => (
82
        <TextField
259✔
83
          {...params}
84
          label={label}
85
          placeholder={placeholder}
86
          style={styles.textField}
87
          InputProps={{
88
            ...params.InputProps,
89
            endAdornment: (
90
              <>
91
                {loading && <Loader show small table style={{ marginTop: theme.spacing(-4) }} />}
259!
92
                {params.InputProps.endAdornment}
93
              </>
94
            )
95
          }}
96
        />
97
      )}
98
    />
99
  );
100
};
101

102
export default AsyncAutocomplete;
STATUS · Troubleshooting · Open an Issue · Sales · Support · CAREERS · ENTERPRISE · START FREE · SCHEDULE DEMO
ANNOUNCEMENTS · TWITTER · TOS & SLA · Supported CI Services · What's a CI service? · Automated Testing

© 2025 Coveralls, Inc