richie-education 3.3.2-dev6 → 3.4.1-dev3

package/js/widgets/SyllabusCourseRunsList/components/SyllabusCourseRunCompacted/index.stories.tsx

@@ -0,0 +1,41 @@
+import { Meta, StoryObj } from '@storybook/react-webpack5';
+import { CourseRunFactory } from 'utils/test/factories/richie';
+import { StorybookHelper } from 'utils/StorybookHelper';
+import { CourseCertificateOffer, CourseOffer } from 'types/Course';
+import { SyllabusCourseRunCompacted } from '.';
+
+export default {
+  component: SyllabusCourseRunCompacted,
+  render: (args) => StorybookHelper.wrapInApp(<SyllabusCourseRunCompacted {...args} />),
+} as Meta<typeof SyllabusCourseRunCompacted>;
+
+type Story = StoryObj<typeof SyllabusCourseRunCompacted>;
+
+const courseRun = CourseRunFactory().one();
+
+const singleDateCourseRun = {
+  ...courseRun,
+  start: null,
+  enrollment_start: null,
+  title: 'Certificate Product',
+  price_currency: 'EUR',
+  offer: CourseOffer.FREE,
+  certificate_offer: CourseCertificateOffer.PAID,
+  certificate_price: 100,
+  discounted_price: null,
+  discount: null,
+} as any;
+
+const course = {
+  id: '038c4f92-542a-4652-8537-322a75297b75',
+  code: 'IYfwh',
+  is_self_paced: true,
+};
+
+export const CertificateSyllabusSingleDate: Story = {
+  args: {
+    courseRun: singleDateCourseRun,
+    course,
+    showLanguages: true,
+  },
+};

package/js/widgets/UserLogin/index.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { StorybookHelper } from 'utils/StorybookHelper';
 import { RichieContextFactory } from 'utils/test/factories/richie';
 import UserLogin from '.';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "richie-education",
