RSDEV-390 Add a carousel view mode to the new gallery

src/main/webapp/ui/babel.config.js

@@ -0,0 +1,38 @@
+const test = process.env.NODE_ENV === "test";
+
+module.exports = {
+  presets: [
+    [
+      "@babel/preset-env",
+      {
+        targets: {
+          node: "current",
+        },
+      },
+    ],
+    "@babel/preset-react",
+    "@babel/preset-flow",
+  ],
+  plugins: [
+    [
+      "@babel/plugin-proposal-decorators",
+      {
+        legacy: true,
+      },
+    ],
+    [
+      "@babel/plugin-proposal-class-properties",
+      {
+        loose: false,
+      },
+    ],
+    [
+      "@babel/plugin-transform-runtime",
+      {
+        regenerator: true,
+      },
+    ],
+    ["babel-plugin-syntax-hermes-parser"],
+    ...(test ? ["babel-plugin-transform-import-meta"] : []),
+  ],
+};

src/main/webapp/ui/flow-typed/testing-library/react.js

@@ -5,6 +5,7 @@ declare module "@testing-library/react" {
 
   declare export type Element = {|
     checked: boolean,
+    disabled: boolean,
     value: string,
     textContent: string,
     className: string,

src/main/webapp/ui/package.json

@@ -33,6 +33,7 @@
     "@testing-library/user-event": "^14.5.2",
     "axios-mock-adapter": "^1.20.0",
     "babel-loader": "=9.1.2",
+    "babel-plugin-transform-import-meta": "^2.2.1",
     "canvas": "^2.11.2",
     "clean-webpack-plugin": "=4.0.0",
     "css-loader": "=6.7.1",
@@ -53,6 +54,7 @@
     "jest-environment-jsdom": "=29.7.0",
     "prettier": "=2.8.3",
     "style-loader": "=3.3.3",
+    "url": "^0.11.4",
     "webpack": "=5.89.0",
     "webpack-cli": "=5.1.4"
   },

src/main/webapp/ui/src/eln/gallery/common.js

@@ -1,4 +1,4 @@
-//@flow
+//@flow strict
 
 import { COLORS as baseThemeColors } from "../../theme";
 import Result from "../../util/result";