chore(ws): enforce component specific imports

Signed-off-by: paulovmr <[email protected]>

Author: paulovmr

workspaces/frontend/.eslintrc.js

@@ -208,6 +208,28 @@ module.exports = {
             name: 'react-router',
             message: 'Use react-router-dom instead.',
           },
+          {
+            name: '@patternfly/react-core',
+            message:
+              'Use specific component imports: @patternfly/react-core/dist/esm/components/ComponentName',
+          },
+          {
+            name: '@patternfly/react-table',
+            message:
+              'Use specific component imports: @patternfly/react-table/dist/esm/components/ComponentName',
+          },
+          {
+            name: '@patternfly/react-icons',
+            message: 'Use specific icon imports: @patternfly/react-icons/dist/esm/icons/IconName',
+          },
+          {
+            name: 'date-fns',
+            message: 'Use specific function imports: date-fns/functionName',
+          },
+          {
+            name: 'lodash',
+            message: 'Use specific function imports: lodash/functionName',
+          },
         ],
       },
     ],

workspaces/frontend/src/app/App.tsx

@@ -1,20 +1,19 @@
 import React, { useEffect } from 'react';
 import '@patternfly/react-core/dist/styles/base.css';
 import './app.css';
+import { Brand } from '@patternfly/react-core/dist/esm/components/Brand';
+import { Flex } from '@patternfly/react-core/dist/esm/layouts/Flex';
 import {
-  Brand,
-  Flex,
   Masthead,
   MastheadBrand,
   MastheadContent,
   MastheadLogo,
   MastheadMain,
   MastheadToggle,
-  Page,
-  PageToggleButton,
-  Title,
-} from '@patternfly/react-core';
-import { BarsIcon } from '@patternfly/react-icons';
+} from '@patternfly/react-core/dist/esm/components/Masthead';
+import { Page, PageToggleButton } from '@patternfly/react-core/dist/esm/components/Page';
+import { Title } from '@patternfly/react-core/dist/esm/components/Title';
+import { BarsIcon } from '@patternfly/react-icons/dist/esm/icons/bars-icon';
 import ErrorBoundary from '~/app/error/ErrorBoundary';
 import NamespaceSelector from '~/shared/components/NamespaceSelector';
 import logoDarkTheme from '~/images/logo-dark-theme.svg';

workspaces/frontend/src/app/EnsureAPIAvailability.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Bullseye, Spinner } from '@patternfly/react-core';
+import { Bullseye } from '@patternfly/react-core/dist/esm/layouts/Bullseye';
+import { Spinner } from '@patternfly/react-core/dist/esm/components/Spinner';
 import { useNotebookAPI } from './hooks/useNotebookAPI';
 
 interface EnsureAPIAvailabilityProps {

workspaces/frontend/src/app/NavSidebar.tsx

@@ -1,14 +1,13 @@
 import React, { useState } from 'react';
 import { NavLink } from 'react-router-dom';
+import { Brand } from '@patternfly/react-core/dist/esm/components/Brand';
 import {
-  Brand,
   Nav,
   NavExpandable,
   NavItem,
   NavList,
-  PageSidebar,
-  PageSidebarBody,
-} from '@patternfly/react-core';
+} from '@patternfly/react-core/dist/esm/components/Nav';
+import { PageSidebar, PageSidebarBody } from '@patternfly/react-core/dist/esm/components/Page';
 import { useTypedLocation } from '~/app/routerHelper';
 import { useNavData, isNavDataGroup, NavDataHref, NavDataGroup } from './AppRoutes';
 import { isMUITheme, LOGO_LIGHT } from './const';

