From b1850c029a6c274dbc41b31b99e9245f5018f588 Mon Sep 17 00:00:00 2001
From: jbpenrath <jb.penrath@gmail.com>
Date: Mon, 5 May 2025 17:50:59 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A8(react)=20fix=20type=20and=20sass?=
 =?UTF-8?q?=20warning=20after=20deps=20upgrade?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Do not use deprecated `map-get` Sass method
- Fix type issue in `DatePicker`
---
 apps/demo/src/index.scss                                    | 5 +++--
 packages/react/src/components/Forms/DatePicker/Calendar.tsx | 4 +++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/demo/src/index.scss b/apps/demo/src/index.scss
index da8d3e6..3d17ac1 100644
--- a/apps/demo/src/index.scss
+++ b/apps/demo/src/index.scss
@@ -1,11 +1,12 @@
+@use "sass:map";
 @use "@openfun/cunningham-react/sass/fonts";
 @use "@openfun/cunningham-react/sass/icons";
 @use "@openfun/cunningham-react/style";
 @use "cunningham-tokens";
 @use "cunningham-tokens-sass" as *;
 
-$lg: map-get($themes, "default", "theme", "breakpoints", "lg");
-$sm: map-get($themes, "default", "theme", "breakpoints", "sm");
+$lg: map.get($themes, "default", "theme", "breakpoints", "lg");
+$sm: map.get($themes, "default", "theme", "breakpoints", "sm");
 
 // Reset
 h1 {
diff --git a/packages/react/src/components/Forms/DatePicker/Calendar.tsx b/packages/react/src/components/Forms/DatePicker/Calendar.tsx
index 0752bae..beaeee7 100644
--- a/packages/react/src/components/Forms/DatePicker/Calendar.tsx
+++ b/packages/react/src/components/Forms/DatePicker/Calendar.tsx
@@ -1,6 +1,7 @@
 import React, { RefAttributes, useMemo, useRef, useState } from "react";
 import {
   CalendarDate,
+  CalendarIdentifier,
   createCalendar,
   DateValue,
   GregorianCalendar,
@@ -132,7 +133,8 @@ const CalendarAux = ({
 
   const yearItems: Array<Option> = useMemo(() => {
     const calendarCurrentUser = createCalendar(
-      new Intl.DateTimeFormat().resolvedOptions().calendar,
+      new Intl.DateTimeFormat().resolvedOptions()
+        .calendar as CalendarIdentifier,
     );
     const minDate = toCalendar(
       new CalendarDate(new GregorianCalendar(), minYear, 1, 1),