From 69c3f6830b2238570f7d70919706e3db3ec5f643 Mon Sep 17 00:00:00 2001 From: Feanil Patel Date: Tue, 31 Oct 2023 09:26:53 -0400 Subject: [PATCH] chore: Update to the new version of paragon in the new scope. Part of https://github.com/openedx/axim-engineering/issues/23 This replaces the `@edx/paragon` packag to point to the `paragon` package at the `openedx` scope(`@openedx/paragon`). Imports have been updated to use the same locations in the new package. --- package-lock.json | 186 +++++++++++++++++- package.json | 2 +- src/account-settings/AccountSettingsPage.jsx | 4 +- src/account-settings/BetaLanguageBanner.jsx | 2 +- src/account-settings/DOBForm.jsx | 2 +- src/account-settings/EditableField.jsx | 2 +- src/account-settings/EditableSelectField.jsx | 2 +- src/account-settings/EmailField.jsx | 2 +- src/account-settings/JumpNav.jsx | 4 +- .../OneTimeDismissibleAlert.jsx | 2 +- src/account-settings/SwitchContent.jsx | 2 +- .../CertificatePreference.jsx | 2 +- .../delete-account/BeforeProceedingBanner.jsx | 2 +- .../delete-account/ConfirmationModal.jsx | 2 +- .../delete-account/DeleteAccount.jsx | 2 +- .../delete-account/PrintingInstructions.jsx | 2 +- .../delete-account/SuccessModal.jsx | 2 +- .../demographics/Checkboxes.jsx | 2 +- .../demographics/DemographicsSection.jsx | 2 +- .../name-change/NameChange.jsx | 2 +- .../reset-password/ConfirmationAlert.jsx | 2 +- .../reset-password/ResetPassword.jsx | 2 +- .../third-party-auth/ThirdPartyAuth.jsx | 2 +- src/i18n/index.js | 2 +- src/id-verification/Camera.jsx | 2 +- src/id-verification/CameraHelp.jsx | 2 +- src/id-verification/CameraHelpWithUpload.jsx | 2 +- src/id-verification/CollapsibleImageHelp.jsx | 2 +- src/id-verification/IdVerificationPage.jsx | 2 +- src/id-verification/ImageFileUpload.jsx | 2 +- src/id-verification/panels/GetNameIdPanel.jsx | 2 +- .../panels/ReviewRequirementsPanel.jsx | 2 +- src/id-verification/panels/SummaryPanel.jsx | 2 +- src/index.scss | 2 +- .../NotificationCourses.jsx | 4 +- .../NotificationPreferenceApp.jsx | 2 +- .../NotificationPreferenceRow.jsx | 4 +- .../NotificationPreferences.jsx | 4 +- src/notification-preferences/ToggleSwitch.jsx | 2 +- 39 files changed, 228 insertions(+), 44 deletions(-) diff --git a/package-lock.json b/package-lock.json index 82a5e7073..fd6286b69 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,12 +13,12 @@ "@edx/frontend-component-footer": "12.5.0", "@edx/frontend-component-header": "4.8.0", "@edx/frontend-platform": "5.5.4", - "@edx/paragon": "20.46.3", "@fortawesome/fontawesome-svg-core": "1.2.36", "@fortawesome/free-brands-svg-icons": "5.15.4", "@fortawesome/free-regular-svg-icons": "5.15.4", "@fortawesome/free-solid-svg-icons": "5.15.4", "@fortawesome/react-fontawesome": "0.2.0", + "@openedx/paragon": "^21.5.7", "@tensorflow-models/blazeface": "0.0.7", "@tensorflow/tfjs-converter": "3.21.0", "@tensorflow/tfjs-core": "3.21.0", @@ -2718,6 +2718,7 @@ "version": "20.46.3", "resolved": "https://registry.npmjs.org/@edx/paragon/-/paragon-20.46.3.tgz", "integrity": "sha512-cHxoxoOREVFbBqW9IRAtlIAQo1lcF9JJXkLoEw1Vam6oetKSa5Mc0SL5kykbV+1iRPP7kS8A0Csf5nRr0oolLQ==", + "peer": true, "dependencies": { "@fortawesome/fontawesome-svg-core": "^6.1.1", "@fortawesome/react-fontawesome": "^0.1.18", @@ -2756,6 +2757,7 @@ "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.4.2.tgz", "integrity": "sha512-1DgP7f+XQIJbLFCTX1V2QnxVmpLdKdzzo2k8EmvDOePfchaIGQ9eCHj2up3/jNEbZuBqel5OxiaOJf37TWauRA==", "hasInstallScript": true, + "peer": true, "engines": { "node": ">=6" } @@ -2765,6 +2767,7 @@ "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.4.2.tgz", "integrity": "sha512-gjYDSKv3TrM2sLTOKBc5rH9ckje8Wrwgx1CxAPbN5N3Fm4prfi7NsJVWd1jklp7i5uSCVwhZS5qlhMXqLrpAIg==", "hasInstallScript": true, + "peer": true, "dependencies": { "@fortawesome/fontawesome-common-types": "6.4.2" }, @@ -2776,6 +2779,7 @@ "version": "0.1.19", "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.1.19.tgz", "integrity": "sha512-Hyb+lB8T18cvLNX0S3llz7PcSOAJMLwiVKBuuzwM/nI5uoBw+gQjnf9il0fR1C3DKOI5Kc79pkJ4/xB0Uw9aFQ==", + "peer": true, "dependencies": { "prop-types": "^15.8.1" }, @@ -2788,6 +2792,7 @@ "version": "2.0.1", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "peer": true, "dependencies": { "balanced-match": "^1.0.0" } @@ -2796,6 +2801,7 @@ "version": "8.1.0", "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz", "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==", + "peer": true, "dependencies": { "fs.realpath": "^1.0.0", "inflight": "^1.0.4", @@ -2814,6 +2820,7 @@ "version": "5.1.6", "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz", "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==", + "peer": true, "dependencies": { "brace-expansion": "^2.0.1" }, @@ -5211,6 +5218,183 @@ "node": ">= 8" } }, + "node_modules/@openedx/paragon": { + "version": "21.6.1", + "resolved": "https://registry.npmjs.org/@openedx/paragon/-/paragon-21.6.1.tgz", + "integrity": "sha512-bvmEnCNa1rAiclvdSYA646zwdvq6SzRlon/JSG7bqgvnVrMBmyAcyZE1RzWjEWgkfVPPKjXbfN7EorFSJ3zxPw==", + "dependencies": { + "@fortawesome/fontawesome-svg-core": "^6.1.1", + "@fortawesome/react-fontawesome": "^0.1.18", + "@popperjs/core": "^2.11.4", + "bootstrap": "^4.6.2", + "chalk": "^4.1.2", + "child_process": "^1.0.2", + "classnames": "^2.3.1", + "email-prop-type": "^3.0.0", + "file-selector": "^0.6.0", + "font-awesome": "^4.7.0", + "glob": "^8.0.3", + "inquirer": "^8.2.5", + "lodash.uniqby": "^4.7.0", + "mailto-link": "^2.0.0", + "prop-types": "^15.8.1", + "react-bootstrap": "^1.6.5", + "react-colorful": "^5.6.1", + "react-dropzone": "^14.2.1", + "react-focus-on": "^3.5.4", + "react-loading-skeleton": "^3.1.0", + "react-popper": "^2.2.5", + "react-proptype-conditional-require": "^1.0.4", + "react-responsive": "^8.2.0", + "react-table": "^7.7.0", + "react-transition-group": "^4.4.2", + "tabbable": "^5.3.3", + "uncontrollable": "^7.2.1", + "uuid": "^9.0.0" + }, + "bin": { + "paragon": "bin/paragon-scripts.js" + }, + "peerDependencies": { + "react": "^16.8.6 || ^17.0.0", + "react-dom": "^16.8.6 || ^17.0.0", + "react-intl": "^5.25.1 || ^6.4.0" + } + }, + "node_modules/@openedx/paragon/node_modules/@fortawesome/fontawesome-common-types": { + "version": "6.4.2", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.4.2.tgz", + "integrity": "sha512-1DgP7f+XQIJbLFCTX1V2QnxVmpLdKdzzo2k8EmvDOePfchaIGQ9eCHj2up3/jNEbZuBqel5OxiaOJf37TWauRA==", + "hasInstallScript": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/@openedx/paragon/node_modules/@fortawesome/fontawesome-svg-core": { + "version": "6.4.2", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.4.2.tgz", + "integrity": "sha512-gjYDSKv3TrM2sLTOKBc5rH9ckje8Wrwgx1CxAPbN5N3Fm4prfi7NsJVWd1jklp7i5uSCVwhZS5qlhMXqLrpAIg==", + "hasInstallScript": true, + "dependencies": { + "@fortawesome/fontawesome-common-types": "6.4.2" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@openedx/paragon/node_modules/@fortawesome/react-fontawesome": { + "version": "0.1.19", + "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.1.19.tgz", + "integrity": "sha512-Hyb+lB8T18cvLNX0S3llz7PcSOAJMLwiVKBuuzwM/nI5uoBw+gQjnf9il0fR1C3DKOI5Kc79pkJ4/xB0Uw9aFQ==", + "dependencies": { + "prop-types": "^15.8.1" + }, + "peerDependencies": { + "@fortawesome/fontawesome-svg-core": "~1 || ~6", + "react": ">=16.x" + } + }, + "node_modules/@openedx/paragon/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@openedx/paragon/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/@openedx/paragon/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@openedx/paragon/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/@openedx/paragon/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==" + }, + "node_modules/@openedx/paragon/node_modules/glob": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz", + "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==", + "dependencies": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^5.0.1", + "once": "^1.3.0" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/@openedx/paragon/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "engines": { + "node": ">=8" + } + }, + "node_modules/@openedx/paragon/node_modules/minimatch": { + "version": "5.1.6", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz", + "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@openedx/paragon/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/@pmmmwh/react-refresh-webpack-plugin": { "version": "0.5.11", "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.11.tgz", diff --git a/package.json b/package.json index fb09615e4..f9aaa12e9 100644 --- a/package.json +++ b/package.json @@ -31,7 +31,7 @@ "@edx/frontend-component-footer": "12.5.0", "@edx/frontend-component-header": "4.8.0", "@edx/frontend-platform": "5.5.4", - "@edx/paragon": "20.46.3", + "@openedx/paragon": "^21.5.7", "@fortawesome/fontawesome-svg-core": "1.2.36", "@fortawesome/free-brands-svg-icons": "5.15.4", "@fortawesome/free-regular-svg-icons": "5.15.4", diff --git a/src/account-settings/AccountSettingsPage.jsx b/src/account-settings/AccountSettingsPage.jsx index 141f8917c..41b8a944a 100644 --- a/src/account-settings/AccountSettingsPage.jsx +++ b/src/account-settings/AccountSettingsPage.jsx @@ -15,8 +15,8 @@ import { } from '@edx/frontend-platform/i18n'; import { Button, Hyperlink, Icon, Alert, -} from '@edx/paragon'; -import { CheckCircle, Error, WarningFilled } from '@edx/paragon/icons'; +} from '@openedx/paragon'; +import { CheckCircle, Error, WarningFilled } from '@openedx/paragon/icons'; import messages from './AccountSettingsPage.messages'; import { diff --git a/src/account-settings/BetaLanguageBanner.jsx b/src/account-settings/BetaLanguageBanner.jsx index fc7b5e3ce..e309857a7 100644 --- a/src/account-settings/BetaLanguageBanner.jsx +++ b/src/account-settings/BetaLanguageBanner.jsx @@ -3,7 +3,7 @@ import PropTypes from 'prop-types'; import { AppContext } from '@edx/frontend-platform/react'; import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; import { connect } from 'react-redux'; -import { Button, Hyperlink } from '@edx/paragon'; +import { Button, Hyperlink } from '@openedx/paragon'; import { betaLanguageBannerSelector } from './data/selectors'; import messages from './AccountSettingsPage.messages'; diff --git a/src/account-settings/DOBForm.jsx b/src/account-settings/DOBForm.jsx index d9cf664b5..d5031877b 100644 --- a/src/account-settings/DOBForm.jsx +++ b/src/account-settings/DOBForm.jsx @@ -2,7 +2,7 @@ import PropTypes from 'prop-types'; import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; import { Form, StatefulButton, ModalDialog, ActionRow, useToggle, Button, -} from '@edx/paragon'; +} from '@openedx/paragon'; import React, { useCallback, useEffect, useState } from 'react'; import { connect, useDispatch } from 'react-redux'; import messages from './AccountSettingsPage.messages'; diff --git a/src/account-settings/EditableField.jsx b/src/account-settings/EditableField.jsx index 5b17facc9..b2b152e69 100644 --- a/src/account-settings/EditableField.jsx +++ b/src/account-settings/EditableField.jsx @@ -5,7 +5,7 @@ import classNames from 'classnames'; import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; import { Button, Form, StatefulButton, -} from '@edx/paragon'; +} from '@openedx/paragon'; import { faPencilAlt } from '@fortawesome/free-solid-svg-icons'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; diff --git a/src/account-settings/EditableSelectField.jsx b/src/account-settings/EditableSelectField.jsx index ec2406b0c..d7ee9b3df 100644 --- a/src/account-settings/EditableSelectField.jsx +++ b/src/account-settings/EditableSelectField.jsx @@ -4,7 +4,7 @@ import { connect } from 'react-redux'; import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; import { Button, Form, StatefulButton, -} from '@edx/paragon'; +} from '@openedx/paragon'; import { faPencilAlt } from '@fortawesome/free-solid-svg-icons'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; diff --git a/src/account-settings/EmailField.jsx b/src/account-settings/EmailField.jsx index a0626ca66..301976688 100644 --- a/src/account-settings/EmailField.jsx +++ b/src/account-settings/EmailField.jsx @@ -4,7 +4,7 @@ import { connect } from 'react-redux'; import { injectIntl, intlShape, FormattedMessage } from '@edx/frontend-platform/i18n'; import { Button, StatefulButton, Form, -} from '@edx/paragon'; +} from '@openedx/paragon'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faExclamationTriangle, faPencilAlt } from '@fortawesome/free-solid-svg-icons'; diff --git a/src/account-settings/JumpNav.jsx b/src/account-settings/JumpNav.jsx index aaf2c9174..89aceba97 100644 --- a/src/account-settings/JumpNav.jsx +++ b/src/account-settings/JumpNav.jsx @@ -1,7 +1,7 @@ import { getConfig } from '@edx/frontend-platform'; import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; -import { breakpoints, useWindowSize, Icon } from '@edx/paragon'; -import { OpenInNew } from '@edx/paragon/icons'; +import { breakpoints, useWindowSize, Icon } from '@openedx/paragon'; +import { OpenInNew } from '@openedx/paragon/icons'; import classNames from 'classnames'; import PropTypes from 'prop-types'; import React from 'react'; diff --git a/src/account-settings/OneTimeDismissibleAlert.jsx b/src/account-settings/OneTimeDismissibleAlert.jsx index a8683ad0a..8510eabcc 100644 --- a/src/account-settings/OneTimeDismissibleAlert.jsx +++ b/src/account-settings/OneTimeDismissibleAlert.jsx @@ -1,7 +1,7 @@ import React, { useState } from 'react'; import PropTypes from 'prop-types'; -import { Alert } from '@edx/paragon'; +import { Alert } from '@openedx/paragon'; const OneTimeDismissibleAlert = (props) => { const [dismissed, setDismissed] = useState(localStorage.getItem(props.id) !== 'true'); diff --git a/src/account-settings/SwitchContent.jsx b/src/account-settings/SwitchContent.jsx index 4d383d96d..1b45296c6 100644 --- a/src/account-settings/SwitchContent.jsx +++ b/src/account-settings/SwitchContent.jsx @@ -1,6 +1,6 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { TransitionReplace } from '@edx/paragon'; +import { TransitionReplace } from '@openedx/paragon'; const onChildExit = (htmlNode) => { // If the leaving child has focus, take control and redirect it diff --git a/src/account-settings/certificate-preference/CertificatePreference.jsx b/src/account-settings/certificate-preference/CertificatePreference.jsx index 4adb574e1..e98ce4c35 100644 --- a/src/account-settings/certificate-preference/CertificatePreference.jsx +++ b/src/account-settings/certificate-preference/CertificatePreference.jsx @@ -7,7 +7,7 @@ import { Form, ModalDialog, StatefulButton, -} from '@edx/paragon'; +} from '@openedx/paragon'; import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; import { diff --git a/src/account-settings/delete-account/BeforeProceedingBanner.jsx b/src/account-settings/delete-account/BeforeProceedingBanner.jsx index 36eb748e8..c185bfa1b 100644 --- a/src/account-settings/delete-account/BeforeProceedingBanner.jsx +++ b/src/account-settings/delete-account/BeforeProceedingBanner.jsx @@ -3,7 +3,7 @@ import PropTypes from 'prop-types'; import { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n'; import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { Hyperlink } from '@edx/paragon'; +import { Hyperlink } from '@openedx/paragon'; // Messages import { getConfig } from '@edx/frontend-platform'; diff --git a/src/account-settings/delete-account/ConfirmationModal.jsx b/src/account-settings/delete-account/ConfirmationModal.jsx index 3316156dd..01122d9cb 100644 --- a/src/account-settings/delete-account/ConfirmationModal.jsx +++ b/src/account-settings/delete-account/ConfirmationModal.jsx @@ -4,7 +4,7 @@ import PropTypes from 'prop-types'; import { AlertModal, Button, Input, ValidationFormGroup, ActionRow, -} from '@edx/paragon'; +} from '@openedx/paragon'; import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; import { faExclamationCircle, faExclamationTriangle } from '@fortawesome/free-solid-svg-icons'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; diff --git a/src/account-settings/delete-account/DeleteAccount.jsx b/src/account-settings/delete-account/DeleteAccount.jsx index 6a6323d94..189fd8e53 100644 --- a/src/account-settings/delete-account/DeleteAccount.jsx +++ b/src/account-settings/delete-account/DeleteAccount.jsx @@ -3,7 +3,7 @@ import PropTypes from 'prop-types'; import { connect } from 'react-redux'; import { getConfig } from '@edx/frontend-platform'; import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; -import { Button, Hyperlink } from '@edx/paragon'; +import { Button, Hyperlink } from '@openedx/paragon'; // Actions import { diff --git a/src/account-settings/delete-account/PrintingInstructions.jsx b/src/account-settings/delete-account/PrintingInstructions.jsx index 36b932acb..36fe37c5f 100644 --- a/src/account-settings/delete-account/PrintingInstructions.jsx +++ b/src/account-settings/delete-account/PrintingInstructions.jsx @@ -1,6 +1,6 @@ import React from 'react'; import { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n'; -import { Hyperlink } from '@edx/paragon'; +import { Hyperlink } from '@openedx/paragon'; import { getConfig } from '@edx/frontend-platform'; import messages from './messages'; diff --git a/src/account-settings/delete-account/SuccessModal.jsx b/src/account-settings/delete-account/SuccessModal.jsx index 5f31f1fcc..b6436cc00 100644 --- a/src/account-settings/delete-account/SuccessModal.jsx +++ b/src/account-settings/delete-account/SuccessModal.jsx @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; -import { ModalLayer, ModalCloseButton } from '@edx/paragon'; +import { ModalLayer, ModalCloseButton } from '@openedx/paragon'; import messages from './messages'; diff --git a/src/account-settings/demographics/Checkboxes.jsx b/src/account-settings/demographics/Checkboxes.jsx index 97e45c306..a7cbb8b90 100644 --- a/src/account-settings/demographics/Checkboxes.jsx +++ b/src/account-settings/demographics/Checkboxes.jsx @@ -1,6 +1,6 @@ import React, { useEffect, useState } from 'react'; import PropTypes from 'prop-types'; -import { Form } from '@edx/paragon'; +import { Form } from '@openedx/paragon'; import { DECLINED } from '../data/constants'; const Checkboxes = (props) => { diff --git a/src/account-settings/demographics/DemographicsSection.jsx b/src/account-settings/demographics/DemographicsSection.jsx index 630549c19..e22ef9248 100644 --- a/src/account-settings/demographics/DemographicsSection.jsx +++ b/src/account-settings/demographics/DemographicsSection.jsx @@ -5,7 +5,7 @@ import { intlShape, } from '@edx/frontend-platform/i18n'; -import { Hyperlink, Form } from '@edx/paragon'; +import { Hyperlink, Form } from '@openedx/paragon'; import PropTypes from 'prop-types'; import React from 'react'; import { connect } from 'react-redux'; diff --git a/src/account-settings/name-change/NameChange.jsx b/src/account-settings/name-change/NameChange.jsx index 35bbda484..d08a840c5 100644 --- a/src/account-settings/name-change/NameChange.jsx +++ b/src/account-settings/name-change/NameChange.jsx @@ -13,7 +13,7 @@ import { Form, ModalDialog, StatefulButton, -} from '@edx/paragon'; +} from '@openedx/paragon'; import { closeForm, saveSettingsReset } from '../data/actions'; import { nameChangeSelector } from '../data/selectors'; diff --git a/src/account-settings/reset-password/ConfirmationAlert.jsx b/src/account-settings/reset-password/ConfirmationAlert.jsx index 902b4d5df..10629cfbf 100644 --- a/src/account-settings/reset-password/ConfirmationAlert.jsx +++ b/src/account-settings/reset-password/ConfirmationAlert.jsx @@ -2,7 +2,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { getConfig } from '@edx/frontend-platform'; import { FormattedMessage } from '@edx/frontend-platform/i18n'; -import { Hyperlink } from '@edx/paragon'; +import { Hyperlink } from '@openedx/paragon'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons'; diff --git a/src/account-settings/reset-password/ResetPassword.jsx b/src/account-settings/reset-password/ResetPassword.jsx index 44a4d7192..1af2ff170 100644 --- a/src/account-settings/reset-password/ResetPassword.jsx +++ b/src/account-settings/reset-password/ResetPassword.jsx @@ -2,7 +2,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { connect } from 'react-redux'; import { injectIntl, intlShape, FormattedMessage } from '@edx/frontend-platform/i18n'; -import { StatefulButton } from '@edx/paragon'; +import { StatefulButton } from '@openedx/paragon'; import { resetPassword } from './data/actions'; import messages from './messages'; diff --git a/src/account-settings/third-party-auth/ThirdPartyAuth.jsx b/src/account-settings/third-party-auth/ThirdPartyAuth.jsx index cd6f63dce..956474e0f 100644 --- a/src/account-settings/third-party-auth/ThirdPartyAuth.jsx +++ b/src/account-settings/third-party-auth/ThirdPartyAuth.jsx @@ -2,7 +2,7 @@ import React, { Component } from 'react'; import PropTypes from 'prop-types'; import { connect } from 'react-redux'; import { FormattedMessage } from '@edx/frontend-platform/i18n'; -import { Hyperlink, StatefulButton } from '@edx/paragon'; +import { Hyperlink, StatefulButton } from '@openedx/paragon'; import Alert from '../Alert'; import { disconnectAuth } from './data/actions'; diff --git a/src/i18n/index.js b/src/i18n/index.js index 3930d0d30..ac81e3e08 100644 --- a/src/i18n/index.js +++ b/src/i18n/index.js @@ -1,6 +1,6 @@ import { messages as headerMessages } from '@edx/frontend-component-header'; import { messages as footerMessages } from '@edx/frontend-component-footer'; -import { messages as paragonMessages } from '@edx/paragon'; +import { messages as paragonMessages } from '@openedx/paragon'; import arMessages from './messages/ar.json'; import deMessages from './messages/de.json'; import es419Messages from './messages/es_419.json'; diff --git a/src/id-verification/Camera.jsx b/src/id-verification/Camera.jsx index 3bf9379e5..66da1016f 100644 --- a/src/id-verification/Camera.jsx +++ b/src/id-verification/Camera.jsx @@ -7,7 +7,7 @@ import { sendTrackEvent } from '@edx/frontend-platform/analytics'; import * as blazeface from '@tensorflow-models/blazeface'; import CameraPhoto, { FACING_MODES } from 'jslib-html5-camera-photo'; import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; -import { Form, Spinner } from '@edx/paragon'; +import { Form, Spinner } from '@openedx/paragon'; import shutter from './data/camera-shutter.base64.json'; import messages from './IdVerification.messages'; diff --git a/src/id-verification/CameraHelp.jsx b/src/id-verification/CameraHelp.jsx index f34c25276..1b101676a 100644 --- a/src/id-verification/CameraHelp.jsx +++ b/src/id-verification/CameraHelp.jsx @@ -1,6 +1,6 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { Collapsible } from '@edx/paragon'; +import { Collapsible } from '@openedx/paragon'; import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; import { getConfig } from '@edx/frontend-platform'; diff --git a/src/id-verification/CameraHelpWithUpload.jsx b/src/id-verification/CameraHelpWithUpload.jsx index 2fa389c9a..536e25c37 100644 --- a/src/id-verification/CameraHelpWithUpload.jsx +++ b/src/id-verification/CameraHelpWithUpload.jsx @@ -1,6 +1,6 @@ import React, { useState, useContext } from 'react'; import PropTypes from 'prop-types'; -import { Collapsible } from '@edx/paragon'; +import { Collapsible } from '@openedx/paragon'; import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; import { sendTrackEvent } from '@edx/frontend-platform/analytics'; diff --git a/src/id-verification/CollapsibleImageHelp.jsx b/src/id-verification/CollapsibleImageHelp.jsx index e2f831e9a..701b2e5ed 100644 --- a/src/id-verification/CollapsibleImageHelp.jsx +++ b/src/id-verification/CollapsibleImageHelp.jsx @@ -1,7 +1,7 @@ import React, { useContext } from 'react'; import { sendTrackEvent } from '@edx/frontend-platform/analytics'; import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; -import { Button, Collapsible } from '@edx/paragon'; +import { Button, Collapsible } from '@openedx/paragon'; import IdVerificationContext from './IdVerificationContext'; import messages from './IdVerification.messages'; diff --git a/src/id-verification/IdVerificationPage.jsx b/src/id-verification/IdVerificationPage.jsx index 696f0b5ae..fdd5c830e 100644 --- a/src/id-verification/IdVerificationPage.jsx +++ b/src/id-verification/IdVerificationPage.jsx @@ -6,7 +6,7 @@ import { import camelCase from 'lodash.camelcase'; import qs from 'qs'; import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; -import { Button, ModalDialog, ActionRow } from '@edx/paragon'; +import { Button, ModalDialog, ActionRow } from '@openedx/paragon'; import { getConfig } from '@edx/frontend-platform'; import { idVerificationSelector } from './data/selectors'; import './getUserMediaShim'; diff --git a/src/id-verification/ImageFileUpload.jsx b/src/id-verification/ImageFileUpload.jsx index 5eab9a502..71aa1177f 100644 --- a/src/id-verification/ImageFileUpload.jsx +++ b/src/id-verification/ImageFileUpload.jsx @@ -1,7 +1,7 @@ import React, { useCallback, useState } from 'react'; import { intlShape } from '@edx/frontend-platform/i18n'; import PropTypes from 'prop-types'; -import { Alert } from '@edx/paragon'; +import { Alert } from '@openedx/paragon'; import messages from './IdVerification.messages'; import SupportedMediaTypes from './SupportedMediaTypes'; diff --git a/src/id-verification/panels/GetNameIdPanel.jsx b/src/id-verification/panels/GetNameIdPanel.jsx index 8bd9ab6ee..b2b5ffcf8 100644 --- a/src/id-verification/panels/GetNameIdPanel.jsx +++ b/src/id-verification/panels/GetNameIdPanel.jsx @@ -1,7 +1,7 @@ import React, { useContext, useEffect, useRef, } from 'react'; -import { Form } from '@edx/paragon'; +import { Form } from '@openedx/paragon'; import { Link, useNavigate, useLocation } from 'react-router-dom'; import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; diff --git a/src/id-verification/panels/ReviewRequirementsPanel.jsx b/src/id-verification/panels/ReviewRequirementsPanel.jsx index b43885c4a..ccf130395 100644 --- a/src/id-verification/panels/ReviewRequirementsPanel.jsx +++ b/src/id-verification/panels/ReviewRequirementsPanel.jsx @@ -3,7 +3,7 @@ import { Link } from 'react-router-dom'; import { getConfig } from '@edx/frontend-platform'; import { sendTrackEvent } from '@edx/frontend-platform/analytics'; import { injectIntl, intlShape, FormattedMessage } from '@edx/frontend-platform/i18n'; -import { Alert, Hyperlink } from '@edx/paragon'; +import { Alert, Hyperlink } from '@openedx/paragon'; import { useNextPanelSlug } from '../routing-utilities'; import BasePanel from './BasePanel'; diff --git a/src/id-verification/panels/SummaryPanel.jsx b/src/id-verification/panels/SummaryPanel.jsx index 9c2a3665b..cd5e81e0d 100644 --- a/src/id-verification/panels/SummaryPanel.jsx +++ b/src/id-verification/panels/SummaryPanel.jsx @@ -2,7 +2,7 @@ import React, { useState, useContext, useEffect } from 'react'; import { getConfig } from '@edx/frontend-platform'; import { Alert, Hyperlink, Form, Button, Spinner, -} from '@edx/paragon'; +} from '@openedx/paragon'; import { Link, useNavigate } from 'react-router-dom'; import { injectIntl, intlShape, FormattedMessage } from '@edx/frontend-platform/i18n'; diff --git a/src/index.scss b/src/index.scss index 05ad1f44f..d0ad5390f 100755 --- a/src/index.scss +++ b/src/index.scss @@ -3,7 +3,7 @@ $fa-font-path: "~font-awesome/fonts"; @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/dist/index"; @import "~@edx/frontend-component-footer/dist/footer"; diff --git a/src/notification-preferences/NotificationCourses.jsx b/src/notification-preferences/NotificationCourses.jsx index 3ae51dd4d..a38281680 100644 --- a/src/notification-preferences/NotificationCourses.jsx +++ b/src/notification-preferences/NotificationCourses.jsx @@ -4,8 +4,8 @@ import { Link } from 'react-router-dom'; import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; import { Container, Icon, Spinner, Button, -} from '@edx/paragon'; -import { ArrowForwardIos } from '@edx/paragon/icons'; +} from '@openedx/paragon'; +import { ArrowForwardIos } from '@openedx/paragon/icons'; import { fetchCourseList } from './data/thunks'; import { selectCourseListStatus, selectCourseList, selectPagination } from './data/selectors'; import { diff --git a/src/notification-preferences/NotificationPreferenceApp.jsx b/src/notification-preferences/NotificationPreferenceApp.jsx index 807cbfd15..3485ca667 100644 --- a/src/notification-preferences/NotificationPreferenceApp.jsx +++ b/src/notification-preferences/NotificationPreferenceApp.jsx @@ -2,7 +2,7 @@ import React, { useCallback, useMemo } from 'react'; import PropTypes from 'prop-types'; import { useDispatch, useSelector } from 'react-redux'; import { useIntl } from '@edx/frontend-platform/i18n'; -import { Collapsible } from '@edx/paragon'; +import { Collapsible } from '@openedx/paragon'; import messages from './messages'; import ToggleSwitch from './ToggleSwitch'; import { diff --git a/src/notification-preferences/NotificationPreferenceRow.jsx b/src/notification-preferences/NotificationPreferenceRow.jsx index c7911f5a1..113af1c57 100644 --- a/src/notification-preferences/NotificationPreferenceRow.jsx +++ b/src/notification-preferences/NotificationPreferenceRow.jsx @@ -3,8 +3,8 @@ import PropTypes from 'prop-types'; import classNames from 'classnames'; import { useDispatch, useSelector } from 'react-redux'; import { useIntl } from '@edx/frontend-platform/i18n'; -import { Icon, OverlayTrigger, Tooltip } from '@edx/paragon'; -import { InfoOutline } from '@edx/paragon/icons'; +import { Icon, OverlayTrigger, Tooltip } from '@openedx/paragon'; +import { InfoOutline } from '@openedx/paragon/icons'; import messages from './messages'; import ToggleSwitch from './ToggleSwitch'; import { diff --git a/src/notification-preferences/NotificationPreferences.jsx b/src/notification-preferences/NotificationPreferences.jsx index 6e7aa8da2..07cc03d6c 100644 --- a/src/notification-preferences/NotificationPreferences.jsx +++ b/src/notification-preferences/NotificationPreferences.jsx @@ -4,8 +4,8 @@ import { Link, useParams } from 'react-router-dom'; import { useIntl } from '@edx/frontend-platform/i18n'; import { Container, Icon, Spinner, Hyperlink, -} from '@edx/paragon'; -import { ArrowBack } from '@edx/paragon/icons'; +} from '@openedx/paragon'; +import { ArrowBack } from '@openedx/paragon/icons'; import { selectCourseListStatus, selectCourse, diff --git a/src/notification-preferences/ToggleSwitch.jsx b/src/notification-preferences/ToggleSwitch.jsx index 913cbfda3..83e1183ea 100644 --- a/src/notification-preferences/ToggleSwitch.jsx +++ b/src/notification-preferences/ToggleSwitch.jsx @@ -1,4 +1,4 @@ -import { Form } from '@edx/paragon'; +import { Form } from '@openedx/paragon'; import React from 'react'; import PropTypes from 'prop-types';