ManageIQ · GilbertCherrie · Sep 22, 2025 · Sep 23, 2025 · Sep 23, 2025 · Sep 23, 2025
@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import {
   Select, SelectItem, Search,
-} from 'carbon-components-react';
+} from "@carbon/react";
 import { noSelect } from './helper';
 
 const FilterNamespace = ({ domains, onSearch }) => {

@@ -1,7 +1,7 @@
 import React, { useState, useMemo, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { useQuery } from 'react-query';
-import { Loading } from 'carbon-components-react';
+import { Loading } from "@carbon/react";
 import { debounce } from 'lodash';
 import FilterNamespace from './FilterNamespace';
 import MiqDataTable from '../miq-data-table';

@@ -3,7 +3,7 @@ import { QueryClient, QueryClientProvider } from 'react-query';
 import PropTypes from 'prop-types';
 import {
   Modal, Button, ModalBody, Accordion, AccordionItem,
-} from 'carbon-components-react';
+} from "@carbon/react";
 import { AddAlt16 } from '@carbon/icons-react';
 import NotificationMessage from '../notification-message';
 import MiqDataTable from '../miq-data-table';

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { Tabs, Tab } from 'carbon-components-react';
+import { Tabs, Tab } from "@carbon/react";
 import NotificationMessage from '../notification-message';
 import MiqStructuredList from '../miq-structured-list';
 

@@ -1,6 +1,6 @@
 import { useFieldApi, useFormApi } from '@@ddf';
 import React from 'react';
-import { Button, Checkbox } from 'carbon-components-react';
+import { Button, Checkbox } from "@carbon/react";
 import PropTypes from 'prop-types';
 import { TreeViewRedux } from '../tree-view';
 

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Controlled as CodeMirror } from 'react-codemirror2';
-import { Tabs, Tab } from 'carbon-components-react';
+import { Tabs, Tab } from "@carbon/react";
 import NotificationMessage from '../notification-message';
 
 /** The AnsiblePlaybookWorkflow is used to render the payload received from the  Ansible Playbook's show page */

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import MiqFormRenderer from '@@ddf';
-import { Loading } from 'carbon-components-react';
+import { Loading } from "@carbon/react";
 import createSchema from './ansible-repository-form.schema';
 import miqRedirectBack from '../../helpers/miq-redirect-back';
 import { API } from '../../http_api';

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import {
   isEqual, flatMap, get, set,
 } from 'lodash';
