@m4l/components 9.1.91 → 9.1.92

package/@types/types.d.ts

@@ -144,6 +144,7 @@ import { MenuDividerOwnerState, MenuDividerSlotsType } from '../components/mui_e
 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 { DateTimePickerOwnerState, DateTimePickerSlotsType } from '../components/mui_extended/DateTimePicker/types';
 import { DividerOwnerState, DividerSlotsType } from '../components/mui_extended/Divider/types';
@@ -208,6 +209,7 @@ declare module '@mui/material/styles' {
     M4LMenuDivider: MenuDividerSlotsType;
     M4LNavLink: NavLinkSlotsType;
     M4LRHFSelect: RHFSelectSlotsType;
+    M4LStack: StackSlotsType;
     M4LDateTimePicker: DateTimePickerSlotsType;
     M4LDivider: DividerSlotsType;
   }
@@ -270,6 +272,7 @@ declare module '@mui/material/styles' {
     M4LMenuDivider: Partial<MenuDividerOwnerState>;
     M4LNavLink: Partial<NavLinkOwnerState>;
     M4LRHFSelect: Partial<RHFSelectOwnerState>;
+    M4LStack: Partial<StackOwnerState>;
     M4LDateTimePicker: Partial<DateTimePickerOwnerState>;
     M4LDivider: Partial<DividerOwnerState>;
   }
@@ -556,7 +559,10 @@ declare module '@mui/material/styles' {
         styleOverrides?: ComponentsOverrides<Theme>['M4LRHFSelect'];
         variants?: ComponentsVariants['M4LRHFSelect'];
     };
-
+    M4LStack?: {
+        defaultProps?: ComponentsPropsList['M4LStack'];
+        styleOverrides?: ComponentsOverrides<Theme>['M4LStack'];
+        variants?: ComponentsVariants['M4LStack'];
     M4LDateTimePicker?: {
       defaultProps?: ComponentsPropsList['M4LDateTimePicker'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LDateTimePicker'];
@@ -568,4 +574,5 @@ declare module '@mui/material/styles' {
         variants?: ComponentsVariants['M4LDivider'];
     };
   }
-}
+ }
+}

package/components/Chip/types.d.ts