-  "version": "3.3.2-dev6",
+  "version": "3.4.1-dev3",
   "description": "A CMS to build learning portals for Open Education",
   "main": "sandbox/manage.py",
   "scripts": {
@@ -18,7 +18,7 @@
     "watch-ts": "yarn build-ts --watch",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "build-theme": "cunningham -g scss -o scss/vendors && cunningham -g css -o scss/vendors/css && cunningham -g ts -o js/utils/"
+    "build-theme": "cunningham -g scss -o scss/vendors && cunningham -g css -o scss/vendors/css && cunningham -g ts -o js/utils/ && prettier --write scss/vendors/cunningham-tokens.scss scss/vendors/css/cunningham-tokens.css js/utils/cunningham-tokens.ts"
   },
   "repository": {
     "type": "git",
@@ -34,125 +34,121 @@
   },
   "homepage": "https://github.com/openfun/richie#readme",
   "browserslist": [
-    "last 2 versions",
-    ">1%",
-    "not dead"
+    ">0.2%",
+    "not dead",
+    "not op_mini all"
   ],
   "dependencies": {
-    "@babel/core": "7.26.10",
+    "@babel/core": "7.29.0",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
-    "@babel/plugin-transform-modules-commonjs": "7.26.3",
-    "@babel/preset-env": "7.26.9",
-    "@babel/preset-react": "7.26.3",
-    "@babel/preset-typescript": "7.26.0",
+    "@babel/plugin-transform-modules-commonjs": "7.28.6",
+    "@babel/preset-env": "7.29.0",
+    "@babel/preset-react": "7.28.5",
+    "@babel/preset-typescript": "7.28.5",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@faker-js/faker": "9.6.0",
-    "@formatjs/cli": "6.6.2",
-    "@formatjs/intl-relativetimeformat": "11.4.11",
-    "@hookform/resolvers": "4.1.3",
-    "@lyracom/embedded-form-glue": "1.4.2",
+    "@faker-js/faker": "10.3.0",
+    "@formatjs/cli": "6.13.0",
+    "@formatjs/intl-relativetimeformat": "12.2.2",
+    "@hookform/resolvers": "5.2.2",
+    "@lyracom/embedded-form-glue": "1.4.4",
     "@mui/material": "^7.3.2",
-    "@openfun/cunningham-react": "3.0.0",
-    "@openfun/cunningham-tokens": "2.2.0",
-    "@sentry/browser": "9.8.0",
-    "@sentry/types": "9.8.0",
-    "@storybook/addon-actions": "8.6.8",
-    "@storybook/addon-essentials": "8.6.8",
-    "@storybook/addon-interactions": "8.6.8",
-    "@storybook/addon-links": "8.6.8",
-    "@storybook/react": "8.6.8",
-    "@storybook/react-webpack5": "8.6.8",
-    "@storybook/test": "8.6.8",
-    "@tanstack/query-core": "5.69.0",
-    "@tanstack/query-sync-storage-persister": "5.69.0",
-    "@tanstack/react-query": "5.69.0",
-    "@tanstack/react-query-devtools": "5.69.0",
-    "@tanstack/react-query-persist-client": "5.69.0",
-    "@testing-library/dom": "10.4.0",
-    "@testing-library/jest-dom": "6.6.3",
-    "@testing-library/react": "16.2.0",
+    "@openfun/cunningham-react": "4.0.0",
+    "@openfun/cunningham-tokens": "3.0.0",
+    "@sentry/browser": "10.40.0",
+    "@sentry/types": "10.40.0",
+    "@storybook/addon-links": "10.2.13",
+    "@storybook/react": "10.2.13",
+    "@storybook/react-webpack5": "10.2.13",
+    "@tanstack/query-core": "5.90.20",
+    "@tanstack/query-sync-storage-persister": "5.90.23",
+    "@tanstack/react-query": "5.90.21",
+    "@tanstack/react-query-devtools": "5.91.3",
+    "@tanstack/react-query-persist-client": "5.90.23",
+    "@testing-library/dom": "10.4.1",
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
     "@types/fetch-mock": "9.2.2",
     "@types/iframe-resizer": "4.0.0",
-    "@types/jest": "29.5.14",
+    "@types/jest": "30.0.0",
     "@types/js-cookie": "3.0.6",
     "@types/lodash-es": "4.17.12",
-    "@types/node-fetch": "2.6.12",
+    "@types/node-fetch": "2.6.13",
     "@types/query-string": "6.3.0",
-    "@types/react": "19.0.12",
+    "@types/react": "19.2.14",
     "@types/react-autosuggest": "10.1.11",
-    "@types/react-dom": "19.0.4",
+    "@types/react-dom": "19.2.3",
     "@types/react-modal": "3.16.3",
-    "@typescript-eslint/eslint-plugin": "8.27.0",
-    "@typescript-eslint/parser": "8.27.0",
-    "babel-jest": "29.7.0",
+    "@typescript-eslint/eslint-plugin": "8.56.1",
+    "@typescript-eslint/parser": "8.56.1",
+    "babel-jest": "30.2.0",
     "babel-loader": "10.0.0",
     "babel-plugin-react-intl": "8.2.25",
     "bootstrap": ">=4.6.0 <5",
     "classnames": "2.5.1",
     "cljs-merge": "1.1.1",
-    "core-js": "3.41.0",
-    "downshift": "9.0.9",
+    "core-js": "3.48.0",
+    "downshift": "9.3.2",
     "embla-carousel-autoplay": "8.6.0",
-    "embla-carousel-react": "8.5.2",
-    "embla-carousel-wheel-gestures": "8.0.1",
+    "embla-carousel-react": "8.6.0",
+    "embla-carousel-wheel-gestures": "8.1.0",
     "eslint": ">=8.57.0 <9",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-airbnb-typescript": "18.0.0",
-    "eslint-config-prettier": "10.1.1",
+    "eslint-config-prettier": "10.1.8",
     "eslint-import-resolver-webpack": "0.13.10",
-    "eslint-plugin-compat": "6.0.2",
-    "eslint-plugin-formatjs": "5.3.0",
-    "eslint-plugin-import": "2.31.0",
+    "eslint-plugin-compat": "7.0.0",
+    "eslint-plugin-formatjs": "6.2.0",
+    "eslint-plugin-import": "2.32.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
-    "eslint-plugin-prettier": "5.2.4",
-    "eslint-plugin-react": "7.37.4",
-    "eslint-plugin-react-hooks": "5.2.0",
-    "eslint-plugin-storybook": "0.11.6",
+    "eslint-plugin-prettier": "5.5.5",
+    "eslint-plugin-react": "7.37.5",
+    "eslint-plugin-react-hooks": "7.0.1",
+    "eslint-plugin-storybook": "10.2.13",
     "fetch-mock": "<10",
     "file-loader": "6.2.0",
-    "glob": "11.0.1",
+    "glob": "11.1.0",
     "i18n-iso-countries": "7.14.0",
     "iframe-resizer": "<5",
     "intl-pluralrules": "2.0.1",
-    "jest": "29.7.0",
-    "jest-environment-jsdom": "29.7.0",
+    "jest": "30.2.0",
+    "jest-environment-jsdom": "30.2.0",
     "js-cookie": "3.0.5",
-    "keycloak-js": "26.2.2",
-    "lodash-es": "4.17.21",
+    "keycloak-js": "26.2.3",
+    "lodash-es": "4.17.23",
     "mdn-polyfills": "5.20.0",
-    "msw": "2.7.3",
+    "msw": "2.12.10",
     "node-fetch": ">2.6.6 <3",
-    "nodemon": "3.1.9",
-    "prettier": "3.5.3",
-    "query-string": "9.1.1",
-    "react": "19.0.0",
+    "nodemon": "3.1.14",
+    "prettier": "3.8.1",
+    "query-string": "9.3.1",
+    "react": "19.2.4",
     "react-autosuggest": "10.1.0",
-    "react-dom": "19.0.0",
-    "react-hook-form": "7.54.2",
-    "react-intl": "7.1.9",
+    "react-dom": "19.2.4",
+    "react-hook-form": "7.71.2",
+    "react-intl": "8.1.3",
     "react-modal": "3.16.3",
-    "react-router": "7.4.0",
-    "sass": "1.86.0",
+    "react-router": "7.12.0",
+    "sass": "1.97.3",
     "source-map-loader": "5.0.0",
-    "storybook": "8.6.8",
+    "storybook": "10.2.13",
     "tsconfig-paths-webpack-plugin": "4.2.0",
-    "typescript": "5.8.2",
-    "uuid": "11.1.0",
-    "webpack": "5.98.0",
+    "typescript": "5.9.3",
+    "uuid": "13.0.0",
+    "webpack": "5.104.1",
     "webpack-cli": "6.0.1",
     "whatwg-fetch": "3.6.20",
     "xhr-mock": "2.5.1",
-    "yargs": "17.7.2",
-    "yup": "1.6.1"
+    "yargs": "18.0.0",
+    "yup": "1.7.1"
   },
   "resolutions": {
-    "@testing-library/dom": "10.4.0",
-    "@types/react": "19.0.12",
-    "@types/react-dom": "19.0.4",
-    "react": "19.0.0",
-    "react-dom": "19.0.0"
+    "@testing-library/dom": "10.4.1",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "react": "19.2.4",
+    "react-dom": "19.2.4"
   },
   "msw": {
     "workerDirectory": "../richie/static/richie/js"
@@ -162,7 +158,6 @@
     "yarn": "1.22.22"
   },
   "devDependencies": {
-    "@storybook/addon-mdx-gfm": "8.6.8",
-    "@storybook/addon-webpack5-compiler-babel": "3.0.5"
+    "@storybook/addon-webpack5-compiler-babel": "4.0.0"
   }
 }

