bump @mui/lab, TreeView and TreeItem moved to @mui/x-tree-view

navikt · Jan 15, 2024 · 59f5c86 · 59f5c86
1 parent a58147e
commit 59f5c86
Show file tree

Hide file tree

Showing 6 changed files with 438 additions and 223 deletions.
diff --git a/components/dataproducts/dataset/datasetSourceForm.tsx b/components/dataproducts/dataset/datasetSourceForm.tsx
@@ -1,5 +1,5 @@
 import { useContext, useState } from 'react'
-import TreeView from '@mui/lab/TreeView'
+import { TreeView } from '@mui/x-tree-view/TreeView';
 import {
   FieldErrors,
   FieldValues,
@@ -62,11 +62,11 @@ export const DataproductSourceForm = ({
             onNodeToggle={(x, n) => setActivePaths(n)}
           >
             {teamProjects?.map((projectID) => (
-              <Project
-                key={projectID}
-                projectID={projectID}
-                activePaths={activePaths}
-              />
+            <Project
+            key={projectID}
+            projectID={projectID}
+            activePaths={activePaths}
+            />
             ))}
           </TreeView>
           {errors.bigquery && (

diff --git a/components/dataproducts/datasource/dataset.tsx b/components/dataproducts/datasource/dataset.tsx
@@ -4,7 +4,7 @@ import {
   useGcpGetTablesLazyQuery,
 } from '../../../lib/schema/graphql'
 
-import { TreeItem } from '@mui/lab'
+import { TreeItem } from '@mui/x-tree-view/TreeItem';
 
 import { Loader } from '@navikt/ds-react'
 import { ExpandFilled, NextFilled } from '@navikt/ds-icons'

diff --git a/components/dataproducts/datasource/project.tsx b/components/dataproducts/datasource/project.tsx
@@ -1,4 +1,4 @@
-import { TreeItem } from '@mui/lab'
+import { TreeItem } from '@mui/x-tree-view/TreeItem';
 import { Loader } from '@navikt/ds-react'
 import { useGcpGetDatasetsLazyQuery } from '../../../lib/schema/graphql'
 import { ExpandFilled, NextFilled } from '@navikt/ds-icons'

diff --git a/components/lib/tagsSelector.tsx b/components/lib/tagsSelector.tsx
@@ -1,4 +1,3 @@
-import { Close } from '@navikt/ds-icons'
 import { Alert, Label } from '@navikt/ds-react'
 import * as React from 'react'
 import { useContext } from 'react'
@@ -24,19 +23,19 @@ const styles: StylesConfig<TagOption, true> = {
     ...provided,
     border: state.isFocused ? '3px solid #00347d' : '1px solid',
   }),
-  multiValue: (styles, { data }) => ({
+  multiValue: (styles: object, { data }) => ({
     ...styles,
     padding: '0 0 0 0 !important',
     margin: '0 0 0 0 !important',
     width: '0px',
   }),
-  multiValueLabel: (styles, { data }) => ({
+  multiValueLabel: (styles: object, { data }) => ({
     ...styles,
     padding: '0 0 0 0 !important',
     margin: '0 0 0 0 !important',
     width: '0px',
   }),
-  multiValueRemove: (styles, { data }) => ({
+  multiValueRemove: (styles: object, { data }) => ({
     ...styles,
     padding: '0 0 0 0 !important',
     margin: '0 0 0 0 !important',