@m4l/components 9.1.29 → 9.1.31

package/components/AccountPopover/subcomponents/MyAvatar/{index.d.ts → MyAvatar.d.ts}

@@ -5,5 +5,9 @@ import { MyAvatarProps } from './types';
  * Si no se proporciona una URL de imagen, se generan iniciales a partir del primer nombre y el apellido del usuario.
  * @param {MyAvatarProps} props - Las propiedades del componente MyAvatar.
  * @returns {JSX.Element} El componente MyAvatar.
+ * @author Andrés Quintero - automatic
+ * @createdAt 2024-12-11 15:39:20 - automatic
+ * @updatedAt 2024-12-11 15:39:20 - automatic
+ * @updatedUser Andrés Quintero - automatic
  */
 export default function MyAvatar(props: MyAvatarProps): import("react/jsx-runtime").JSX.Element;

package/components/AccountPopover/subcomponents/MyAvatar/MyAvatar.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { a as AvatarStyled } from "../../slots/AccountPopoverSlots.js";
+function MyAvatar(props) {
+  const { avatarUrl, firstName, lastName, size } = props;
+  return /* @__PURE__ */ jsx(
+    AvatarStyled,
+    {
+      alt: "User avatar",
+      color: "default",
+      sizes: size,
+      ...avatarUrl ? {
+        src: avatarUrl
+      } : { children: `${firstName[0]}${lastName[0]}`.toUpperCase() }
+    }
+  );
+}
+export {
+  MyAvatar as M
+};

package/components/AccountPopover/subcomponents/MyAvatar/types.d.ts

@@ -1,9 +1,9 @@
 import { Maybe } from '@m4l/core';
-import { AvatarProps } from '@mui/material';
+import { AccountPopoverProps } from '../../types';
 /**
  * Propiedades del componente MyAvatar.
  */
