From 4c637662bbadc8996ae5b9370af756da7f4565e9 Mon Sep 17 00:00:00 2001 From: Anton Gilgur Date: Sat, 20 Jan 2024 02:36:43 -0500 Subject: [PATCH] refactor more components to use individual imports - this should be pretty much all components except for the few context references Signed-off-by: Anton Gilgur --- .../cluster-workflow-template-details.tsx | 4 +++- .../components/cluster-workflow-template-editor.tsx | 2 +- .../cluster-workflow-template-list.tsx | 4 +++- .../cron-workflow-details/cron-workflow-details.tsx | 5 ++++- .../app/cron-workflows/components/cron-workflow-editor.tsx | 2 +- .../components/cron-workflow-list/cron-workflow-list.tsx | 5 ++++- .../cron-workflows/components/cron-workflow-spec-editior.tsx | 4 +++- .../components/cron-workflow-status-viewer.tsx | 1 + .../components/event-flow-details/event-flow-page.tsx | 5 ++++- .../components/event-source-details/event-source-details.tsx | 1 + ui/src/app/event-sources/components/event-source-editor.tsx | 2 +- .../components/event-source-list/event-source-list.tsx | 5 ++++- ui/src/app/help/components/help.tsx | 2 +- ui/src/app/login/components/login.tsx | 2 +- ui/src/app/plugins/components/plugin-list/plugin-list.tsx | 3 ++- ui/src/app/reports/components/reports.tsx | 1 + .../app/sensors/components/sensor-details/sensor-details.tsx | 3 ++- ui/src/app/sensors/components/sensor-editor.tsx | 2 +- ui/src/app/sensors/components/sensor-list/sensor-list.tsx | 4 +++- ui/src/app/sensors/components/sensor-side-panel.tsx | 4 +++- .../shared/components/checkbox-filter/checkbox-filter.tsx | 2 +- ui/src/app/shared/components/clipboard-text.tsx | 2 +- ui/src/app/shared/components/data-loader-dropdown.tsx | 3 ++- ui/src/app/shared/components/filter-drop-down.tsx | 3 ++- ui/src/app/shared/components/input-filter.tsx | 2 +- ui/src/app/shared/components/links.tsx | 1 + ui/src/app/shared/components/loading.tsx | 2 +- .../shared/components/parameters-input/parameters-input.tsx | 4 +++- .../shared/components/resource-editor/resource-editor.tsx | 1 + ui/src/app/shared/components/tags-input/tags-input.tsx | 2 +- ui/src/app/shared/components/timestamp.tsx | 3 ++- ui/src/app/shared/context.ts | 2 +- ui/src/app/userinfo/components/user-info.tsx | 1 + .../workflow-event-bindings/workflow-event-bindings.tsx | 4 +++- .../components/workflow-template-editor.tsx | 2 +- .../workflow-template-list/workflow-template-list.tsx | 3 ++- ui/src/app/workflows/components/resubmit-workflow-panel.tsx | 3 ++- ui/src/app/workflows/components/retry-workflow-panel.tsx | 3 ++- ui/src/app/workflows/components/submit-workflow-panel.tsx | 3 ++- .../workflows/components/workflow-details/suspend-inputs.tsx | 3 ++- .../components/workflow-details/workflow-details.tsx | 3 ++- ui/src/app/workflows/components/workflow-editor.tsx | 2 +- .../components/workflow-logs-viewer/workflow-logs-viewer.tsx | 4 ++-- .../components/workflow-node-info/workflow-node-info.tsx | 5 ++++- .../workflows/components/workflow-panel/workflow-panel.tsx | 1 + ui/src/app/workflows/components/workflow-summary-panel.tsx | 2 +- .../components/workflow-yaml-viewer/workflow-yaml-viewer.tsx | 2 +- .../workflows/components/workflows-list/workflows-list.tsx | 3 ++- .../app/workflows/components/workflows-row/workflows-row.tsx | 1 + .../workflows-summary-container.tsx | 2 +- 50 files changed, 92 insertions(+), 43 deletions(-) diff --git a/ui/src/app/cluster-workflow-templates/components/cluster-workflow-template-details/cluster-workflow-template-details.tsx b/ui/src/app/cluster-workflow-templates/components/cluster-workflow-template-details/cluster-workflow-template-details.tsx index f072ccbf193d..55fd4c29301e 100644 --- a/ui/src/app/cluster-workflow-templates/components/cluster-workflow-template-details/cluster-workflow-template-details.tsx +++ b/ui/src/app/cluster-workflow-templates/components/cluster-workflow-template-details/cluster-workflow-template-details.tsx @@ -1,8 +1,10 @@ -import {NotificationType, Page} from 'argo-ui'; +import type {NotificationType} from 'argo-ui/src/components/notifications/notifications'; +import {Page} from 'argo-ui/src/components/page/page'; import {SlidingPanel} from 'argo-ui/src/components/sliding-panel/sliding-panel'; import * as React from 'react'; import {useContext, useEffect, useState} from 'react'; import {RouteComponentProps} from 'react-router'; + import {ClusterWorkflowTemplate} from '../../../../models'; import {uiUrl} from '../../../shared/base'; import {ErrorNotice} from '../../../shared/components/error-notice'; diff --git a/ui/src/app/cluster-workflow-templates/components/cluster-workflow-template-editor.tsx b/ui/src/app/cluster-workflow-templates/components/cluster-workflow-template-editor.tsx index 533c18db8c52..84c945489746 100644 --- a/ui/src/app/cluster-workflow-templates/components/cluster-workflow-template-editor.tsx +++ b/ui/src/app/cluster-workflow-templates/components/cluster-workflow-template-editor.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; +import {Tabs} from 'argo-ui/src/components/tabs/tabs'; -import {Tabs} from 'argo-ui'; import {WorkflowTemplate} from '../../../models'; import {LabelsAndAnnotationsEditor} from '../../shared/components/editors/labels-and-annotations-editor'; import {MetadataEditor} from '../../shared/components/editors/metadata-editor'; diff --git a/ui/src/app/cluster-workflow-templates/components/cluster-workflow-template-list/cluster-workflow-template-list.tsx b/ui/src/app/cluster-workflow-templates/components/cluster-workflow-template-list/cluster-workflow-template-list.tsx index 4f713c8df273..8e098f2206c4 100644 --- a/ui/src/app/cluster-workflow-templates/components/cluster-workflow-template-list/cluster-workflow-template-list.tsx +++ b/ui/src/app/cluster-workflow-templates/components/cluster-workflow-template-list/cluster-workflow-template-list.tsx @@ -1,7 +1,9 @@ -import {Page, SlidingPanel} from 'argo-ui'; +import {Page} from 'argo-ui/src/components/page/page'; +import {SlidingPanel} from 'argo-ui/src/components/sliding-panel/sliding-panel'; import * as React from 'react'; import {useContext, useEffect, useState} from 'react'; import {Link, RouteComponentProps} from 'react-router-dom'; + import * as models from '../../../../models'; import {uiUrl} from '../../../shared/base'; import {ErrorNotice} from '../../../shared/components/error-notice'; diff --git a/ui/src/app/cron-workflows/components/cron-workflow-details/cron-workflow-details.tsx b/ui/src/app/cron-workflows/components/cron-workflow-details/cron-workflow-details.tsx index 2c7ea3801a38..b2496c3e77a1 100644 --- a/ui/src/app/cron-workflows/components/cron-workflow-details/cron-workflow-details.tsx +++ b/ui/src/app/cron-workflows/components/cron-workflow-details/cron-workflow-details.tsx @@ -1,7 +1,10 @@ -import {NotificationType, Page, SlidingPanel} from 'argo-ui'; +import type {NotificationType} from 'argo-ui/src/components/notifications/notifications'; +import {Page} from 'argo-ui/src/components/page/page'; +import {SlidingPanel} from 'argo-ui/src/components/sliding-panel/sliding-panel'; import * as React from 'react'; import {useContext, useEffect, useState} from 'react'; import {RouteComponentProps} from 'react-router'; + import * as models from '../../../../models'; import {CronWorkflow, Link, Workflow} from '../../../../models'; import {uiUrl} from '../../../shared/base'; diff --git a/ui/src/app/cron-workflows/components/cron-workflow-editor.tsx b/ui/src/app/cron-workflows/components/cron-workflow-editor.tsx index 854471a9938e..6722bd0dd82a 100644 --- a/ui/src/app/cron-workflows/components/cron-workflow-editor.tsx +++ b/ui/src/app/cron-workflows/components/cron-workflow-editor.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; +import {Tabs} from 'argo-ui/src/components/tabs/tabs'; -import {Tabs} from 'argo-ui'; import {CronWorkflow} from '../../../models'; import {LabelsAndAnnotationsEditor} from '../../shared/components/editors/labels-and-annotations-editor'; import {MetadataEditor} from '../../shared/components/editors/metadata-editor'; diff --git a/ui/src/app/cron-workflows/components/cron-workflow-list/cron-workflow-list.tsx b/ui/src/app/cron-workflows/components/cron-workflow-list/cron-workflow-list.tsx index 5ecd5b3ee17f..33613bd380c7 100644 --- a/ui/src/app/cron-workflows/components/cron-workflow-list/cron-workflow-list.tsx +++ b/ui/src/app/cron-workflows/components/cron-workflow-list/cron-workflow-list.tsx @@ -1,7 +1,10 @@ -import {Page, SlidingPanel, Ticker} from 'argo-ui'; +import {Page} from 'argo-ui/src/components/page/page'; +import {SlidingPanel} from 'argo-ui/src/components/sliding-panel/sliding-panel'; +import {Ticker} from 'argo-ui/src/components/ticker'; import * as React from 'react'; import {useContext, useEffect, useState} from 'react'; import {Link, RouteComponentProps} from 'react-router-dom'; + import {CronWorkflow} from '../../../../models'; import {uiUrl} from '../../../shared/base'; import {ErrorNotice} from '../../../shared/components/error-notice'; diff --git a/ui/src/app/cron-workflows/components/cron-workflow-spec-editior.tsx b/ui/src/app/cron-workflows/components/cron-workflow-spec-editior.tsx index c7f920c5295f..a86025b8a81e 100644 --- a/ui/src/app/cron-workflows/components/cron-workflow-spec-editior.tsx +++ b/ui/src/app/cron-workflows/components/cron-workflow-spec-editior.tsx @@ -1,5 +1,7 @@ -import {Checkbox, Select} from 'argo-ui'; +import {Checkbox} from 'argo-ui/src/components/checkbox'; +import {Select} from 'argo-ui/src/components/select/select'; import * as React from 'react'; + import {ConcurrencyPolicy, CronWorkflowSpec} from '../../../models'; import {NumberInput} from '../../shared/components/number-input'; import {TextInput} from '../../shared/components/text-input'; diff --git a/ui/src/app/cron-workflows/components/cron-workflow-status-viewer.tsx b/ui/src/app/cron-workflows/components/cron-workflow-status-viewer.tsx index 3812afea01e6..abae8019f07b 100644 --- a/ui/src/app/cron-workflows/components/cron-workflow-status-viewer.tsx +++ b/ui/src/app/cron-workflows/components/cron-workflow-status-viewer.tsx @@ -1,5 +1,6 @@ import * as kubernetes from 'argo-ui/src/models/kubernetes'; import * as React from 'react'; + import {CronWorkflowSpec, CronWorkflowStatus} from '../../../models'; import {Timestamp} from '../../shared/components/timestamp'; import {ConditionsPanel} from '../../shared/conditions-panel'; diff --git a/ui/src/app/event-flow/components/event-flow-details/event-flow-page.tsx b/ui/src/app/event-flow/components/event-flow-details/event-flow-page.tsx index d147d389458d..38664e735d74 100644 --- a/ui/src/app/event-flow/components/event-flow-details/event-flow-page.tsx +++ b/ui/src/app/event-flow/components/event-flow-details/event-flow-page.tsx @@ -1,9 +1,12 @@ -import {Page, SlidingPanel, Tabs} from 'argo-ui'; +import {Page} from 'argo-ui/src/components/page/page'; +import {SlidingPanel} from 'argo-ui/src/components/sliding-panel/sliding-panel'; +import {Tabs} from 'argo-ui/src/components/tabs/tabs'; import {useContext, useEffect, useState} from 'react'; import * as React from 'react'; import {RouteComponentProps} from 'react-router-dom'; import {Observable} from 'rxjs'; import {filter, map} from 'rxjs/operators'; + import {kubernetes, Workflow} from '../../../../models'; import {EventSource} from '../../../../models/event-source'; import {Sensor} from '../../../../models/sensor'; diff --git a/ui/src/app/event-sources/components/event-source-details/event-source-details.tsx b/ui/src/app/event-sources/components/event-source-details/event-source-details.tsx index 7735ff299018..d71bb640fec2 100644 --- a/ui/src/app/event-sources/components/event-source-details/event-source-details.tsx +++ b/ui/src/app/event-sources/components/event-source-details/event-source-details.tsx @@ -5,6 +5,7 @@ import {Tabs} from 'argo-ui/src/components/tabs/tabs'; import * as React from 'react'; import {useContext, useEffect, useState} from 'react'; import {RouteComponentProps} from 'react-router'; + import {EventSource} from '../../../../models'; import {ID} from '../../../event-flow/components/event-flow-details/id'; import {uiUrl} from '../../../shared/base'; diff --git a/ui/src/app/event-sources/components/event-source-editor.tsx b/ui/src/app/event-sources/components/event-source-editor.tsx index 4630660be1f9..583979d9807e 100644 --- a/ui/src/app/event-sources/components/event-source-editor.tsx +++ b/ui/src/app/event-sources/components/event-source-editor.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; +import {Tabs} from 'argo-ui/src/components/tabs/tabs'; -import {Tabs} from 'argo-ui'; import {EventSource} from '../../../models'; import {MetadataEditor} from '../../shared/components/editors/metadata-editor'; import {ObjectEditor} from '../../shared/components/object-editor/object-editor'; 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 index d71a61ffee5d..8be7a86b62b6 100644 --- 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,8 +1,11 @@ -import {Page, SlidingPanel, Tabs} from 'argo-ui'; +import {Page} from 'argo-ui/src/components/page/page'; +import {SlidingPanel} from 'argo-ui/src/components/sliding-panel/sliding-panel'; +import {Tabs} from 'argo-ui/src/components/tabs/tabs'; import classNames from 'classnames'; import * as React from 'react'; import {useContext, useEffect, useState} from 'react'; import {Link, RouteComponentProps} from 'react-router-dom'; + import {EventSource, kubernetes} from '../../../../models'; import {ID} from '../../../event-flow/components/event-flow-details/id'; import {Utils as EventsUtils} from '../../../sensors/components/utils'; diff --git a/ui/src/app/help/components/help.tsx b/ui/src/app/help/components/help.tsx index 6c8efe75cfae..2476e94c19d6 100644 --- a/ui/src/app/help/components/help.tsx +++ b/ui/src/app/help/components/help.tsx @@ -1,4 +1,4 @@ -import {Page} from 'argo-ui'; +import {Page} from 'argo-ui/src/components/page/page'; import * as React from 'react'; import {uiUrl} from '../../shared/base'; diff --git a/ui/src/app/login/components/login.tsx b/ui/src/app/login/components/login.tsx index 93ff29899d04..338e7cc54078 100644 --- a/ui/src/app/login/components/login.tsx +++ b/ui/src/app/login/components/login.tsx @@ -1,4 +1,4 @@ -import {Page} from 'argo-ui'; +import {Page} from 'argo-ui/src/components/page/page'; import * as React from 'react'; import {uiUrl, uiUrlWithParams} from '../../shared/base'; diff --git a/ui/src/app/plugins/components/plugin-list/plugin-list.tsx b/ui/src/app/plugins/components/plugin-list/plugin-list.tsx index a08618de2a98..ddbf626f660a 100644 --- a/ui/src/app/plugins/components/plugin-list/plugin-list.tsx +++ b/ui/src/app/plugins/components/plugin-list/plugin-list.tsx @@ -1,7 +1,8 @@ -import {Page} from 'argo-ui'; +import {Page} from 'argo-ui/src/components/page/page'; import * as React from 'react'; import {useEffect, useState} from 'react'; import {RouteComponentProps} from 'react-router-dom'; + import {uiUrl} from '../../../shared/base'; import {useCollectEvent} from '../../../shared/components/use-collect-event'; import {ZeroState} from '../../../shared/components/zero-state'; diff --git a/ui/src/app/reports/components/reports.tsx b/ui/src/app/reports/components/reports.tsx index ccf99fbeb300..5d8bce3c82fe 100644 --- a/ui/src/app/reports/components/reports.tsx +++ b/ui/src/app/reports/components/reports.tsx @@ -5,6 +5,7 @@ import * as React from 'react'; import {useContext, useEffect, useState} from 'react'; import {Bar, ChartData} from 'react-chartjs-2'; import {RouteComponentProps} from 'react-router-dom'; + import {uiUrl} from '../../shared/base'; import {ErrorNotice} from '../../shared/components/error-notice'; import {InfoIcon} from '../../shared/components/fa-icons'; diff --git a/ui/src/app/sensors/components/sensor-details/sensor-details.tsx b/ui/src/app/sensors/components/sensor-details/sensor-details.tsx index 1e69de361186..7fceec853ca7 100644 --- a/ui/src/app/sensors/components/sensor-details/sensor-details.tsx +++ b/ui/src/app/sensors/components/sensor-details/sensor-details.tsx @@ -1,4 +1,5 @@ -import {NotificationType, Page} from 'argo-ui'; +import type {NotificationType} from 'argo-ui/src/components/notifications/notifications'; +import {Page} from 'argo-ui/src/components/page/page'; import * as React from 'react'; import {useContext, useEffect, useState} from 'react'; import {RouteComponentProps} from 'react-router'; diff --git a/ui/src/app/sensors/components/sensor-editor.tsx b/ui/src/app/sensors/components/sensor-editor.tsx index c75eb8dc2d78..e3780a8190d7 100644 --- a/ui/src/app/sensors/components/sensor-editor.tsx +++ b/ui/src/app/sensors/components/sensor-editor.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; +import {Tabs} from 'argo-ui/src/components/tabs/tabs'; -import {Tabs} from 'argo-ui'; import {Sensor} from '../../../models'; import {MetadataEditor} from '../../shared/components/editors/metadata-editor'; import {ObjectEditor} from '../../shared/components/object-editor/object-editor'; diff --git a/ui/src/app/sensors/components/sensor-list/sensor-list.tsx b/ui/src/app/sensors/components/sensor-list/sensor-list.tsx index 8bb4d32a40cc..422a3554488f 100644 --- a/ui/src/app/sensors/components/sensor-list/sensor-list.tsx +++ b/ui/src/app/sensors/components/sensor-list/sensor-list.tsx @@ -1,8 +1,10 @@ -import {Page, SlidingPanel} from 'argo-ui'; +import {Page} from 'argo-ui/src/components/page/page'; +import {SlidingPanel} from 'argo-ui/src/components/sliding-panel/sliding-panel'; import classNames from 'classnames'; import * as React from 'react'; import {useContext, useEffect, useState} from 'react'; import {Link, RouteComponentProps} from 'react-router-dom'; + import {kubernetes, Sensor} from '../../../../models'; import {ID} from '../../../event-flow/components/event-flow-details/id'; import {uiUrl} from '../../../shared/base'; diff --git a/ui/src/app/sensors/components/sensor-side-panel.tsx b/ui/src/app/sensors/components/sensor-side-panel.tsx index abb7c8d414d4..8ec31edeecfa 100644 --- a/ui/src/app/sensors/components/sensor-side-panel.tsx +++ b/ui/src/app/sensors/components/sensor-side-panel.tsx @@ -1,6 +1,8 @@ -import {SlidingPanel, Tabs} from 'argo-ui'; +import {SlidingPanel} from 'argo-ui/src/components/sliding-panel/sliding-panel'; +import {Tabs} from 'argo-ui/src/components/tabs/tabs'; import * as React from 'react'; import {useState} from 'react'; + import {Sensor} from '../../../models'; import {Node} from '../../shared/components/graph/types'; import {EventsPanel} from '../../workflows/components/events-panel'; diff --git a/ui/src/app/shared/components/checkbox-filter/checkbox-filter.tsx b/ui/src/app/shared/components/checkbox-filter/checkbox-filter.tsx index 96d450c2086e..29244c02cb27 100644 --- a/ui/src/app/shared/components/checkbox-filter/checkbox-filter.tsx +++ b/ui/src/app/shared/components/checkbox-filter/checkbox-filter.tsx @@ -1,4 +1,4 @@ -import {Checkbox} from 'argo-ui'; +import {Checkbox} from 'argo-ui/src/components/checkbox'; import * as React from 'react'; import './checkbox-filter.scss'; diff --git a/ui/src/app/shared/components/clipboard-text.tsx b/ui/src/app/shared/components/clipboard-text.tsx index 949a598f01e3..c8bcfa7aec04 100644 --- a/ui/src/app/shared/components/clipboard-text.tsx +++ b/ui/src/app/shared/components/clipboard-text.tsx @@ -1,4 +1,4 @@ -import {Tooltip} from 'argo-ui'; +import {Tooltip} from 'argo-ui/src/components/tooltip/tooltip'; import * as React from 'react'; import {useState} from 'react'; diff --git a/ui/src/app/shared/components/data-loader-dropdown.tsx b/ui/src/app/shared/components/data-loader-dropdown.tsx index 173eb5772676..a05748a9c989 100644 --- a/ui/src/app/shared/components/data-loader-dropdown.tsx +++ b/ui/src/app/shared/components/data-loader-dropdown.tsx @@ -1,4 +1,5 @@ -import {DataLoader, Select, SelectOption} from 'argo-ui'; +import {DataLoader} from 'argo-ui/src/components/data-loader'; +import {Select, SelectOption} from 'argo-ui/src/components/select/select'; import * as React from 'react'; import {useState} from 'react'; diff --git a/ui/src/app/shared/components/filter-drop-down.tsx b/ui/src/app/shared/components/filter-drop-down.tsx index c2a95293bfc3..dd5aca8c5580 100644 --- a/ui/src/app/shared/components/filter-drop-down.tsx +++ b/ui/src/app/shared/components/filter-drop-down.tsx @@ -1,6 +1,7 @@ -import {Checkbox} from 'argo-ui'; +import {Checkbox} from 'argo-ui/src/components/checkbox'; import classNames from 'classnames'; import * as React from 'react'; + import {DropDown} from './dropdown/dropdown'; interface FilterDropDownProps { diff --git a/ui/src/app/shared/components/input-filter.tsx b/ui/src/app/shared/components/input-filter.tsx index e870a7f97efb..14e781aa420c 100644 --- a/ui/src/app/shared/components/input-filter.tsx +++ b/ui/src/app/shared/components/input-filter.tsx @@ -1,4 +1,4 @@ -import {Autocomplete} from 'argo-ui'; +import {Autocomplete} from 'argo-ui/src/components/autocomplete/autocomplete'; import React, {useState} from 'react'; interface InputProps { diff --git a/ui/src/app/shared/components/links.tsx b/ui/src/app/shared/components/links.tsx index 52cd4677e1c2..0808d7d2d005 100644 --- a/ui/src/app/shared/components/links.tsx +++ b/ui/src/app/shared/components/links.tsx @@ -1,6 +1,7 @@ import {ObjectMeta} from 'argo-ui/src/models/kubernetes'; import {useEffect, useState} from 'react'; import * as React from 'react'; + import {Link, Workflow} from '../../../models'; import {services} from '../services'; import {Button} from './button'; diff --git a/ui/src/app/shared/components/loading.tsx b/ui/src/app/shared/components/loading.tsx index 31f75903428f..07745c48e650 100644 --- a/ui/src/app/shared/components/loading.tsx +++ b/ui/src/app/shared/components/loading.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import {MockupList} from '../../../../node_modules/argo-ui'; +import {MockupList} from 'argo-ui/src/components/mockup-list/mockup-list'; export const Loading = () => (
diff --git a/ui/src/app/shared/components/parameters-input/parameters-input.tsx b/ui/src/app/shared/components/parameters-input/parameters-input.tsx index 593879198cb7..74863ed42d64 100644 --- a/ui/src/app/shared/components/parameters-input/parameters-input.tsx +++ b/ui/src/app/shared/components/parameters-input/parameters-input.tsx @@ -1,5 +1,7 @@ -import {Select, Tooltip} from 'argo-ui'; +import {Select} from 'argo-ui/src/components/select/select'; +import {Tooltip} from 'argo-ui/src/components/tooltip/tooltip'; import React from 'react'; + import {Parameter} from '../../../../models'; import {Utils} from '../../utils'; diff --git a/ui/src/app/shared/components/resource-editor/resource-editor.tsx b/ui/src/app/shared/components/resource-editor/resource-editor.tsx index 4e4d077fe0ab..8de402c424fd 100644 --- a/ui/src/app/shared/components/resource-editor/resource-editor.tsx +++ b/ui/src/app/shared/components/resource-editor/resource-editor.tsx @@ -1,6 +1,7 @@ import * as kubernetes from 'argo-ui/src/models/kubernetes'; import * as React from 'react'; import {useState} from 'react'; + import {Button} from '../button'; import {ErrorNotice} from '../error-notice'; import {ObjectEditor} from '../object-editor/object-editor'; diff --git a/ui/src/app/shared/components/tags-input/tags-input.tsx b/ui/src/app/shared/components/tags-input/tags-input.tsx index 3788e41a214d..c2ab23e52c49 100644 --- 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 {Autocomplete, AutocompleteApi, AutocompleteOption} from 'argo-ui'; +import {Autocomplete, AutocompleteApi, AutocompleteOption} from 'argo-ui/src/components/autocomplete/autocomplete'; import classNames from 'classnames'; import * as React from 'react'; import {useRef, useState} from 'react'; diff --git a/ui/src/app/shared/components/timestamp.tsx b/ui/src/app/shared/components/timestamp.tsx index 5b1fe961e513..790dacf8aabe 100644 --- a/ui/src/app/shared/components/timestamp.tsx +++ b/ui/src/app/shared/components/timestamp.tsx @@ -1,5 +1,6 @@ -import {Ticker} from 'argo-ui'; +import {Ticker} from 'argo-ui/src/components/ticker'; import * as React from 'react'; + import {ago} from '../duration'; export const Timestamp = ({date}: {date: Date | string | number}) => { diff --git a/ui/src/app/shared/context.ts b/ui/src/app/shared/context.ts index b1500143548a..3533cb756d68 100644 --- a/ui/src/app/shared/context.ts +++ b/ui/src/app/shared/context.ts @@ -1,4 +1,4 @@ -import {AppContext as ArgoAppContext, NavigationApi, NotificationsApi, PopupApi} from 'argo-ui'; +import type {AppContext as ArgoAppContext, NavigationApi, NotificationsApi, PopupApi} from 'argo-ui'; import {History} from 'history'; import * as React from 'react'; diff --git a/ui/src/app/userinfo/components/user-info.tsx b/ui/src/app/userinfo/components/user-info.tsx index d9ac9b5ce4d8..aba259ee4061 100644 --- a/ui/src/app/userinfo/components/user-info.tsx +++ b/ui/src/app/userinfo/components/user-info.tsx @@ -1,6 +1,7 @@ import {Page} from 'argo-ui/src/components/page/page'; import * as React from 'react'; import {useEffect, useState} from 'react'; + import {GetUserInfoResponse} from '../../../models'; import {uiUrl} from '../../shared/base'; import {ErrorNotice} from '../../shared/components/error-notice'; diff --git a/ui/src/app/workflow-event-bindings/components/workflow-event-bindings/workflow-event-bindings.tsx b/ui/src/app/workflow-event-bindings/components/workflow-event-bindings/workflow-event-bindings.tsx index 2be45ee5f3e0..86c1e5f45cd7 100644 --- a/ui/src/app/workflow-event-bindings/components/workflow-event-bindings/workflow-event-bindings.tsx +++ b/ui/src/app/workflow-event-bindings/components/workflow-event-bindings/workflow-event-bindings.tsx @@ -1,6 +1,8 @@ -import {Page, SlidingPanel} from 'argo-ui'; +import {Page} from 'argo-ui/src/components/page/page'; +import {SlidingPanel} from 'argo-ui/src/components/sliding-panel/sliding-panel'; import * as React from 'react'; import {useContext, useEffect, useState} from 'react'; + import {RouteComponentProps} from 'react-router-dom'; import {WorkflowEventBinding} from '../../../../models'; import {absoluteUrl, uiUrl} from '../../../shared/base'; diff --git a/ui/src/app/workflow-templates/components/workflow-template-editor.tsx b/ui/src/app/workflow-templates/components/workflow-template-editor.tsx index 5607c446e498..a79c09951f81 100644 --- a/ui/src/app/workflow-templates/components/workflow-template-editor.tsx +++ b/ui/src/app/workflow-templates/components/workflow-template-editor.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; +import {Tabs} from 'argo-ui/src/components/tabs/tabs'; -import {Tabs} from 'argo-ui'; import {WorkflowTemplate} from '../../../models'; import {LabelsAndAnnotationsEditor} from '../../shared/components/editors/labels-and-annotations-editor'; import {MetadataEditor} from '../../shared/components/editors/metadata-editor'; diff --git a/ui/src/app/workflow-templates/components/workflow-template-list/workflow-template-list.tsx b/ui/src/app/workflow-templates/components/workflow-template-list/workflow-template-list.tsx index 47eb3822d928..16a0cfcf126e 100644 --- a/ui/src/app/workflow-templates/components/workflow-template-list/workflow-template-list.tsx +++ b/ui/src/app/workflow-templates/components/workflow-template-list/workflow-template-list.tsx @@ -1,4 +1,5 @@ -import {Page, SlidingPanel} from 'argo-ui'; +import {Page} from 'argo-ui/src/components/page/page'; +import {SlidingPanel} from 'argo-ui/src/components/sliding-panel/sliding-panel'; import * as React from 'react'; import {useContext, useEffect, useState} from 'react'; import {Link, RouteComponentProps} from 'react-router-dom'; diff --git a/ui/src/app/workflows/components/resubmit-workflow-panel.tsx b/ui/src/app/workflows/components/resubmit-workflow-panel.tsx index a23476de06b1..cb3a8803f190 100644 --- a/ui/src/app/workflows/components/resubmit-workflow-panel.tsx +++ b/ui/src/app/workflows/components/resubmit-workflow-panel.tsx @@ -1,5 +1,6 @@ -import {Checkbox} from 'argo-ui'; +import {Checkbox} from 'argo-ui/src/components/checkbox'; import React, {useState} from 'react'; + import {Parameter, ResubmitOpts, Workflow} from '../../../models'; import {uiUrl} from '../../shared/base'; import {ErrorNotice} from '../../shared/components/error-notice'; diff --git a/ui/src/app/workflows/components/retry-workflow-panel.tsx b/ui/src/app/workflows/components/retry-workflow-panel.tsx index 7365ac9e01e9..31f4711b52e8 100644 --- a/ui/src/app/workflows/components/retry-workflow-panel.tsx +++ b/ui/src/app/workflows/components/retry-workflow-panel.tsx @@ -1,5 +1,6 @@ -import {Checkbox} from 'argo-ui'; +import {Checkbox} from 'argo-ui/src/components/checkbox'; import React, {useState} from 'react'; + import {Parameter, RetryOpts, Workflow} from '../../../models'; import {uiUrl} from '../../shared/base'; import {ErrorNotice} from '../../shared/components/error-notice'; diff --git a/ui/src/app/workflows/components/submit-workflow-panel.tsx b/ui/src/app/workflows/components/submit-workflow-panel.tsx index 90fd2bd31df8..bd6dfac7b185 100644 --- a/ui/src/app/workflows/components/submit-workflow-panel.tsx +++ b/ui/src/app/workflows/components/submit-workflow-panel.tsx @@ -1,5 +1,6 @@ -import {Select} from 'argo-ui'; +import {Select} from 'argo-ui/src/components/select/select'; import React, {useMemo, useState} from 'react'; + import {Parameter, Template} from '../../../models'; import {uiUrl} from '../../shared/base'; import {ErrorNotice} from '../../shared/components/error-notice'; diff --git a/ui/src/app/workflows/components/workflow-details/suspend-inputs.tsx b/ui/src/app/workflows/components/workflow-details/suspend-inputs.tsx index 7aac1ca4792b..ec35018b15fb 100644 --- a/ui/src/app/workflows/components/workflow-details/suspend-inputs.tsx +++ b/ui/src/app/workflows/components/workflow-details/suspend-inputs.tsx @@ -1,4 +1,5 @@ -import {Select, Tooltip} from 'argo-ui'; +import {Select} from 'argo-ui/src/components/select/select'; +import {Tooltip} from 'argo-ui/src/components/tooltip/tooltip'; import * as React from 'react'; import {useState} from 'react'; diff --git a/ui/src/app/workflows/components/workflow-details/workflow-details.tsx b/ui/src/app/workflows/components/workflow-details/workflow-details.tsx index b49551d04f1d..25f5adcd50d8 100644 --- a/ui/src/app/workflows/components/workflow-details/workflow-details.tsx +++ b/ui/src/app/workflows/components/workflow-details/workflow-details.tsx @@ -1,4 +1,5 @@ -import {Page, SlidingPanel} from 'argo-ui'; +import {Page} from 'argo-ui/src/components/page/page'; +import {SlidingPanel} from 'argo-ui/src/components/sliding-panel/sliding-panel'; import classNames from 'classnames'; import * as React from 'react'; import {useContext, useEffect, useRef, useState} from 'react'; diff --git a/ui/src/app/workflows/components/workflow-editor.tsx b/ui/src/app/workflows/components/workflow-editor.tsx index 184fcbb249c3..5712be248975 100644 --- a/ui/src/app/workflows/components/workflow-editor.tsx +++ b/ui/src/app/workflows/components/workflow-editor.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; +import {Tabs} from 'argo-ui/src/components/tabs/tabs'; -import {Tabs} from 'argo-ui'; import {Workflow} from '../../../models'; import {MetadataEditor} from '../../shared/components/editors/metadata-editor'; import {WorkflowParametersEditor} from '../../shared/components/editors/workflow-parameters-editor'; diff --git a/ui/src/app/workflows/components/workflow-logs-viewer/workflow-logs-viewer.tsx b/ui/src/app/workflows/components/workflow-logs-viewer/workflow-logs-viewer.tsx index a9d132dcd4ee..4878b2605071 100644 --- a/ui/src/app/workflows/components/workflow-logs-viewer/workflow-logs-viewer.tsx +++ b/ui/src/app/workflows/components/workflow-logs-viewer/workflow-logs-viewer.tsx @@ -1,9 +1,9 @@ import * as React from 'react'; import {useContext, useEffect, useState} from 'react'; - -import {Autocomplete} from 'argo-ui'; +import {Autocomplete} from 'argo-ui/src/components/autocomplete/autocomplete'; import {Observable} from 'rxjs'; import {map, publishReplay, refCount} from 'rxjs/operators'; + import * as models from '../../../../models'; import {execSpec} from '../../../../models'; import {ANNOTATION_KEY_POD_NAME_VERSION} from '../../../shared/annotations'; 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 index a2fe4379304f..abb78d8b2214 100644 --- 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,4 +1,7 @@ -import {Tabs, Ticker, Tooltip} from 'argo-ui'; +import {Tabs} from 'argo-ui/src/components/tabs/tabs'; +import {Ticker} from 'argo-ui/src/components/ticker'; +import {Tooltip} from 'argo-ui/src/components/tooltip/tooltip'; + import moment from 'moment'; import * as React from 'react'; import {useState} from 'react'; diff --git a/ui/src/app/workflows/components/workflow-panel/workflow-panel.tsx b/ui/src/app/workflows/components/workflow-panel/workflow-panel.tsx index a84df7d13766..6b7f906f4f14 100644 --- a/ui/src/app/workflows/components/workflow-panel/workflow-panel.tsx +++ b/ui/src/app/workflows/components/workflow-panel/workflow-panel.tsx @@ -1,5 +1,6 @@ import {ObjectMeta} from 'argo-ui/src/models/kubernetes'; import * as React from 'react'; + import {WorkflowStatus} from '../../../../models'; import {Notice} from '../../../shared/components/notice'; import {Phase} from '../../../shared/components/phase'; diff --git a/ui/src/app/workflows/components/workflow-summary-panel.tsx b/ui/src/app/workflows/components/workflow-summary-panel.tsx index b345ae27e621..36cade2327e8 100644 --- a/ui/src/app/workflows/components/workflow-summary-panel.tsx +++ b/ui/src/app/workflows/components/workflow-summary-panel.tsx @@ -1,4 +1,4 @@ -import {Ticker} from 'argo-ui'; +import {Ticker} from 'argo-ui/src/components/ticker'; import * as React from 'react'; import {labels, NODE_PHASE, Workflow} from '../../../models'; diff --git a/ui/src/app/workflows/components/workflow-yaml-viewer/workflow-yaml-viewer.tsx b/ui/src/app/workflows/components/workflow-yaml-viewer/workflow-yaml-viewer.tsx index d4376c58e068..376f27681e87 100644 --- a/ui/src/app/workflows/components/workflow-yaml-viewer/workflow-yaml-viewer.tsx +++ b/ui/src/app/workflows/components/workflow-yaml-viewer/workflow-yaml-viewer.tsx @@ -1,4 +1,4 @@ -import {SlideContents} from 'argo-ui'; +import {SlideContents} from 'argo-ui/src/components/slide-contents/slide-contents'; import * as React from 'react'; import * as models from '../../../../models'; diff --git a/ui/src/app/workflows/components/workflows-list/workflows-list.tsx b/ui/src/app/workflows/components/workflows-list/workflows-list.tsx index 60a0c22d338e..b0f87366442a 100644 --- a/ui/src/app/workflows/components/workflows-list/workflows-list.tsx +++ b/ui/src/app/workflows/components/workflows-list/workflows-list.tsx @@ -1,4 +1,5 @@ -import {Page, SlidingPanel} from 'argo-ui'; +import {Page} from 'argo-ui/src/components/page/page'; +import {SlidingPanel} from 'argo-ui/src/components/sliding-panel/sliding-panel'; import * as React from 'react'; import {useContext, useEffect, useMemo, useState} from 'react'; import {RouteComponentProps} from 'react-router-dom'; diff --git a/ui/src/app/workflows/components/workflows-row/workflows-row.tsx b/ui/src/app/workflows/components/workflows-row/workflows-row.tsx index db83c09438d6..443a33aab96f 100644 --- a/ui/src/app/workflows/components/workflows-row/workflows-row.tsx +++ b/ui/src/app/workflows/components/workflows-row/workflows-row.tsx @@ -2,6 +2,7 @@ import {Ticker} from 'argo-ui/src/components/ticker'; import * as React from 'react'; import {useState} from 'react'; import {Link} from 'react-router-dom'; + import * as models from '../../../../models'; import {isArchivedWorkflow, Workflow} from '../../../../models'; import {uiUrl} from '../../../shared/base'; diff --git a/ui/src/app/workflows/components/workflows-summary-container/workflows-summary-container.tsx b/ui/src/app/workflows/components/workflows-summary-container/workflows-summary-container.tsx index 41942b32fafb..1a0670970726 100644 --- a/ui/src/app/workflows/components/workflows-summary-container/workflows-summary-container.tsx +++ b/ui/src/app/workflows/components/workflows-summary-container/workflows-summary-container.tsx @@ -1,4 +1,4 @@ -import {Tooltip} from 'argo-ui'; +import {Tooltip} from 'argo-ui/src/components/tooltip/tooltip'; import * as React from 'react'; import {useEffect, useState} from 'react';