refactor: replace @edx/paragon and @edx/frontend-build

.eslintrc.js

@@ -1,4 +1,4 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
-const { createConfig } = require('@edx/frontend-build');
+const { createConfig } = require('@openedx/frontend-build');
 
 module.exports = createConfig('eslint');

jest.config.js

@@ -1,4 +1,4 @@
-const { createConfig } = require('@edx/frontend-build');
+const { createConfig } = require('@openedx/frontend-build');
 
 module.exports = createConfig('jest', {
   setupFiles: ['<rootDir>/src/setupTest.js'],

package.json

@@ -35,14 +35,14 @@
   "dependencies": {
     "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
     "@edx/brand-openedx": "^1.1.0",
-    "@edx/frontend-component-footer": "npm:@edx/frontend-component-footer-edx@^6.4.0",
-    "@edx/frontend-component-header": "npm:@edx/frontend-component-header-edx@^7.10.3",
-    "@edx/frontend-enterprise-catalog-search": "5.0.0",
-    "@edx/frontend-enterprise-hotjar": "2.0.0",
-    "@edx/frontend-enterprise-utils": "4.0.4",
-    "@edx/frontend-platform": "5.5.2",
+    "@edx/frontend-component-footer": "npm:@edx/frontend-component-footer-edx@^7.0.0",
+    "@edx/frontend-component-header": "npm:@edx/frontend-component-header-edx@^8.0.0",
+    "@edx/frontend-enterprise-catalog-search": "9.0.0",
+    "@edx/frontend-enterprise-hotjar": "6.0.0",
+    "@edx/frontend-enterprise-utils": "8.0.0",
+    "@edx/frontend-platform": "7.1.0",
     "@edx/openedx-atlas": "^0.6.0",
-    "@edx/paragon": "20.46.3",
+    "@openedx/paragon": "21.13.1",
     "algoliasearch": "4.19.1",
     "axios": "^1.6.7",
     "babel-polyfill": "6.26.0",
@@ -70,8 +70,8 @@
   },
   "devDependencies": {
     "@edx/browserslist-config": "^1.1.0",
-    "@edx/frontend-build": "13.0.1",
     "@edx/reactifex": "^2.1.1",
+    "@openedx/frontend-build": "13.0.28",
     "@testing-library/jest-dom": "5.17.0",
     "@testing-library/react": "12.1.5",
     "@testing-library/react-hooks": "7.0.2",

src/components/PageWrapper.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Container } from '@edx/paragon';
+import { Container } from '@openedx/paragon';
 import { Helmet } from 'react-helmet';
 
 import { PAGE_TITLE } from '../constants';

src/components/aiCuration/AskXpert.jsx

@@ -8,8 +8,8 @@
   Image,
   IconButton,
   Icon,
-} from '@edx/paragon';
-import { Close } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { Close } from '@openedx/paragon/icons';
 import PropTypes from 'prop-types';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
 import edxXPERT from '../../assets/edx-xpert-card-side-image.png';
@@ -77,7 +77,7 @@
     }
   };
   // we will remove this line after passing the results to the results component
   console.log(results);
   const cancelSearch = () => {
     setDelay(null);
     setIsLoading(false);

src/components/aiCuration/AskXpertQueryField.jsx

@@ -2,8 +2,8 @@ import {
   Form,
   Icon,
   IconButton,
-} from '@edx/paragon';
-import { Send } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { Send } from '@openedx/paragon/icons';
 import { useState } from 'react';
 
 import PropTypes from 'prop-types';

src/components/aiCuration/ProgressBar.jsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import {
   ProgressBar,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import PropTypes from 'prop-types';
 
 const LoadingBar = ({ isLoading }) => {

src/components/aiCuration/xpertResultCard/XpertResultCard.jsx

@@ -2,9 +2,9 @@ import React, { useState, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import {
   Icon, Card, Stack, Form, Button, Spinner, Image,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
-import { Close } from '@edx/paragon/icons';
+import { Close } from '@openedx/paragon/icons';
 import askXpretImage from '../../../assets/edx-xpert-card-side-image.png';
 import { useXpertResultsWithThreshold } from '../data/hooks';
 import {

src/components/catalogInfoModal/CatalogInfoModal.jsx

@@ -7,10 +7,10 @@ import {
   Image,
   ModalDialog,
   Icon,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 
-import { Launch } from '@edx/paragon/icons';
+import { Launch } from '@openedx/paragon/icons';
 import messages from './CatalogInfoModal.messages';
 import CatalogCourseModalBanner from '../catalogModalBanner/CatalogCourseModalBanner';
 import CatalogProgramModalBanner from '../catalogModalBanner/CatalogProgramModalBanner';

src/components/catalogModalBanner/CatalogCourseModalBanner.jsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Icon } from '@edx/paragon';
+import { Icon } from '@openedx/paragon';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 
 import {
   Book, BookOpen, EventNote, MoneyOutline,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 import messages from './CatalogCourseModalBanner.messages';
 import {
   checkAvailability,

src/components/catalogModalBanner/CatalogProgramModalBanner.jsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Icon } from '@edx/paragon';
+import { Icon } from '@openedx/paragon';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 
-import { Assignment, BookOpen, MoneyOutline } from '@edx/paragon/icons';
+import { Assignment, BookOpen, MoneyOutline } from '@openedx/paragon/icons';
 import messages from './CatalogCourseModalBanner.messages';
 import { checkSubscriptions } from '../../utils/catalogUtils';
 

src/components/catalogNoResultsDeck/CatalogNoResultsDeck.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { connectStateResults } from 'react-instantsearch-dom';
 
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { Alert, CardView, DataTable } from '@edx/paragon';
+import { Alert, CardView, DataTable } from '@openedx/paragon';
 
 import {
   CONTENT_TYPE_COURSE,

src/components/catalogSearchResults/CatalogSearchResults.jsx

@@ -11,7 +11,7 @@ import {
 } from '@edx/frontend-platform/i18n';
 import {
   Alert, Badge, Button, CardView, DataTable, Skeleton,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import PropTypes from 'prop-types';
 import React, {
   useCallback,

src/components/catalogSearchResults/associatedComponents/catalogBadges/CatalogBadges.jsx

@@ -1,4 +1,4 @@
-import { Badge } from '@edx/paragon';
+import { Badge } from '@openedx/paragon';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import PropTypes from 'prop-types';
 

src/components/catalogSearchResults/associatedComponents/downloadCsvButton/DownloadCsvButton.jsx

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 
-import { Toast, Button, useToggle } from '@edx/paragon';
-import { Download } from '@edx/paragon/icons';
+import { Toast, Button, useToggle } from '@openedx/paragon';
+import { Download } from '@openedx/paragon/icons';
 
 import EnterpriseCatalogApiService from '../../../../data/services/EnterpriseCatalogAPIService';
 

src/components/catalogSearchResults/associatedComponents/titleButton/TitleButton.jsx

@@ -1,4 +1,4 @@
-import { Button } from '@edx/paragon';
+import { Button } from '@openedx/paragon';
 import PropTypes from 'prop-types';
 import React from 'react';
 

src/components/catalogSelectionDeck/CatalogSelectionDeck.jsx

@@ -9,7 +9,7 @@ import {
 } from '@edx/frontend-enterprise-catalog-search';
 import {
   breakpoints, Container, SelectableBox, useMediaQuery,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 
 import messages from './CatalogSelectionDeck.messages';

src/components/courseCard/CourseCard.jsx

@@ -3,7 +3,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { Badge, Card } from '@edx/paragon';
+import { Badge, Card } from '@openedx/paragon';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import messages from './CourseCard.messages';
 import { CONTENT_TYPE_COURSE } from '../../constants';

src/components/hero/Hero.jsx

@@ -1,7 +1,7 @@
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import {
   Container, Image, useMediaQuery, breakpoints,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import PropTypes from 'prop-types';
 import React from 'react';
 import LargeHeroImageHiRes from '../../assets/hero-image-144px-hi-res.png';

src/components/programCard/ProgramCard.jsx

@@ -4,8 +4,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
-import { Badge, Icon, Card } from '@edx/paragon';
-import { Program } from '@edx/paragon/icons';
+import { Badge, Icon, Card } from '@openedx/paragon';
+import { Program } from '@openedx/paragon/icons';
 
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import defaultCardHeader from '@edx/brand/paragon/images/card-imagecap-fallback.png';

src/components/subheader/subheader.jsx

@@ -1,4 +1,4 @@
-import { Container } from '@edx/paragon';
+import { Container } from '@openedx/paragon';
 import React from 'react';
 import PropTypes from 'prop-types';
 

src/index.scss

@@ -1,6 +1,6 @@
 @import '~@edx/brand/paragon/fonts.scss';
 @import '~@edx/brand/paragon/variables.scss';
-@import '@edx/paragon/scss/core/core.scss';
+@import '@openedx/paragon/scss/core/core.scss';
 @import '~@edx/brand/paragon/overrides.scss';
 
 @import '~@edx/frontend-component-header/dist/index';