-export interface MyAvatarProps extends AvatarProps {
+export interface MyAvatarProps extends Pick<AccountPopoverProps, 'size'> {
     /**
      * La URL del avatar.
      */

package/components/AccountPopover/tests/constants.js

@@ -0,0 +1,4 @@
+const ACCOUNTPOPOVER_PREFIX = "M4LAccountPopover";
+export {
+  ACCOUNTPOPOVER_PREFIX as A
+};

package/components/AccountPopover/tests/utils.d.ts

@@ -1,2 +1 @@
-import { AccountPopoverClassesKey } from '../classes/types';
-export declare const getNameDataTestId: (KEY: AccountPopoverClassesKey) => string;
+export declare const getNameDataTestId: (KEY: string) => string;

package/components/AccountPopover/tests/utils.js

@@ -0,0 +1,7 @@
+import { A as ACCOUNTPOPOVER_PREFIX } from "./constants.js";
+const getNameDataTestId = (KEY) => {
+  return `${ACCOUNTPOPOVER_PREFIX}-${KEY}`;
+};
+export {
+  getNameDataTestId as g
+};

package/components/AccountPopover/types.d.ts

@@ -1,10 +1,16 @@
 import { UserAuth } from '@m4l/core';
+import { AccountPopoverSlots } from './slots/AccountPopoverEnum';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { ACCOUNT_KEY_POPOVER } from './constants';
+import { Theme } from '@mui/material/styles';
+import { ComponentPalletColor, Sizes } from '@m4l/styles';
 export interface RightMenuData {
     /**
      * Esta propiedad hace referencia al título del módulo.
      * Tiene utilidades como:
      * - Definir el nombre en el encabezado del modulo cuando se agrega en la interfaz de la aplicación web.
      * ...
+     * @createdAt 2024-12-06 17:26:21 - automatic
      */
     title: string;
     /**
@@ -12,39 +18,37 @@ export interface RightMenuData {
      * Tiene utiidades como:
      * - Define a la aplicación web cual de todos los módulos disponibles debe agregar en la interfaz de la aplicación web.
      * - Permite almacenar información del usuario basado en la interacción del módulo tomando en cuenta el identificador.
-     * ...
+     * @createdAt 2024-12-06 17:26:21 - automatic
      */
     module_id?: string;
     /**
      * Esta propiedad define la ubicación del icono representativo del módulo.
      * Tiene utiidades como:
      * - Mostrar el icono representativo en el encabezado del módulo.
-     * ...
+     * @createdAt 2024-12-06 17:26:21 - automatic
      */
     icon_url?: string;
     debug_port?: number;
 }
-/** Lista posibles valores usados para definr el estado actual en la solicitud de red para el endpoint GET Menus param 1 */
 export type AsyncTypes = 'unLoad' | 'loading' | 'loaded';
 /**
  * Colección de datos que representa el valor del menú de administrativo propio del usuario.
  * Para obtener el detalle de la información del tipo de dato RightMenuData, se debe validar en la documentación de la librería @m4l/core.
+ * @createdAt 2024-12-06 17:26:21 - automatic
  */
 export interface MenuDataProvider {
     value: RightMenuData;
 }
-/** Objeto de propiedades que puede recibir el componente AccountPopover. */
 export interface AccountPopoverProps {
-    /** Procedimiento definido desde la instancia, va a ser activado por alguno de elementos del listado dinámico por medio del evento click.  */
     itemHandleClick: (item: RightMenuData) => void;
-    /** Procedimiento encargado finalizar la sesión del cliente autenticado. */
     handleLogOut: VoidFunction;
-    /** Dato que representa la versión actual de la aplicación web. */
+    settingsHandleOpen: () => void;
     version: string;
-    /** Es una colección de datos relacionados al cliente autenticado, puede contener datos como: nombre, apellido, módulos activos entre otros. */
     userData: UserAuth | null | undefined;
-    /** Es un texto que permite cambiar los estilos gráficos del componente. */
-    className?: string;
-    /** Procedimiento definido desde la instancia, el cual tiene como propósito permitir visualizar el configurador de apariencia en la aplicación web. */
-    settingsHandleOpen: () => void;
+    variant?: 'standard';
+    color?: Extract<ComponentPalletColor, 'default'>;
+    size?: Extract<Sizes, 'small' | 'medium'>;
+    dataTestid?: string;
 }
+export type AccountPopoverSlotsType = keyof typeof AccountPopoverSlots;
+export type AccountPopoverStyles = OverridesStyleRules<AccountPopoverSlotsType, typeof ACCOUNT_KEY_POPOVER, Theme>;

package/components/Chip/Chip.d.ts

@@ -3,7 +3,7 @@ import { ChipProps } from './types';
  * A chip is a component that displays information in a compact way.
  * @author SebastianM - automatic
  * @createdAt 2024-12-06 12:48:15 - automatic
- * @updatedAt 2024-12-06 13:56:58 - automatic
+ * @updatedAt 2024-12-10 15:24:11 - automatic
  * @updatedUser SebastianM - automatic
  */
 export declare const Chip: import('react').ForwardRefExoticComponent<ChipProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/Chip/types.d.ts

@@ -1,9 +1,9 @@
+import { ComponentPalletColor, Sizes } from '@m4l/styles';
 import { PaletteColor, Theme } from '@mui/material';
 import { OverridesStyleRules } from '@mui/material/styles/overrides';
-import { ComponentPalletColor, Sizes } from '@m4l/styles';
-import { ReactNode } from 'react';
-import { ChipSlots } from './slots';
+import { EventHandler, ReactNode } from 'react';
 import { CHIP_KEY_COMPONENT } from './constants';
+import { ChipSlots } from './slots';
 type ChipVariants = 'contained' | 'outlined';
 /**
  * Props for the `Chip` component, extending the original properties of Material UI.
@@ -28,7 +28,7 @@ export interface ChipProps {
     hasIconClose?: boolean;
     opacity?: boolean;
     onClick?: () => void;
-    onDeleted?: () => void;
+    onDeleted?: EventHandler<any>;
 }
 /**
  * Owner state of the `Chip` used to define internal style and behavior properties.

package/components/ModalDialog/ModalDialog.d.ts

@@ -34,7 +34,12 @@
  * - Dynamically updates the fullscreen mode when the `fullScreen` prop changes.
  * @author cesar - automatic
  * @createdAt 2024-11-28 08:35:15 - automatic
+ * <<<<<<< HEAD
  * @updatedAt 2024-12-10 08:14:13 - automatic
  * @updatedUser Bruce Escobar - automatic
+ * =======
+ * @updatedAt 2024-12-06 11:53:51 - automatic
+ * @updatedUser cesar - automatic
+ * >>>>>>> M4LCOM-253-rebase
  */
 export declare const ModalDialog: () => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Autocomplete/slots /AutocompleteSlots.d.ts

@@ -30,6 +30,6 @@ export declare const ImageStyled: import('@emotion/styled').StyledComponent<Pick
 export declare const SkeletonAutocompleteStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Skeleton/types').SkeletonProps, keyof import('../../Skeleton/types').SkeletonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').AutocompleteOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').AutocompleteOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const PopperComponentStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').PopperProps & import('react').RefAttributes<HTMLDivElement>, "children" | "ref" | "title" | "component" | "id" | "container" | "components" | "hidden" | "color" | "content" | "style" | "open" | "transition" | "className" | "onChange" | "sx" | "translate" | "slots" | "slotProps" | "slot" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "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" | "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" | "placement" | "componentsProps" | "disablePortal" | "keepMounted" | "anchorEl" | "modifiers" | "popperOptions" | "popperRef"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').AutocompleteOwnerState> & Record<string, unknown> & {