-import { Button, InlineLoading } from 'carbon-components-react';
+import { Button, InlineLoading } from "@carbon/react";
 
 import {
   useFormApi, useFieldApi, validatorTypes, FormSpy,

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import {
   isEqual, flatMap, get, set,
 } from 'lodash';
-import { Button, InlineLoading } from 'carbon-components-react';
+import { Button, InlineLoading } from "@carbon/react";
 
 import {
   useFormApi, useFieldApi, validatorTypes, FormSpy,

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import {
   FormGroup, TextInput, TextArea, Button,
-} from 'carbon-components-react';
+} from "@carbon/react";
 import { prepareProps } from '@data-driven-forms/carbon-component-mapper';
 import { EditOff16 } from '@carbon/icons-react';
 

@@ -1,6 +1,6 @@
 import React, { useState, Fragment } from 'react';
 import PropTypes from 'prop-types';
-import { FormGroup, TextInput, Button } from 'carbon-components-react';
+import { FormGroup, TextInput, Button } from "@carbon/react";
 import { Edit16 } from '@carbon/icons-react';
 
 import { componentTypes, useFormApi } from '@@ddf';
@@ -25,7 +25,7 @@ const PasswordField = ({
     helperText,
     ...rest,
     component: edit ? 'edit-password-field' : componentClass,
-    ...(edit) && { componentClass },
+    ...(edit && { componentClass }),
   };
 
   const newProps = { ...secretField };

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import {
   Checkbox, Loading, Modal, ModalBody,
-} from 'carbon-components-react';
+} from "@carbon/react";
 import PropTypes from 'prop-types';
 import {
   Document16,

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import MiqFormRenderer, { useFormApi } from '@@ddf';
 import { FormSpy } from '@data-driven-forms/react-form-renderer';
 import PropTypes from 'prop-types';
-import { Loading, Button } from 'carbon-components-react';
+import { Loading, Button } from "@carbon/react";
 import createSchema from './automate-simulation-form.schema';
 import AutomationSimulation from '../AutomationSimulation';
 

@@ -2,7 +2,7 @@
 /* eslint-disable jsx-a11y/anchor-is-valid */
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Breadcrumb, BreadcrumbItem } from 'carbon-components-react';
+import { Breadcrumb, BreadcrumbItem } from "@carbon/react";
 import { unescape } from 'lodash';
 import { onClickTree, onClick, onClickToExplorer } from './on-click-functions';
 

@@ -2,7 +2,7 @@ import cx from 'classnames';
 import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { useDispatch, useSelector } from 'react-redux';
-import { Button } from 'carbon-components-react';
+import { Button } from "@carbon/react";
 import { TOGGLE_DRAWER_VISIBILITY } from '../../miq-redux/actions/notifications-actions';
 import MiqIcon from '../../menu/icon';
 import NotificationDrawer from '../notification-drawer/notification-drawer';

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import MiqFormRenderer, { useFormApi } from '@@ddf';
-import { Button, Loading } from 'carbon-components-react';
+import { Button, Loading } from "@carbon/react";
 import PropTypes from 'prop-types';
 import { FormSpy } from '@data-driven-forms/react-form-renderer';
 import createSchema from './group-form.schema';

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { Grid } from 'carbon-components-react';
+import { Grid } from "@carbon/react";
 import MiqFormRenderer from '../../forms/data-driven-form';
 import createSchema from './catalog-form.schema';
 import { API } from '../../http_api';

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { Grid } from 'carbon-components-react';
+import { Grid } from "@carbon/react";
 import MiqFormRenderer from '@@ddf';
 import miqRedirectBack from '../../helpers/miq-redirect-back';
 import createSchema from './cloud-database-form.schema';

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { Grid } from 'carbon-components-react';
+import { Grid } from "@carbon/react";
 import MiqFormRenderer from '../../forms/data-driven-form';
 import createSchema from './cloud-network-form.schema';
 import { networkProviders } from '../../helpers/network-providers';

@@ -1,6 +1,6 @@
 /* eslint-disable camelcase */
 import React, { useState } from 'react';
-import { Loading } from 'carbon-components-react';
+import { Loading } from "@carbon/react";
 import MiqFormRenderer from '../../forms/data-driven-form';
 import createSchema from './cloud-object-store-container-form.schema';
 import { API } from '../../http_api';

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { Grid } from 'carbon-components-react';
+import { Grid } from "@carbon/react";
 import MiqFormRenderer from '@@ddf';
 import miqRedirectBack from '../../helpers/miq-redirect-back';
 import createSchema from './cloud-tenant-form.schema';

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 
 import MiqFormRenderer, { useFormApi } from '@@ddf';
 import { FormSpy } from '@data-driven-forms/react-form-renderer';
-import { Button } from 'carbon-components-react';
+import { Button } from "@carbon/react";
 import createSchema from './attach-detach-cloud-volume.schema';
 import miqRedirectBack from '../../helpers/miq-redirect-back';
 

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { Controlled as CodeMirror } from 'react-codemirror2';
-import { FormGroup, RadioButtonGroup, RadioButton } from 'carbon-components-react';
+import { FormGroup, RadioButtonGroup, RadioButton } from "@carbon/react";
 import { prepareProps } from '@data-driven-forms/carbon-component-mapper';
 
 import { useFieldApi } from '@@ddf';

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { MeterChart } from '@carbon/charts-react';
-import { Loading } from 'carbon-components-react';
+import { Loading } from "@carbon/react";
 import EmptyCard from './empty-card';
 import BarChartCard from './bar-chart-card';
 import TrendChartCard from './trend-chart-card';

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { Grid } from 'carbon-components-react';
+import { Grid } from "@carbon/react";
 import MiqFormRenderer from '../../forms/data-driven-form';
 import createSchema from './copy-catalog-form.schema';
 import { http } from '../../http_api';

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { Grid } from 'carbon-components-react';
+import { Grid } from "@carbon/react";
 import MiqFormRenderer from '../../forms/data-driven-form';
 import createSchema from './copy-dashboard-form.schema';
 import { http, API } from '../../http_api';

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
-import { Tab, Tabs, Modal } from 'carbon-components-react';
+import { Tab, Tabs, Modal } from "@carbon/react";
 import { checkForFormChanges } from './helper';
 
 const CustomURLTabs = ({

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Modal } from 'carbon-components-react';
+import { Modal } from "@carbon/react";
 import miqRedirectBack from '../../../helpers/miq-redirect-back';
 
 const WidgetRemoveModal = ({

@@ -1,7 +1,7 @@
 /* eslint-disable no-alert */
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { OverflowMenuItem, Loading } from 'carbon-components-react';
+import { OverflowMenuItem, Loading } from "@carbon/react";
 import classNames from 'classnames';
 import WidgetChart from '../widget-chart';
 import WidgetError from '../widget-error';

@@ -1,7 +1,7 @@
 /* eslint-disable camelcase */
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { OverflowMenu } from 'carbon-components-react';
+import { OverflowMenu } from "@carbon/react";
 import debouncePromise from '../../../helpers/promise-debounce';
 import { getOverflowButtons, getWidget } from './helper';
 import WidgetRemoveModal from '../widget-remove-modal';

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Button } from 'carbon-components-react';
+import { Button } from "@carbon/react";
 import { Close16 } from '@carbon/icons-react';
 
 const WidgetZoom = ({

@@ -1,7 +1,7 @@
 /* eslint-disable react/destructuring-assignment */
 import React from 'react';
 import PropTypes from 'prop-types';
-import { OverflowMenu, OverflowMenuItem } from 'carbon-components-react';
+import { OverflowMenu, OverflowMenuItem } from "@carbon/react";
 import { ChevronDown20 } from '@carbon/icons-react';
 
 const addClick = (item) =>

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
-import { Grid } from 'carbon-components-react';
+import { Grid } from "@carbon/react";
 import createSchema from './edit-service-form.schema';
 import MiqFormRenderer from '../../forms/data-driven-form';
 import miqRedirectBack from '../../helpers/miq-redirect-back';

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { Button, TextInput } from 'carbon-components-react';
+import { Button, TextInput } from "@carbon/react";
 import { Close16, TreeViewAlt16 } from '@carbon/icons-react';
 import { useFieldApi } from '@@ddf';
 import AutomateEntryPoints from '../automate-entry-points';

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import MiqFormRenderer from '@@ddf';
-import { Loading } from 'carbon-components-react';
+import { Loading } from "@carbon/react";
 import createSchema from './embedded-terraform-repository-form.schema';
 import miqRedirectBack from '../../helpers/miq-redirect-back';
 import { API } from '../../http_api';

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { Button, TextInput } from 'carbon-components-react';
+import { Button, TextInput } from "@carbon/react";
 import { Close16, TreeViewAlt16 } from '@carbon/icons-react';
 import { useFieldApi } from '@@ddf';
 import WorkflowEntryPoints from '../workflows/workflow-entry-points';

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { Loading } from 'carbon-components-react';
+import { Loading } from "@carbon/react";
 import PfAggregateStatusCard from '../pf_aggregate_status_card';
 import { getProviderInfo, getAggStatusInfo } from './helper';
 

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { Loading } from 'carbon-components-react';
+import { Loading } from "@carbon/react";
 import MiqFormRenderer from '../../forms/data-driven-form';
 import { createSchema } from './evacuate-form.schema';
 import miqRedirectBack from '../../helpers/miq-redirect-back';

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import {
   Select, SelectItem, SelectItemGroup, Button,
-} from 'carbon-components-react';
+} from "@carbon/react";
 
 const FilterDropdown = ({
   defSearches, mySearches, filterSelected, defaultSelected, selectedFilter,

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { Search32, Close32 } from '@carbon/icons-react';
-import { Button, Checkbox, TextInput } from 'carbon-components-react';
+import { Button, Checkbox, TextInput } from "@carbon/react";
 
 /** Component to filter the images at provisioning instances page. */
 const FilterProvisionInstance = ({

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Grid } from 'carbon-components-react';
+import { Grid } from "@carbon/react";
 import schema from './firmware-registry-form.schema';
 import MiqFormRenderer from '../../forms/data-driven-form';
 

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { Grid } from 'carbon-components-react';
+import { Grid } from "@carbon/react";
 import MiqFormRenderer from '@@ddf';
 import miqRedirectBack from '../../helpers/miq-redirect-back';
 import createSchema from './flavor-form.schema';

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import {
   FormGroup, Button,
-} from 'carbon-components-react';
+} from "@carbon/react";
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { prepareProps } from '@data-driven-forms/carbon-component-mapper';

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { Grid, Row, Column } from 'carbon-components-react';
+import { Grid, Row, Column } from "@carbon/react";
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 

@@ -5,7 +5,7 @@ import {
   Tabs,
   Tab,
   Modal, ModalBody,
-} from 'carbon-components-react';
+} from "@carbon/react";
 import IconList from './icon-list';
 
 const IconModal = ({

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Button } from 'carbon-components-react';
+import { Button } from "@carbon/react";
 import { ChevronDown32 } from '@carbon/icons-react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';