bugfix(common): fix build issues

eclipse-tractusx · Nov 24, 2023 · a402daf · a402daf
2 parents 5428ad0 + 95916f1
commit a402daf
Show file tree

Hide file tree

Showing 44 changed files with 416 additions and 355 deletions.
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -31,10 +31,10 @@ const withI18next = (Story) => {
         <Story />
       </I18nextProvider>
     </SharedThemeProvider>
-  );
-};
+  )
+}
 
-export const decorators = [withI18next];
+export const decorators = [withI18next]
 
 export const parameters = {
   actions: { argTypesRegex: '^on[A-Z].*' },
@@ -44,4 +44,4 @@ export const parameters = {
       date: /Date$/,
     },
   },
-}
+}
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## 2.1.11
+
+- Fix general issues
+
 ## 2.1.10
 
 - fix(image gallery): responsiveness fix for number of images to show
@@ -40,7 +44,7 @@
 ## 2.1.1
 
 - Migrate MUI date picker to v6
-  
+
 ## 2.0.34
 
 - Linter Findings

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@catena-x/portal-shared-components",
-  "version": "2.1.10",
+  "version": "2.1.11",
   "description": "Catena-X Portal Shared Components",
   "author": "Catena-X Contributors",
   "license": "Apache-2.0",

diff --git a/src/components/basic/Breadcrumb/index.tsx b/src/components/basic/Breadcrumb/index.tsx
@@ -23,7 +23,7 @@ import { BackButton, type BackButtonProps } from '../Button/BackButton'
 
 interface BreadcrumbProps {
   onBackButtonClick?: React.MouseEventHandler
-  breadcrumbs: []
+  breadcrumbs: [] | JSX.Element[]
 }
 
 export const Breadcrumb = ({

diff --git a/src/components/basic/Carousel/CarouselBox.tsx b/src/components/basic/Carousel/CarouselBox.tsx
@@ -42,10 +42,10 @@ export interface CarouselProps {
 }
 
 export interface CarouselNavArrows {
-  className?: string,
-  style?: React.CSSProperties,
-  onClick?: React.MouseEventHandler,
-  show: boolean,
+  className?: string
+  style?: React.CSSProperties
+  onClick?: React.MouseEventHandler
+  show: boolean
   isNext: boolean
 }
 

diff --git a/src/components/basic/Carousel/index.tsx b/src/components/basic/Carousel/index.tsx
@@ -74,8 +74,12 @@ export const Carousel = ({
   position = 'relative',
 }: CarouselProps) => {
   const [showArrows, setShowArrows] = useState(false)
-  const onMouseEnter = () => { setShowArrows(true) }
-  const onMouseLeave = () => { setShowArrows(false) }
+  const onMouseEnter = () => {
+    setShowArrows(true)
+  }
+  const onMouseLeave = () => {
+    setShowArrows(false)
+  }
   const arrayChildren = Children.toArray(children)
 
   useEffect(() => {

diff --git a/src/components/basic/Datepicker/index.tsx b/src/components/basic/Datepicker/index.tsx
@@ -96,9 +96,7 @@ export const Datepicker = ({
   const ServerDay = (props: PickersDayProps<Date>) => {
     const { selected, day, today } = props
     const bgColor = today ? todayColor : '#ffffff'
-    const bgSelected = selected
-      ? daySelectedColor
-      : bgColor
+    const bgSelected = selected ? daySelectedColor : bgColor
     const colorSelected = selected ? '#fff' : '#202020'
     const isBold = today ? '500' : '400'
 
@@ -169,9 +167,16 @@ export const Datepicker = ({
           }}
           slotProps={{
             textField: {
-              variant, onClick: handleOpen, label, helperText, error,
-              margin, disabled, focused: open, inputProps: { placeholder }
-            }
+              variant,
+              onClick: handleOpen,
+              label,
+              helperText,
+              error,
+              margin,
+              disabled,
+              focused: open,
+              inputProps: { placeholder },
+            },
           }}
         />
       </LocalizationProvider>

diff --git a/src/components/basic/Dialog/index.tsx b/src/components/basic/Dialog/index.tsx
@@ -28,7 +28,8 @@ const MODAL_DEFAULT_WIDTH = '1000px'
 
 interface AddtionalDialogProps {
   modalBorderRadius?: number
-  additionalModalRootStyles?: React.CSSProperties
+  // eslint-disable-next-line
+  additionalModalRootStyles?: any
 }
 
 export type DialogProps = Pick<

diff --git a/src/components/basic/ImageGallery/types.ts b/src/components/basic/ImageGallery/types.ts
@@ -36,5 +36,6 @@ export interface ImageType {
   modalWidth?: string
   width?: string
   height?: string
-  additionalStyles?: React.CSSProperties
+  // eslint-disable-next-line
+  additionalStyles?: any
 }
diff --git a/src/components/basic/MultiSelectList/Components/SelectAddMore.tsx b/src/components/basic/MultiSelectList/Components/SelectAddMore.tsx
@@ -26,7 +26,7 @@ import { SelectedTag } from './SelectedTag'
 import { type TagSizeType } from '..'
 
 interface SelectAddMoreProps {
-  selected: Array<{keyTitle: string}>
+  selected: Array<{ keyTitle: string }>
   buttonAddMore: string
   notItemsText: string
   label: string
@@ -75,7 +75,7 @@ export const SelectAddMore = ({
           }}
         >
           {selected.length > 0 ? (
-            selected.map(item => (
+            selected.map((item) => (
               <SelectedTag
                 title={item.keyTitle}
                 size={tagSize}

diff --git a/src/components/basic/MultiSelectList/index.tsx b/src/components/basic/MultiSelectList/index.tsx
@@ -36,7 +36,7 @@ export interface PartsType {
   text: string
   highlight: boolean
 }
-export type IHashMap<T> = Record<string, T>;
+export type IHashMap<T> = Record<string, T>
 
 export interface MultiSelectListProps
   extends Omit<TextFieldProps, 'variant' | 'size'> {
@@ -81,7 +81,7 @@ export const MultiSelectList = ({
   const theme = useTheme()
   const [selected, setSelected] = useState<[]>([])
   const [showItems, setShowItems] = useState(false)
-  
+
   // Add an ESLint exception until there is a solution
   // eslint-disable-next-line
   const handleChange = (selectedItems: any) => {
@@ -97,7 +97,7 @@ export const MultiSelectList = ({
       ? filterOptionsArgs
       : {
           matchFrom: 'any',
-          stringify: (option: {keyTitle: string}) => option.keyTitle
+          stringify: (option: { keyTitle: string }) => option.keyTitle,
         }
   )
 
@@ -140,16 +140,16 @@ export const MultiSelectList = ({
           multiple
           disabled={disabled}
           options={items.map((item) => item)}
-            // Add an ESLint exception until there is a solution
-            // eslint-disable-next-line
+          // Add an ESLint exception until there is a solution
+          // eslint-disable-next-line
           getOptionLabel={(option: any) => option[keyTitle]}
           value={selected}
           filterOptions={filterOptions}
+          // Add an ESLint exception until there is a solution
+          // eslint-disable-next-line
+          renderTags={(selectedItems: any[], getTagProps) =>
             // Add an ESLint exception until there is a solution
             // eslint-disable-next-line
-          renderTags={(selectedItems: any[], getTagProps) =>
-              // Add an ESLint exception until there is a solution
-              // eslint-disable-next-line
             selectedItems.map((option: any, index: number) => (
               <Chip
                 {...getTagProps({ index })}
@@ -206,7 +206,7 @@ export const MultiSelectList = ({
               />
             )
           }}
-          onChange={(_,selectedItems) => {
+          onChange={(_, selectedItems) => {
             handleChange(selectedItems)
           }}
           onBlur={() => {

diff --git a/src/components/basic/ProcessList/index.tsx b/src/components/basic/ProcessList/index.tsx
@@ -47,7 +47,7 @@ export const ProcessList = ({
               key={i}
               step={item.step}
               headline={item.headline}
-              description={item.description}
+              description={item.description ?? ''}
               stepsColor={stepsColor}
               stepsFontColor={stepsFontColor}
               lastItem={item.step === elementNumbers}

diff --git a/src/components/basic/SelectList/index.tsx b/src/components/basic/SelectList/index.tsx
@@ -29,7 +29,8 @@ import isEqual from 'lodash/isEqual'
 import { useState } from 'react'
 
 interface SelectListProps extends Omit<TextFieldProps, 'variant'> {
-  items: []
+  // eslint-disable-next-line
+  items: any
   label: string
   placeholder: string
   keyTitle: string
@@ -39,7 +40,8 @@ interface SelectListProps extends Omit<TextFieldProps, 'variant'> {
   noOptionsText?: string
   defaultValue?: unknown
   disableClearable?: boolean
-  onChangeItem: (items: []) => void
+  // eslint-disable-next-line
+  onChangeItem: (items: any) => void
 }
 
 export const SelectList = ({
@@ -74,7 +76,8 @@ export const SelectList = ({
       noOptionsText={noOptionsText}
       ListboxProps={{ style: { maxHeight: selectHeight } }}
       disabled={disabled}
-      options={items.map((item) => item)}
+      // eslint-disable-next-line
+      options={items.map((item: any) => item)}
       getOptionLabel={(option) => option[keyTitle] || ''}
       onChange={(_, reason) => {
         setSelected(reason)
@@ -107,4 +110,4 @@ export const SelectList = ({
       }}
     />
   )
-}
+}
diff --git a/src/components/basic/StaticTable/VerticalTable.tsx b/src/components/basic/StaticTable/VerticalTable.tsx
@@ -35,7 +35,10 @@ export const VerticalTable = ({
   data: TableType
   handleEdit?: (inputValue: string) => void
 }) => {
-  const [inputField, setInputField] = useState<{row: unknown, column: unknown} | null>()
+  const [inputField, setInputField] = useState<{
+    row: unknown
+    column: unknown
+  } | null>()
   const [inputValue, setInputValue] = useState('')
   const [inputErrorMsg, setInputErrorMessage] = useState('')
 
@@ -91,7 +94,9 @@ export const VerticalTable = ({
           </Tooltips>
         )}
         <CloseIcon
-          onClick={() => { setInputField(null) }}
+          onClick={() => {
+            setInputField(null)
+          }}
           sx={{ marginTop: '25px' }}
         />
       </div>
@@ -101,7 +106,9 @@ export const VerticalTable = ({
   return (
     <table
       style={{ width: '100%', borderCollapse: 'collapse' }}
-      onClick={() => { setInputField(null) }}
+      onClick={() => {
+        setInputField(null)
+      }}
     >
       <thead>
         <tr>
@@ -137,8 +144,8 @@ export const VerticalTable = ({
                 >
                   <div style={{ display: 'flex', alignItems: 'center' }}>
                     {inputField &&
-                      inputField.row === r &&
-                      inputField.column === c ? (
+                    inputField.row === r &&
+                    inputField.column === c ? (
                       renderInputField(r, c)
                     ) : (
                       <Link
@@ -185,7 +192,9 @@ export const VerticalTable = ({
                       ) : (
                         <span style={{ marginLeft: 'auto' }}>
                           <EditIcon
-                            onClick={(e) => { handleEditFn(e, r, c) }}
+                            onClick={(e) => {
+                              handleEditFn(e, r, c)
+                            }}
                             sx={{
                               fontSize: '18px',
                               color: '#888888',

diff --git a/src/components/basic/Stepper/index.tsx b/src/components/basic/Stepper/index.tsx
@@ -22,10 +22,10 @@ import { Box } from '@mui/material'
 import { StepperItem } from './StepperItem'
 
 export interface StepList {
-  step: number,
-  headline: string,
-  description: string,
-  text?: string,
+  step: number
+  headline: string
+  description?: string
+  text?: string
   color?: string
 }
 

diff --git a/src/components/basic/SubNavigation/ParentSubNavigation.tsx b/src/components/basic/SubNavigation/ParentSubNavigation.tsx
@@ -21,10 +21,10 @@
 import { Button } from '../Button'
 import EastIcon from '@mui/icons-material/East'
 
-export interface NavigationItem { 
+export interface NavigationItem {
   index: number
   title: string
-  navigation: string 
+  navigation: string
 }
 
 export const ParentSubNavigation = ({
@@ -36,25 +36,25 @@ export const ParentSubNavigation = ({
 }) => {
   return (
     <>
-      {navigationArray?.map(
-        (link: NavigationItem) => {
-          return (
-            <Button
-              key={link.index}
-              onClick={() => { onClick(link.navigation) }}
-              color="secondary"
-              variant="text"
-              size="medium"
-              sx={{
-                fontSize: '16px',
-              }}
-            >
-              <EastIcon sx={{ marginRight: '16px', fontSize: '15px' }} />
-              {link.title}
-            </Button>
-          )
-        }
-      )}
+      {navigationArray?.map((link: NavigationItem) => {
+        return (
+          <Button
+            key={link.index}
+            onClick={() => {
+              onClick(link.navigation)
+            }}
+            color="secondary"
+            variant="text"
+            size="medium"
+            sx={{
+              fontSize: '16px',
+            }}
+          >
+            <EastIcon sx={{ marginRight: '16px', fontSize: '15px' }} />
+            {link.title}
+          </Button>
+        )
+      })}
     </>
   )
 }