@m4l/components 9.3.17 → 9.3.19

package/components/Stepper/Stepper.js

@@ -57,13 +57,20 @@ function Stepper(props) {
   if (!hasPresentFlags) {
     return null;
   }
-  return /* @__PURE__ */ jsx(StepperProvider, { ...props, children: /* @__PURE__ */ jsxs(StepperRootStyled, { className: clsx(classRoot, className), children: [
-    /* @__PURE__ */ jsxs(ContentSectionStyled, { ownerState, children: [
-      /* @__PURE__ */ jsx(StepArea, {}),
-      /* @__PURE__ */ jsx(ContentArea, { children: stepperContent })
-    ] }),
-    stepperFooter
-  ] }) });
+  return /* @__PURE__ */ jsx(StepperProvider, { ...props, children: /* @__PURE__ */ jsxs(
+    StepperRootStyled,
+    {
+      className: clsx(classRoot, className),
+      "data-testid": "stepper-root",
+      children: [
+        /* @__PURE__ */ jsxs(ContentSectionStyled, { ownerState, children: [
+          /* @__PURE__ */ jsx(StepArea, {}),
+          /* @__PURE__ */ jsx(ContentArea, { children: stepperContent })
+        ] }),
+        stepperFooter
+      ]
+    }
+  ) });
 }
 export {
   Stepper as S

package/components/Stepper/subcomponents/ContentArea/index.js

@@ -11,13 +11,20 @@ function ContentArea(props) {
   const ownerState = {
     orientation
   };
-  return /* @__PURE__ */ jsxs(ContentAreaStyled, { ownerState, children: [
-    /* @__PURE__ */ jsxs(ContentAreaHeaderStyled, { children: [
-      /* @__PURE__ */ jsx(WrapperIcon, {}),
-      /* @__PURE__ */ jsx(WrapperTitle, {})
-    ] }),
-    /* @__PURE__ */ jsx(ContentAreaBodyStyled, { children })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    ContentAreaStyled,
+    {
+      ownerState,
+      "data-testid": "stepper-content-area",
+      children: [
+        /* @__PURE__ */ jsxs(ContentAreaHeaderStyled, { "data-testid": "stepper-content-area-header", children: [
+          /* @__PURE__ */ jsx(WrapperIcon, {}),
+          /* @__PURE__ */ jsx(WrapperTitle, {})
+        ] }),
+        /* @__PURE__ */ jsx(ContentAreaBodyStyled, { "data-testid": "stepper-content-area-body", children })
+      ]
+    }
+  );
 }
 export {
   ContentArea as C

package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperIcon/index.js

@@ -17,7 +17,7 @@ function WrapperIcon() {
     IconStyled,
     {
       color: "primary.enabled",
-      src: currentStepConfig.icon ? currentStepConfig.icon : `${host_static_assets}/${environment_assets}/${pathIcons.patronum}`
+      src: currentStepConfig?.icon ? currentStepConfig.icon : `${host_static_assets}/${environment_assets}/${pathIcons.patronum}`
     }
   ) });
 }

package/components/Stepper/subcomponents/StepArea/index.js

@@ -100,7 +100,7 @@ function StepArea() {
       }
     }
   };
-  return /* @__PURE__ */ jsx(StepAreaStyled, { ownerState, children: validSteps.map((step, validIndex) => {
+  return /* @__PURE__ */ jsx(StepAreaStyled, { ownerState, "data-testid": "stepper-step-area", children: validSteps.map((step, validIndex) => {
     const originalIndex = steps.findIndex((s) => s.key === step.key);
     const totalVisibleSteps = validSteps.filter(
       (s) => evaluateVisibilityStepCondition(s, formValues || {}, visibilityData)
@@ -120,6 +120,7 @@ function StepArea() {
             visibilityData
           )
         },
+        "data-testid": `stepper-step-${step.key}`,
         children: [
           visibleTitle && /* @__PURE__ */ jsx(
             StepNameStyled,

package/components/Stepper/subcomponents/StepperButtons/StepperCancelButton/index.js

@@ -16,7 +16,8 @@ function StepperCancelButton() {
       label: getLabel(DICTIONARY.LABEL_CANCEL_BUTTON),
       variant: "outlined",
       color: "default",
-      onClick: handleCancel
+      onClick: handleCancel,
+      "data-testid": "stepper-cancel-button"
     }
   );
 }

package/components/Stepper/subcomponents/StepperFooter/index.js

@@ -38,7 +38,7 @@ function StepperFooter(props) {
       stepperFooterRightActions: parsedRightActions
     };
   }, [children]);
-  return /* @__PURE__ */ jsxs(StepperFooterSectionStyled, { children: [
+  return /* @__PURE__ */ jsxs(StepperFooterSectionStyled, { "data-testid": "stepper-footer", children: [
     stepperFooterLeftActions,
     stepperFooterRightActions
   ] });

package/components/Stepper/tests/Stepper.helpers.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Stepper/tests/Stepper.hooks.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Stepper/tests/Stepper.navigation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Stepper/tests/Stepper.rendering.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Stepper/tests/Stepper.subcomponents.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Stepper/tests/Stepper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Stepper/tests/constants.d.ts

@@ -0,0 +1,3 @@
+import { StepperProps } from '../types';
+export declare const mockSteps: StepperProps['steps'];
+export declare const defaultProps: StepperProps;

package/components/mui_extended/Typography/typography.styles.js

@@ -8,7 +8,9 @@ const typographyStyles = {
   root: ({ ownerState, theme }) => ({
     margin: 0,
     cursor: "default",
-    fontFamily: ownerState?.fontFamily || "Inter",
+    ...ownerState?.fontFamily && ownerState?.fontFamily !== "Inter" && {
+      fontFamily: ownerState?.fontFamily
+    },
     "&.M4lclassCssSpecificity": {
       // Estilos generales 🌐
       // skeleton spacing when multiple rows 🦴

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.17",
+  "version": "9.3.19",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {