Upgrade clo-ui to 0.5.1 (#368)

Signed-off-by: Cintia Sánchez García <[email protected]>

Author: cynthia-sg

web/package.json

@@ -6,7 +6,7 @@
   "type": "module",
   "dependencies": {
     "classnames": "^2.5.1",
-    "clo-ui": "https://github.com/cncf/clo-ui.git#v0.4.5",
+    "clo-ui": "https://github.com/cncf/clo-ui.git#v0.5.1",
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
     "react": "^18.3.1",

web/src/App.tsx

@@ -1,4 +1,4 @@
-import 'clo-ui/dist/styles/default.scss';
+import 'clo-ui/styles/default.scss';
 import './App.module.css';
 
 import { BrowserRouter as Router, Navigate, Route, Routes } from 'react-router-dom';

web/src/api/index.ts

@@ -1,5 +1,7 @@
-import { isEmpty, isNull, isUndefined } from 'lodash';
 import isArray from 'lodash/isArray';
+import isEmpty from 'lodash/isEmpty';
+import isNull from 'lodash/isNull';
+import isUndefined from 'lodash/isUndefined';
 
 import { DEFAULT_SORT_BY, DEFAULT_SORT_DIRECTION, DEFAULT_TIME_RANGE } from '../data';
 import { Change, Error, ErrorKind, SearchQuery } from '../types';

web/src/context/AppContextProvider.tsx

@@ -1,5 +1,6 @@
-import { detectActiveThemeMode, useSystemThemeMode } from 'clo-ui';
-import { isNull } from 'lodash';
+import { useSystemThemeMode } from 'clo-ui/hooks/useSystemThemeMode';
+import { detectActiveThemeMode } from 'clo-ui/utils/detectActiveThemeMode';
+import isNull from 'lodash/isNull';
 import { createContext, Dispatch, ReactNode, useContext, useEffect, useReducer, useState } from 'react';
 
 import { Prefs, SortBy, SortDirection } from '../types';

web/src/data.tsx

@@ -1,4 +1,4 @@
-import { FilterSection } from 'clo-ui';
+import { FilterSection } from 'clo-ui/components/FilterSection';
 
 import { ChangeKind, FilterKind, Option, SearchTipItem, Service, SortBy, SortDirection, SortOption } from './types';
 

web/src/layout/audit/SearchTipsModal.tsx

@@ -1,4 +1,4 @@
-import { Modal } from 'clo-ui';
+import { Modal } from 'clo-ui/components/Modal';
 import { FaRegLightbulb } from 'react-icons/fa';
 import { Link } from 'react-router-dom';
 

web/src/layout/audit/Searchbar.tsx

@@ -1,4 +1,5 @@
-import { scrollToTop, Searchbar as SearchbarForm } from 'clo-ui';
+import { Searchbar as SearchbarForm } from 'clo-ui/components/Searchbar';
+import { scrollToTop } from 'clo-ui/utils/scrollToTop';
 import { useEffect, useState } from 'react';
 // import { FaRegQuestionCircle } from 'react-icons/fa';
 import { useNavigate, useSearchParams } from 'react-router-dom';

web/src/layout/audit/filters/Filters.tsx

@@ -1,5 +1,8 @@
-import { FilterSection, FiltersSection, InputFiltersSection } from 'clo-ui';
-import { isEmpty, isUndefined } from 'lodash';
+import { FilterSection } from 'clo-ui/components/FilterSection';
+import { FiltersSection } from 'clo-ui/components/FiltersSection';
+import { InputFiltersSection } from 'clo-ui/components/InputFiltersSection';
+import isEmpty from 'lodash/isEmpty';
+import isUndefined from 'lodash/isUndefined';
 import React from 'react';
 import { IoMdCloseCircleOutline } from 'react-icons/io';
 

web/src/layout/audit/filters/OrganizationsSelect.tsx

@@ -1,4 +1,5 @@
-import { isNull, isUndefined } from 'lodash';
+import isNull from 'lodash/isNull';
+import isUndefined from 'lodash/isUndefined';
 import { ChangeEvent, useRef } from 'react';
 
 import styles from './OrganizationsSelect.module.css';

web/src/layout/audit/filters/SelectedFilters.tsx

@@ -1,5 +1,6 @@
-import { SelectedFilterBadge } from 'clo-ui';
-import { isEmpty, isUndefined } from 'lodash';
+import { SelectedFilterBadge } from 'clo-ui/components/SelectedFilterBadge';
+import isEmpty from 'lodash/isEmpty';
+import isUndefined from 'lodash/isUndefined';
 import { Fragment } from 'react';
 import { IoMdCloseCircleOutline } from 'react-icons/io';