@producteca/producteca-ui-kit 1.72.0 → 1.72.1

package/dist/producteca-ui-kit.es.js

@@ -57582,11 +57582,11 @@ const datePickerDayStyles = {
   backgroundColor: "white",
   color: "#252525",
   borderRadius: "4px",
-  "&.MuiPickersDay-root": {
+  "&.MuiPickerDay-root": {
     fontSize: "14px",
     textTransform: "capitalize"
   },
-  "&.MuiPickersDay-today": {
+  "&.MuiPickerDay-today": {
     backgroundColor: "white",
     color: "#252525",
     border: "1px solid #252525"
@@ -57644,34 +57644,34 @@ const datePickerDigitalClockStyles = {
   }
 };
 const datePickerYearStyles = {
+  // MUI X v9 dropped the MuiPickersYear wrapper: year buttons are now
+  // .MuiYearCalendar-button rendered directly inside .MuiYearCalendar-root
   "& .MuiYearCalendar-root": {
-    "& .MuiPickersYear-root": {
-      "& .MuiPickersYear-yearButton": {
-        fontFamily: "Poppins, Open Sans, Helvetica, Arial, sans-serif",
-        fontSize: "14px",
-        backgroundColor: "white",
-        color: "#252525",
-        borderRadius: "4px",
-        "&.Mui-selected": {
-          backgroundColor: "#0066ff",
-          color: "white",
-          "&:hover": {
-            backgroundColor: "#0066ff"
-          },
-          "&:focus": {
-            backgroundColor: "#0066ff"
-          }
+    "& .MuiYearCalendar-button": {
+      fontFamily: "Poppins, Open Sans, Helvetica, Arial, sans-serif",
+      fontSize: "14px",
+      backgroundColor: "white",
+      color: "#252525",
+      borderRadius: "4px",
+      "&.Mui-selected": {
+        backgroundColor: "#0066ff",
+        color: "white",
+        "&:hover": {
+          backgroundColor: "#0066ff"
         },
-        "&:hover:not(.Mui-selected)": {
-          backgroundColor: "#EDEDED",
-          color: "#252525"
+        "&:focus": {
+          backgroundColor: "#0066ff"
         }
+      },
+      "&:hover:not(.Mui-selected)": {
+        backgroundColor: "#EDEDED",
+        color: "#252525"
       }
     }
   }
 };
 const datePickerPopperStyles = {
-  "& .MuiPickersPopper-paper": {
+  "& .MuiPickerPopper-paper": {
     boxShadow: "0px 5px 5px -3px rgb(205 205 205 / 20%), 0px 8px 14px 1px rgb(165 165 165 / 14%), 0px 3px 14px 2px rgb(219 219 219 / 6%)"
   }
 };
@@ -57691,7 +57691,17 @@ const styles$w = {
 };
 dayjs.extend(customParseFormat);
 const ActionComponent = ({ showClearIcon, onClear, onOpen }) => /* @__PURE__ */ jsxs("div", { className: styles$w["calendar-icon-container"], "data-testid": "action-component", children: [
-  showClearIcon && /* @__PURE__ */ jsx$1("div", { onClick: onClear, className: styles$w["clear-icon"], children: /* @__PURE__ */ jsx$1(CustomIcon, { children: /* @__PURE__ */ jsx$1(CloseRoundedIcon, {}) }) }),
+  showClearIcon && /* @__PURE__ */ jsx$1(
+    "div",
+    {
+      onClick: (event) => {
+        event.stopPropagation();
+        onClear?.();
+      },
+      className: styles$w["clear-icon"],
+      children: /* @__PURE__ */ jsx$1(CustomIcon, { children: /* @__PURE__ */ jsx$1(CloseRoundedIcon, {}) })
+    }
+  ),
   /* @__PURE__ */ jsx$1("div", { className: styles$w["divider-line"] }),
   /* @__PURE__ */ jsx$1("div", { onClick: onOpen, className: styles$w["calendar-icon"], children: /* @__PURE__ */ jsx$1(CustomIcon, { size: "12", children: /* @__PURE__ */ jsx$1(CalendarTodayIcon, {}) }) })
 ] });
@@ -57712,7 +57722,7 @@ const ReadOnlyDateField = ({
   return /* @__PURE__ */ jsx$1(
     TextField,
     {
-      ref: (element) => triggerRef(element),
+      ref: triggerRef,
       value: displayValue,
       placeholder,
       name,
@@ -68446,8 +68456,7 @@ const MenuAction = ({
         onClose: handleClose,
         disableScrollLock: true,
         slotProps: {
-          list: { "aria-labelledby": id },
-          transition: Grow
+          list: { "aria-labelledby": id }
         },
         anchorOrigin: {
           vertical: "bottom",