chore(deps): update paragon and frontend-build to openedx scope

.eslintrc.js

@@ -1,5 +1,5 @@
 // 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', {
   setupFilesAfterEnv: [

package.json

@@ -38,14 +38,14 @@
   "dependencies": {
     "@dnd-kit/sortable": "^8.0.0",
     "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
-    "@edx/frontend-component-ai-translations": "^1.4.0",
-    "@edx/frontend-component-footer": "^12.3.0",
-    "@edx/frontend-component-header": "^4.7.0",
+    "@edx/frontend-component-ai-translations": "^2.0.0",
+    "@edx/frontend-component-footer": "^13.0.2",
+    "@edx/frontend-component-header": "^5.0.2",
     "@edx/frontend-enterprise-hotjar": "^2.0.0",
-    "@edx/frontend-lib-content-components": "^1.178.2",
-    "@edx/frontend-platform": "5.6.1",
+    "@edx/frontend-lib-content-components": "^2.0.0",
+    "@edx/frontend-platform": "7.0.1",
     "@edx/openedx-atlas": "^0.6.0",
-    "@edx/paragon": "^21.5.6",
+    "@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",
@@ -81,15 +81,16 @@
   },
   "devDependencies": {
     "@edx/browserslist-config": "1.2.0",
-    "@edx/frontend-build": "13.0.5",
-    "@edx/react-unit-test-utils": "^1.7.0",
+    "@openedx/frontend-build": "13.0.27",
+    "@edx/react-unit-test-utils": "^2.0.0",
     "@edx/reactifex": "^1.0.3",
-    "@edx/stylelint-config-edx": "^2.3.0",
+    "@edx/stylelint-config-edx": "2.3.0",
     "@edx/typescript-config": "^1.0.1",
     "@testing-library/jest-dom": "5.17.0",
     "@testing-library/react": "12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^13.2.1",
+    "axios": "^0.27.2",
     "axios-mock-adapter": "1.22.0",
     "glob": "7.2.3",
     "husky": "7.0.4",

src/advanced-settings/AdvancedSettings.jsx

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
 import { useDispatch, useSelector } from 'react-redux';
 import {
   Container, Button, Layout, StatefulButton, TransitionReplace,
-} from '@edx/paragon';
-import { CheckCircle, Info, Warning } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { CheckCircle, Info, Warning } from '@openedx/paragon/icons';
 import { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import Placeholder from '@edx/frontend-lib-content-components';
 

src/advanced-settings/modal-error/ModalError.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { ActionRow, AlertModal, Button } from '@edx/paragon';
+import { ActionRow, AlertModal, Button } from '@openedx/paragon';
 import { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 
 import ModalErrorListItem from './ModalErrorListItem';

src/advanced-settings/modal-error/ModalErrorListItem.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Alert, Icon } from '@edx/paragon';
-import { Error } from '@edx/paragon/icons';
+import { Alert, Icon } from '@openedx/paragon';
+import { Error } from '@openedx/paragon/icons';
 import { capitalize } from 'lodash';
 
 import { transformKeysToCamelCase } from '../../utils';

src/advanced-settings/setting-card/SettingCard.jsx

@@ -7,8 +7,8 @@ import {
   IconButton,
   ModalPopup,
   useToggle,
-} from '@edx/paragon';
-import { InfoOutline, Warning } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { InfoOutline, Warning } from '@openedx/paragon/icons';
 import PropTypes from 'prop-types';
 import { capitalize } from 'lodash';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';

src/content-tags-drawer/ContentTagsCollapsible.jsx

@@ -8,7 +8,7 @@ import {
   ModalPopup,
   useToggle,
   SearchField,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { useIntl, FormattedMessage } from '@edx/frontend-platform/i18n';

src/content-tags-drawer/ContentTagsCollapsibleHelper.jsx

@@ -1,6 +1,6 @@
 // @ts-check
 import React from 'react';
-import { useCheckboxSetValues } from '@edx/paragon';
+import { useCheckboxSetValues } from '@openedx/paragon';
 import { cloneDeep } from 'lodash';
 
 import { useContentTaxonomyTagsUpdater } from './data/apiHooks';

src/content-tags-drawer/ContentTagsDrawer.jsx

@@ -4,7 +4,7 @@ import {
   Container,
   CloseButton,
   Spinner,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import { useParams } from 'react-router-dom';
 import messages from './messages';

src/content-tags-drawer/ContentTagsDropDownSelector.jsx

@@ -5,9 +5,9 @@ import {
   Icon,
   Spinner,
   Button,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { useIntl, FormattedMessage } from '@edx/frontend-platform/i18n';
-import { ArrowDropDown, ArrowDropUp } from '@edx/paragon/icons';
+import { ArrowDropDown, ArrowDropUp } from '@openedx/paragon/icons';
 import PropTypes from 'prop-types';
 import messages from './messages';
 import './ContentTagsDropDownSelector.scss';

src/content-tags-drawer/TagBubble.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import {
   Chip,
-} from '@edx/paragon';
-import { Tag, Close } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { Tag, Close } from '@openedx/paragon/icons';
 import PropTypes from 'prop-types';
 
 import TagOutlineIcon from './TagOutlineIcon';

src/course-outline/CourseOutline.jsx

@@ -7,13 +7,13 @@ import {
   Layout,
   Row,
   TransitionReplace,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { Helmet } from 'react-helmet';
 import {
   Add as IconAdd,
   CheckCircle as CheckCircleIcon,
   Warning as WarningIcon,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 import { useSelector } from 'react-redux';
 import { DraggableList } from '@edx/frontend-lib-content-components';
 import { arrayMove } from '@dnd-kit/sortable';

src/course-outline/card-header/CardHeader.jsx

@@ -8,11 +8,11 @@ import {
   Hyperlink,
   Icon,
   IconButton,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import {
   MoreVert as MoveVertIcon,
   EditOutline as EditIcon,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 
 import { useEscapeClick } from '../../hooks';
 import { ITEM_BADGE_STATUS } from '../constants';

src/course-outline/card-header/StatusBadge.jsx

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

src/course-outline/card-header/TitleButton.jsx

@@ -5,11 +5,11 @@ import {
   OverlayTrigger,
   Tooltip,
   Truncate,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import {
   ArrowDropDown as ArrowDownIcon,
   ArrowDropUp as ArrowUpIcon,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 import messages from './messages';
 
 const TitleButton = ({

src/course-outline/card-header/TitleLink.jsx

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import { Link } from 'react-router-dom';
-import { Button, Truncate } from '@edx/paragon';
+import { Button, Truncate } from '@openedx/paragon';
 
 const TitleLink = ({
   title,

src/course-outline/configure-modal/AdvancedTab.jsx

@@ -1,10 +1,10 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import moment from 'moment';
-import { Alert, Form, Hyperlink } from '@edx/paragon';
+import { Alert, Form, Hyperlink } from '@openedx/paragon';
 import {
   Warning as WarningIcon,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 import { FormattedMessage, injectIntl } from '@edx/frontend-platform/i18n';
 import messages from './messages';
 

src/course-outline/configure-modal/BasicTab.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Stack, Form } from '@edx/paragon';
+import { Stack, Form } from '@openedx/paragon';
 import { FormattedMessage, injectIntl, useIntl } from '@edx/frontend-platform/i18n';
 import messages from './messages';
 import { DatepickerControl, DATEPICKER_TYPES } from '../../generic/datepicker-control';

src/course-outline/configure-modal/ConfigureModal.jsx

@@ -10,7 +10,7 @@ import {
   Form,
   Tab,
   Tabs,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { useSelector } from 'react-redux';
 import { Formik } from 'formik';
 

src/course-outline/configure-modal/PrereqSettings.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Form } from '@edx/paragon';
+import { Form } from '@openedx/paragon';
 import { FormattedMessage, injectIntl, useIntl } from '@edx/frontend-platform/i18n';
 import messages from './messages';
 

src/course-outline/configure-modal/UnitTab.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Alert, Form } from '@edx/paragon';
+import { Alert, Form } from '@openedx/paragon';
 import {
   FormattedMessage, injectIntl, useIntl,
 } from '@edx/frontend-platform/i18n';

src/course-outline/configure-modal/VisibilityTab.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Alert, Form } from '@edx/paragon';
+import { Alert, Form } from '@openedx/paragon';
 import { FormattedMessage, injectIntl, useIntl } from '@edx/frontend-platform/i18n';
 import messages from './messages';
 import { COURSE_BLOCK_NAMES } from '../constants';

src/course-outline/delete-modal/DeleteModal.jsx

@@ -4,7 +4,7 @@ import {
   ActionRow,
   Button,
   AlertModal,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { useSelector } from 'react-redux';
 import { useIntl } from '@edx/frontend-platform/i18n';
 

src/course-outline/drag-helper/ConditionalSortableElement.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Col, Row } from '@edx/paragon';
+import { Col, Row } from '@openedx/paragon';
 import { SortableItem } from '@edx/frontend-lib-content-components';
 
 const ConditionalSortableElement = ({

src/course-outline/empty-placeholder/EmptyPlaceholder.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Add as IconAdd } from '@edx/paragon/icons/es5';
-import { Button, OverlayTrigger, Tooltip } from '@edx/paragon';
+import { Add as IconAdd } from '@openedx/paragon/icons/es5';
+import { Button, OverlayTrigger, Tooltip } from '@openedx/paragon';
 
 import messages from './messages';
 

src/course-outline/enable-highlights-modal/EnableHighlightsModal.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import {
   ActionRow, AlertModal, Button, Hyperlink,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 
 import messages from './messages';
 import { useHelpUrls } from '../../help-urls/hooks';

src/course-outline/header-navigations/HeaderNavigations.jsx

@@ -1,12 +1,12 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Button, OverlayTrigger, Tooltip } from '@edx/paragon';
+import { Button, OverlayTrigger, Tooltip } from '@openedx/paragon';
 import {
   Add as IconAdd,
   ArrowDropDown as ArrowDownIcon,
   ArrowDropUp as ArrowUpIcon,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 
 import messages from './messages';
 

src/course-outline/highlights-modal/HighlightsModal.jsx

@@ -6,7 +6,7 @@ import {
   Button,
   ActionRow,
   Hyperlink,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { Formik } from 'formik';
 import { useSelector } from 'react-redux';
 

src/course-outline/hooks.jsx

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { useNavigate } from 'react-router-dom';
-import { useToggle } from '@edx/paragon';
+import { useToggle } from '@openedx/paragon';
 import { getConfig } from '@edx/frontend-platform';
 
 import { RequestStatus } from '../data/constants';

src/course-outline/outline-sidebar/OutlineSidebar.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Hyperlink } from '@edx/paragon';
+import { Hyperlink } from '@openedx/paragon';
 import { useIntl } from '@edx/frontend-platform/i18n';
 
 import { HelpSidebar } from '../../generic/help-sidebar';

src/course-outline/page-alerts/PageAlerts.jsx

@@ -7,8 +7,8 @@ import {
   Campaign as CampaignIcon,
   InfoOutline as InfoOutlineIcon,
   Warning as WarningIcon,
-} from '@edx/paragon/icons';
-import { Alert, Button, Hyperlink } from '@edx/paragon';
+} from '@openedx/paragon/icons';
+import { Alert, Button, Hyperlink } from '@openedx/paragon';
 
 import { RequestStatus } from '../../data/constants';
 import AlertMessage from '../../generic/alert-message';

src/course-outline/page-alerts/PageAlerts.test.jsx

@@ -56,8 +56,8 @@ describe('<PageAlerts />', () => {
   });
 
   it('renders null when no alerts are present', () => {
-    const { container } = renderComponent();
-    expect(container).toBeEmptyDOMElement();
+    const { queryByTestId } = renderComponent();
+    expect(queryByTestId('browser-router')).toBeEmptyDOMElement();
   });
 
   it('renders configuration alerts', async () => {

src/course-outline/paste-button/PasteButton.jsx

@@ -3,12 +3,12 @@ import PropTypes from 'prop-types';
 import { useSelector } from 'react-redux';
 import {
   Hyperlink, Icon, Button, OverlayTrigger,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import {
   FileCopy as PasteIcon,
   Question as QuestionIcon,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 import { getInitialUserClipboard } from '../data/selectors';
 import messages from './messages';
 

src/course-outline/publish-modal/PublishModal.jsx

@@ -6,7 +6,7 @@ import {
   ModalDialog,
   Button,
   ActionRow,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { useSelector } from 'react-redux';
 
 import { getCurrentItem } from '../data/selectors';

src/course-outline/section-card/SectionCard.jsx

@@ -4,8 +4,8 @@ import React, {
 import PropTypes from 'prop-types';
 import { useDispatch } from 'react-redux';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Bubble, Button, useToggle } from '@edx/paragon';
-import { Add as IconAdd } from '@edx/paragon/icons';
+import { Bubble, Button, useToggle } from '@openedx/paragon';
+import { Add as IconAdd } from '@openedx/paragon/icons';
 import classNames from 'classnames';
 
 import { setCurrentItem, setCurrentSection } from '../data/slice';

src/course-outline/status-bar/StatusBar.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { FormattedDate, useIntl } from '@edx/frontend-platform/i18n';
 import {
   Button, Hyperlink, Form, Stack,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { AppContext } from '@edx/frontend-platform/react';
 
 import { useHelpUrls } from '../../help-urls/hooks';

src/course-outline/subsection-card/SubsectionCard.jsx

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
 import { useDispatch } from 'react-redux';
 import { useSearchParams } from 'react-router-dom';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Button, useToggle } from '@edx/paragon';
-import { Add as IconAdd } from '@edx/paragon/icons';
+import { Button, useToggle } from '@openedx/paragon';
+import { Add as IconAdd } from '@openedx/paragon/icons';
 import classNames from 'classnames';
 
 import { setCurrentItem, setCurrentSection, setCurrentSubsection } from '../data/slice';

src/course-outline/unit-card/UnitCard.jsx

@@ -1,7 +1,7 @@
 import { useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { useDispatch } from 'react-redux';
-import { useToggle } from '@edx/paragon';
+import { useToggle } from '@openedx/paragon';
 
 import { setCurrentItem, setCurrentSection, setCurrentSubsection } from '../data/slice';
 import { RequestStatus } from '../../data/constants';

src/course-outline/utils.jsx

@@ -2,7 +2,7 @@ import {
   CheckCircle as CheckCircleIcon,
   Lock as LockIcon,
   EditOutline as EditOutlineIcon,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 
 import { ITEM_BADGE_STATUS, VIDEO_SHARING_OPTIONS } from './constants';
 import { VisibilityTypes } from '../data/constants';

src/course-outline/xblock-status/GradingPolicyAlert.jsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Alert } from '@edx/paragon';
+import { Alert } from '@openedx/paragon';
 import {
   WarningFilled as WarningIcon,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 
 import messages from './messages';
 

src/course-outline/xblock-status/GradingTypeAndDueDate.jsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Icon } from '@edx/paragon';
+import { Icon } from '@openedx/paragon';
 import {
   Check as CheckIcon,
   CalendarMonth as CalendarIcon,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 
 import messages from './messages';
 

src/course-outline/xblock-status/HideAfterDueMessage.jsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Icon } from '@edx/paragon';
+import { Icon } from '@openedx/paragon';
 import {
   VisibilityOff as HideIcon,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 
 import messages from './messages';
 

src/course-outline/xblock-status/ReleaseStatus.jsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Icon } from '@edx/paragon';
+import { Icon } from '@openedx/paragon';
 import {
   AccessTime as ClockIcon,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 
 import messages from './messages';
 

src/course-outline/xblock-status/StatusMessages.jsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Icon } from '@edx/paragon';
+import { Icon } from '@openedx/paragon';
 import {
   Lock as LockIcon,
   Groups as GroupsIcon,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 
 import messages from './messages';
 

src/course-rerun/course-rerun-sidebar/index.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { v4 as uuid } from 'uuid';
-import { Hyperlink } from '@edx/paragon';
+import { Hyperlink } from '@openedx/paragon';
 import { FormattedDate, useIntl } from '@edx/frontend-platform/i18n';
 
 import { useHelpUrls } from '../../help-urls/hooks';

src/course-rerun/index.jsx

@@ -6,7 +6,7 @@ import {
   Stack,
   ActionRow,
   Button,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { StudioFooter } from '@edx/frontend-component-footer';
 import { useNavigate, useParams } from 'react-router-dom';
 

src/course-team/CourseTeam.jsx

@@ -5,8 +5,8 @@ import {
   Button,
   Container,
   Layout,
-} from '@edx/paragon';
-import { Add as IconAdd } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { Add as IconAdd } from '@openedx/paragon/icons';
 
 import InternetConnectionAlert from '../generic/internet-connection-alert';
 import { useModel } from '../generic/model-store';

src/course-team/add-team-member/AddTeamMember.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Add as IconAdd } from '@edx/paragon/icons';
-import { Button } from '@edx/paragon';
+import { Add as IconAdd } from '@openedx/paragon/icons';
+import { Button } from '@openedx/paragon';
 
 import messages from './messages';
 

src/course-team/add-user-form/AddUserForm.jsx

@@ -5,7 +5,7 @@ import {
   Button,
   Form,
   ActionRow,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { Formik } from 'formik';
 
 import messages from './messages';

src/course-team/course-team-member/CourseTeamMember.jsx

@@ -7,8 +7,8 @@ import {
   Icon,
   IconButtonWithTooltip,
   MailtoLink,
-} from '@edx/paragon';
-import { DeleteOutline } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { DeleteOutline } from '@openedx/paragon/icons';
 
 import messages from './messages';
 import { USER_ROLES, BADGE_STATES } from '../constants';

src/course-team/hooks.jsx

@@ -1,7 +1,7 @@
 import { useDispatch, useSelector } from 'react-redux';
 import { getAuthenticatedUser } from '@edx/frontend-platform/auth';
 import { useEffect, useState } from 'react';
-import { useToggle } from '@edx/paragon';
+import { useToggle } from '@openedx/paragon';
 
 import { USER_ROLES } from '../constants';
 import { RequestStatus } from '../data/constants';

src/course-team/info-modal/InfoModal.jsx

@@ -4,7 +4,7 @@ import {
   ActionRow,
   Button,
   AlertModal,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { useIntl } from '@edx/frontend-platform/i18n';
 
 import { MODAL_TYPES } from '../constants';

src/course-unit/CourseUnit.jsx

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import { useSelector } from 'react-redux';
 import { useParams } from 'react-router-dom';
-import { Container, Layout } from '@edx/paragon';
+import { Container, Layout } from '@openedx/paragon';
 import { useIntl, injectIntl } from '@edx/frontend-platform/i18n';
 import { ErrorAlert } from '@edx/frontend-lib-content-components';
 

src/course-unit/add-component/AddComponent.jsx

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import { useSelector } from 'react-redux';
 import { useNavigate } from 'react-router-dom';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Button } from '@edx/paragon';
+import { Button } from '@openedx/paragon';
 
 import { getCourseSectionVertical } from '../data/selectors';
 import { COMPONENT_ICON_TYPES } from '../constants';

src/course-unit/add-component/ComponentIcon.jsx

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
-import { Icon } from '@edx/paragon';
-import { EditNote as EditNoteIcon } from '@edx/paragon/icons';
+import { Icon } from '@openedx/paragon';
+import { EditNote as EditNoteIcon } from '@openedx/paragon/icons';
 
 import { COMPONENT_TYPE_ICON_MAP, COMPONENT_ICON_TYPES } from '../constants';
 

src/course-unit/breadcrumbs/Breadcrumbs.jsx

@@ -1,10 +1,10 @@
 import { useSelector } from 'react-redux';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Dropdown, Icon } from '@edx/paragon';
+import { Dropdown, Icon } from '@openedx/paragon';
 import {
   ArrowDropDown as ArrowDropDownIcon,
   ChevronRight as ChevronRightIcon,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 
 import { createCorrectInternalRoute } from '../../utils';
 import { getCourseSectionVertical } from '../data/selectors';

src/course-unit/constants.js

@@ -11,7 +11,7 @@ import {
   Science as ScienceIcon,
   TextFields as TextFieldsIcon,
   VideoCamera as VideoCameraIcon,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 
 export const UNIT_ICON_TYPES = ['video', 'other', 'vertical', 'problem', 'lock'];
 

src/course-unit/course-sequence/Sequence.jsx

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import { useSelector } from 'react-redux';
 import classNames from 'classnames';
-import { breakpoints, useWindowSize } from '@edx/paragon';
+import { breakpoints, useWindowSize } from '@openedx/paragon';
 import { useIntl } from '@edx/frontend-platform/i18n';
 
 import Loading from '../../generic/Loading';

src/course-unit/course-sequence/hooks.js

@@ -1,6 +1,6 @@
 import { useSelector } from 'react-redux';
 import { useLayoutEffect, useRef, useState } from 'react';
-import { useWindowSize } from '@edx/paragon';
+import { useWindowSize } from '@openedx/paragon';
 
 import { useModel } from '../../generic/model-store';
 import { RequestStatus } from '../../data/constants';

src/course-unit/course-sequence/sequence-navigation/SequenceNavigation.jsx

@@ -5,11 +5,11 @@ import classNames from 'classnames';
 import {
   injectIntl, intlShape, isRtl, getLocale,
 } from '@edx/frontend-platform/i18n';
-import { Button, useWindowSize, breakpoints } from '@edx/paragon';
+import { Button, useWindowSize, breakpoints } from '@openedx/paragon';
 import {
   ChevronLeft as ChevronLeftIcon,
   ChevronRight as ChevronRightIcon,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 
 import { useModel } from '../../../generic/model-store';
 import { RequestStatus } from '../../../data/constants';

src/course-unit/course-sequence/sequence-navigation/SequenceNavigationDropdown.jsx

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { Dropdown } from '@edx/paragon';
+import { Dropdown } from '@openedx/paragon';
 import { useIntl } from '@edx/frontend-platform/i18n';
 
 import messages from '../messages';

src/course-unit/course-sequence/sequence-navigation/SequenceNavigationTabs.jsx

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import { Link } from 'react-router-dom';
-import { Button } from '@edx/paragon';
-import { Plus as PlusIcon } from '@edx/paragon/icons';
+import { Button } from '@openedx/paragon';
+import { Plus as PlusIcon } from '@openedx/paragon/icons';
 import { useIntl } from '@edx/frontend-platform/i18n';
 
 import { useIndexOfLastVisibleChild } from '../hooks';

src/course-unit/course-sequence/sequence-navigation/UnitButton.jsx

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import { connect, useSelector } from 'react-redux';
-import { Button } from '@edx/paragon';
+import { Button } from '@openedx/paragon';
 import { Link } from 'react-router-dom';
 
 import UnitIcon from './UnitIcon';

src/course-unit/course-sequence/sequence-navigation/UnitIcon.jsx

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
-import { Icon } from '@edx/paragon';
-import { BookOpen as BookOpenIcon } from '@edx/paragon/icons';
+import { Icon } from '@openedx/paragon';
+import { BookOpen as BookOpenIcon } from '@openedx/paragon/icons';
 
 import { TYPE_ICONS_MAP, UNIT_ICON_TYPES } from '../../constants';
 

src/course-unit/header-navigations/HeaderNavigations.jsx

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Button } from '@edx/paragon';
+import { Button } from '@openedx/paragon';
 
 import messages from './messages';
 

src/course-unit/header-title/HeaderTitle.jsx

@@ -1,11 +1,11 @@
 import { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Form, IconButton } from '@edx/paragon';
+import { Form, IconButton } from '@openedx/paragon';
 import {
   EditOutline as EditIcon,
   Settings as SettingsIcon,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 
 import messages from './messages';
 

src/course-updates/CourseUpdates.jsx

@@ -5,8 +5,8 @@ import {
   Button,
   Container,
   Layout,
-} from '@edx/paragon';
-import { Add as AddIcon } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { Add as AddIcon } from '@openedx/paragon/icons';
 import { useSelector } from 'react-redux';
 
 import { useModel } from '../generic/model-store';

src/course-updates/course-handouts/CourseHandouts.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Icon, IconButtonWithTooltip } from '@edx/paragon';
-import { EditOutline } from '@edx/paragon/icons';
+import { Icon, IconButtonWithTooltip } from '@openedx/paragon';
+import { EditOutline } from '@openedx/paragon/icons';
 import { useIntl } from '@edx/frontend-platform/i18n';
 
 import messages from './messages';

src/course-updates/course-update/CourseUpdate.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Icon, IconButtonWithTooltip } from '@edx/paragon';
+import { Icon, IconButtonWithTooltip } from '@openedx/paragon';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { DeleteOutline, EditOutline, Error as ErrorIcon } from '@edx/paragon/icons';
+import { DeleteOutline, EditOutline, Error as ErrorIcon } from '@openedx/paragon/icons';
 
 import { isDateForUpdateValid } from './utils';
 import messages from './messages';

src/course-updates/delete-modal/DeleteModal.jsx

@@ -4,7 +4,7 @@ import {
   ActionRow,
   Button,
   AlertModal,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { useIntl } from '@edx/frontend-platform/i18n';
 
 import messages from './messages';

src/course-updates/hooks.jsx

@@ -1,7 +1,7 @@
 import { useDispatch, useSelector } from 'react-redux';
 import moment from 'moment/moment';
 import { useEffect, useState } from 'react';
-import { useToggle } from '@edx/paragon';
+import { useToggle } from '@openedx/paragon';
 
 import { COMMA_SEPARATED_DATE_FORMAT } from '../constants';
 import { getCourseHandouts, getCourseUpdates } from './data/selectors';

src/course-updates/update-form/UpdateForm.jsx

@@ -5,11 +5,11 @@ import {
   Button,
   Form,
   Icon,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import classNames from 'classnames';
 import DatePicker from 'react-datepicker/dist';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Calendar as CalendarIcon, Error as ErrorIcon } from '@edx/paragon/icons';
+import { Calendar as CalendarIcon, Error as ErrorIcon } from '@openedx/paragon/icons';
 import { Formik } from 'formik';
 
 import {

src/custom-pages/CustomPageCard.jsx

@@ -9,14 +9,14 @@ import {
   Button,
   StatefulButton,
   useToggle,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import {
   DeleteOutline,
   EditOutline,
   SpinnerSimple,
   Visibility,
   VisibilityOff,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 import { useNavigate } from 'react-router-dom';
 import { deleteSingleCustomPage, updateCustomPageVisibility } from './data/thunks';
 import messages from './messages';

src/custom-pages/CustomPages.jsx

@@ -16,8 +16,8 @@ import {
   Image,
   ModalDialog,
   Container,
-} from '@edx/paragon';
-import { Add, SpinnerSimple } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { Add, SpinnerSimple } from '@openedx/paragon/icons';
 import Placeholder, {
   DraggableList,
   SortableItem,

src/export-page/CourseExportPage.jsx

@@ -4,8 +4,8 @@ import { useDispatch, useSelector } from 'react-redux';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import {
   Container, Layout, Button, Card,
-} from '@edx/paragon';
-import { ArrowCircleDown as ArrowCircleDownIcon } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { ArrowCircleDown as ArrowCircleDownIcon } from '@openedx/paragon/icons';
 import Cookies from 'universal-cookie';
 import { getConfig } from '@edx/frontend-platform';
 import { Helmet } from 'react-helmet';

src/export-page/export-footer/ExportFooter.jsx

@@ -3,7 +3,7 @@ import {
   injectIntl,
   intlShape,
 } from '@edx/frontend-platform/i18n';
-import { Layout } from '@edx/paragon';
+import { Layout } from '@openedx/paragon';
 
 import messages from './messages';
 

src/export-page/export-sidebar/ExportSidebar.jsx

@@ -4,7 +4,7 @@ import {
   intlShape,
 } from '@edx/frontend-platform/i18n';
 import PropTypes from 'prop-types';
-import { Hyperlink } from '@edx/paragon';
+import { Hyperlink } from '@openedx/paragon';
 import { getConfig } from '@edx/frontend-platform';
 
 import { HelpSidebar } from '../../generic/help-sidebar';

src/export-page/export-stepper/ExportStepper.jsx

@@ -6,7 +6,7 @@ import {
 } from '@edx/frontend-platform/i18n';
 import PropTypes from 'prop-types';
 import { useDispatch, useSelector } from 'react-redux';
-import { Button } from '@edx/paragon';
+import { Button } from '@openedx/paragon';
 
 import CourseStepper from '../../generic/course-stepper';
 import {

src/files-and-videos/files-page/FileInfoModalSidebar.jsx

@@ -15,8 +15,8 @@ import {
   Truncate,
   IconButtonWithTooltip,
   CheckboxControl,
-} from '@edx/paragon';
-import { ContentCopy, InfoOutline } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { ContentCopy, InfoOutline } from '@openedx/paragon/icons';
 
 import { getFileSizeToClosestByte } from '../../utils';
 import messages from './messages';

src/files-and-videos/files-page/FileThumbnail.jsx

@@ -4,7 +4,7 @@ import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import {
   Icon,
   Image,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import { getSrc } from './data/utils';
 import messages from './messages';
 

src/files-and-videos/files-page/FilesPage.jsx

@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { useDispatch, useSelector } from 'react-redux';
 import { injectIntl, FormattedMessage, intlShape } from '@edx/frontend-platform/i18n';
-import { CheckboxFilter, Container } from '@edx/paragon';
+import { CheckboxFilter, Container } from '@openedx/paragon';
 import Placeholder from '@edx/frontend-lib-content-components';
 
 import { RequestStatus } from '../../data/constants';

src/files-and-videos/files-page/data/utils.js

@@ -2,7 +2,7 @@ import {
   InsertDriveFile,
   Terminal,
   AudioFile,
-} from '@edx/paragon/icons';
+} from '@openedx/paragon/icons';
 import { ensureConfig, getConfig } from '@edx/frontend-platform';
 import FILES_AND_UPLOAD_TYPE_FILTERS from '../../generic/constants';
 

src/files-and-videos/generic/ApiStatusToast.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { Toast } from '@edx/paragon';
+import { Toast } from '@openedx/paragon';
 import messages from './messages';
 
 const ApiStatusToast = ({

src/files-and-videos/generic/FileMenu.jsx

@@ -5,8 +5,8 @@ import {
   Dropdown,
   IconButton,
   Icon,
-} from '@edx/paragon';
-import { MoreHoriz } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { MoreHoriz } from '@openedx/paragon/icons';
 import messages from './messages';
 
 const FileMenu = ({

src/files-and-videos/generic/FileTable.jsx

@@ -11,7 +11,7 @@ import {
   AlertModal,
   ActionRow,
   Button,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 
 import { RequestStatus } from '../../data/constants';
 import { sortFiles } from './utils';

src/files-and-videos/generic/InfoModal.jsx

@@ -11,8 +11,8 @@ import {
   ModalDialog,
   Stack,
   Truncate,
-} from '@edx/paragon';
-import { Error } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { Error } from '@openedx/paragon/icons';
 
 import messages from './messages';
 import UsageMetricsMessages from './UsageMetricsMessage';

src/files-and-videos/generic/UsageMetricsMessage.jsx

@@ -6,8 +6,8 @@ import {
   Icon,
   Row,
   Spinner,
-} from '@edx/paragon';
-import { ErrorOutline } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { ErrorOutline } from '@openedx/paragon/icons';
 import isEmpty from 'lodash/isEmpty';
 import { RequestStatus } from '../../data/constants';
 import messages from './messages';

src/files-and-videos/generic/table-components/FilterStatus.jsx

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
 import {
   DataTableContext, Button, Row, Chip,
-} from '@edx/paragon';
-import { Close } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { Close } from '@openedx/paragon/icons';
 import { getFilters, removeFilter } from './utils';
 
 const FilterStatus = ({

src/files-and-videos/generic/table-components/Footer.jsx

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { DataTableContext, Pagination, TableFooter } from '@edx/paragon';
+import { DataTableContext, Pagination, TableFooter } from '@openedx/paragon';
 
 const Footer = () => {
   const {

src/files-and-videos/generic/table-components/GalleryCard.jsx

@@ -6,8 +6,8 @@ import {
   Card,
   Chip,
   Truncate,
-} from '@edx/paragon';
-import { ClosedCaption } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { ClosedCaption } from '@openedx/paragon/icons';
 import FileMenu from '../FileMenu';
 import FileThumbnail from '../ThumbnailPreview';
 

src/files-and-videos/generic/table-components/RowStatus.jsx

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { DataTableContext } from '@edx/paragon';
+import { DataTableContext } from '@openedx/paragon';
 import { getCurrentViewRange } from './utils';
 
 const RowStatus = ({

src/files-and-videos/generic/table-components/TableActions.jsx

@@ -8,8 +8,8 @@ import {
   DataTableContext,
   Dropdown,
   useToggle,
-} from '@edx/paragon';
-import { Add, Tune } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { Add, Tune } from '@openedx/paragon/icons';
 import messages from '../messages';
 import SortAndFilterModal from './sort-and-filter-modal';
 

src/files-and-videos/generic/table-components/sort-and-filter-modal/SortAndFilterModal.jsx

@@ -9,7 +9,7 @@ import {
   ModalDialog,
   SelectableBox,
   useCheckboxSetValues,
-} from '@edx/paragon';
+} from '@openedx/paragon';
 import messages from './messages';
 import { getCheckedFilters, getFilterOptions, processFilters } from './utils';
 

src/files-and-videos/generic/table-components/table-custom-columns/AccessColumn.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { PropTypes } from 'prop-types';
-import { Icon, OverlayTrigger, Tooltip } from '@edx/paragon';
-import { Locked, LockOpen } from '@edx/paragon/icons';
+import { Icon, OverlayTrigger, Tooltip } from '@openedx/paragon';
+import { Locked, LockOpen } from '@openedx/paragon/icons';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import messages from '../../messages';
 

src/files-and-videos/generic/table-components/table-custom-columns/ActiveColumn.jsx

@@ -2,8 +2,8 @@ import React from 'react';
 import { PropTypes } from 'prop-types';
 import { isNil } from 'lodash';
 import { injectIntl, FormattedMessage } from '@edx/frontend-platform/i18n';
-import { Icon, Spinner } from '@edx/paragon';
-import { Check } from '@edx/paragon/icons';
+import { Icon, Spinner } from '@openedx/paragon';
+import { Check } from '@openedx/paragon/icons';
 import { RequestStatus } from '../../../../data/constants';
 
 const ActiveColumn = ({ row, pageLoadStatus }) => {

src/files-and-videos/generic/table-components/table-custom-columns/MoreInfoColumn.jsx

@@ -9,8 +9,8 @@ import {
   Menu,
   MenuItem,
   useToggle,
-} from '@edx/paragon';
-import { MoreHoriz } from '@edx/paragon/icons';
+} from '@openedx/paragon';
+import { MoreHoriz } from '@openedx/paragon/icons';
 
 import messages from '../../messages';
 

src/files-and-videos/generic/table-components/table-custom-columns/StatusColumn.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PropTypes } from 'prop-types';
-import { Badge } from '@edx/paragon';
+import { Badge } from '@openedx/paragon';
 
 const StatusColumn = ({ row }) => {
   const { status } = row.original;

src/files-and-videos/generic/table-components/table-custom-columns/TranscriptColumn.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { injectIntl, FormattedMessage } from '@edx/frontend-platform/i18n';
-import { Icon } from '@edx/paragon';
-import { Info } from '@edx/paragon/icons';
+import { Icon } from '@openedx/paragon';
+import { Info } from '@openedx/paragon/icons';
 import { TRANSCRIPT_FAILURE_STATUSES } from '../../../videos-page/data/constants';
 
 const TranscriptColumn = ({ row }) => {