@m4l/components 9.3.13-JT03092025.beta.1 → 9.3.13-JT03092025.beta.2

package/components/Stepper/Stepper.d.ts

@@ -5,4 +5,4 @@ import { StepperProps } from './types';
  * ### Dependecias:
  *- **`useFlagsPresent:`** Hook que permite verificar si una lista de flags se encuentran presentes.
  */
-export declare function Stepper(props: StepperProps): import("react/jsx-runtime").JSX.Element;
+export declare function Stepper(props: StepperProps): import("react/jsx-runtime").JSX.Element | null;

package/components/Stepper/Stepper.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, Children, isValidElement } from "react";
 import clsx from "clsx";
+import { useFlagsPresent, CommonFlags } from "@m4l/core";
 import { S as StepperRootStyled, C as ContentSectionStyled } from "./slots/StepperSlot.js";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import { S as STEPPER_PREFIX_NAME } from "./constants.js";
@@ -52,6 +53,10 @@ function Stepper(props) {
     }
     return { stepperFooter: footer, stepperContent: content };
   }, [children]);
+  const hasPresentFlags = useFlagsPresent([CommonFlags.FLAG_DICTIONARY_LOADED]);
+  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, {}),

package/components/Stepper/store/StepperContext/index.js

@@ -64,7 +64,7 @@ const StepperProvider = (props) => {
     if (stepperStoreRef.current && steps) {
       const store = stepperStoreRef.current;
       const currentState = store.getState();
-      store.getState().actions.init(steps);
+      store.getState().actions.init(steps, true);
       if (visibilityData) {
         const hasVisibilityDataChanged = JSON.stringify(prevVisibilityDataRef.current) !== JSON.stringify(visibilityData);
         if (hasVisibilityDataChanged) {

package/components/Stepper/store/StepperStore/index.js

@@ -29,10 +29,12 @@ const createStepperStore = (initProps, storeDevtoolsEnabled = false) => {
           /**
            * init es la acción que se ejecuta al inicializar el store
            */
-          init: (steps) => {
+          init: (steps, preserveStepValidationStatus = false) => {
             set((state) => {
               state.steps = steps;
-              state.stepValidationStatus = {};
+              if (!preserveStepValidationStatus) {
+                state.stepValidationStatus = {};
+              }
             });
           },
           /**

package/components/Stepper/store/types.d.ts

@@ -22,9 +22,11 @@ export interface StepperState extends Pick<StepperProps, 'storeId' | 'visibleTit
 export interface StepperStateWithActions extends StepperState {
     actions: {
         /**
-         * inicializa el estado del componente con los steps que provienen desde afuera
+         * inicializa el estado del componente con los steps que provienen desde afuera,
+         * @param steps - Array de steps
+         * @param preserveStepValidationStatus - Indica si se debe preservar el estado de validación de los pasos, por defecto es false
          */
-        init: (steps: Array<Step>) => void;
+        init: (steps: Array<Step>, preserveStepValidationStatus?: boolean) => void;
         /**
          * Establece el paso actual
          * @param currentStep - Índice del paso actual

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.13-JT03092025.beta.1",
+  "version": "9.3.13-JT03092025.beta.2",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {