chore!: move paragon to peer dependency using @openedx scope (#456)

BREAKING CHANGE: consuming applications must now provide `paragon` from the `@openedx` scope

babel.config.js

@@ -1,3 +1,3 @@
-const { createConfig } = require('@edx/frontend-build');
+const { createConfig } = require('@openedx/frontend-build');
 
 module.exports = createConfig('babel-preserve-modules');

example/index.scss

@@ -1,6 +1,6 @@
 @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";
 
 @import "@edx/frontend-component-header/index";

jest.config.js

@@ -1,4 +1,4 @@
-const { createConfig } = require('@edx/frontend-build');
+const { createConfig } = require('@openedx/frontend-build');
 
 module.exports = createConfig('jest', {
   setupFilesAfterEnv: [

package.json

@@ -35,14 +35,13 @@
   "devDependencies": {
     "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
     "@edx/browserslist-config": "^1.1.1",
-    "@edx/frontend-build": "13.0.8",
-    "@edx/frontend-platform": "6.1.0",
+    "@edx/frontend-platform": "6.2.0",
     "@edx/reactifex": "^2.1.1",
-    "@testing-library/dom": "9.3.3",
+    "@openedx/frontend-build": "13.0.27",
+    "@openedx/paragon": "21.13.1",
+    "@testing-library/dom": "9.3.4",
     "@testing-library/jest-dom": "5.17.0",
     "@testing-library/react": "10.4.9",
-    "@wojtekmaj/enzyme-adapter-react-17": "0.8.0",
-    "enzyme": "3.11.0",
     "husky": "8.0.3",
     "jest": "29.7.0",
     "jest-chain": "1.1.6",
@@ -50,17 +49,16 @@
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-redux": "7.2.9",
-    "react-router-dom": "6.20.0",
+    "react-router-dom": "6.21.1",
     "react-test-renderer": "17.0.2",
     "redux": "4.2.1",
-    "redux-saga": "1.2.3"
+    "redux-saga": "1.3.0"
   },
   "dependencies": {
-    "@edx/paragon": "21.5.6",
-    "@fortawesome/fontawesome-svg-core": "6.4.2",
-    "@fortawesome/free-brands-svg-icons": "6.4.2",
-    "@fortawesome/free-regular-svg-icons": "6.4.2",
-    "@fortawesome/free-solid-svg-icons": "6.4.2",
+    "@fortawesome/fontawesome-svg-core": "6.5.1",
+    "@fortawesome/free-brands-svg-icons": "6.5.1",
+    "@fortawesome/free-regular-svg-icons": "6.5.1",
+    "@fortawesome/free-solid-svg-icons": "6.5.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "axios-mock-adapter": "1.22.0",
     "babel-polyfill": "6.26.0",
@@ -71,6 +69,7 @@
     "@edx/frontend-platform": "^4.0.0 || ^5.0.0 || ^6.0.0",
     "prop-types": "^15.5.10",
     "react": "^16.9.0 || ^17.0.0",
-    "react-dom": "^16.9.0 || ^17.0.0"
+    "react-dom": "^16.9.0 || ^17.0.0",
+    "@openedx/paragon": ">= 21.5.7 < 22.0.0"
   }
 }

src/Header.jsx

@@ -22,7 +22,6 @@ ensureConfig([
   'SITE_NAME',
   'LOGO_URL',
   'ORDER_HISTORY_URL',
-  'ACCOUNT_PROFILE_URL',
 ], 'Header component');
 
 subscribe(APP_CONFIG_INITIALIZED, () => {

src/i18n/messages/hi.json

@@ -1,36 +1,36 @@
 {
-  "header.links.courses": "Courses",
-  "header.links.programs": "Programs",
-  "header.links.content.search": "Discover New",
-  "header.links.schools": "Schools & Partners",
-  "header.user.menu.dashboard": "Dashboard",
-  "header.user.menu.profile": "Profile",
-  "header.user.menu.account.settings": "Account",
-  "header.user.menu.order.history": "Order History",
-  "header.user.menu.logout": "Logout",
-  "header.user.menu.login": "Login",
-  "header.user.menu.register": "Sign Up",
-  "header.user.menu.studio.home": "Studio Home",
-  "header.user.menu.studio.maintenance": "Maintenance",
-  "header.label.account.nav": "Account",
-  "header.label.account.menu": "Account Menu",
-  "header.label.account.menu.for": "Account menu for {username}",
-  "header.label.main.nav": "Main",
-  "header.label.main.menu": "Main Menu",
-  "header.label.main.header": "Main",
-  "header.label.secondary.nav": "Secondary",
-  "header.label.skip.nav": "Skip to main content",
-  "header.label.app.nav": "App",
-  "general.register.sentenceCase": "Register",
-  "general.signIn.sentenceCase": "Sign in",
-  "header.menu.dashboard.label": "Dashboard",
-  "header.help.label": "Help",
-  "header.menu.profile.label": "Profile",
-  "header.menu.account.label": "Account",
-  "header.menu.orderHistory.label": "Order History",
-  "header.navigation.skipNavLink": "Skip to main content.",
-  "header.menu.signOut.label": "Sign Out",
-  "header.user.menu.studio": "Studio Home",
-  "header.user.menu.maintenance": "Maintenance",
-  "header.label.courseOutline": "Back to course outline in Studio"
+  "header.links.courses": "पाठ्यक्रम",
+  "header.links.programs": "कार्यक्रमों",
+  "header.links.content.search": "नया खोजें",
+  "header.links.schools": "स्कूलों और भागीदारों",
+  "header.user.menu.dashboard": "डैशबोर्ड",
+  "header.user.menu.profile": "प्रोफ़ाइल",
+  "header.user.menu.account.settings": "खाता",
+  "header.user.menu.order.history": "ऑर्डर इतिहास",
+  "header.user.menu.logout": "लॉग आउट",
+  "header.user.menu.login": "लॉगिन",
+  "header.user.menu.register": "साइन अप",
+  "header.user.menu.studio.home": "स्टूडियो होम",
+  "header.user.menu.studio.maintenance": "अनुरक्षण करना",
+  "header.label.account.nav": "खाता",
+  "header.label.account.menu": "खाता मेनू",
+  "header.label.account.menu.for": "{username} के लिए खाता मेनू",
+  "header.label.main.nav": "मुख्य",
+  "header.label.main.menu": "मुख्य मेनू",
+  "header.label.main.header": "मुख्य",
+  "header.label.secondary.nav": "माध्यमिक",
+  "header.label.skip.nav": "मुख्य विषयवस्तु में जाएं",
+  "header.label.app.nav": "ऐप",
+  "general.register.sentenceCase": "रजिस्टर करें",
+  "general.signIn.sentenceCase": "साइन इन करें",
+  "header.menu.dashboard.label": "डैशबोर्ड",
+  "header.help.label": "मदद",
+  "header.menu.profile.label": "प्रोफ़ाइल",
+  "header.menu.account.label": "खाता",
+  "header.menu.orderHistory.label": "ऑर्डर इतिहास",
+  "header.navigation.skipNavLink": "मुख्य सामग्री पर जाएँ।",
+  "header.menu.signOut.label": "साइन आउट करें",
+  "header.user.menu.studio": "स्टूडियो होम",
+  "header.user.menu.maintenance": "अनुरक्षण करना",
+  "header.label.courseOutline": "स्टूडियो में पाठ्यक्रम की रूपरेखा पर वापस जाएँ"
 }

src/learning-header/AnonymousUserMenu.jsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { getConfig } from '@edx/frontend-platform';
 import { getLoginRedirectUrl } from '@edx/frontend-platform/auth';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { Button } from '@edx/paragon';
+import { Button } from '@openedx/paragon';
 
 import genericMessages from '../generic/messages';
 

src/learning-header/AuthenticatedUserDropdown.jsx

@@ -5,7 +5,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faUserCircle } from '@fortawesome/free-solid-svg-icons';
 import { getConfig } from '@edx/frontend-platform';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { Dropdown } from '@edx/paragon';
+import { Dropdown } from '@openedx/paragon';
 
 import messages from './messages';
 

src/setupTest.js

@@ -1,9 +1,7 @@
 /* eslint-disable import/no-extraneous-dependencies */
 
-import Enzyme from 'enzyme';
 import React from 'react';
 import PropTypes from 'prop-types';
-import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import '@testing-library/jest-dom';
 import '@testing-library/jest-dom/extend-expect';
 import 'babel-polyfill';
@@ -17,8 +15,6 @@ import { IntlProvider } from 'react-intl';
 import AppProvider from '@edx/frontend-platform/react/AppProvider';
 import appMessages from './i18n';
 
-Enzyme.configure({ adapter: new Adapter() });
-
 // These configuration values are usually set in webpack's EnvironmentPlugin however
 // Jest does not use webpack so we need to set these so for testing
 process.env.ACCESS_TOKEN_COOKIE_NAME = 'edx-jwt-cookie-header-payload';

src/studio-header/CourseLockUp.jsx

@@ -4,7 +4,7 @@ import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import {
   OverlayTrigger,
   Tooltip,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import messages from './messages';
 
 const CourseLockUp = ({

src/studio-header/HeaderBody.jsx

@@ -6,8 +6,8 @@ import {
   Container,
   Nav,
   Row,
-} from '@edx/paragon';
-import { Close, MenuIcon } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { Close, MenuIcon } from '@openedx/paragon/icons';
 
 import CourseLockUp from './CourseLockUp';
 import UserMenu from './UserMenu';

src/studio-header/MobileHeader.jsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { useToggle, ModalPopup } from '@edx/paragon';
+import { useToggle, ModalPopup } from '@openedx/paragon';
 import HeaderBody from './HeaderBody';
 import MobileMenu from './MobileMenu';
 

src/studio-header/MobileMenu.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Collapsible } from '@edx/paragon';
+import { Collapsible } from '@openedx/paragon';
 
 const MobileMenu = ({
   mainMenuDropdowns,

src/studio-header/NavDropdownMenu.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import {
   Dropdown,
   DropdownButton,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 
 const NavDropdownMenu = ({
   id,

src/studio-header/UserMenu.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import {
   Avatar,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import NavDropdownMenu from './NavDropdownMenu';
 import getUserMenuItems from './utils';
 

webpack.dev.config.js

@@ -1,5 +1,5 @@
 const path = require('path');
-const { createConfig } = require('@edx/frontend-build');
+const { createConfig } = require('@openedx/frontend-build');
 
 module.exports = createConfig('webpack-dev', {
   entry: path.resolve(__dirname, 'example'),