richie-education 2.28.0 → 2.28.2-dev23

package/js/widgets/SyllabusCourseRunsList/index.spec.tsx

@@ -3,6 +3,7 @@ import {
   findByRole,
   getByRole,
   getByText,
+  queryByText,
   queryByRole,
   screen,
   within,
@@ -15,13 +16,14 @@ import { faker } from '@faker-js/faker';
 import {
   CourseRunFactoryFromPriority,
   RichieContextFactory as mockRichieContextFactory,
+  PacedCourseFactory,
   UserFactory,
 } from 'utils/test/factories/richie';
 import SyllabusCourseRunsList from 'widgets/SyllabusCourseRunsList/index';
 import { createTestQueryClient } from 'utils/test/createTestQueryClient';
 import { CourseRun, Priority } from 'types';
 import { CourseProductRelation } from 'types/Joanie';
-import { CourseLightFactory, CourseProductRelationFactory } from 'utils/test/factories/joanie';
+import { CourseProductRelationFactory } from 'utils/test/factories/joanie';
 import { DEFAULT_DATE_FORMAT } from 'hooks/useDateFormat';
 import { StringHelper } from 'utils/StringHelper';
 import { computeStates } from 'utils/CourseRuns';
@@ -131,6 +133,83 @@ describe('<SyllabusCourseRunsList/>', () => {
     });
   };
 
