diff --git a/package-lock.json b/package-lock.json index 39451ac..c8f73b9 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": "6.0.2", - "@edx/paragon": "21.5.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", @@ -4969,6 +4969,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 61a325a..19d2103 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": "6.0.2", - "@edx/paragon": "21.5.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 141f891..41b8a94 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 fc7b5e3..e309857 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 d9cf664..d503187 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 5b17fac..b2b152e 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 ec2406b..d7ee9b3 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 a0626ca..3019766 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 aaf2c91..89aceba 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 a8683ad..8510eab 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 4d383d9..1b45296 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 4adb574..e98ce4c 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 36eb748..c185bfa 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 3316156..01122d9 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 6a6323d..189fd8e 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 36b932a..36fe37c 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 5f31f1f..b6436cc 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 97e45c3..a7cbb8b 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 630549c..e22ef92 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 35bbda4..d08a840 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 902b4d5..10629cf 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 44a4d71..1af2ff1 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 cd6f63d..956474e 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 3930d0d..ac81e3e 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 3bf9379..66da101 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 f34c252..1b10167 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 2fa389c..536e25c 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 e2f831e..701b2e5 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 696f0b5..fdd5c83 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 5eab9a5..71aa117 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 8bd9ab6..b2b5ffc 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 b43885c..ccf1303 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 9c2a366..cd5e81e 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 05ad1f4..d0ad539 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 3ae51dd..a382816 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 807cbfd..3485ca6 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 c7911f5..113af1c 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 6e7aa8d..07cc03d 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 913cbfd..83e1183 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';