fix: upgrade argo-ui components to latest (#11585)

Signed-off-by: Yuan Tang <terrytangyuan@gmail.com> Signed-off-by: Anton Gilgur <agilgur5@gmail.com> Co-authored-by: Yuan Tang <terrytangyuan@gmail.com>
argoproj · Aug 16, 2023 · 6bccc99 · 6bccc99
1 parent 7b80ce1
commit 6bccc99
Show file tree

Hide file tree

Showing 12 changed files with 532 additions and 410 deletions.
diff --git a/ui/package.json b/ui/package.json
@@ -15,7 +15,7 @@
         "node": ">=20"
     },
     "dependencies": {
-        "argo-ui": "https://github.com/argoproj/argo-ui.git#v2.5.0",
+        "argo-ui": "git+https://github.com/argoproj/argo-ui.git#87d27fb1cb4f6e3ac4a49f85747e471b2efa7512",
         "chart.js": "^2.9.4",
         "chartjs-plugin-annotation": "^0.5.7",
         "classnames": "^2.3.2",
@@ -60,14 +60,13 @@
         "@types/react-router-dom": "^4.2.3",
         "@types/superagent": "^4.1.18",
         "@types/swagger-ui-react": "^4.11.0",
+        "@types/uuid": "^9.0.1",
         "babel-jest": "^29.6.2",
         "babel-loader": "^8.3.0",
         "copy-webpack-plugin": "^5.1.2",
         "copyfiles": "^2.4.1",
         "file-loader": "^6.2.0",
-
         "glob": "^10.3.3",
-
         "html-webpack-plugin": "^4.5.2",
         "jest": "^26.6.3",
         "monaco-editor-webpack-plugin": "^1.9.1",
@@ -97,6 +96,7 @@
         "prismjs": "1.27.0",
         "@types/react": "16.8.5",
         "autolinker": "3.16.1",
-        "fast-json-patch": "3.1.1"
+        "fast-json-patch": "3.1.1",
+        "react-toastify": "9.0.3"
     }
 }
diff --git a/ui/src/app/event-sources/components/event-source-list/event-source-list.tsx b/ui/src/app/event-sources/components/event-source-list/event-source-list.tsx
@@ -1,5 +1,5 @@
 import {Page, SlidingPanel, Tabs} from 'argo-ui';
-import * as classNames from 'classnames';
+import classNames from 'classnames';
 import * as React from 'react';
 import {useContext, useEffect, useState} from 'react';
 import {Link, RouteComponentProps} from 'react-router-dom';

diff --git a/ui/src/app/sensors/components/sensor-list/sensor-list.tsx b/ui/src/app/sensors/components/sensor-list/sensor-list.tsx
@@ -1,5 +1,5 @@
 import {Page, SlidingPanel} from 'argo-ui';
-import * as classNames from 'classnames';
+import classNames from 'classnames';
 import * as React from 'react';
 import {useContext, useEffect, useState} from 'react';
 import {Link, RouteComponentProps} from 'react-router-dom';

diff --git a/ui/src/app/shared/components/dropdown/dropdown.tsx b/ui/src/app/shared/components/dropdown/dropdown.tsx
@@ -1,4 +1,4 @@
-import * as classNames from 'classnames';
+import classNames from 'classnames';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import {BehaviorSubject, fromEvent, merge, Subscription} from 'rxjs';

diff --git a/ui/src/app/shared/components/filter-drop-down.tsx b/ui/src/app/shared/components/filter-drop-down.tsx
@@ -1,5 +1,5 @@
 import {Checkbox} from 'argo-ui';
-import * as classNames from 'classnames';
+import classNames from 'classnames';
 import * as React from 'react';
 import {DropDown} from './dropdown/dropdown';
 

diff --git a/ui/src/app/shared/components/phase-icon.tsx b/ui/src/app/shared/components/phase-icon.tsx
@@ -1,4 +1,4 @@
-import * as classNames from 'classnames';
+import classNames from 'classnames';
 import * as React from 'react';
 import {Utils} from '../utils';
 

diff --git a/ui/src/app/shared/components/tags-input/tags-input.tsx b/ui/src/app/shared/components/tags-input/tags-input.tsx
@@ -1,4 +1,4 @@
-import * as classNames from 'classnames';
+import classNames from 'classnames';
 import * as React from 'react';
 
 import {Autocomplete, AutocompleteApi, AutocompleteOption} from 'argo-ui';

diff --git a/ui/src/app/tsconfig.json b/ui/src/app/tsconfig.json
@@ -4,6 +4,7 @@
         "sourceMap": true,
         "noImplicitAny": true,
         "module": "commonjs",
+        "esModuleInterop": true,
         "target": "es5",
         "jsx": "react",
         "experimentalDecorators": true,

diff --git a/ui/src/app/workflows/components/workflow-details/workflow-details.tsx b/ui/src/app/workflows/components/workflow-details/workflow-details.tsx
@@ -1,5 +1,5 @@
 import {Page, SlidingPanel} from 'argo-ui';
-import * as classNames from 'classnames';
+import classNames from 'classnames';
 import * as React from 'react';
 import {useContext, useEffect, useRef, useState} from 'react';
 import {RouteComponentProps} from 'react-router';

diff --git a/ui/src/app/workflows/components/workflow-node-info/workflow-node-info.tsx b/ui/src/app/workflows/components/workflow-node-info/workflow-node-info.tsx
@@ -1,5 +1,5 @@
 import {Tabs, Ticker, Tooltip} from 'argo-ui';
-import * as moment from 'moment';
+import moment from 'moment';
 import * as React from 'react';
 
 import * as models from '../../../../models';

diff --git a/ui/src/app/workflows/components/workflow-timeline/workflow-timeline.tsx b/ui/src/app/workflows/components/workflow-timeline/workflow-timeline.tsx
@@ -1,5 +1,5 @@
-import * as classNames from 'classnames';
-import * as moment from 'moment';
+import classNames from 'classnames';
+import moment from 'moment';
 import * as React from 'react';
 import {fromEvent, interval, Subscription} from 'rxjs';