+export declare const PopperComponentStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../Popper').PopperProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "children" | "title" | "component" | "id" | "container" | "components" | "hidden" | "color" | "content" | "style" | "open" | "variant" | "transition" | "className" | "onChange" | "sx" | "translate" | "slots" | "slotProps" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "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" | "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" | "dataTestid" | "placement" | "arrow" | "componentsProps" | "disablePortal" | "keepMounted" | "anchorEl" | "modifiers" | "popperOptions" | "popperRef" | keyof import('react').RefAttributes<HTMLDivElement> | "initialPlacement"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').AutocompleteOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').AutocompleteOwnerState> & Record<string, unknown>;
 }, {}, {}>;

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

@@ -51,7 +51,8 @@ export interface AutocompleteProps<T, Multiple extends boolean | undefined = fal
 /**
  * Represents the owner state of the Autocomplete component for styling purposes.
  */
-export interface AutocompleteOwnerState extends Pick<AutocompleteProps<any>, 'size' | 'disabled' | 'variant' | 'color'> {
+export interface AutocompleteOwnerState extends Pick<AutocompleteProps<any>, 'size' | 'disabled' | 'variant'> {
+    autocompleteColor: AutocompleteProps<any>['color'];
     disabled?: boolean;
     multiple: boolean;
     imageScale?: boolean;

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

@@ -2,7 +2,7 @@ import { OverridesStyleRules } from '@mui/material/styles/overrides';
 import { PaletteColor, Theme } from '@mui/material';
 import { LOADING_BUTTON_KEY_COMPONENT } from './constants';
 import { LoadingButtonSlots } from './slots/LoadingButtonEnum';
-import { ButtonProps } from '../Button';
+import { ButtonProps } from '../Button/types';
 export interface LoadingButtonProps extends Omit<ButtonProps, 'label'> {
     label?: string;
     loading?: boolean;

package/components/mui_extended/Popover/Popover.d.ts

@@ -1,11 +1,9 @@
 import { PopoverProps } from './types';
-/**
- * Provee de un componente que genera un contenedor desacoplado del flujo del documento de tipo ventana emergente,
- * usado hacer énfasis en información, comunmente contiene texto, elementos interactivos y acciones de usuario.
- * @param props
- * @returns
- */
 /**
  * TODO: Documentar
+ * @author SebastianM - automatic
+ * @createdAt 2024-12-06 14:04:23 - automatic
+ * @updatedAt 2024-12-06 14:04:23 - automatic
+ * @updatedUser SebastianM - automatic
  */
 export declare const Popover: (props: PopoverProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Popper/Popper.d.ts

@@ -0,0 +1,9 @@
+import { PopperProps } from './types';
+/**
+ * The Popper component is used to display a pop-up    box with additional information or options.
+ * @author SebastianM - automatic
+ * @createdAt 2024-12-19 11:22:55 - automatic
+ * @updatedAt 2024-12-23 10:04:43 - automatic
+ * @updatedUser SebastianM - automatic
+ */
+export declare const Popper: import('react').ForwardRefExoticComponent<Omit<PopperProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/components/mui_extended/Popper/PopperStyles.d.ts

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

package/components/mui_extended/Popper/constants.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Clave de identificación del componente Popper dentro del sistema.
+ *
+ * Esta constante se utiliza como identificador único para asociar y personalizar estilos y configuraciones
+ * relacionadas con el componente `Popper` dentro del sistema de temas y estilos.
+ * @default 'M4LPopper'
+ */
+export declare const POPPER_KEY_COMPONENT = "M4LPopper";

package/components/mui_extended/Popper/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Popper';
+export * from './types';

package/components/mui_extended/Popper/slots/PopperEnum.d.ts

@@ -0,0 +1,3 @@
+export declare const PopperSlots: {
+    popperRoot: string;
+};

package/components/mui_extended/Popper/slots/PopperStlots.d.ts

@@ -0,0 +1,4 @@
+declare const PopperRootStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').PopperProps & import('react').RefAttributes<HTMLDivElement>, "children" | "ref" | "title" | "component" | "id" | "container" | "components" | "hidden" | "color" | "content" | "style" | "open" | "transition" | "className" | "onChange" | "sx" | "translate" | "slots" | "slotProps" | "slot" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "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" | "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" | "placement" | "componentsProps" | "disablePortal" | "keepMounted" | "anchorEl" | "modifiers" | "popperOptions" | "popperRef"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('..').PopperOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('..').PopperOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export { PopperRootStyled };

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

@@ -0,0 +1,3 @@
+export * from './PopperStlots';
+export * from './PopperEnum';
+export { PopperSlots } from './PopperEnum';

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

@@ -0,0 +1,38 @@
+import { ComponentPalletColor } from '@m4l/styles';
+import { PopperProps as MUIPopperProps, PaletteColor, Theme } from '@mui/material';
+import { PopperChildrenProps } from '@mui/material/Popper/BasePopper.types';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { ReactNode } from 'react';
+import { POPPER_KEY_COMPONENT } from './constants';
+import { PopperSlots } from './slots';
+/**
+ * Props for the `Popper` component.
+ * @author SebastianM - automatic
+ * @createdAt 2024-12-10 12:16:10 - automatic
+ * @updatedAt 2024-12-11 10:35:15 - automatic
+ * @updatedUser SebastianM - automatic
+ */
+export interface PopperProps extends Omit<MUIPopperProps, 'color'> {
+    color?: Extract<ComponentPalletColor, 'default'> | undefined;
+    variant?: 'standard';
+    initialPlacement?: MUIPopperProps['placement'];
+    dataTestid?: string;
+    children?: ReactNode | ((props: PopperChildrenProps) => ReactNode);
+    arrow?: boolean;
+}
+/**
+ * Owner state of the `Popper` used to define internal style and behavior properties.
+ */
+export interface PopperOwnerState extends Pick<PopperProps, 'placement'> {
+    popperColor: PopperProps['color'];
+    arrow: boolean;
+    paletteColor: PaletteColor;
+}
+/**
+ * Defines the types of Slots available for the `Popper`.
+ */
+export type PopperSlotsType = keyof typeof PopperSlots;
+/**
+ * Styles applicable to the `Popper` using themes and custom slots.
+ */
+export type PopperStyles = OverridesStyleRules<PopperSlotsType, typeof POPPER_KEY_COMPONENT, Theme>;

package/hooks/useStateRef/index.d.ts

@@ -4,5 +4,9 @@
  * donde se usa refState
  * @param initialValue
  * @returns
+ * @author Andrés Quintero - automatic
+ * @createdAt 2024-12-11 15:36:25 - automatic
+ * @updatedAt 2024-12-11 15:36:26 - automatic
+ * @updatedUser Andrés Quintero - automatic
  */
 export declare function useStateRef<T>(initialValue: T | null): [T | null, (node: T | null) => void];

package/hooks/useStateRef/index.js

@@ -3,7 +3,7 @@ function useStateRef(initialValue) {
   const [refState, setRefState] = useState(initialValue);
   const nodeRef = useRef(null);
   const ref = (nodeElement) => {
-    if (nodeElement && nodeRef.current !== nodeElement) {
+    if (nodeRef.current !== nodeElement) {
       nodeRef.current = nodeElement;
       setRefState(nodeElement);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.1.29",
+  "version": "9.1.31",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"
@@ -54,7 +54,7 @@
   "peerDependencies": {
     "@m4l/core": "^2.0.12",
     "@m4l/graphics": "^7.0.2",
-    "@m4l/styles": "^7.1.5",
+    "@m4l/styles": "^7.0.1",
     "@mui/lab": "5.0.0-alpha.173",
     "@mui/material": "5.16.7",
     "@mui/x-date-pickers": "6.20.2"

package/components/AccountPopover/classes/constants.d.ts

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

package/components/AccountPopover/classes/constants.js

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

package/components/AccountPopover/classes/index.d.ts

@@ -1,31 +0,0 @@
-import { AccountPopoverClassesType } from './types';
-export declare const accountPopoverClasses: AccountPopoverClassesType;
-/**
- * Obtiene el nombre de la clase de utilidad para una ranura específica.
- * @param slot La ranura para la que se desea obtener la clase de utilidad.
- * @returns El nombre de la clase de utilidad para la ranura especificada.
- */
-export declare function getAccountPopoverClassesUtilityClass(slot: string): string;
-/**
- * Hook personalizado para utilizar las clases de utilidad del componente AccountPopover.
- * @returns Las clases de utilidad del componente AccountPopover.
- */
-export declare const useAccountPopoverUtilityClasses: () => {
-    root: string;
-    popover: string;
-    menuItem: string;
-    containerProgress: string;
-    containerMenuItems: string;
-    containerUserName: string;
-    containerUserEmail: string;
-    containerUserInfo: string;
-    containerlogOut: string;
-    containerSetting: string;
-    labelUserName: string;
-    labelUserEmail: string;
-    labelVersion: string;
-    myAvatar: string;
-    containerAvatarPopover: string;
-    containerAppVersion: string;
-    logOut: string;
-};

package/components/AccountPopover/classes/index.js

@@ -1,59 +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",
-    "containerUserName",
-    "containerUserEmail",
-    "containerlogOut",
-    "containerUserInfo",
-    "containerSetting",
-    "labelUserName",
-    "labelUserEmail",
-    "labelVersion",
-    "containerAvatarPopover",
-    "myAvatar",
-    "popover",
-    "containerAppVersion",
-    "containerMenuItems",
-    "containerProgress",
-    "logOut",
-    "menuItem"
-    /* states or variants of elements */
-  ]
-);
-function getAccountPopoverClassesUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useAccountPopoverUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    containerUserName: ["containerUserName"],
-    containerUserEmail: ["containerUserEmail"],
-    containerUserInfo: ["containerUserInfo"],
-    containerlogOut: ["containerlogOut"],
-    containerSetting: ["containerSetting"],
-    labelUserName: ["labelUserName"],
-    labelUserEmail: ["labelUserEmail"],
-    labelVersion: ["labelVersion"],
-    myAvatar: ["myAvatar"],
-    containerAvatarPopover: ["containerAvatarPopover"],
-    popover: ["popover"],
-    containerAppVersion: ["containerAppVersion"],
-    containerMenuItems: ["containerMenuItems"],
-    containerProgress: ["containerProgress"],
-    logOut: ["logOut"],
-    menuItem: ["menuItem"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getAccountPopoverClassesUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  getAccountPopoverClassesUtilityClass as g,
-  useAccountPopoverUtilityClasses as u
-};

package/components/AccountPopover/classes/types.d.ts

@@ -1,32 +0,0 @@
-import { useAccountPopoverUtilityClasses } from '.';
-/**
- * Tipos de datos para las clases del componente AccountPopover.
- */
-export interface AccountPopoverClassesType {
-    root: string;
-    containerUserName: string;
-    containerUserEmail: string;
-    containerlogOut: string;
-    containerUserInfo: string;
-    containerSetting: string;
-    labelUserName: string;
-    labelUserEmail: string;
-    labelVersion: string;
-    containerAvatarPopover: string;
-    myAvatar: string;
-    popover: string;
-    containerAppVersion: string;
-    containerMenuItems: string;
-    containerProgress: string;
-    logOut: string;
-    menuItem: string;
-}
-/**
- * Tipo de dato para las claves de las clases del componente AccountPopover.
- * Utilizado para construir overrides en el objeto del tema.
- */
-export type AccountPopoverClassesKey = keyof AccountPopoverClassesType;
-/**
- * Tipo para las clases del componente AccountPopover.
- */
-export type AccountPopoverClasses = ReturnType<typeof useAccountPopoverUtilityClasses>;

package/components/AccountPopover/subcomponents/MyAvatar/index.js

@@ -1,21 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useEnvironment } from "@m4l/core";
-import { A as Avatar } from "../../../mui_extended/Avatar/Avatar.js";
-function MyAvatar(props) {
-  const { avatarUrl, firstName = "", lastName = "arreee", ...other } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  return /* @__PURE__ */ jsx(
-    Avatar,
-    {
-      alt: "full_name",
-      color: "default",
-      ...avatarUrl ? {
-        src: `${host_static_assets}/${environment_assets}/frontend/domain/${avatarUrl}`
-      } : { children: `${firstName[0]}${lastName[0]}` },
-      ...other
-    }
-  );
-}
-export {
-  MyAvatar as M
-};

package/components/AccountPopover/subcomponents/PopOver/index.d.ts

@@ -1,7 +0,0 @@
-import { PopOverProps } from './types';
-/**
- * MenuPopOver: Es el subcomponente de AccountPopover encargado de crear el menú popover y su contenido.
- * Se debe refactorizar el componente PopOver para recibir la propr de size.
- * @param props
- */
-export declare const MenuPopOver: (props: PopOverProps) => import("react/jsx-runtime").JSX.Element;