Merge pull request #2119 from dlabrecq/1793-esm-imports

ESM imports

jest.config.js

@@ -3,17 +3,18 @@ module.exports = {
   clearMocks: true,
   timers: 'fake',
   transform: {
-    '^.+\\.(ts|tsx)$': '<rootDir>/test/transformTS.js',
+    '^.+\\.[jt]sx?$': '<rootDir>/test/transformTS.js',
     '^.+\\.(jpg)$': '<rootDir>/test/transformFile.js',
   },
+  transformIgnorePatterns: ['node_modules/(?!@patternfly/react-icons/dist/esm)'],
   setupFiles: ['./test/test.env.ts'],
   testRegex: '\\.test\\.(jsx?|tsx?)$',
   moduleFileExtensions: ['ts', 'tsx', 'js'],
   moduleDirectories: ['node_modules', '<rootDir>/src'],
   moduleNameMapper: {
     '\\.(css|less|sass|scss)$': '<rootDir>/test/styleMock.js',
   },
+  roots: ['<rootDir>/src'],
   snapshotSerializers: ['enzyme-to-json/serializer'],
-  testPathIgnorePatterns: ['<rootDir>/archive/'],
   testURL: 'http://localhost/',
 };

package.json

@@ -23,7 +23,7 @@
     "start": "node scripts/start-dev-server.js",
     "start:dev": "NODE_OPTIONS=--max-old-space-size=8192 webpack serve -c ./webpack.config.js",
     "stats": "yarn build:client --profile --json > stats.json",
-    "test": "jest",
+    "test": "jest --clearCache && jest",
     "manifest:update": "node scripts/createManifest",
     "codemods:test": "yarn pf-codemods ./src",
     "container:test": "docker stop -t 0 koku-ui-test >/dev/null; docker build -t koku-ui-test . && docker run -i --rm -p 8080:8080 --name koku-ui-test koku-ui-test",

src/components/state/emptyFilterState/emptyFilterState.tsx

@@ -1,5 +1,5 @@
 import { EmptyState, EmptyStateBody, EmptyStateIcon, Title, TitleSizes } from '@patternfly/react-core';
-import { SearchIcon } from '@patternfly/react-icons/dist/js/icons/search-icon';
+import { SearchIcon } from '@patternfly/react-icons/dist/esm/icons/search-icon';
 import { OcpCloudQuery, parseQuery } from 'api/queries/ocpCloudQuery';
 import React from 'react';
 import { WithTranslation, withTranslation } from 'react-i18next';

src/components/state/emptyValueState/emptyValueState.tsx

@@ -1,6 +1,6 @@
 import './emptyValueState.scss';
 
