@m4l/components 9.3.12 → 9.3.13-JT010925.beta.2

package/@types/types.d.ts

@@ -47,11 +47,23 @@ import type {
   IconButtonOwnerState,
   IconButtonSlotsType,
 } from '../components/mui_extended/IconButton/types';
-import type { BadgeSlotsType, BadgeOwnerState } from '../components/mui_extended/Badge/types';
-import { SkeletonOwnerState, SkeletonSlotsType } from '../components/mui_extended/Skeleton/types';
-import { TypographyOwnerState, TypographySlotsType } from '../components/mui_extended/Typography/types';
+import type {
+  BadgeSlotsType,
+  BadgeOwnerState,
+} from '../components/mui_extended/Badge/types';
+import {
+  SkeletonOwnerState,
+  SkeletonSlotsType,
+} from '../components/mui_extended/Skeleton/types';
+import {
+  TypographyOwnerState,
+  TypographySlotsType,
+} from '../components/mui_extended/Typography/types';
 import { ColorOwnerState, ColorSlotsType } from '../components/Color/types';
-import { RHFColorPickerOwnerState, RHFColorPickerSlotsType } from '../components/hook-form/RHFColorPicker/types';
+import {
+  RHFColorPickerOwnerState,
+  RHFColorPickerSlotsType,
+} from '../components/hook-form/RHFColorPicker/types';
 import type {
   MenuItemSlotsType,
   MenuItemOwnerState,
@@ -88,10 +100,7 @@ import {
   AutocompleteOwnerState,
   AutocompleteSlotsType,
 } from '../components/mui_extended/Autocomplete/types';
-import {
-  ChipOwnerState,
-  ChipSlotsType,
-} from '../components/Chip/types';
+import { ChipOwnerState, ChipSlotsType } from '../components/Chip/types';
 import {
   CircularProgressOwnerState,
   CircularProgressSlotsType,
@@ -102,57 +111,187 @@ import {
   PaperFormOwnerState,
 } from '../components/PaperForm/types';
 import { WindowBaseOwnerState, WindowBaseType } from '../components/WindowBase';
-import { OwnerStateWindowConfirm, WindowConfirmType } from '../components/WindowConfirm';
+import {
+  OwnerStateWindowConfirm,
+  WindowConfirmType,
+} from '../components/WindowConfirm';
 import { AppBarSlotsType, AppBarOwnerState } from '../components/AppBar/types';
-import { DialogOwnerState, DialogType } from '../components/mui_extended/Dialog/types';
-import { LoadingButtonOwnerState, LoadingButtonSlotsType } from '../components/mui_extended/LoadingButton/types';
-import { AccordionOwnerState, AccordionSlotsType } from '../components/mui_extended/Accordion/types';
-import {
-  ImageOwnerState,
-  ImageSlotsType,
-} from '../components/Image/types';
-import { PopperOwnerState, PopperSlotsType } from '../components/mui_extended/Popper/types';
-import { AvatarOwnerState, AvatarSlotsType } from '../components/mui_extended/Avatar/types';
-import { ToggleButtonOwnerState, ToggleButtonSlotsType } from '../components/mui_extended/ToggleButton/types';
-import { BooleanFormatterOwnerState, PresentationType } from '../components/formatters/BooleanFormatter/types';
-import { ToggleIconButtonOwnerState, ToggleIconButtonSlotsType } from '../components/mui_extended/ToggleIconButton/types';
-import { TabsSlotsType, TabsOwnerState } from '../components/mui_extended/Tabs/types';
-import { PopoverOwnerState, PopoverSlotsType } from '../components/mui_extended/Popover/types';
-import { NumberInputOwnerState, NumberInputSlotsType } from '../components/NumberInput/types';
-import { AccountPopoverOwnerState, AccountPopoverSlotsType } from '../components/AccountPopover/types';
-import { PropertyVaLueOwnerState, PropertyValueSlotsType } from '../components/PropertyValue/types';
-import { RHFTextFieldPasswordOwnerState, RHFTextFieldPasswordType } from '../components/hook-form/RHFTextFieldPassword/types';
-import { RHFAutocompleteOwnerState, RHFAutocompleteSlotsType } from '../components/hook-form/RHFAutocomplete/types';
-import { PropagateLoaderSpinnerOwnerState, PropagateLoaderSpinnerType } from '../components/extended/React-Spinners/PropagateLoaderSpinner/types';
-import { LinearProgressIndeterminateOwnerState, LinearProgressIndeterminateType } from '../components/LinearProgressIndeterminate/types';
-import { MenuDividerOwnerState, MenuDividerSlotsType } from '../components/mui_extended/MenuDivider/types';
-import { NavLinkOwnerState, NavLinkSlotsType } from '../components/mui_extended/NavLink/types';
-import { RHFSelectSlotsType, RHFSelectOwnerState } from '../components/hook-form/RHFSelect/types';
-import { StackOwnerState, StackSlotsType } from '../components/mui_extended/Stack/types';
-import { RHFCheckBoxOwnerState, RHFCheckBoxSlotsType } from '../components/hook-form/RHFCheckbox/types';
-import { ActionFormCancelOwnerState, ActionFormCancelSlotsType } from '../components/CommonActions/components/ActionFormCancel/types';
-import { AreasAdminOwnerState, AreasAdminType } from '../components/areas/components/AreasAdmin/types';
-import { DateTimePickerOwnerState, DateTimePickerSlotsType } from '../components/mui_extended/DateTimePicker/types';
-import { DividerOwnerState, DividerSlotsType } from '../components/mui_extended/Divider/types';
-import { NoItemSelectedOwnerState, NoItemSelectedSlotsType } from '../components/NoItemSelected/types';
-import { ActionFormIntroOwnerState, ActionFormIntroSlotsType } from '../components/CommonActions/components/ActionFormIntro/types';
-import { AreasViewerOwnerState, AreasViewerType } from '../components/areas/components/AreasViewer/types';
-import { TimePickerOwnerState, TimePickerSlotsType } from '../components/mui_extended/TimePicker/types';
-import { DataGridOwnerState, DataGridSlotsType } from '../components/DataGrid/types';
-import { DynamicFilterAndSortOwnerState, DynamicFilterAndSortSlotsType } from '../hooks/useDynamicFilterAndSort/types';
-import { RHFUploadSingleFileOwnerState, RHFUploadSingleFileSlotsType } from '../components/hook-form/RHFUpload/RHFUploadSingleFile/types';
+import {
+  DialogOwnerState,
+  DialogType,
+} from '../components/mui_extended/Dialog/types';
+import {
+  LoadingButtonOwnerState,
+  LoadingButtonSlotsType,
+} from '../components/mui_extended/LoadingButton/types';
+import {
+  AccordionOwnerState,
+  AccordionSlotsType,
+} from '../components/mui_extended/Accordion/types';
+import { ImageOwnerState, ImageSlotsType } from '../components/Image/types';
+import {
+  PopperOwnerState,
+  PopperSlotsType,
+} from '../components/mui_extended/Popper/types';
+import {
+  AvatarOwnerState,
+  AvatarSlotsType,
+} from '../components/mui_extended/Avatar/types';
+import {
+  ToggleButtonOwnerState,
+  ToggleButtonSlotsType,
+} from '../components/mui_extended/ToggleButton/types';
+import {
+  BooleanFormatterOwnerState,
+  PresentationType,
+} from '../components/formatters/BooleanFormatter/types';
+import {
+  ToggleIconButtonOwnerState,
+  ToggleIconButtonSlotsType,
+} from '../components/mui_extended/ToggleIconButton/types';
+import {
+  TabsSlotsType,
+  TabsOwnerState,
+} from '../components/mui_extended/Tabs/types';
+import {
+  PopoverOwnerState,
+  PopoverSlotsType,
+} from '../components/mui_extended/Popover/types';
+import {
+  NumberInputOwnerState,
+  NumberInputSlotsType,
+} from '../components/NumberInput/types';
+import {
+  AccountPopoverOwnerState,
+  AccountPopoverSlotsType,
+} from '../components/AccountPopover/types';
+import {
+  PropertyVaLueOwnerState,
+  PropertyValueSlotsType,
+} from '../components/PropertyValue/types';
+import {
+  RHFTextFieldPasswordOwnerState,
+  RHFTextFieldPasswordType,
+} from '../components/hook-form/RHFTextFieldPassword/types';
+import {
+  RHFAutocompleteOwnerState,
+  RHFAutocompleteSlotsType,
+} from '../components/hook-form/RHFAutocomplete/types';
+import {
+  PropagateLoaderSpinnerOwnerState,
+  PropagateLoaderSpinnerType,
+} from '../components/extended/React-Spinners/PropagateLoaderSpinner/types';
+import {
+  LinearProgressIndeterminateOwnerState,
+  LinearProgressIndeterminateType,
+} from '../components/LinearProgressIndeterminate/types';
+import {
+  MenuDividerOwnerState,
+  MenuDividerSlotsType,
+} from '../components/mui_extended/MenuDivider/types';
+import {
+  NavLinkOwnerState,
+  NavLinkSlotsType,
+} from '../components/mui_extended/NavLink/types';
+import {
+  RHFSelectSlotsType,
+  RHFSelectOwnerState,
+} from '../components/hook-form/RHFSelect/types';
+import {
+  StackOwnerState,
+  StackSlotsType,
+} from '../components/mui_extended/Stack/types';
+import {
+  RHFCheckBoxOwnerState,
+  RHFCheckBoxSlotsType,
+} from '../components/hook-form/RHFCheckbox/types';
+import {
+  ActionFormCancelOwnerState,
+  ActionFormCancelSlotsType,
+} from '../components/CommonActions/components/ActionFormCancel/types';
+import {
+  AreasAdminOwnerState,
+  AreasAdminType,
+} from '../components/areas/components/AreasAdmin/types';
+import {
+  DateTimePickerOwnerState,
+  DateTimePickerSlotsType,
+} from '../components/mui_extended/DateTimePicker/types';
+import {
+  DividerOwnerState,
+  DividerSlotsType,
+} from '../components/mui_extended/Divider/types';
+import {
+  NoItemSelectedOwnerState,
+  NoItemSelectedSlotsType,
+} from '../components/NoItemSelected/types';
+import {
+  ActionFormIntroOwnerState,
+  ActionFormIntroSlotsType,
+} from '../components/CommonActions/components/ActionFormIntro/types';
+import {
+  AreasViewerOwnerState,
+  AreasViewerType,
+} from '../components/areas/components/AreasViewer/types';
+import {
+  TimePickerOwnerState,
+  TimePickerSlotsType,
+} from '../components/mui_extended/TimePicker/types';
+import {
+  DataGridOwnerState,
+  DataGridSlotsType,
+} from '../components/DataGrid/types';
+import {
+  DynamicFilterAndSortOwnerState,
+  DynamicFilterAndSortSlotsType,
+} from '../hooks/useDynamicFilterAndSort/types';
+import {
+  RHFUploadSingleFileOwnerState,
+  RHFUploadSingleFileSlotsType,
+} from '../components/hook-form/RHFUpload/RHFUploadSingleFile/types';
 import { ChipStatusFormatterSlotsType } from '../components/formatters/ChipStatusFormatter/types';
-import { RHFUploadImageOwnerState, RHFUploadImageSlotsType } from '../components/hook-form/RHFUpload/RHFUploadImage/types';
-import { PrintingSystemOwnerState, PrintingSystemSlotsType } from '../components/PrintingSystem/types';
-import { SettingsLayoutOwnerState, SettingsLayoutSlotsType } from '../components/SettingsLayout/types';
-import { ScrollBarOwnerState, ScrollBarSlotsType } from '../components/ScrollBar/types';
+import {
+  RHFUploadImageOwnerState,
+  RHFUploadImageSlotsType,
+} from '../components/hook-form/RHFUpload/RHFUploadImage/types';
+import {
+  PrintingSystemOwnerState,
+  PrintingSystemSlotsType,
+} from '../components/PrintingSystem/types';
+import {
+  SettingsLayoutOwnerState,
+  SettingsLayoutSlotsType,
+} from '../components/SettingsLayout/types';
+import {
+  ScrollBarOwnerState,
+  ScrollBarSlotsType,
+} from '../components/ScrollBar/types';
 import { SplitLayoutOwnerState } from '../components/extended/React-resizable-panels/types';
-import { ObjectLogsOwnerState, ObjectLogsSlotsType } from '../components/ObjectLogs/types';
-import { LanguagePopoverOwnerState, LanguagePopoverSlotsType } from '../components/LanguagePopover/types';
+import {
+  ObjectLogsOwnerState,
+  ObjectLogsSlotsType,
+} from '../components/ObjectLogs/types';
+import {
+  LanguagePopoverOwnerState,
+  LanguagePopoverSlotsType,
+} from '../components/LanguagePopover/types';
 import { CardOwnerState, CardSlotsType } from '../components/Card/types';
-import { ContainerFlowOwnerState, ContainerFlowSlotsType } from '../components/ContainerFlow/types';
-import { NoItemPrivilegesOwnerState, NoItemPrivilegesSlotsType } from '../components/NoItemPrivileges/types';
-import { ImageTextOwnerState, ImageTextSlotsType } from '../components/ImageText/types';
+import {
+  ContainerFlowOwnerState,
+  ContainerFlowSlotsType,
+} from '../components/ContainerFlow/types';
+import {
+  StepperOwnerState,
+  StepperSlotsType,
+} from '../components/Stepper/types';
+import {
+  NoItemPrivilegesOwnerState,
+  NoItemPrivilegesSlotsType,
+} from '../components/NoItemPrivileges/types';
+import {
+  ImageTextOwnerState,
+  ImageTextSlotsType,
+} from '../components/ImageText/types';
 import { FormContainerOwnerState, FormContainerSlotsType } from '../components/FormContainer/types';
 
 declare module '@mui/material/styles' {
@@ -223,7 +362,7 @@ declare module '@mui/material/styles' {
     M4LNoItemSelected: NoItemSelectedSlotsType;
     M4LActionFormIntro: ActionFormIntroSlotsType;
     M4LAreasViewer: AreasViewerType;
-    M4LTimePicker: TimePickerSlotsType
+    M4LTimePicker: TimePickerSlotsType;
     M4LDataGrid: DataGridSlotsType;
     M4LDynamicFilterAndSort: DynamicFilterAndSortSlotsType;
     M4LRHFUploadSingleFile: RHFUploadSingleFileSlotsType;
@@ -239,6 +378,7 @@ declare module '@mui/material/styles' {
     M4LContainerFlow: ContainerFlowSlotsType;
     M4LNoItemPrivileges: NoItemPrivilegesSlotsType;
     M4LSettingsLayoutBase: SettingsLayoutSlotsType;
+    M4LStepper: StepperSlotsType;
     M4LImageText: ImageTextSlotsType;
     M4LFormContainer: FormContainerSlotsType;
   }
@@ -301,7 +441,7 @@ declare module '@mui/material/styles' {
     M4LMenuDivider: Partial<MenuDividerOwnerState>;
     M4LNavLink: Partial<NavLinkOwnerState>;
     M4LRHFSelect: Partial<RHFSelectOwnerState>;
-    M4LActionFormCancel : Partial<ActionFormCancelOwnerState>;
+    M4LActionFormCancel: Partial<ActionFormCancelOwnerState>;
     M4LAreasAdmin: Partial<AreasAdminOwnerState>;
     M4LStack: Partial<StackOwnerState>;
     M4LDateTimePicker: Partial<DateTimePickerOwnerState>;
@@ -325,6 +465,7 @@ declare module '@mui/material/styles' {
     M4LContainerFlow: Partial<ContainerFlowOwnerState>;
     M4LNoItemPrivileges: Partial<NoItemPrivilegesOwnerState>;
     M4LSettingsLayoutBase: Partial<SettingsLayoutOwnerState>;
+    M4LStepper: Partial<StepperOwnerState>;
     M4LImageText: Partial<ImageTextOwnerState>;
     M4LFormContainer: Partial<FormContainerOwnerState>;
   }
@@ -613,7 +754,7 @@ declare module '@mui/material/styles' {
       defaultProps?: ComponentsPropsList['M4LActionFormCancel'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LActionFormCancel'];
       variants?: ComponentsVariants['M4LActionFormCancel'];
-    }
+    };
     M4LNavLink?: {
       defaultProps?: ComponentsPropsList['M4LNavLink'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LNavLink'];
@@ -643,7 +784,7 @@ declare module '@mui/material/styles' {
       defaultProps?: ComponentsPropsList['M4LNoItemSelected'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LNoItemSelected'];
       variants?: ComponentsVariants['M4LNoItemSelected'];
-    }
+    };
     M4LActionFormIntro?: {
       defaultProps?: ComponentsPropsList['M4LActionFormIntro '];
       styleOverrides?: ComponentsOverrides<Theme>['M4LActionFormIntro '];
@@ -683,7 +824,7 @@ declare module '@mui/material/styles' {
       defaultProps?: ComponentsPropsList['M4LRHFUploadSingleFile'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LRHFUploadSingleFile'];
       variants?: ComponentsVariants['M4LRHFUploadSingleFile'];
-    }
+    };
     M4LChipStatusFormatter?: {
       defaultProps?: ComponentsPropsList['M4LChipStatusFormatter'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LChipStatusFormatter'];
@@ -744,6 +885,11 @@ declare module '@mui/material/styles' {
       styleOverrides?: ComponentsOverrides<Theme>['M4LSettingsLayoutBase'];
       variants?: ComponentsVariants['M4LSettingsLayoutBase'];
     };
+    M4LStepper?: {
+      defaultProps?: ComponentsPropsList['M4LStepper'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LStepper'];
+      variants?: ComponentsVariants['M4LStepper'];
+    };
     M4LImageText?: {
       defaultProps?: ComponentsPropsList['M4LImageText'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LImageText'];
@@ -755,4 +901,4 @@ declare module '@mui/material/styles' {
       variants?: ComponentsVariants['M4LFormContainer'];
     };
   }
-}
+}

package/components/DataGrid/subcomponents/Table/hooks/useSortColumnsRows.js

@@ -17,7 +17,6 @@ function getComparator(columns, sortColumn) {
     return column.customSort;
   }
   switch (typeOrder) {
-    //Si el tipo de dato de la columna es un numerico, retorna una función de ordenamiento numérica
     case "number":
       return (a, b) => {
         try {
@@ -26,7 +25,6 @@ function getComparator(columns, sortColumn) {
           return -1;
         }
       };
-    //Por defecto retorna una función de ordenamiento de string
     default:
       return (a, b) => {
         try {

package/{storybook/components/DataGrid → components/DataGrid/tests}/helpers/filterFieldsSeedData.d.ts

@@ -1,4 +1,4 @@
-import { FilterField } from '../../../../src/components/DynamicFilter/types';
+import { FilterField } from '../../../DynamicFilter/types';
 /**
  * Helper que retorna los fields configurados para el DataGrid de Storybook
  */

package/{storybook/components/DataGrid → components/DataGrid/tests}/helpers/getRowsWithBackendSimulation.d.ts

@@ -1,6 +1,6 @@
 import { RowType } from './types';
-import { RawFilterFieldApply } from '../../../../src/components/DynamicFilter/types';
-import { RawSortFieldApply } from '../../../../src/components/DynamicSort/types';
+import { RawFilterFieldApply } from '../../../DynamicFilter/types';
+import { RawSortFieldApply } from '../../../DynamicSort/types';
 /**
  * Función que simula el comportamiento del backend
  * Recibe exactamente los mismos parámetros que se enviarían al backend real

package/{storybook/components/DataGrid → components/DataGrid/tests}/helpers/sortsSeedData.d.ts

@@ -1,4 +1,4 @@
-import { SortField } from '../../../../src/components/DynamicSort/types';
+import { SortField } from '../../../DynamicSort/types';
 /**
  * Helper que retorna los sorts configurados para el DataGrid de Storybook
  */

package/{storybook/components/DataGrid → components/DataGrid/tests}/helpers/types.d.ts

@@ -1,7 +1,7 @@
 import { RenderHeaderCellProps } from 'react-data-grid';
-import { ChipStatusFormatterProps } from '../../../../src/components/formatters/ChipStatusFormatter/types';
-import { DeepKeyOf } from '../../../../src/utils/types';
-import { ColumnAlign } from '../../../../src/components/DataGrid/types';
+import { ChipStatusFormatterProps } from '../../../formatters/ChipStatusFormatter/types';
+import { DeepKeyOf } from '../../../../utils/types';
+import { ColumnAlign } from '../../types';
 export interface SeedProps {
     quantity: number;
     withBoolean?: boolean;

package/{storybook/components/DataGrid → components/DataGrid/tests}/helpers/useSeed.d.ts

@@ -4,8 +4,8 @@ import { SeedProps } from './types';
  */
 export declare const useSeed: (props: SeedProps) => {
     columns: readonly import('react-data-grid').Column<import('./types').RowType, unknown>[];
-    filters: import('../../../../src').FilterField[];
-    sorts: import('../../../../src').SortField[];
+    filters: import('../../..').FilterField[];
+    sorts: import('../../..').SortField[];
     rows: import('./types').RowType[];
     rowsMultiSort: import('./types').RowType[];
 };

package/components/NumberInput/hooks/useNumberInput/useNumberInput.js

@@ -56,11 +56,9 @@ const useNumberInput = (parameters) => {
     (event, field, fieldValue, reason) => {
       if (field === "value" && typeof fieldValue !== "string") {
         switch (reason) {
-          // only a blur event will dispatch `numberInput:clamp`
           case "numberInput:inputChange":
             onChange?.(event, fieldValue);
             break;
-          // only a blur event will dispatch `numberInput:clamp`
           case "numberInput:clamp":
             onChange?.(event, fieldValue);
             break;

package/components/ObjectLogs/slots/ObjectLogsSlots.d.ts

@@ -28,6 +28,6 @@ export declare const IconStyled: import('@emotion/styled').StyledComponent<Pick<
 export declare const IconClickeableStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Icon').IconProps, keyof import('../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').ObjectLogsOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
-export declare const ReactJsonSlot: import('@emotion/styled').StyledComponent<Pick<import('@microlink/react-json-view').ReactJsonViewProps, keyof import('@microlink/react-json-view').ReactJsonViewProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+export declare const ReactJsonSlot: import('@emotion/styled').StyledComponent<Pick<import('../../extended/React-Json-Viewer/types').ReactJsonViewerProps, keyof import('../../extended/React-Json-Viewer/types').ReactJsonViewerProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').ObjectLogsOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;

package/components/ObjectLogs/slots/ObjectLogsSlots.js

@@ -4,7 +4,7 @@ import { o as objectLogsStyles } from "../ObjectLogs.styles.js";
 import { S as Stack } from "../../mui_extended/Stack/Stack.js";
 import { W as WindowBase } from "../../WindowBase/WindowBase.js";
 import { D as DetailDialog } from "../subcomponents/DetailDialog/index.js";
-import ReactJson from "@microlink/react-json-view";
+import { R as ReactJsonViewer } from "../../extended/React-Json-Viewer/ReactJsonViewer.js";
 import { O as ObjectLogsSlots } from "./ObjectLogsEnum.js";
 import { T as Tooltip } from "../../mui_extended/Tooltip/Tooltip.js";
 import { I as IconButton } from "../../mui_extended/IconButton/IconButton.js";
@@ -49,7 +49,7 @@ const IconClickeableStyled = styled(Icon, {
   name: OBJECT_LOGS_KEY_COMPONENT,
   slot: ObjectLogsSlots.iconClickeableStyled
 })(objectLogsStyles?.iconClickeableStyled);
-styled(ReactJson, {
+styled(ReactJsonViewer, {
   name: OBJECT_LOGS_KEY_COMPONENT,
   slot: ObjectLogsSlots.reactJsonSlot
 })(objectLogsStyles?.reactJsonSlot);

package/components/ObjectLogs/subcomponents/DetailDialog/index.js

@@ -28,11 +28,9 @@ function DetailDialog(props) {
   return /* @__PURE__ */ jsx(
     ReactJsonViewer,
     {
-      name: null,
-      sortKeys: true,
+      value: detail,
       displayDataTypes: false,
-      quotesOnKeys: false,
-      src: detail
+      quotesOnKeys: false
     }
   );
 }

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

@@ -3,3 +3,4 @@ export declare const SIDEBAR_PREFIX = "M4LSideBar";
 export declare const Data1: Array<MenuDataType>;
 export declare const Data2: Array<MenuDataType>;
 export declare const Data3: Array<MenuDataType>;
+export declare const menuData: MenuDataType[];

package/components/Stepper/Stepper.d.ts

@@ -0,0 +1,8 @@
+import { StepperProps } from './types';
+/**
+ * El Stepper es un componente que permite navegar a través de una serie de pasos (steps) de manera secuencial.
+ *
+ * ### 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 | null;

package/components/Stepper/Stepper.js

@@ -0,0 +1,77 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useMemo, Children, isValidElement, cloneElement } from "react";
+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";
+import { S as StepArea } from "./subcomponents/StepArea/index.js";
+import { C as ContentArea } from "./subcomponents/ContentArea/index.js";
+import { S as StepperProvider } from "./store/StepperContext/index.js";
+import { S as StepperFooter } from "./subcomponents/StepperFooter/index.js";
+import { S as StepperContent } from "./subcomponents/StepperContent/index.js";
+import { u as useStickyStepperFooter } from "./hooks/useStickyStepperFooter/index.js";
+import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
+function Stepper(props) {
+  const { orientation, size, children } = props;
+  const { currentSize } = useComponentSize(size);
+  const containerRef = useRef(null);
+  const contentSectionRef = useRef(null);
+  const stepperFooterSticky = useStickyStepperFooter(
+    containerRef,
+    contentSectionRef
+  );
+  const ownerState = {
+    size: currentSize,
+    orientation,
+    stepperFooterSticky
+  };
+  const classRoot = getComponentSlotRoot(STEPPER_PREFIX_NAME);
+  const { stepperFooter, stepperContent } = useMemo(() => {
+    let footer = null;
+    let content = null;
+    let footerCount = 0;
+    let contentCount = 0;
+    if (children) {
+      Children.forEach(children, (child) => {
+        if (isValidElement(child)) {
+          if (child.type === StepperFooter) {
+            footerCount++;
+            if (footerCount > 1) {
+              throw new Error(
+                "Stepper: Solo se permite un componente StepperFooter. Se encontraron múltiples StepperFooter."
+              );
+            }
+            footer = child;
+          } else if (child.type === StepperContent) {
+            contentCount++;
+            if (contentCount > 1) {
+              throw new Error(
+                "Stepper: Solo se permite un componente StepperContent. Se encontraron múltiples StepperContent."
+              );
+            }
+            content = child;
+          } else {
+            throw new Error(
+              "Stepper: Solo se permiten componentes StepperContent y StepperFooter como hijos."
+            );
+          }
+        }
+      });
+    }
+    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: classRoot, children: [
+    /* @__PURE__ */ jsxs(ContentSectionStyled, { ownerState, children: [
+      /* @__PURE__ */ jsx(StepArea, {}),
+      /* @__PURE__ */ jsx(ContentArea, { children: stepperContent })
+    ] }),
+    stepperFooter && cloneElement(stepperFooter, { ownerState })
+  ] }) });
+}
+export {
+  Stepper as S
+};

package/components/Stepper/Stepper.styles.d.ts

@@ -0,0 +1,2 @@
+import { StepperStyles } from './types';
+export declare const stepperStyles: StepperStyles;