deps: update mantine v7

Author: daniele-mng

package-lock.json

@@ -32,8 +32,8 @@
     "node": ">=18.0"
   },
   "dependencies": {
-    "@greenbone/opensight-ui-components": "^0.4.1-alpha9",
-    "@mantine/core": "^6.0.0",
+    "@greenbone/opensight-ui-components-mantinev7": "^0.0.5-alpha4",
+    "@mantine/core": "^7.13.3",
     "@reduxjs/toolkit": "^2.3.0",
     "@sentry/react": "^8.39.0",
     "@visx/axis": "^3.12.0",

package.json

@@ -7,7 +7,10 @@ import React from 'react';
 
 import {Provider as StoreProvider} from 'react-redux';
 
-import {ThemeProvider, theme} from '@greenbone/opensight-ui-components';
+import {
+  ThemeProvider,
+  theme,
+} from '@greenbone/opensight-ui-components-mantinev7';
 
 import Gmp from 'gmp';
 import GmpSettings from 'gmp/gmpsettings';

src/web/app.jsx

@@ -5,7 +5,7 @@
 
 import React, {useCallback} from 'react';
 
-import {Modal} from '@greenbone/opensight-ui-components';
+import {Modal} from '@greenbone/opensight-ui-components-mantinev7';
 
 import {isDefined, isFunction} from 'gmp/utils/identity';
 

src/web/components/dialog/dialog.jsx

@@ -3,7 +3,6 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-
 import React, {useState} from 'react';
 
 import styled from 'styled-components';
@@ -18,7 +17,7 @@ import PropTypes from 'web/utils/proptypes';
 import Theme from 'web/utils/theme';
 
 import ErrorMessage from './errormessage';
-import {Button as OpenSightButton} from '@greenbone/opensight-ui-components';
+import {Button as OpenSightButton} from '@greenbone/opensight-ui-components-mantinev7';
 
 const ErrorDetails = styled.div`
   margin-top: 10px;
@@ -47,8 +46,7 @@ const ErrorPanel = ({error, message, info}) => {
     >
       {isDefined(error) && (
         <OpenSightButton
-          variant="outline"
-          color="red"
+          variant="danger"
           size="sm"
           data-testid="errorpanel-toggle"
           onClick={handleToggleDetails}

src/web/components/error/errorpanel.jsx

@@ -5,7 +5,7 @@
 
 import React, {useCallback} from 'react';
 
-import {DatePickerOnly} from '@greenbone/opensight-ui-components';
+import {DatePickerOnly} from '@greenbone/opensight-ui-components-mantinev7';
 
 import {isDefined} from 'gmp/utils/identity';
 

src/web/components/form/DatePicker.jsx

@@ -3,10 +3,9 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-
 import React from 'react';
 
-import {Button as OpenSightButton} from '@greenbone/opensight-ui-components';
+import {Button as OpenSightButton} from '@greenbone/opensight-ui-components-mantinev7';
 
 import PropTypes from 'web/utils/proptypes';
 

src/web/components/form/button.jsx

@@ -5,7 +5,7 @@
 
 import React, {useCallback} from 'react';
 
-import {Checkbox as OpenSightCheckbox} from '@greenbone/opensight-ui-components';
+import {Checkbox as OpenSightCheckbox} from '@greenbone/opensight-ui-components-mantinev7';
 
 import {isDefined} from 'gmp/utils/identity';
 

src/web/components/form/checkbox.jsx

@@ -5,7 +5,7 @@
 
 import React, {useCallback} from 'react';
 
-import {FileInput} from '@greenbone/opensight-ui-components';
+import {FileInput} from '@greenbone/opensight-ui-components-mantinev7';
 
 import {isDefined} from 'gmp/utils/identity';
 

src/web/components/form/filefield.jsx

@@ -5,7 +5,7 @@
 
 import React from 'react';
 
-import {LabelWithIcon as Label} from '@greenbone/opensight-ui-components';
+import {LabelWithIcon as Label} from '@greenbone/opensight-ui-components-mantinev7';
 
 import {isDefined} from 'gmp/utils/identity';
 

src/web/components/form/formgroup.jsx

@@ -3,10 +3,9 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-
 import React from 'react';
 
-import {PasswordInput} from '@greenbone/opensight-ui-components';
+import {PasswordInput} from '@greenbone/opensight-ui-components-mantinev7';
 
 import {isDefined} from 'gmp/utils/identity';
 

src/web/components/form/passwordfield.jsx

@@ -5,7 +5,7 @@
 
 import React from 'react';
 
-import {RadioButton as GreenboneRadio} from '@greenbone/opensight-ui-components';
+import {RadioButton as GreenboneRadio} from '@greenbone/opensight-ui-components-mantinev7';
 
 import PropTypes from 'web/utils/proptypes';
 

src/web/components/form/radio.jsx

@@ -7,7 +7,7 @@ import {useCallback, forwardRef} from 'react';
 
 import {Loader} from '@mantine/core';
 
-import {Select as OpenSightSelect} from '@greenbone/opensight-ui-components';
+import {Select as OpenSightSelect} from '@greenbone/opensight-ui-components-mantinev7';
 
 import {isDefined, isArray} from 'gmp/utils/identity';
 
@@ -128,6 +128,7 @@ const Select = ({
       onChange={handleChange}
       rightSection={rightSection}
       itemComponent={SelectItem}
+      data-testId={'powerfilter-select'}
     />
   );
 };

src/web/components/form/select.jsx

@@ -5,7 +5,7 @@
 
 import React from 'react';
 
-import {Textarea as GreenboneTextArea} from '@greenbone/opensight-ui-components';
+import {Textarea as GreenboneTextArea} from '@greenbone/opensight-ui-components-mantinev7';
 
 import {isDefined} from 'gmp/utils/identity';
 

src/web/components/form/textarea.jsx

@@ -5,7 +5,7 @@
 
 import React from 'react';
 
-import {Input} from '@greenbone/opensight-ui-components';
+import {Input} from '@greenbone/opensight-ui-components-mantinev7';
 
 import {isDefined} from 'gmp/utils/identity';
 

src/web/components/form/textfield.jsx

@@ -5,7 +5,7 @@
 
 import React from 'react';
 
-import {AppNavigation} from '@greenbone/opensight-ui-components';
+import {AppNavigation} from '@greenbone/opensight-ui-components-mantinev7';
 
 import useTranslation from 'web/hooks/useTranslation';
 import useCapabilities from 'web/hooks/useCapabilities';

src/web/components/menu/menu.jsx

@@ -3,7 +3,6 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-
 import React from 'react';
 
 import styled from 'styled-components';
@@ -189,7 +188,7 @@ class PowerFilter extends React.Component {
               </Label>
               <PowerFilterTextField
                 name="userFilterString"
-                size="53"
+                size="35"
                 maxLength="1000"
                 value={userFilterString}
                 onKeyDown={this.handleUserFilterKeyPress}

src/web/components/powerfilter/powerfilter.jsx

@@ -7,7 +7,7 @@ import {useCallback} from 'react';
 
 import {useNavigate} from 'react-router-dom';
 
-import {AppHeader} from '@greenbone/opensight-ui-components';
+import {AppHeader} from '@greenbone/opensight-ui-components-mantinev7';
 
 import _ from 'gmp/locale';
 

src/web/components/structure/header.jsx

@@ -3,7 +3,6 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import {FlagDeIcon, FlagEnIcon} from '@greenbone/opensight-ui-components';
 import {ActionIcon} from '@mantine/core';
 import useGmp from 'web/hooks/useGmp';
 
@@ -50,7 +49,7 @@ const LanguageSwitch = () => {
       title={titles[nextLanguage]}
       color="neutral.0"
     >
-      {language === LANGUAGES.EN ? <FlagEnIcon /> : <FlagDeIcon />}
+      {language === LANGUAGES.EN ? <div>en</div> : <div>de</div>}
     </ActionIcon>
   );
 };

src/web/components/structure/languageswitch.jsx

@@ -12,7 +12,7 @@ import PropTypes from 'web/utils/proptypes';
 import Button from 'web/components/form/button';
 import DatePicker from 'web/components/form/DatePicker';
 import FormGroup from 'web/components/form/formgroup';
-import {TimePicker} from '@greenbone/opensight-ui-components';
+import {TimePicker} from '@greenbone/opensight-ui-components-mantinev7';
 
 import Column from 'web/components/layout/column';
 import Row from 'web/components/layout/row';

src/web/pages/performance/startendtimeselection.jsx

@@ -20,7 +20,7 @@ import Spinner from 'web/components/form/spinner';
 import FormGroup from 'web/components/form/formgroup';
 import TextField from 'web/components/form/textfield';
 import DatePicker from 'web/components/form/DatePicker';
-import {TimePicker} from '@greenbone/opensight-ui-components';
+import {TimePicker} from '@greenbone/opensight-ui-components-mantinev7';
 
 import TimeZoneSelect from 'web/components/form/timezoneselect';
 import CheckBox from 'web/components/form/checkbox';

src/web/pages/schedules/dialog.jsx

@@ -54,7 +54,7 @@ const credentials = [cred1, cred2, cred3, cred4];
 const gmp = {settings: {enableGreenboneSensor: true}};
 
 describe('TargetDialog component tests', () => {
-  test('should render with default values', () => {
+  test.only('should render with default values', () => {
     const handleClose = testing.fn();
     const handleChange = testing.fn();
     const handleSave = testing.fn();

src/web/pages/targets/__tests__/dialog.jsx

@@ -24,7 +24,10 @@ import {
 } from '@testing-library/react/pure';
 import userEvent, {PointerEventsCheckLevel} from '@testing-library/user-event';
 
-import {ThemeProvider, theme} from '@greenbone/opensight-ui-components';
+import {
+  ThemeProvider,
+  theme,
+} from '@greenbone/opensight-ui-components-mantinev7';
 
 import {BrowserRouter} from 'react-router-dom';
 
@@ -100,7 +103,7 @@ export const render = ui => {
     }),
     baseElement,
     container,
-    element: hasValue(container) ? container.firstChild : undefined,
+    element: hasValue(container) ? container : undefined,
     getAllByName: name => getAllByName(baseElement, name),
     getByName: name => getByName(baseElement, name),
     queryByName: name => queryByName(baseElement, name),

src/web/utils/testing.jsx

@@ -23,7 +23,7 @@ import TextField from 'web/components/form/textfield';
 import Radio from 'web/components/form/radio';
 import DatePicker from 'web/components/form/DatePicker';
 import TimeZoneSelect from 'web/components/form/timezoneselect';
-import {TimePicker} from '@greenbone/opensight-ui-components';
+import {TimePicker} from '@greenbone/opensight-ui-components-mantinev7';
 import {formatSplitTime} from 'web/utils/timePickerHelpers';
 
 import Layout from 'web/components/layout/layout';

src/web/wizard/advancedtaskwizard.jsx

@@ -17,7 +17,7 @@ import Radio from 'web/components/form/radio';
 import TextField from 'web/components/form/textfield';
 import TimeZoneSelect from 'web/components/form/timezoneselect';
 import DatePicker from 'web/components/form/DatePicker';
-import {TimePicker} from '@greenbone/opensight-ui-components';
+import {TimePicker} from '@greenbone/opensight-ui-components-mantinev7';
 
 import Layout from 'web/components/layout/layout';
 import Column from 'web/components/layout/column';