-import { MinusIcon } from '@patternfly/react-icons/dist/js/icons/minus-icon';
+import { MinusIcon } from '@patternfly/react-icons/dist/esm/icons/minus-icon';
 import React from 'react';
 
 export const EmptyValueState: React.SFC = () => {

src/components/state/errorState/errorState.tsx

@@ -1,6 +1,6 @@
 import { EmptyState, EmptyStateBody, EmptyStateIcon, EmptyStateVariant, Title } from '@patternfly/react-core';
-import { ErrorCircleOIcon } from '@patternfly/react-icons/dist/js/icons/error-circle-o-icon';
-import { LockIcon } from '@patternfly/react-icons/dist/js/icons/lock-icon';
+import { ErrorCircleOIcon } from '@patternfly/react-icons/dist/esm/icons/error-circle-o-icon';
+import { LockIcon } from '@patternfly/react-icons/dist/esm/icons/lock-icon';
 import { AxiosError } from 'axios';
 import React from 'react';
 import { WithTranslation, withTranslation } from 'react-i18next';

src/pages/costModels/components/errorState.tsx

@@ -10,7 +10,7 @@ import {
   Title,
   TitleSizes,
 } from '@patternfly/react-core';
-import { ExclamationCircleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
+import { ExclamationCircleIcon } from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
 import global_DangerColor_100 from '@patternfly/react-tokens/dist/js/global_danger_color_100';
 import React from 'react';
 import { Trans, useTranslation } from 'react-i18next';

src/pages/costModels/components/inputs/rateInput.tsx

@@ -6,7 +6,7 @@ import {
   TextInput,
   TextInputProps,
 } from '@patternfly/react-core';
-import { DollarSignIcon } from '@patternfly/react-icons/dist/js/icons/dollar-sign-icon';
+import { DollarSignIcon } from '@patternfly/react-icons/dist/esm/icons/dollar-sign-icon';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 

src/pages/costModels/components/rateForm/rateForm.tsx

@@ -1,5 +1,5 @@
 import { Button, ButtonVariant, FormGroup, Grid, GridItem, Radio, Switch } from '@patternfly/react-core';
-import { PlusCircleIcon } from '@patternfly/react-icons/dist/js/icons/plus-circle-icon';
+import { PlusCircleIcon } from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
 import { MetricHash } from 'api/metrics';
 import { RateInputBase } from 'pages/costModels/components/inputs/rateInput';
 import { Selector } from 'pages/costModels/components/inputs/selector';

src/pages/costModels/components/rateForm/taggingRatesForm.tsx

@@ -1,5 +1,5 @@
 import { Button, ButtonVariant, Checkbox, FormGroup, Split, SplitItem } from '@patternfly/react-core';
-import { MinusCircleIcon } from '@patternfly/react-icons/dist/js/icons/minus-circle-icon';
+import { MinusCircleIcon } from '@patternfly/react-icons/dist/esm/icons/minus-circle-icon';
 import { RateInputBase } from 'pages/costModels/components/inputs/rateInput';
 import { SimpleInput } from 'pages/costModels/components/inputs/simpleInput';
 import React from 'react';

src/pages/costModels/components/toolbar/primarySelector.tsx

@@ -1,5 +1,5 @@
 import { Select, SelectOption } from '@patternfly/react-core';
-import { FilterIcon } from '@patternfly/react-icons/dist/js/icons/filter-icon';
+import { FilterIcon } from '@patternfly/react-icons/dist/esm/icons/filter-icon';
 import { WithStateMachine } from 'pages/costModels/components/hoc/withStateMachine';
 import { selectMachineState } from 'pages/costModels/components/logic/selectStateMachine';
 import { Option } from 'pages/costModels/components/logic/types';

src/pages/costModels/components/warningIcon.tsx

@@ -1,5 +1,5 @@
 import { Tooltip } from '@patternfly/react-core';
-import { WarningTriangleIcon } from '@patternfly/react-icons/dist/js/icons/warning-triangle-icon';
+import { WarningTriangleIcon } from '@patternfly/react-icons/dist/esm/icons/warning-triangle-icon';
 import React from 'react';
 
 interface WarningIconProps {

src/pages/costModels/costModel/assignSourcesModalToolbar.tsx

@@ -9,7 +9,7 @@ import {
   ToolbarFilter,
   ToolbarItem,
 } from '@patternfly/react-core';
-import { SearchIcon } from '@patternfly/react-icons/dist/js/icons/search-icon';
+import { SearchIcon } from '@patternfly/react-icons/dist/esm/icons/search-icon';
 import React from 'react';
 import { WithTranslation, withTranslation } from 'react-i18next';
 import { Omit } from 'react-redux';

src/pages/costModels/costModel/dialog.tsx

@@ -1,5 +1,5 @@
 import { Alert, Button, Modal, Title, TitleSizes } from '@patternfly/react-core';
-import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon';
+import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon';
 import React from 'react';
 import { WithTranslation, withTranslation } from 'react-i18next';
 

src/pages/costModels/costModel/index.tsx

@@ -8,7 +8,7 @@ import {
   Title,
   TitleSizes,
 } from '@patternfly/react-core';
-import { ErrorCircleOIcon } from '@patternfly/react-icons/dist/js/icons/error-circle-o-icon';
+import { ErrorCircleOIcon } from '@patternfly/react-icons/dist/esm/icons/error-circle-o-icon';
 import Main from '@redhat-cloud-services/frontend-components/Main';
 import PageHeader, { PageHeaderTitle } from '@redhat-cloud-services/frontend-components/PageHeader';
 import { CostModel } from 'api/costModels';

src/pages/costModels/costModel/priceListTable.tsx

@@ -14,7 +14,7 @@ import {
   ToolbarItem,
   ToolbarItemVariant,
 } from '@patternfly/react-core';
-import { FileInvoiceDollarIcon } from '@patternfly/react-icons/dist/js/icons/file-invoice-dollar-icon';
+import { FileInvoiceDollarIcon } from '@patternfly/react-icons/dist/esm/icons/file-invoice-dollar-icon';
 import { Unavailable } from '@redhat-cloud-services/frontend-components/Unavailable';
 import { CostModel } from 'api/costModels';
 import { MetricHash } from 'api/metrics';

src/pages/costModels/costModel/sourcesToolbar.tsx

@@ -11,7 +11,7 @@ import {
   ToolbarFilter,
   ToolbarItem,
 } from '@patternfly/react-core';
-import { SearchIcon } from '@patternfly/react-icons/dist/js/icons/search-icon';
+import { SearchIcon } from '@patternfly/react-icons/dist/esm/icons/search-icon';
 import { ReadOnlyTooltip } from 'pages/costModels/components/readOnlyTooltip';
 import React from 'react';
 

src/pages/costModels/costModel/table.tsx

@@ -1,5 +1,5 @@
 import { EmptyState, EmptyStateBody, EmptyStateIcon, Title, TitleSizes } from '@patternfly/react-core';
-import { DollarSignIcon } from '@patternfly/react-icons/dist/js/icons/dollar-sign-icon';
+import { DollarSignIcon } from '@patternfly/react-icons/dist/esm/icons/dollar-sign-icon';
 import { CostModel } from 'api/costModels';
 import { EmptyFilterState } from 'components/state/emptyFilterState/emptyFilterState';
 import { addMultiValueQuery, removeMultiValueQuery } from 'pages/costModels/components/filterLogic';

src/pages/costModels/costModelsDetails/header.tsx

@@ -1,5 +1,5 @@
 import { Button, ButtonVariant, Popover, TextContent, Title, TitleSizes } from '@patternfly/react-core';
-import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons/dist/js/icons/outlined-question-circle-icon';
+import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons/dist/esm/icons/outlined-question-circle-icon';
 import React from 'react';
 import { Trans, WithTranslation, withTranslation } from 'react-i18next';
 import { connect } from 'react-redux';

src/pages/costModels/costModelsDetails/noCostModels.tsx

@@ -1,4 +1,4 @@
-import { PlusCircleIcon } from '@patternfly/react-icons/dist/js/icons/plus-circle-icon';
+import { PlusCircleIcon } from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
 import HookIntoProps from 'hook-into-props';
 import { CreateCostModelButton } from 'pages/costModels/costModelsDetails/createCostModelButton';
 import React from 'react';

src/pages/costModels/costModelsDetails/noMatchFound.tsx

@@ -1,4 +1,4 @@
-import { SearchIcon } from '@patternfly/react-icons/dist/js/icons/search-icon';
+import { SearchIcon } from '@patternfly/react-icons/dist/esm/icons/search-icon';
 import HookIntoProps from 'hook-into-props';
 import { useTranslation } from 'react-i18next';
 

src/pages/costModels/costModelsDetails/utils/filters.tsx

@@ -10,7 +10,7 @@ import {
   ToolbarFilterProps,
   ToolbarProps,
 } from '@patternfly/react-core';
-import { SearchIcon } from '@patternfly/react-icons/dist/js/icons/search-icon';
+import { SearchIcon } from '@patternfly/react-icons/dist/esm/icons/search-icon';
 import HookIntoProps from 'hook-into-props';
 import React from 'react';
 import { WithTranslation, withTranslation } from 'react-i18next';

src/pages/costModels/costModelsDetails/utils/toolbar.tsx

@@ -7,7 +7,7 @@ import {
   SelectProps,
   SelectVariant,
 } from '@patternfly/react-core';
-import { FilterIcon } from '@patternfly/react-icons/dist/js/icons/filter-icon';
+import { FilterIcon } from '@patternfly/react-icons/dist/esm/icons/filter-icon';
 import HookIntoProps from 'hook-into-props';
 import React from 'react';
 import { WithTranslation, withTranslation } from 'react-i18next';

src/pages/costModels/createCostModelWizard/assignSourcesToolbar.tsx

@@ -9,7 +9,7 @@ import {
   ToolbarFilter,
   ToolbarItem,
 } from '@patternfly/react-core';
-import { SearchIcon } from '@patternfly/react-icons/dist/js/icons/search-icon';
+import { SearchIcon } from '@patternfly/react-icons/dist/esm/icons/search-icon';
 import React from 'react';
 import { WithTranslation, withTranslation } from 'react-i18next';
 import { Omit } from 'react-redux';

src/pages/costModels/createCostModelWizard/index.tsx

@@ -1,6 +1,6 @@
 import { Title, TitleSizes, Wizard, WizardStepFunctionType } from '@patternfly/react-core';
 import { Button, Modal } from '@patternfly/react-core';
-import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon';
+import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon';
 import { addCostModel } from 'api/costModels';
 import { MetricHash } from 'api/metrics';
 import { Rate } from 'api/rates';

src/pages/costModels/createCostModelWizard/priceListTable.tsx

@@ -13,7 +13,7 @@ import {
   Title,
   TitleSizes,
 } from '@patternfly/react-core';
-import { PlusCircleIcon } from '@patternfly/react-icons/dist/js/icons/plus-circle-icon';
+import { PlusCircleIcon } from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
 import { MetricHash } from 'api/metrics';
 import { EmptyFilterState } from 'components/state/emptyFilterState/emptyFilterState';
 import { WithPriceListSearch } from 'pages/costModels/components/hoc/withPriceListSearch';

src/pages/costModels/createCostModelWizard/review.tsx

@@ -17,7 +17,7 @@ import {
   Title,
   TitleSizes,
 } from '@patternfly/react-core';
-import { OkIcon } from '@patternfly/react-icons/dist/js/icons/ok-icon';
+import { OkIcon } from '@patternfly/react-icons/dist/esm/icons/ok-icon';
 import { RateTable } from 'pages/costModels/components/rateTable';
 import { WarningIcon } from 'pages/costModels/components/warningIcon';
 import React from 'react';

src/pages/state/noData/noDataState.tsx

@@ -1,5 +1,5 @@
 import { Button, EmptyState, EmptyStateBody, EmptyStateIcon, EmptyStateVariant, Title } from '@patternfly/react-core';
-import { FileInvoiceDollarIcon } from '@patternfly/react-icons/dist/js/icons/file-invoice-dollar-icon';
+import { FileInvoiceDollarIcon } from '@patternfly/react-icons/dist/esm/icons/file-invoice-dollar-icon';
 import React from 'react';
 import { WithTranslation, withTranslation } from 'react-i18next';
 import { RouteComponentProps, withRouter } from 'react-router-dom';

src/pages/state/noProviders/noProvidersState.tsx

@@ -1,6 +1,6 @@
 import { Button, EmptyState, EmptyStateBody, EmptyStateIcon, EmptyStateVariant, Title } from '@patternfly/react-core';
-import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-import { PlusCircleIcon } from '@patternfly/react-icons/dist/js/icons/plus-circle-icon';
+import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon';
+import { PlusCircleIcon } from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
 import { ProviderType } from 'api/providers';
 import CostIcon from 'components/icons/costIcon';
 import React from 'react';

src/pages/views/components/dataToolbar/dataToolbar.tsx

@@ -22,9 +22,9 @@ import {
   ToolbarItem,
   ToolbarToggleGroup,
 } from '@patternfly/react-core';
-import { ExportIcon } from '@patternfly/react-icons/dist/js/icons/export-icon';
-import { FilterIcon } from '@patternfly/react-icons/dist/js/icons/filter-icon';
-import { SearchIcon } from '@patternfly/react-icons/dist/js/icons/search-icon';
+import { ExportIcon } from '@patternfly/react-icons/dist/esm/icons/export-icon';
+import { FilterIcon } from '@patternfly/react-icons/dist/esm/icons/filter-icon';
+import { SearchIcon } from '@patternfly/react-icons/dist/esm/icons/search-icon';
 import { Org } from 'api/orgs/org';
 import { orgUnitIdKey, orgUnitNameKey, Query, tagKey, tagPrefix } from 'api/queries/query';
 import { ResourcePathsType } from 'api/resources/resource';

src/pages/views/details/awsDetails/detailsTable.tsx

@@ -1,7 +1,7 @@
 import './awsDetailsTable.scss';
 
 import { Bullseye, EmptyState, EmptyStateBody, EmptyStateIcon, Spinner } from '@patternfly/react-core';
-import { CalculatorIcon } from '@patternfly/react-icons/dist/js/icons/calculator-icon';
+import { CalculatorIcon } from '@patternfly/react-icons/dist/esm/icons/calculator-icon';
 import { sortable, SortByDirection, Table, TableBody, TableHeader } from '@patternfly/react-table';
 import { AwsQuery, getQuery } from 'api/queries/awsQuery';
 import { tagPrefix } from 'api/queries/query';

src/pages/views/details/azureDetails/detailsTable.tsx

@@ -1,7 +1,7 @@
 import './azureDetailsTable.scss';
 
 import { Bullseye, EmptyState, EmptyStateBody, EmptyStateIcon, Spinner } from '@patternfly/react-core';
-import { CalculatorIcon } from '@patternfly/react-icons/dist/js/icons/calculator-icon';
+import { CalculatorIcon } from '@patternfly/react-icons/dist/esm/icons/calculator-icon';
 import { sortable, SortByDirection, Table, TableBody, TableHeader } from '@patternfly/react-table';
 import { AzureQuery, getQuery } from 'api/queries/azureQuery';
 import { tagPrefix } from 'api/queries/query';

src/pages/views/details/components/breakdown/breakdownHeader.tsx

@@ -1,7 +1,7 @@
 import './breakdownHeader.scss';
 
 import { Title, TitleSizes } from '@patternfly/react-core';
-import { AngleLeftIcon } from '@patternfly/react-icons/dist/js/icons/angle-left-icon';
+import { AngleLeftIcon } from '@patternfly/react-icons/dist/esm/icons/angle-left-icon';
 import { breakdownDescKey, breakdownTitleKey, getQueryRoute, orgUnitIdKey, Query } from 'api/queries/query';
 import { Report } from 'api/reports/report';
 import { TagPathsType } from 'api/tags/tag';

src/pages/views/details/components/costOverview/costOverviewBase.tsx

@@ -10,7 +10,7 @@ import {
   Title,
   TitleSizes,
 } from '@patternfly/react-core';
-import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons';
+import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons/dist/esm/icons/outlined-question-circle-icon';
 import { orgUnitIdKey, Query, tagPrefix } from 'api/queries/query';
 import { Report } from 'api/reports/report';
 import { Cluster } from 'pages/views/details/components/cluster/cluster';

src/pages/views/details/components/priceList/noRatesState.tsx

@@ -1,5 +1,5 @@
 import { EmptyState as PfEmptyState, EmptyStateBody, EmptyStateIcon, Title, TitleSizes } from '@patternfly/react-core';
-import { MoneyCheckAltIcon } from '@patternfly/react-icons/dist/js/icons/money-check-alt-icon';
+import { MoneyCheckAltIcon } from '@patternfly/react-icons/dist/esm/icons/money-check-alt-icon';
 import React from 'react';
 import { WithTranslation, withTranslation } from 'react-i18next';
 

src/pages/views/details/components/tag/tagLink.tsx

@@ -1,4 +1,4 @@
-import { TagIcon } from '@patternfly/react-icons/dist/js/icons/tag-icon';
+import { TagIcon } from '@patternfly/react-icons/dist/esm/icons/tag-icon';
 import { getQuery, logicalAndPrefix, orgUnitIdKey, parseQuery, Query } from 'api/queries/query';
 import { Tag, TagPathsType, TagType } from 'api/tags/tag';
 import { getGroupById, getGroupByOrgValue, getGroupByValue } from 'pages/views/utils/groupBy';

src/pages/views/details/gcpDetails/detailsTable.tsx

@@ -1,7 +1,7 @@
 import './gcpDetailsTable.scss';
 
 import { Bullseye, EmptyState, EmptyStateBody, EmptyStateIcon, Spinner } from '@patternfly/react-core';
-import { CalculatorIcon } from '@patternfly/react-icons/dist/js/icons/calculator-icon';
+import { CalculatorIcon } from '@patternfly/react-icons/dist/esm/icons/calculator-icon';
 import { sortable, SortByDirection, Table, TableBody, TableHeader } from '@patternfly/react-table';
 import { GcpQuery, getQuery } from 'api/queries/gcpQuery';
 import { tagPrefix } from 'api/queries/query';

src/pages/views/details/ibmDetails/detailsTable.tsx

@@ -1,7 +1,7 @@
 import './ibmDetailsTable.scss';
 
 import { Bullseye, EmptyState, EmptyStateBody, EmptyStateIcon, Spinner } from '@patternfly/react-core';
-import { CalculatorIcon } from '@patternfly/react-icons/dist/js/icons/calculator-icon';
+import { CalculatorIcon } from '@patternfly/react-icons/dist/esm/icons/calculator-icon';
 import { sortable, SortByDirection, Table, TableBody, TableHeader } from '@patternfly/react-table';
 import { getQuery, IbmQuery } from 'api/queries/ibmQuery';
 import { tagPrefix } from 'api/queries/query';

src/pages/views/details/ocpDetails/detailsTable.tsx

@@ -1,7 +1,7 @@
 import './detailsTable.scss';
 
 import { Bullseye, EmptyState, EmptyStateBody, EmptyStateIcon, Spinner } from '@patternfly/react-core';
-import { CalculatorIcon } from '@patternfly/react-icons/dist/js/icons/calculator-icon';
+import { CalculatorIcon } from '@patternfly/react-icons/dist/esm/icons/calculator-icon';
 import { sortable, SortByDirection, Table, TableBody, TableHeader } from '@patternfly/react-table';
 import { ProviderType } from 'api/providers';
 import { getQuery, OcpQuery } from 'api/queries/ocpQuery';

src/pages/views/explorer/explorerTable.tsx

@@ -1,7 +1,7 @@
 import './explorerTable.scss';
 
 import { Bullseye, EmptyState, EmptyStateBody, EmptyStateIcon, Spinner } from '@patternfly/react-core';
-import { CalculatorIcon } from '@patternfly/react-icons/dist/js/icons/calculator-icon';
+import { CalculatorIcon } from '@patternfly/react-icons/dist/esm/icons/calculator-icon';
 import { nowrap, sortable, SortByDirection, Table, TableBody, TableHeader } from '@patternfly/react-table';
 import { AwsQuery, getQuery } from 'api/queries/awsQuery';
 import { parseQuery, Query } from 'api/queries/query';

src/pages/views/overview/overview.tsx

@@ -11,7 +11,7 @@ import {
   Title,
   TitleSizes,
 } from '@patternfly/react-core';
-import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons/dist/js/icons/outlined-question-circle-icon';
+import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons/dist/esm/icons/outlined-question-circle-icon';
 import { Providers, ProviderType } from 'api/providers';
 import { getProvidersQuery } from 'api/queries/providersQuery';
 import { getUserAccessQuery } from 'api/queries/userAccessQuery';

test/transformTS.js

@@ -13,7 +13,7 @@ delete options.sourceMap;
 
 module.exports = {
   process(src, path) {
-    if (path.endsWith('.ts') || path.endsWith('.tsx')) {
+    if (path.endsWith('.ts') || path.endsWith('.tsx') || path.includes('@patternfly/react-icons/dist/esm')) {
       return tsc.transpile(src, options, path, []);
     }
     return src;