richie-education 3.4.0 → 3.4.1-dev3

package/.storybook/main.js

@@ -1,12 +1,17 @@
 import { dirname, join } from "path";
+import { createRequire } from "module";
+import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
 
-const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
-module.exports = {
-  stories: ['../stories/**/*.mdx', '../stories/**/*.stories.@(js|jsx|ts|tsx)', '../js/**/*.stories.@(js|jsx|ts|tsx)'],
+const require = createRequire(import.meta.url);
+
+function getAbsolutePath(value) {
+  return dirname(require.resolve(join(value, "package.json")));
+}
+
+export default {
+  stories: ['../stories/**/*.stories.@(js|jsx|ts|tsx)', '../js/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: [
     getAbsolutePath('@storybook/addon-links'),
-    getAbsolutePath('@storybook/addon-essentials'),
-    getAbsolutePath('@storybook/addon-interactions'),
     getAbsolutePath('@storybook/addon-webpack5-compiler-babel'),
   ],
   framework: {
@@ -23,9 +28,7 @@ module.exports = {
     from: '../../richie/apps/core/static',
     to: '/static',
   }, '../../richie/apps/core/templates/richie'],
-  webpackFinal: async (config, {
-    configType,
-  }) => {
+  webpackFinal: async (config, { configType }) => {
     config.resolve.plugins = [new TsconfigPathsPlugin()];
     return config;
   },
@@ -33,7 +36,3 @@ module.exports = {
     autodocs: false,
   },
 };
-
-function getAbsolutePath(value) {
-  return dirname(require.resolve(join(value, "package.json")));
-}

package/js/widgets/Slider/index.tsx

@@ -101,18 +101,19 @@ const Slider = ({ slides, title }: SliderProps) => {
   return (
     <div
       className="slider"
-      ref={emblaRef}
       aria-roledescription="carousel"
       aria-label={title}
       role="button"
       tabIndex={0}
       onKeyDown={handleKeyDown}
     >
-      <Slideshow
-        slides={slides}
-        onNextSlide={() => emblaApi?.scrollNext()}
-        onPreviousSlide={() => emblaApi?.scrollPrev()}
-      />
+      <div ref={emblaRef}>
+        <Slideshow
+          slides={slides}
+          onNextSlide={() => emblaApi?.scrollNext()}
+          onPreviousSlide={() => emblaApi?.scrollPrev()}
+        />
+      </div>
       <SlidePanel
         slides={slides}
         activeSlideIndex={activeSlideIndex}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "richie-education",
-  "version": "3.4.0",
+  "version": "3.4.1-dev3",
   "description": "A CMS to build learning portals for Open Education",
   "main": "sandbox/manage.py",
   "scripts": {
@@ -57,13 +57,9 @@
     "@openfun/cunningham-tokens": "3.0.0",
     "@sentry/browser": "10.40.0",
     "@sentry/types": "10.40.0",
-    "@storybook/addon-actions": "9.0.8",
-    "@storybook/addon-essentials": "8.6.17",
-    "@storybook/addon-interactions": "8.6.17",
     "@storybook/addon-links": "10.2.13",
     "@storybook/react": "10.2.13",
     "@storybook/react-webpack5": "10.2.13",
-    "@storybook/test": "8.6.17",
     "@tanstack/query-core": "5.90.20",
     "@tanstack/query-sync-storage-persister": "5.90.23",
     "@tanstack/react-query": "5.90.21",
@@ -136,7 +132,7 @@
     "react-router": "7.12.0",
     "sass": "1.97.3",
     "source-map-loader": "5.0.0",
-    "storybook": "8.6.17",
+    "storybook": "10.2.13",
     "tsconfig-paths-webpack-plugin": "4.2.0",
     "typescript": "5.9.3",
     "uuid": "13.0.0",
@@ -162,7 +158,6 @@
     "yarn": "1.22.22"
   },
   "devDependencies": {
-    "@storybook/addon-mdx-gfm": "8.6.17",
     "@storybook/addon-webpack5-compiler-babel": "4.0.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;