package/scss/components/_subheader.scss

@@ -24,7 +24,7 @@ $r-subheader-search-title-width: 19rem !default; // aligned on computed search r
   &__title {
     @include make-container();
     @include make-container-max-widths();
-    @include sv-flex(1, 0, 100%);
+    @include sv-flex(1, 0, 100%, $max: false);
     padding-left: 0;
     padding-right: 0;
 

package/scss/components/templates/richie/slider/_slider.scss

@@ -101,7 +101,7 @@ $r-slider-content-line-clamp: 4 !default;
 .slider__panel {
   @include make-container();
   @include make-container-max-widths();
-
+  cursor: default;
   display: flex;
   flex-direction: column-reverse;
 }

package/scss/objects/_course_glimpses.scss

@@ -56,6 +56,7 @@ $course-glimpse-content-padding-sides: 0.7rem !default;
   @include sv-flex(1, 0, calc(100% - #{$r-course-glimpse-gutter * 2}));
 
   position: relative;
+  isolation: isolate;
   margin: $r-course-glimpse-gutter;
 
   min-width: 16rem;

package/scss/trumps/_bootstrap.scss

@@ -1,4 +1,5 @@
 // Without this, bootstrap overrides Cunningham buttons style.
 a.c__button:hover {
   text-decoration: none;
+  color: inherit;
 }