workspaces/frontend/src/app/components/LoadError.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { Alert, Bullseye } from '@patternfly/react-core';
+import { Alert } from '@patternfly/react-core/dist/esm/components/Alert';
+import { Bullseye } from '@patternfly/react-core/dist/esm/layouts/Bullseye';
 
 interface LoadErrorProps {
   error: Error;

workspaces/frontend/src/app/components/LoadingSpinner.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { Bullseye, Spinner } from '@patternfly/react-core';
+import { Bullseye } from '@patternfly/react-core/dist/esm/layouts/Bullseye';
+import { Spinner } from '@patternfly/react-core/dist/esm/components/Spinner';
 
 // TODO: simple LoadingSpinner component -- we should improve this later
 

workspaces/frontend/src/app/components/ThemeAwareSearchInput.tsx

@@ -1,5 +1,9 @@
 import React from 'react';
-import { SearchInput, SearchInputProps, TextInput } from '@patternfly/react-core';
+import {
+  SearchInput,
+  SearchInputProps,
+} from '@patternfly/react-core/dist/esm/components/SearchInput';
+import { TextInput } from '@patternfly/react-core/dist/esm/components/TextInput';
 import FormFieldset from 'app/components/FormFieldset';
 import { isMUITheme } from 'app/const';
 

workspaces/frontend/src/app/components/ValidationErrorAlert.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Alert, List, ListItem } from '@patternfly/react-core';
+import { Alert } from '@patternfly/react-core/dist/esm/components/Alert';
+import { List, ListItem } from '@patternfly/react-core/dist/esm/components/List';
 import { ValidationError } from '~/shared/api/backendApiTypes';
 
 interface ValidationErrorAlertProps {

workspaces/frontend/src/app/components/WorkspaceTable.tsx

@@ -1,17 +1,19 @@
 import React, { useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { PageSection } from '@patternfly/react-core/dist/esm/components/Page';
 import {
-  PageSection,
   TimestampTooltipVariant,
   Timestamp,
-  Label,
+} from '@patternfly/react-core/dist/esm/components/Timestamp';
+import { Label } from '@patternfly/react-core/dist/esm/components/Label';
+import {
   PaginationVariant,
   Pagination,
-  Content,
-  Tooltip,
-  Bullseye,
-  Button,
-  Icon,
-} from '@patternfly/react-core';
+} from '@patternfly/react-core/dist/esm/components/Pagination';
+import { Content } from '@patternfly/react-core/dist/esm/components/Content';
+import { Tooltip } from '@patternfly/react-core/dist/esm/components/Tooltip';
+import { Bullseye } from '@patternfly/react-core/dist/esm/layouts/Bullseye';
+import { Button } from '@patternfly/react-core/dist/esm/components/Button';
+import { Icon } from '@patternfly/react-core/dist/esm/components/Icon';
 import {
   Table,
   Thead,
@@ -22,14 +24,12 @@ import {
   ThProps,
   ActionsColumn,
   IActions,
-} from '@patternfly/react-table';
-import {
-  InfoCircleIcon,
-  ExclamationTriangleIcon,
-  TimesCircleIcon,
-  QuestionCircleIcon,
-} from '@patternfly/react-icons';
-import { formatDistanceToNow } from 'date-fns';
+} from '@patternfly/react-table/dist/esm/components/Table';
+import { InfoCircleIcon } from '@patternfly/react-icons/dist/esm/icons/info-circle-icon';
+import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon';
+import { TimesCircleIcon } from '@patternfly/react-icons/dist/esm/icons/times-circle-icon';
+import { QuestionCircleIcon } from '@patternfly/react-icons/dist/esm/icons/question-circle-icon';
+import { formatDistanceToNow } from 'date-fns/formatDistanceToNow';
 import { Workspace, WorkspaceState } from '~/shared/api/backendApiTypes';
 import {
   DataFieldKey,

workspaces/frontend/src/app/context/WorkspaceActionsContext.tsx

@@ -1,5 +1,9 @@
 import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
-import { Drawer, DrawerContent, DrawerContentBody } from '@patternfly/react-core';
+import {
+  Drawer,
+  DrawerContent,
+  DrawerContentBody,
+} from '@patternfly/react-core/dist/esm/components/Drawer';
 import { useNamespaceContext } from '~/app/context/NamespaceContextProvider';
 import { useNotebookAPI } from '~/app/hooks/useNotebookAPI';
 import { WorkspaceDetails } from '~/app/pages/Workspaces/Details/WorkspaceDetails';