feat: replaced @edx/paragon & @edx/frontend-build to use openedx namespace, along with major version upgrades

.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: [

package.json

@@ -28,11 +28,11 @@
   "dependencies": {
     "@cospired/i18n-iso-languages": "4.0.1",
     "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
-    "@edx/frontend-component-footer": "^12.2.1",
-    "@edx/frontend-component-header": "^4.6.0",
-    "@edx/frontend-platform": "^5.5.4",
+    "@edx/frontend-component-footer": "^14.0.3",
+    "@edx/frontend-component-header": "^5.3.3",
+    "@edx/frontend-platform": "^8.0.0",
     "@edx/openedx-atlas": "^0.6.0",
-    "@edx/paragon": "^20.32.0",
+    "@openedx/paragon": "^21.13.1",
     "@fortawesome/fontawesome-svg-core": "6.1.2",
     "@fortawesome/free-brands-svg-icons": "6.1.2",
     "@fortawesome/free-regular-svg-icons": "6.1.2",
@@ -77,7 +77,7 @@
   },
   "devDependencies": {
     "@edx/browserslist-config": "^1.2.0",
-    "@edx/frontend-build": "13.0.14",
+    "@openedx/frontend-build": "14.0.3",
     "@edx/reactifex": "^2.1.0",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.1.5",

src/components/BasicAlert.jsx

@@ -6,8 +6,8 @@ import {
   Alert,
   AlertModal,
   Button,
-} from '@edx/paragon';
-import { Info } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { Info } from '@openedx/paragon/icons';
 
 import SupportLink from './SupportLink';
 import messages from './BasicAlert.messages';

src/components/SupportLink.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { getConfig } from '@edx/frontend-platform';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
-import { Hyperlink } from '@edx/paragon';
+import { Hyperlink } from '@openedx/paragon';
 
 const SupportLink = () => (
   <Hyperlink destination={`${getConfig().SUPPORT_URL}/hc/requests/new`}>

src/index.scss

@@ -1,7 +1,7 @@
 
 @import "~@edx/brand/paragon/fonts";
 @import "~@edx/brand/paragon/variables";
-@import "~@edx/paragon/scss/core/core";
+@import "~@openedx/paragon/scss/core/core";
 @import "~@edx/brand/paragon/overrides";
 
 $fa-font-path: "~font-awesome/fonts";

src/order-history/OrderHistoryPage.jsx

@@ -8,7 +8,7 @@ import {
   FormattedDate,
   FormattedNumber,
 } from '@edx/frontend-platform/i18n';
-import { DataTable, Hyperlink, Pagination } from '@edx/paragon';
+import { DataTable, Hyperlink, Pagination } from '@openedx/paragon';
 import MediaQuery from 'react-responsive';
 
 import { PageLoading } from '../components';

src/subscriptions/ManageSubscriptionsPage.jsx

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { FormattedMessage, useIntl } from '@edx/frontend-platform/i18n';
-import { Button } from '@edx/paragon';
+import { Button } from '@openedx/paragon';
 
 import { PageLoading, SupportLink } from '../components';
 

src/subscriptions/SubscriptionCardsView.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { getConfig } from '@edx/frontend-platform';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Badge, Card, Hyperlink } from '@edx/paragon';
+import { Badge, Card, Hyperlink } from '@openedx/paragon';
 
 import messages from './SubscriptionCardsView.messages';
 

src/subscriptions/SubscriptionUpsell.jsx

@@ -3,7 +3,7 @@ import { useMediaQuery } from 'react-responsive';
 
 import { getConfig } from '@edx/frontend-platform';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
-import { Alert, Badge, Button } from '@edx/paragon';
+import { Alert, Badge, Button } from '@openedx/paragon';
 
 const SubscriptionUpsell = () => (
   <Alert

src/subscriptions/Subscriptions.jsx

@@ -2,8 +2,8 @@ import React, { useEffect } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { sendTrackEvent } from '@edx/frontend-platform/analytics';
 import { FormattedMessage, useIntl } from '@edx/frontend-platform/i18n';
-import { StatefulButton } from '@edx/paragon';
-import { Launch, SpinnerSimple } from '@edx/paragon/icons';
+import { StatefulButton } from '@openedx/paragon';
+import { Launch, SpinnerSimple } from '@openedx/paragon/icons';
 
 import { BasicAlert } from '../components';