Export component

Author: jpggvilaca

web_ui/packages/ui/index.ts

@@ -163,6 +163,7 @@ export { ViewModes, INITIAL_VIEW_MODE, VIEW_MODE_LABEL } from './src/view-modes/
 export { useViewMode } from './src/view-modes/use-view-mode.hook';
 export { Toast, toast, removeToasts, removeToast, CustomToast } from './src/toast/toast.component';
 export { HorizontalLayout, type HorizontalLayoutOptions } from './src/virtualized-horizontal-grid/horizontal-layout';
+export { ManagedTabs } from './src/managed-tabs/managed-tabs.component';
 
 export {
     ListBox as AriaComponentsListBox,

web_ui/src/shared/components/managed-tabs/managed-tabs.component.tsx renamed to web_ui/packages/ui/src/managed-tabs/managed-tabs.component.tsx

@@ -3,19 +3,24 @@
 
 import { Key, ReactNode } from 'react';
 
-import { Flex, Item, Picker, TabList, TabPanels, Tabs } from '@geti/ui';
-
-import { TabItem } from '../tabs/tabs.interface';
+import { Flex, Item, Picker, TabList, TabPanels, Tabs } from '@adobe/react-spectrum';
 
 import classes from './managed-tabs.module.scss';
 
-export interface OverflowConfig {
+interface TabItem {
+    id: string;
+    key: string;
+    name: ReactNode;
+    children: ReactNode;
+}
+
+interface OverflowConfig {
     maxVisibleTabs: number;
     pickerAriaLabel: string;
     onCollapsedItemSelect: (key: string) => void;
 }
 
-export interface ManagedTabsProps<T extends { id: string; name: string }> {
+interface ManagedTabsProps<T extends { id: string; name: string }> {
     id?: string;
     items: T[];
     selectedKey: string;

web_ui/src/shared/components/managed-tabs/managed-tabs.module.scss renamed to web_ui/packages/ui/src/managed-tabs/managed-tabs.module.scss

@@ -7,15 +7,14 @@ import { isOrganizationAdmin } from '@geti/core/src/users/user-role-utils';
 import { RESOURCE_TYPE } from '@geti/core/src/users/users.interface';
 import { useWorkspacesApi } from '@geti/core/src/workspaces/hooks/use-workspaces.hook';
 import { WorkspaceEntity } from '@geti/core/src/workspaces/services/workspaces.interface';
-import { ActionButton, Loading, Tooltip, TooltipTrigger } from '@geti/ui';
+import { ActionButton, Loading, ManagedTabs, Tooltip, TooltipTrigger } from '@geti/ui';
 import { Add } from '@geti/ui/icons';
 import { useOverlayTriggerState } from 'react-stately';
 
 import { useOrganizationIdentifier } from '../../../hooks/use-organization-identifier/use-organization-identifier.hook';
 import { CustomTabItem } from '../../../shared/components/custom-tab-item/custom-tab-item.component';
 import { HasPermission } from '../../../shared/components/has-permission/has-permission.component';
 import { OPERATION } from '../../../shared/components/has-permission/has-permission.interface';
-import { ManagedTabs } from '../../../shared/components/managed-tabs/managed-tabs.component';
 import { CreateWorkspaceDialog } from '../../user-management/workspaces/create-workspace-dialog/create-workspace-dialog.component';
 import { LandingPageWorkspace as Workspace } from '../landing-page-workspace/landing-page-workspace.component';
 import { NoPermissionPlaceholder } from './components/no-permission-placeholder.component';

web_ui/src/pages/landing-page/workspaces-tabs/workspaces-tabs.component.tsx

@@ -1,14 +1,13 @@
 // Copyright (C) 2022-2025 Intel Corporation
 // LIMITED EDGE SOFTWARE DISTRIBUTION LICENSE
 
-import { ActionButton, Flex, Loading, Tooltip, TooltipTrigger } from '@geti/ui';
+import { ActionButton, Flex, Loading, ManagedTabs, Tooltip, TooltipTrigger } from '@geti/ui';
 import { Add } from '@geti/ui/icons';
 
 import { Dataset } from '../../../../core/projects/dataset.interface';
 import { isAnomalyDomain } from '../../../../core/projects/domains';
 import { TUTORIAL_CARD_KEYS } from '../../../../core/user-settings/dtos/user-settings.interface';
 import { useDataset } from '../../../../providers/dataset-provider/dataset-provider.component';
-import { ManagedTabs } from '../../../../shared/components/managed-tabs/managed-tabs.component';
 import { TutorialCardBuilder } from '../../../../shared/components/tutorial-card/tutorial-card-builder.component';
 import { useProject } from '../../providers/project-provider/project-provider.component';
 import { DatasetTabPanel } from './dataset-tab-panel.component';

web_ui/src/pages/project-details/components/project-dataset/project-dataset.component.tsx

@@ -7,7 +7,7 @@ import { isOrganizationAdmin } from '@geti/core/src/users/user-role-utils';
 import { RESOURCE_TYPE } from '@geti/core/src/users/users.interface';
 import { useWorkspacesApi } from '@geti/core/src/workspaces/hooks/use-workspaces.hook';
 import { WorkspaceEntity } from '@geti/core/src/workspaces/services/workspaces.interface';
-import { ActionButton, Flex, Loading, Tooltip, TooltipTrigger } from '@geti/ui';
+import { ActionButton, Flex, Loading, ManagedTabs, Tooltip, TooltipTrigger } from '@geti/ui';
 import { Add } from '@geti/ui/icons';
 import { useOverlayTriggerState } from 'react-stately';
 
@@ -16,7 +16,6 @@ import { CustomTabItem } from '../../../shared/components/custom-tab-item/custom
 import { EditNameDialog } from '../../../shared/components/edit-name-dialog/edit-name-dialog.component';
 import { HasPermission } from '../../../shared/components/has-permission/has-permission.component';
 import { OPERATION } from '../../../shared/components/has-permission/has-permission.interface';
-import { ManagedTabs } from '../../../shared/components/managed-tabs/managed-tabs.component';
 import { WorkspaceDeleteDialog } from '../../landing-page/workspaces-tabs/components/workspace-delete-dialog.component';
 import { CustomTabItemWithMenu } from '../../landing-page/workspaces-tabs/custom-tab-item-with-menu.component';
 import { useWorkspaceActions } from '../../landing-page/workspaces-tabs/hooks/use-workspace-actions.hook';