@@ -39,7 +39,7 @@ export interface ChipProps {
      * Defines the color of the `Chip`.
      * @createdAt 2025-01-08 10:36:39 - automatic
      */
-    color?: Exclude<ComponentPalletColor, 'primary'> | 'florest' | 'disabled';
+    color?: Exclude<ComponentPalletColor, 'primary'> | 'forest' | 'disabled';
     /**
      * Alternative color for the `Chip`.
      */
@@ -82,7 +82,7 @@ export interface ChipProps {
 export interface ChipOwnerState extends Pick<ChipProps, 'variant' | 'externalColor'> {
     opacity?: boolean;
     chipSize: ChipProps['size'];
-    color: Exclude<ComponentPalletColor, 'primary'> | 'florest' | 'disabled';
+    color: Exclude<ComponentPalletColor, 'primary'> | 'forest' | 'disabled';
 }
 /**
  * Defines the types of Slots available for the `Chip`.

package/components/commercial/SectionCommercial/styles.d.ts

@@ -1,5 +1 @@
-export declare const SectionCommercialRoot: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & {
-    component?: React.ElementType;
-} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const SectionCommercialRoot: import('@emotion/styled').StyledComponent<import('../../mui_extended/Stack').StackProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/styles.d.ts

@@ -1,5 +1 @@
-export declare const StackGeofenceListRoot: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & {
-    component?: React.ElementType;
-} & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, {}, {}>;
+export declare const StackGeofenceListRoot: import('@emotion/styled').StyledComponent<import('../../../../../../../mui_extended/Stack').StackProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, {}, {}>;

package/components/mui_extended/Stack/Stack.d.ts

@@ -1,5 +1,5 @@
-import { StackProps } from '@mui/material';
+import { StackProps } from './types';
 /**
- * TODO: Documentar
+ * Stack es un componente contenedor para organizar elementos vertical u horizontalmente.
  */
 export declare const Stack: (props: StackProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Stack/Stack.js

@@ -1,11 +1,25 @@
 import { jsx } from "react/jsx-runtime";
-import { g as getStackUtilityClasses } from "./classes/index.js";
-import { M as MUISTack } from "./styles.js";
-import clsx from "clsx";
-const classes = getStackUtilityClasses();
+import { M as MUISTackRootStyled } from "./slots/StackSlot.js";
+import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { S as STACK_KEY_COMPONENT } from "./constant.js";
+import { S as StackSlots } from "./slots/StackEnum.js";
 const Stack = (props) => {
-  const { children, className, ...others } = props;
-  return /* @__PURE__ */ jsx(MUISTack, { ...others, className: clsx(classes.root, className), children });
+  const {
+    children,
+    flexDirection,
+    dataTestId,
+    ...others
+  } = props;
+  return /* @__PURE__ */ jsx(
+    MUISTackRootStyled,
+    {
+      ownerState: {},
+      flexDirection,
+      ...getPropDataTestId(STACK_KEY_COMPONENT, StackSlots.root, dataTestId),
+      ...others,
+      children
+    }
+  );
 };
 export {
   Stack as S

package/components/mui_extended/Stack/Stack.styles.d.ts

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

package/components/mui_extended/Stack/Stack.styles.js

@@ -0,0 +1,9 @@
+const stackStyles = {
+  root: {
+    width: "100%",
+    height: "100%"
+  }
+};
+export {
+  stackStyles as s
+};

package/components/mui_extended/Stack/constant.d.ts

@@ -0,0 +1 @@
+export declare const STACK_KEY_COMPONENT = "M4LStack";

package/components/mui_extended/Stack/constant.js

@@ -0,0 +1,4 @@
+const STACK_KEY_COMPONENT = "M4LStack";
+export {
+  STACK_KEY_COMPONENT as S
+};

package/components/mui_extended/Stack/slots/StackEnum.d.ts

@@ -0,0 +1,3 @@
+export declare enum StackSlots {
+    root = "root"
+}

package/components/mui_extended/Stack/slots/StackEnum.js

@@ -0,0 +1,7 @@
+var StackSlots = /* @__PURE__ */ ((StackSlots2) => {
+  StackSlots2["root"] = "root";
+  return StackSlots2;
+})(StackSlots || {});
+export {
+  StackSlots as S
+};

package/components/mui_extended/Stack/slots/StackSlot.d.ts

@@ -0,0 +1,5 @@
+export declare const MUISTackRootStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps>, "ref" | "title" | "id" | "hidden" | "content" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState: any;
+}, {}, {}>;

package/components/mui_extended/Stack/slots/StackSlot.js

@@ -0,0 +1,11 @@
+import { S as STACK_KEY_COMPONENT } from "../constant.js";
+import { s as stackStyles } from "../Stack.styles.js";
+import { S as StackSlots } from "./StackEnum.js";
+import { styled, Stack } from "@mui/material";
+const MUISTackRootStyled = styled(Stack, {
+  name: STACK_KEY_COMPONENT,
+  slot: StackSlots.root
+})(stackStyles?.root);
+export {
+  MUISTackRootStyled as M
+};

package/components/mui_extended/Stack/slots/index.d.ts

@@ -0,0 +1,2 @@
+export * from './StackEnum';
+export * from './StackSlot';

package/components/mui_extended/Stack/slots/index.js

@@ -0,0 +1 @@
+

package/components/mui_extended/Stack/types.d.ts

@@ -1,2 +1,9 @@
-import { StackProps as MUIStackProps } from '@mui/material';
-export type StackProps = MUIStackProps;
+import { StackProps as MUIStackProps, Theme } from '@mui/material';
+import { StackSlots } from './slots';
+import { M4LOverridesStyleRules } from '../../../@types/augmentations';
+import { STACK_KEY_COMPONENT } from './constant';
+export interface StackProps extends MUIStackProps {
+    dataTestId?: string;
+}
+export type StackSlotsType = keyof typeof StackSlots;
+export type StackStyles = M4LOverridesStyleRules<StackSlotsType, typeof STACK_KEY_COMPONENT, Theme>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.1.91",
+  "version": "9.1.92",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"

package/components/mui_extended/Stack/classes/constants.d.ts

@@ -1 +0,0 @@
-export declare const componentName = "M4LStack";

package/components/mui_extended/Stack/classes/constants.js

@@ -1,4 +0,0 @@
-const componentName = "M4LStack";
-export {
-  componentName as c
-};

package/components/mui_extended/Stack/classes/index.d.ts

@@ -1,9 +0,0 @@
-import { StackClassesType } from './types';
-export declare const stackClasses: StackClassesType;
-export declare function getStackUtilityClass(slot: string): string;
-/**
- * TODO: Documentar
- */
-export declare const getStackUtilityClasses: () => {
-    root: string;
-};

package/components/mui_extended/Stack/classes/index.js

@@ -1,23 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants.js";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root"
-  /* states or variants of elements */
-]);
-function getStackUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const getStackUtilityClasses = () => {
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getStackUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  getStackUtilityClasses as g
-};

package/components/mui_extended/Stack/classes/types.d.ts

@@ -1,6 +0,0 @@
-import { getStackUtilityClasses } from '.';
-export interface StackClassesType {
-    root: string;
-}
-export type StackClassesKey = keyof StackClassesType;
-export type Classes = ReturnType<typeof getStackUtilityClasses>;

package/components/mui_extended/Stack/styles.d.ts

@@ -1,3 +0,0 @@
-export declare const MUISTack: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/components/mui_extended/Stack/styles.js

@@ -1,7 +0,0 @@
-import { styled, Stack } from "@mui/material";
-const MUISTack = styled(Stack)(({ theme }) => ({
-  ...theme.components?.M4LStack?.styleOverrides || {}
-}));
-export {
-  MUISTack as M
-};