ITEP-66301 Move a few components from shared/components to the @geti/ui [PART 3] (#231)

Author: dwesolow

web_ui/eslint.config.js

@@ -38,6 +38,7 @@ export default [
                         'Slider',
                         'Switch',
                         'SpectrumSwitchProps',
+                        'Breadcrumb',
                     ],
                     message: 'Use component from the @geti/ui folder instead.',
                 },

web_ui/packages/ui/eslint.config.js

@@ -6,17 +6,38 @@ import sharedConfig from '@geti/config/lint';
 export default [
     ...sharedConfig,
     {
+        files: ['./index.ts'],
         rules: {
             'no-restricted-imports': [
                 'error',
                 {
                     patterns: [
                         {
-                            group: ['./index.ts'],
-                            message: 'Do not import from barrel file, use relative imports instead.',
+                            group: ['@geti/ui'],
+                            message: 'Importing files from @geti/ui is not allowed.',
                         },
                         {
-                            group: ['../*/**'],
+                            group: ['../**/*'],
+                            message: 'Importing files outside of the current package is not allowed.',
+                        },
+                    ],
+                },
+            ],
+        },
+    },
+    {
+        files: ['./src/**/*.{js,jsx,ts,tsx,css,scss}'],
+        rules: {
+            'no-restricted-imports': [
+                'error',
+                {
+                    patterns: [
+                        {
+                            group: ['@geti/ui'],
+                            message: 'Importing files from @geti/ui is not allowed.',
+                        },
+                        {
+                            group: ['../../**/*'],
                             message: 'Importing files outside of the current package is not allowed.',
                         },
                     ],

web_ui/packages/ui/geti-type.d.ts

@@ -1,7 +1,7 @@
 // Copyright (C) 2022-2025 Intel Corporation
 // LIMITED EDGE SOFTWARE DISTRIBUTION LICENSE
 
-import '@rsbuild/core/types';
+/// <reference types="@rsbuild/core/types" />
 
 declare module '*.svg' {
     export const ReactComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;

web_ui/packages/ui/index.ts

@@ -12,3 +12,11 @@ export { SearchField } from './src/search-field/search-field.component';
 export { Loading } from './src/loading/loading.component';
 export { LoadingIndicator } from './src/loading/loading-indicator.component';
 export { IntelBrandedLoading } from './src/loading/intel-branded-loading.component';
+export { Breadcrumbs } from './src/breadcrumbs/breadcrumbs.component';
+export { type BreadcrumbsProps } from './src/breadcrumbs/breadcrumbs.interface';
+export { type BreadcrumbItemProps } from './src/breadcrumbs/breadcrumb/breadcrumb.interface';
+export { PasswordField } from './src/password-field/password-field.component';
+export { CustomPopover } from './src/custom-popover/custom-popover.component';
+export { PressableElement } from './src/pressable-element/pressable-element.component';
+export { Tag } from './src/tag/tag.component';
+export { Skeleton } from './src/skeleton/skeleton.component';