Merge branch 'main' into lkostrowski/replace-deprecated-attrs

Author: lkostrowski

.changeset/grumpy-planes-build.md

@@ -0,0 +1,5 @@
+---
+"saleor-dashboard": patch
+---
+
+Bumped Node to v24 in Dockerfiles (Github Actions, Docker, Devcontainers)

.devcontainer/Dockerfile

@@ -1,4 +1,4 @@
-FROM mcr.microsoft.com/devcontainers/typescript-node:22 AS pnpm
+FROM mcr.microsoft.com/devcontainers/typescript-node:24 AS pnpm
 
 RUN corepack enable
 
@@ -9,7 +9,7 @@ RUN corepack prepare pnpm@10 --activate
 
 FROM pnpm AS deps
 
-COPY --chown=1000:1000 ./package.json ./pnpm-lock.yaml ./.npmrc /app/
+COPY --chown=1000:1000 ./package.json ./pnpm-lock.yaml ./pnpm-workspace.yaml ./.npmrc /app/
 RUN --mount=type=cache,mode=0700,uid=1000,gid=1000,target=/pnpm/store \
 		pnpm install --frozen-lockfile
 

.knip.json

@@ -5,7 +5,7 @@
     "enumMembers": "off",
     "files": "warn",
     "exports": "warn",
-    "duplicates": "warn",
+    "duplicates": "off",
     "classMembers": "warn",
     "nsTypes": "warn",
     "unresolved": "warn",
@@ -24,7 +24,8 @@
     "src/**/fragments/*.ts",
     "src/searches/*.ts",
     "src/**/fixtures.ts",
-    "scripts/**"
+    "scripts/**",
+    "storybookUtils/**"
   ],
   "project": ["**/*.{js,ts,tsx,jsx}"],
   "jest": true,

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:22-alpine AS builder
+FROM node:24-alpine AS builder
 RUN apk --no-cache add bash
 RUN corepack enable && corepack prepare pnpm@10 --activate
 WORKDIR /app

jest.config.js

@@ -32,7 +32,6 @@ const config = {
     "@dashboard(.*)$": "<rootDir>/src/$1",
     "@test/(.*)$": "<rootDir>/testUtils/$1",
     "^@material-ui/core$": "<rootDir>/node_modules/@material-ui/core",
-    "^@material-ui/icons$": "<rootDir>/node_modules/@material-ui/icons",
     "^@material-ui/styles$": "<rootDir>/node_modules/@material-ui/styles",
     "^react$": "<rootDir>/node_modules/react",
     "^react-dom$": "<rootDir>/node_modules/react-dom",

package.json

@@ -239,7 +239,7 @@
   },
   "packageManager": "pnpm@10.28.1",
   "engines": {
-    "node": ">=22.15 <23",
+    "node": ">=24 <25",
     "pnpm": ">=10"
   }
 }

src/attributes/components/AttributeListDatagrid/AttributeListDatagrid.stories.tsx

@@ -7,6 +7,9 @@ import { AttributeListDatagrid } from "./AttributeListDatagrid";
 const meta: Meta<typeof AttributeListDatagrid> = {
   title: "Attributes/AttributeListDatagrid",
   component: AttributeListDatagrid,
+  parameters: {
+    chromatic: { diffThreshold: 0.3, delay: 500 },
+  },
   args: {
     attributes,
     disabled: false,

src/categories/components/CategoryListDatagrid/CategoryListDatagrid.stories.tsx

@@ -7,6 +7,9 @@ import { CategoryListDatagrid } from "./CategoryListDatagrid";
 const meta: Meta<typeof CategoryListDatagrid> = {
   title: "Categories/CategoryListDatagrid",
   component: CategoryListDatagrid,
+  parameters: {
+    chromatic: { diffThreshold: 0.3, delay: 500 },
+  },
   args: {
     categories,
     disabled: false,

src/categories/components/CategoryProductListDatagrid/CategoryProductListDatagrid.stories.tsx

@@ -23,6 +23,9 @@ const mockProducts: RelayToFlat<NonNullable<CategoryDetailsQuery["category"]>["p
 const meta: Meta<typeof CategoryProductListDatagrid> = {
   title: "Categories/CategoryProductListDatagrid",
   component: CategoryProductListDatagrid,
+  parameters: {
+    chromatic: { diffThreshold: 0.3, delay: 500 },
+  },
   args: {
     products: mockProducts,
     disabled: false,

src/channels/components/ChannelForm/automatic-checkout-complete/utils.ts

@@ -1,8 +1,8 @@
 import { type IntlShape } from "react-intl";
 
-export type RelativeTimeUnit = "day" | "hour" | "minute";
+type RelativeTimeUnit = "day" | "hour" | "minute";
 
-export interface RelativeTimeValue {
+interface RelativeTimeValue {
   value: number;
   unit: RelativeTimeUnit;
 }