+  const expectFullDates = (container: HTMLElement, courseRun: CourseRun) => {
+    [courseRun] = computeStates([courseRun]);
+    const intl = createIntl({ locale: 'en' });
+    const heading = getByRole(container, 'heading', {
+      name: courseRun.title,
+    });
+    const runContainer = heading.parentNode! as HTMLElement;
+
+    const enrollmentNode = getByText(runContainer, 'Enrollment');
+
+    const enrollmentDatesContainer = enrollmentNode.nextSibling!;
+    const enrollmentStart = intl.formatDate(
+      new Date(courseRun.enrollment_start),
+      DEFAULT_DATE_FORMAT,
+    );
+    const enrollmentEnd = intl.formatDate(new Date(courseRun.enrollment_end), DEFAULT_DATE_FORMAT);
+    expect(enrollmentDatesContainer.textContent).toEqual(
+      `From ${enrollmentStart} to ${enrollmentEnd}`,
+    );
+
+    const courseNode = enrollmentDatesContainer.nextSibling!;
+    expect(courseNode.textContent).toEqual('Course');
+
+    const start = intl.formatDate(new Date(courseRun.start), DEFAULT_DATE_FORMAT);
+    const end = intl.formatDate(new Date(courseRun.end), DEFAULT_DATE_FORMAT);
+
+    const datesContainer = courseNode.nextSibling!;
+    expect(datesContainer.textContent).toEqual(`From ${start} to ${end}`);
+  };
+
+  const expectCompactedDates = (container: HTMLElement, courseRun: CourseRun) => {
+    [courseRun] = computeStates([courseRun]);
+    const intl = createIntl({ locale: 'en' });
+    const heading = getByRole(container, 'heading', {
+      name: courseRun.title,
+    });
+    const runContainer = heading.parentNode! as HTMLElement;
+    const courseDatesText = courseRun.end
+      ? `Available until ${intl.formatDate(new Date(courseRun.end), DEFAULT_DATE_FORMAT)}`
+      : `Available`;
+
+    const courseDatesContainer = getByText(runContainer, courseDatesText);
+    expect(courseDatesContainer).not.toBeNull();
+
+    getByRole(runContainer, 'link', {
+      name: StringHelper.capitalizeFirst(courseRun.state.call_to_action)!,
+    });
+  };
+
+  const expectLanguageVisibility = (
+    container: HTMLElement,
+    courseRun: CourseRun,
+    isLanguagesVisible: boolean,
+  ) => {
+    [courseRun] = computeStates([courseRun]);
+    const intl = createIntl({ locale: 'en' });
+    const heading = getByRole(container, 'heading', {
+      name: courseRun.title,
+    });
+
+    const runContainer = heading.parentNode! as HTMLElement;
+
+    const languagesNode = queryByText(runContainer, 'Languages');
+    if (isLanguagesVisible) {
+      expect(languagesNode).not.toBeNull();
+
+      const languagesContainer = languagesNode?.nextSibling! as HTMLElement;
+      getByText(languagesContainer, IntlHelper.getLocalizedLanguages(courseRun.languages, intl));
+    } else {
+      expect(languagesNode).toBeNull();
+    }
+
+    getByRole(runContainer, 'link', {
+      name: StringHelper.capitalizeFirst(courseRun.state.call_to_action)!,
+    });
+  };
+
   const expectCourseProduct = async (container: HTMLElement, relation: CourseProductRelation) => {
     const heading = await findByRole(container, 'heading', {
       name: relation.product.title,
@@ -145,7 +224,7 @@ describe('<SyllabusCourseRunsList/>', () => {
   };
 
   it('has no opened course run', async () => {
-    const course = CourseLightFactory().one();
+    const course = PacedCourseFactory().one();
     const courseRuns = [
       CourseRunFactoryFromPriority(Priority.FUTURE_NOT_YET_OPEN)().one(),
       CourseRunFactoryFromPriority(Priority.FUTURE_CLOSED)({
@@ -182,7 +261,7 @@ describe('<SyllabusCourseRunsList/>', () => {
   });
 
   it('has one opened course run', async () => {
-    const course = CourseLightFactory().one();
+    const course = PacedCourseFactory().one();
     const courseRuns = [
       CourseRunFactoryFromPriority(Priority.ONGOING_OPEN)().one(),
       CourseRunFactoryFromPriority(Priority.FUTURE_CLOSED)({
@@ -221,7 +300,7 @@ describe('<SyllabusCourseRunsList/>', () => {
   });
 
   it('has one forever open course run', async () => {
-    const course = CourseLightFactory().one();
+    const course = PacedCourseFactory().one();
     const startDate = faker.date.past();
     const enrollmentStartDate = faker.date.past();
     const courseRun = CourseRunFactoryFromPriority(Priority.ONGOING_OPEN)({
@@ -263,7 +342,7 @@ describe('<SyllabusCourseRunsList/>', () => {
     );
   });
   it('has multiple opened course run', async () => {
-    const course = CourseLightFactory().one();
+    const course = PacedCourseFactory().one();
     const courseRuns = [
       CourseRunFactoryFromPriority(Priority.ONGOING_OPEN)().one(),
       CourseRunFactoryFromPriority(Priority.FUTURE_OPEN)().one(),
@@ -302,7 +381,7 @@ describe('<SyllabusCourseRunsList/>', () => {
   });
 
   it('has one opened product', async () => {
-    const course = CourseLightFactory().one();
+    const course = PacedCourseFactory().one();
     const relation = CourseProductRelationFactory().one();
     const resourceLink = `https://joanie.endpoint/api/v1.0/courses/${course.code}/products/${relation.product.id}/`;
     fetchMock.get(resourceLink, relation);
@@ -333,7 +412,7 @@ describe('<SyllabusCourseRunsList/>', () => {
   });
 
   it('renders a specific title in portal when there is one opened course run', () => {
-    const course = CourseLightFactory().one();
+    const course = PacedCourseFactory().one();
 
     render(
       <SyllabusCourseRunsList
@@ -356,7 +435,7 @@ describe('<SyllabusCourseRunsList/>', () => {
   });
 
   it('renders a specific title in portal when there are multiple opened course run', () => {
-    const course = CourseLightFactory().one();
+    const course = PacedCourseFactory().one();
     render(
       <SyllabusCourseRunsList
         courseRuns={[
@@ -381,7 +460,7 @@ describe('<SyllabusCourseRunsList/>', () => {
   });
 
   it('renders different categories correctly', async () => {
-    const course = CourseLightFactory().one();
+    const course = PacedCourseFactory().one();
     const courseRuns = [
       CourseRunFactoryFromPriority(Priority.ONGOING_OPEN)().one(),
       CourseRunFactoryFromPriority(Priority.FUTURE_OPEN)().one(),
@@ -445,7 +524,7 @@ describe('<SyllabusCourseRunsList/>', () => {
   });
 
   it('renders an opened course run with an existing LMS Backend', () => {
-    const course = CourseLightFactory().one();
+    const course = PacedCourseFactory().one();
     const courseRun = CourseRunFactoryFromPriority(Priority.ONGOING_OPEN)().one();
     courseRun.resource_link = 'https://openedx.endpoint' + courseRun.resource_link;
 
@@ -472,7 +551,7 @@ describe('<SyllabusCourseRunsList/>', () => {
   });
 
   it('limits the amount of archived course runs displayed', async () => {
-    const course = CourseLightFactory().one();
+    const course = PacedCourseFactory().one();
     const courseRuns = [...Array(MAX_ARCHIVED_COURSE_RUNS * 2)]
       .map(() => CourseRunFactoryFromPriority(Priority.ARCHIVED_CLOSED)().one())
       .sort((a, b) => Date.parse(a.start) - Date.parse(b.start));
@@ -516,7 +595,7 @@ describe('<SyllabusCourseRunsList/>', () => {
   });
 
   it('does not limit the amount of archived course runs displayed', async () => {
-    const course = CourseLightFactory().one();
+    const course = PacedCourseFactory().one();
 
     const courseRuns = [...Array(MAX_ARCHIVED_COURSE_RUNS - 1)]
       .map(() => CourseRunFactoryFromPriority(Priority.ARCHIVED_CLOSED)().one())
@@ -545,7 +624,7 @@ describe('<SyllabusCourseRunsList/>', () => {
   });
 
   it('renders opened runs with the same locale as the user above', async () => {
-    const course = CourseLightFactory().one();
+    const course = PacedCourseFactory().one();
 
     const refDate = faker.date.future();
     const futureDate = (days: number) => {
@@ -614,8 +693,225 @@ describe('<SyllabusCourseRunsList/>', () => {
     expectCourseRunOpened(elements[4], courseRuns[4]);
   });
 
+  it('renders instructor pace opened run with same languages', async () => {
+    const course = PacedCourseFactory({ is_self_paced: false }).one();
+
+    const courseRuns: CourseRun[] = [
+      CourseRunFactoryFromPriority(Priority.ONGOING_OPEN)({
+        languages: ['en'],
+      }).one(),
+      CourseRunFactoryFromPriority(Priority.ARCHIVED_CLOSED)({
+        languages: ['en'],
+      }).one(),
+      CourseRunFactoryFromPriority(Priority.ARCHIVED_CLOSED)({
+        languages: ['en'],
+      }).one(),
+    ];
+
+    render(
+      <SyllabusCourseRunsList
+        courseRuns={courseRuns}
+        course={course}
+        maxArchivedCourseRuns={MAX_ARCHIVED_COURSE_RUNS}
+      />,
+      {
+        queryOptions: { client: createTestQueryClient({ user: null }) },
+      },
+    );
+
+    // Header of the opened run.
+    expect(getHeaderContainer().querySelectorAll('.course-detail__run-descriptions').length).toBe(
+      1,
+    );
+
+    // Assert that the run displays the extended dates.
+    expectFullDates(getHeaderContainer(), courseRuns[0]);
+
+    // Assert that the run does not display the containers related to languages.
+    expectLanguageVisibility(getHeaderContainer(), courseRuns[0], false);
+
+    const portalContainer = getPortalContainer();
+
+    // Expect that all closed course runs to be present.
+    courseRuns.slice(1).forEach((run) => expectCourseRunInList(portalContainer, run));
+  });
+
+  it('renders instructor pace opened run with different languages', async () => {
+    const course = PacedCourseFactory({ is_self_paced: false }).one();
+
+    const courseRuns: CourseRun[] = [
+      CourseRunFactoryFromPriority(Priority.ONGOING_OPEN)({
+        languages: ['en'],
+      }).one(),
+      CourseRunFactoryFromPriority(Priority.ARCHIVED_CLOSED)({
+        languages: ['it'],
+      }).one(),
+      CourseRunFactoryFromPriority(Priority.ARCHIVED_CLOSED)({
+        languages: ['fr'],
+      }).one(),
+    ];
+
+    render(
+      <SyllabusCourseRunsList
+        courseRuns={courseRuns}
+        course={course}
+        maxArchivedCourseRuns={MAX_ARCHIVED_COURSE_RUNS}
+      />,
+      {
+        queryOptions: { client: createTestQueryClient({ user: null }) },
+      },
+    );
+
+    // Header of the opened run.
+    expect(getHeaderContainer().querySelectorAll('.course-detail__run-descriptions').length).toBe(
+      1,
+    );
+
+    // Assert that the run displays the extended dates.
+    expectFullDates(getHeaderContainer(), courseRuns[0]);
+
+    // Assert that the run displays its languages.
+    expectLanguageVisibility(getHeaderContainer(), courseRuns[0], true);
+
+    const portalContainer = getPortalContainer();
+
+    // Expect that all closed course runs to be present.
+    courseRuns.slice(1).forEach((run) => expectCourseRunInList(portalContainer, run));
+  });
+
+  it('renders self-paced opened run with different languages', async () => {
+    const course = PacedCourseFactory({ is_self_paced: true }).one();
+
+    const courseRuns = [
+      CourseRunFactoryFromPriority(Priority.ONGOING_OPEN)({
+        languages: ['it'],
+      }).one(),
+      CourseRunFactoryFromPriority(Priority.ARCHIVED_CLOSED)({
+        languages: ['en'],
+      }).one(),
+      CourseRunFactoryFromPriority(Priority.ARCHIVED_CLOSED)({
+        languages: ['fr'],
+      }).one(),
+    ];
+
+    render(
+      <SyllabusCourseRunsList
+        courseRuns={courseRuns}
+        course={course}
+        maxArchivedCourseRuns={MAX_ARCHIVED_COURSE_RUNS}
+      />,
+      {
+        queryOptions: { client: createTestQueryClient({ user: null }) },
+      },
+    );
+
+    // Header of the opened run.
+    expect(getHeaderContainer().querySelectorAll('.course-detail__run-descriptions').length).toBe(
+      1,
+    );
+
+    // Assert that the run displays the containers related to the self-paced run dates.
+    expectCompactedDates(getHeaderContainer(), courseRuns[0]);
+
+    // Assert that the run displays the containers related to languages.
+    expectLanguageVisibility(getHeaderContainer(), courseRuns[0], true);
+
+    const portalContainer = getPortalContainer();
+
+    // Expect that all closed course runs to be present.
+    courseRuns.slice(1).forEach((run) => expectCourseRunInList(portalContainer, run));
+  });
+
+  it('renders self-paced opened run with same languages', async () => {
+    const course = PacedCourseFactory({ is_self_paced: true }).one();
+
+    const courseRuns: CourseRun[] = [
+      CourseRunFactoryFromPriority(Priority.ONGOING_OPEN)({
+        languages: ['en'],
+      }).one(),
+      CourseRunFactoryFromPriority(Priority.ARCHIVED_CLOSED)({
+        languages: ['en'],
+      }).one(),
+      CourseRunFactoryFromPriority(Priority.ARCHIVED_CLOSED)({
+        languages: ['en'],
+      }).one(),
+    ];
+
+    render(
+      <SyllabusCourseRunsList
+        courseRuns={courseRuns}
+        course={course}
+        maxArchivedCourseRuns={MAX_ARCHIVED_COURSE_RUNS}
+      />,
+      {
+        queryOptions: { client: createTestQueryClient({ user: null }) },
+      },
+    );
+
+    // Header of the opened run.
+    expect(getHeaderContainer().querySelectorAll('.course-detail__run-descriptions').length).toBe(
+      1,
+    );
+
+    // Assert that the run displays the simplified version of dates
+    expectCompactedDates(getHeaderContainer(), courseRuns[0]);
+
+    // Assert that the run doesn't display the languages
+    expectLanguageVisibility(getHeaderContainer(), courseRuns[0], false);
+
+    const portalContainer = getPortalContainer();
+
+    // Expect that all closed course runs to be present.
+    courseRuns.slice(1).forEach((run) => expectCourseRunInList(portalContainer, run));
+  });
+
+  it('renders self-paced opened forever run with same languages', async () => {
+    const course = PacedCourseFactory({ is_self_paced: true }).one();
+
+    const courseRuns: CourseRun[] = [
+      CourseRunFactoryFromPriority(Priority.ONGOING_OPEN)({
+        languages: ['en'],
+        end: undefined,
+      }).one(),
+      CourseRunFactoryFromPriority(Priority.ARCHIVED_CLOSED)({
+        languages: ['en'],
+      }).one(),
+      CourseRunFactoryFromPriority(Priority.ARCHIVED_CLOSED)({
+        languages: ['en'],
+      }).one(),
+    ];
+
+    render(
+      <SyllabusCourseRunsList
+        courseRuns={courseRuns}
+        course={course}
+        maxArchivedCourseRuns={MAX_ARCHIVED_COURSE_RUNS}
+      />,
+      {
+        queryOptions: { client: createTestQueryClient({ user: null }) },
+      },
+    );
+
+    // Header of the opened run.
+    expect(getHeaderContainer().querySelectorAll('.course-detail__run-descriptions').length).toBe(
+      1,
+    );
+
+    // Assert that the run displays the simplified version of dates,
+    // with hidden course end date.
+    expectCompactedDates(getHeaderContainer(), courseRuns[0]);
+
+    // Assert that the run doesn't display the languages
+    expectLanguageVisibility(getHeaderContainer(), courseRuns[0], false);
+
+    const portalContainer = getPortalContainer();
+
+    // Expect that all closed course runs to be present.
+    courseRuns.slice(1).forEach((run) => expectCourseRunInList(portalContainer, run));
+  });
+
   it('renders course runs with snapshot link if needed', async () => {
-    const course = CourseLightFactory().one();
+    const course = PacedCourseFactory().one();
     const refDate = faker.date.past();
     const pastDate = (days: number) => {
       const date = new Date(refDate.getTime());
@@ -661,7 +957,7 @@ describe('<SyllabusCourseRunsList/>', () => {
 
   it('renders ongoing course runs with enrollment information', async () => {
     const user = UserFactory().one();
-    const course = CourseLightFactory().one();
+    const course = PacedCourseFactory().one();
 
     const onGoingCourseRun = CourseRunFactoryFromPriority(Priority.ONGOING_CLOSED)({
       title: 'Ongoing course run',

package/js/widgets/SyllabusCourseRunsList/index.tsx

@@ -2,14 +2,15 @@ import React, { useEffect, useMemo } from 'react';
 import { defineMessages, FormattedMessage } from 'react-intl';
 import { createPortal } from 'react-dom';
 import { Button, CunninghamProvider } from '@openfun/cunningham-react';
-import { CourseRun, Priority } from 'types';
+import { PacedCourse, CourseRun, Priority } from 'types';
 import { computeStates } from 'utils/CourseRuns';
+import { CourseRunHelper } from 'utils/CourseRunHelper';
 import { SyllabusAsideList } from 'widgets/SyllabusCourseRunsList/components/SyllabusAsideList';
+import { SyllabusCourseRunCompacted } from 'widgets/SyllabusCourseRunsList/components/SyllabusCourseRunCompacted';
 import { SyllabusCourseRun } from 'widgets/SyllabusCourseRunsList/components/SyllabusCourseRun';
 import { DjangoCMSPluginsInit } from 'components/DjangoCMSTemplate';
 import { isJoanieEnabled } from 'api/joanie';
 import context from 'utils/context';
-import { CourseLight } from 'types/Joanie';
 import CourseWishButton from './components/CourseWishButton';
 
 const OPENED_COURSES_ELEMENT_ID = 'courseDetailsRunsOpen';
@@ -41,7 +42,7 @@ const SyllabusCourseRunsList = ({
   maxArchivedCourseRuns,
 }: {
   courseRuns: CourseRun[];
-  course: CourseLight;
+  course: PacedCourse;
   maxArchivedCourseRuns: number;
 }) => {
   useEffect(() => {
@@ -60,6 +61,8 @@ const SyllabusCourseRunsList = ({
     );
   }, [courseRunsComputed]);
 
+  const runsWithSameLanguages = CourseRunHelper.IsAllCourseRunsWithSameLanguages(courseRuns);
+
   const choose = (e: React.MouseEvent) => {
     e.preventDefault();
     document
@@ -81,11 +84,24 @@ const SyllabusCourseRunsList = ({
           </div>
         </div>
       )}
-      {openedRuns.length === 1 && (
-        <div className="course-detail__row course-detail__runs course-detail__runs--open">
-          <SyllabusCourseRun courseRun={openedRuns[0]} course={course} />
-        </div>
-      )}
+      {openedRuns.length === 1 &&
+        (course.is_self_paced && openedRuns[0].state.priority !== Priority.ARCHIVED_OPEN ? (
+          <div className="course-detail__row course-detail__runs course-detail__runs--open">
+            <SyllabusCourseRunCompacted
+              courseRun={openedRuns[0]}
+              course={course}
+              showLanguages={runsWithSameLanguages}
+            />
+          </div>
+        ) : (
+          <div className="course-detail__row course-detail__runs course-detail__runs--open">
+            <SyllabusCourseRun
+              courseRun={openedRuns[0]}
+              course={course}
+              showLanguages={runsWithSameLanguages}
+            />
+          </div>
+        ))}
       {openedRuns.length > 1 && (
         <div className="course-detail__row course-detail__runs course-detail__go-to-open-runs">
           <p>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "richie-education",
-  "version": "2.28.0",
+  "version": "2.28.2-dev23",
   "description": "A CMS to build learning portals for Open Education",
   "main": "sandbox/manage.py",
   "scripts": {
@@ -38,34 +38,34 @@
     "not dead"
   ],
   "dependencies": {
-    "@babel/core": "7.24.7",
+    "@babel/core": "7.24.9",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
-    "@babel/plugin-transform-modules-commonjs": "7.24.7",
-    "@babel/preset-env": "7.24.7",
+    "@babel/plugin-transform-modules-commonjs": "7.24.8",
+    "@babel/preset-env": "7.25.0",
     "@babel/preset-react": "7.24.7",
     "@babel/preset-typescript": "7.24.7",
     "@faker-js/faker": "8.4.1",
     "@formatjs/cli": "6.2.12",
     "@formatjs/intl-relativetimeformat": "11.2.14",
-    "@hookform/resolvers": "3.6.0",
+    "@hookform/resolvers": "3.9.0",
     "@lyracom/embedded-form-glue": "1.4.2",
     "@openfun/cunningham-react": "2.9.3",
     "@openfun/cunningham-tokens": "2.1.1",
-    "@sentry/browser": "8.8.0",
-    "@sentry/types": "8.8.0",
-    "@storybook/addon-actions": "8.1.6",
-    "@storybook/addon-essentials": "8.1.6",
-    "@storybook/addon-interactions": "8.1.6",
-    "@storybook/addon-links": "8.1.6",
-    "@storybook/react": "8.1.6",
-    "@storybook/react-webpack5": "8.1.6",
-    "@storybook/test": "8.1.6",
-    "@tanstack/query-core": "5.40.0",
-    "@tanstack/query-sync-storage-persister": "5.40.0",
-    "@tanstack/react-query": "5.40.1",
-    "@tanstack/react-query-persist-client": "5.40.1",
-    "@testing-library/dom": "10.1.0",
-    "@testing-library/jest-dom": "6.4.5",
+    "@sentry/browser": "8.20.0",
+    "@sentry/types": "8.20.0",
+    "@storybook/addon-actions": "8.2.6",
+    "@storybook/addon-essentials": "8.2.6",
+    "@storybook/addon-interactions": "8.2.6",
+    "@storybook/addon-links": "8.2.6",
+    "@storybook/react": "8.2.6",
+    "@storybook/react-webpack5": "8.2.6",
+    "@storybook/test": "8.2.6",
+    "@tanstack/query-core": "5.51.15",
+    "@tanstack/query-sync-storage-persister": "5.51.15",
+    "@tanstack/react-query": "5.51.15",
+    "@tanstack/react-query-persist-client": "5.51.15",
+    "@testing-library/dom": "10.4.0",
+    "@testing-library/jest-dom": "6.4.8",
     "@testing-library/react": "16.0.0",
     "@testing-library/user-event": "14.5.2",
     "@types/fetch-mock": "7.3.8",
@@ -79,9 +79,9 @@
     "@types/react-autosuggest": "10.1.11",
     "@types/react-dom": "18.3.0",
     "@types/react-modal": "3.16.3",
-    "@types/uuid": "9.0.8",
-    "@typescript-eslint/eslint-plugin": "7.12.0",
-    "@typescript-eslint/parser": "7.12.0",
+    "@types/uuid": "10.0.0",
+    "@typescript-eslint/eslint-plugin": "7.17.0",
+    "@typescript-eslint/parser": "7.17.0",
     "babel-jest": "29.7.0",
     "babel-loader": "9.1.3",
     "babel-plugin-react-intl": "8.2.25",
@@ -89,50 +89,50 @@
     "classnames": "2.5.1",
     "cljs-merge": "1.1.1",
     "core-js": "3.37.1",
-    "downshift": "9.0.6",
+    "downshift": "9.0.7",
     "eslint": ">=8.57.0 <9",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-airbnb-typescript": "18.0.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-import-resolver-webpack": "0.13.8",
-    "eslint-plugin-compat": "5.0.0",
+    "eslint-plugin-compat": "6.0.0",
     "eslint-plugin-formatjs": "4.13.3",
     "eslint-plugin-import": "2.29.1",
-    "eslint-plugin-jsx-a11y": "6.8.0",
-    "eslint-plugin-prettier": "5.1.3",
-    "eslint-plugin-react": "7.34.2",
+    "eslint-plugin-jsx-a11y": "6.9.0",
+    "eslint-plugin-prettier": "5.2.1",
+    "eslint-plugin-react": "7.35.0",
     "eslint-plugin-react-hooks": "4.6.2",
     "eslint-plugin-storybook": "0.8.0",
-    "fetch-mock": "9.11.0",
+    "fetch-mock": "<10",
     "file-loader": "6.2.0",
-    "glob": "10.4.1",
-    "i18n-iso-countries": "7.11.2",
-    "iframe-resizer": "4.4.2",
+    "glob": "11.0.0",
+    "i18n-iso-countries": "7.11.3",
+    "iframe-resizer": "4.4.5",
     "intl-pluralrules": "2.0.1",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "js-cookie": "3.0.5",
     "lodash-es": "4.17.21",
     "mdn-polyfills": "5.20.0",
-    "msw": "2.3.1",
+    "msw": "2.3.4",
     "node-fetch": ">2.6.6 <3",
-    "nodemon": "3.1.3",
-    "prettier": "3.3.1",
-    "query-string": "9.0.0",
+    "nodemon": "3.1.4",
+    "prettier": "3.3.3",
+    "query-string": "9.1.0",
     "react": "18.3.1",
     "react-autosuggest": "10.1.0",
     "react-dom": "18.3.1",
-    "react-hook-form": "7.51.5",
+    "react-hook-form": "7.52.1",
     "react-intl": "6.6.8",
     "react-modal": "3.16.1",
-    "react-router-dom": "6.23.1",
-    "sass": "1.77.4",
+    "react-router-dom": "6.25.1",
+    "sass": "1.77.8",
     "source-map-loader": "5.0.0",
-    "storybook": "8.1.6",
+    "storybook": "8.2.6",
     "tsconfig-paths-webpack-plugin": "4.1.0",
-    "typescript": "5.4.5",
+    "typescript": "5.5.4",
     "uuid": "10.0.0",
-    "webpack": "5.91.0",
+    "webpack": "5.93.0",
     "webpack-cli": "5.1.4",
     "whatwg-fetch": "3.6.20",
     "xhr-mock": "2.5.1",
@@ -140,7 +140,7 @@
     "yup": "1.4.0"
   },
   "resolutions": {
-    "@testing-library/dom": "10.1.0",
+    "@testing-library/dom": "10.4.0",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0"
   },
@@ -151,7 +151,7 @@
     "node": "20.11.0"
   },
   "devDependencies": {
-    "@storybook/addon-mdx-gfm": "8.1.6",
+    "@storybook/addon-mdx-gfm": "8.2.6",
     "@storybook/addon-webpack5-compiler-babel": "3.0.3"
   }
 }

package/tsconfig.json

@@ -25,7 +25,7 @@
     "skipLibCheck": true,
     "strict": true,
     "sourceMap": true,
-    "target": "es6"
+    "target": "es2018"
   },
   "include": ["./**/*"]
 }