@m4l/components 9.1.4 → 9.1.6

package/components/popups/components/PopupsProvider/contexts/PopupsContext/types.d.ts

@@ -1,91 +1,118 @@
 import { GetLabelType } from '@m4l/core';
 import { ReactNode } from 'react';
-import { DraggableWindowProps } from '../../../../../DragResizeWindow/types';
+import { DragResizeWindowProps } from '../../../../../DragResizeWindow/types';
 import { PopupStatus } from '../../../PopupsViewer/types';
 export type PopupVariantType = 'normal' | 'small' | 'large';
-export interface PopupStoreProps extends Pick<DraggableWindowProps, 'bounds' | 'defaultPosition'> {
+export interface PopupStoreProps extends Pick<DragResizeWindowProps, 'bounds' | 'defaultPosition'> {
     /**
      * "popupId" Indetificador del popupId
+     * @createdAt 2024-11-07 08:06:15 - automatic
      */
     popupId: string;
     /**
      * "status" Estado del popup
+     * @createdAt 2024-11-07 08:06:15 - automatic
      */
     status: PopupStatus;
     /**
      * "variant" Variante del popup
+     * @createdAt 2024-11-07 08:06:15 - automatic
      */
     variant?: PopupVariantType;
     /**
      * "iconUrl" Icono de la ventan
+     * @createdAt 2024-11-07 08:06:15 - automatic
      */
     iconUrl: string;
     /**
      * "title" Titulo de la ventan
+     * @createdAt 2024-11-07 08:06:15 - automatic
      */
     title: string;
     /**
      * "subTitle" Subtitulo de la ventan
+     * @createdAt 2024-11-07 08:06:15 - automatic
      */
     subTitle?: string;
     /**
      * "editionInfo" Mensaje que muestra el registro que se está editando.
+     * @createdAt 2024-11-07 08:06:15 - automatic
      */
     editionInfo?: string;
     /**
      * draggable Indica si el popup es arrastrable, default true
+     * @createdAt 2024-11-07 08:06:15 - automatic
      */
     draggable?: boolean;
     /**
      * resizable Indica si el popup es redimensionable, default true
+     * @createdAt 2024-11-07 08:06:15 - automatic
      */
     resizable?: boolean;
     /**
      * "zIndex" Zindex del popup, tener en cuenta que se usa el baseZindex como offset para el zIndex
+     * @createdAt 2024-11-07 08:06:15 - automatic
      */
     zIndex: number;
     /**
      * "componentProps" Propiedades que se le pasan al componente que se va a mostrar en el popup.
+     * @createdAt 2024-11-07 08:06:15 - automatic
      */
     componentProps?: Record<string, any>;
     /**
      * functionComponent retorna el componente que se va a mostrar en el popup.
      *
      * Lo unico que necesita es guardar la referencia la función que retorna el componente.
+     * @createdAt 2024-11-07 08:06:15 - automatic
      */
     functionComponent?: React.FC<Record<string, any>>;
     /**
      * "onMouseDown" Evento nativo del Draggable, para tomar acciones externamente
+     * @author cesar - automatic
+     * @createdAt 2024-11-07 08:06:15 - automatic
+     * @updatedAt 2024-11-07 08:06:15 - automatic
+     * @updatedUser cesar - automatic
      */
     onMouseDown?: (e: MouseEvent) => void;
 }
 /**
  * Interface que define el store del componente (variables y funciones )
+ * @createdAt 2024-11-07 08:06:15 - automatic
  */
 export interface PopupsStore {
     /**
      * Id del store, para identificarlo en las herramientas de redux.
+     * @createdAt 2024-11-07 08:06:15 - automatic
      */
     storeId?: string;
     /**
      *  "poupsIds" Poups para saber en que orden se muestran
+     * @createdAt 2024-11-07 08:06:15 - automatic
      */
     popupsIds: string[];
     /**
      *  "hashPoups" Poups
+     * @createdAt 2024-11-07 08:06:15 - automatic
      */
     hashPopups: Record<string, PopupStoreProps>;
     /**
      * "baseZindex" zIndex donde empieza el primer popup
+     * @createdAt 2024-11-07 08:06:15 - automatic
      */
     baseZindex: number;
     /**
      * "currentZindex" Zindex actual, cada vez que se lance un popup se incrementa en 1,
      * si se cierran todos, vuelve a baseZindex.
+     * @createdAt 2024-11-07 08:06:15 - automatic
      */
     currentZindex: number;
     /**
      *  "getLabel" funcion que usará para traducir las etiquetas de diccionario
+     * @updatedUser cesar - automatic
+     * @updatedAt 2024-11-07 08:06:15 - automatic
+     * @createdAt 2024-11-07 08:06:15 - automatic
+     * @author cesar - automatic
+     * @createdAt 2024-11-07 08:06:15 - automatic
      */
     getLabel: GetLabelType;
     /**
@@ -96,6 +123,7 @@ export interface PopupsStore {
 export type OpenPopupOptions = {
     /**
      * Indica si se deben cerrar primero los otros propus.
+     * @createdAt 2024-11-07 08:06:15 - automatic
      */
     closeOthers: boolean;
 };
@@ -103,34 +131,63 @@ export interface PopupsStateWithActions extends PopupsStore {
     popupsActions: {
         /**
          * @description
+         * @createdAt 2024-11-07 08:06:15 - automatic
          */
         init(layersStore: PopupStoreProps[]): void;
         /**
          * Agrega una un poupup nuevo al hash de popups y al array de ids,
+         * @author cesar - automatic
+         * @createdAt 2024-11-07 08:06:15 - automatic
+         * @updatedAt 2024-11-07 08:06:15 - automatic
+         * @updatedUser cesar - automatic
          */
         addPopup: (popupProps: Omit<PopupStoreProps, 'status' | 'zIndex'>, options?: OpenPopupOptions) => void;
         /**
          * Remueve el poupup del hash de poups y de arrays de ids
+         * @author cesar - automatic
+         * @createdAt 2024-11-07 08:06:15 - automatic
+         * @updatedAt 2024-11-07 08:06:15 - automatic
+         * @updatedUser cesar - automatic
          */
         removePopup: (popupId: string) => void;
         /**
          * pasa el status a closing para que las las transiciones se ejecuten.
+         * @author cesar - automatic
+         * @createdAt 2024-11-07 08:06:15 - automatic
+         * @updatedAt 2024-11-07 08:06:15 - automatic
+         * @updatedUser cesar - automatic
          */
         closePopup: (popupId: string) => void;
         /**
          * Modifica un popup espeficio
+         * @author cesar - automatic
+         * @createdAt 2024-11-07 08:06:15 - automatic
+         * @updatedAt 2024-11-07 08:06:15 - automatic
+         * @updatedUser cesar - automatic
          */
         updatePopup: (popupId: string, popupProps: Partial<Omit<PopupStoreProps, 'status'>>) => void;
         /**
          * pasa el status a init, no se ejecutan las transiciones, porque el popup viene de estar hide .
+         * @author cesar - automatic
+         * @createdAt 2024-11-07 08:06:15 - automatic
+         * @updatedAt 2024-11-07 08:06:15 - automatic
+         * @updatedUser cesar - automatic
          */
         showPopup: (popupId: string) => void;
         /**
          * pasa el status a hide, no se ejecutan las transiciones, porque el popup se esconde inmediatamente.
+         * @author cesar - automatic
+         * @createdAt 2024-11-07 08:06:15 - automatic
+         * @updatedAt 2024-11-07 08:06:15 - automatic
+         * @updatedUser cesar - automatic
          */
         hidePopup: (popupId: string) => void;
         /**
          * Pone el popup  con zIndex igual a currentIndex y lo amuneta en uno.
+         * @author cesar - automatic
+         * @createdAt 2024-11-07 08:06:15 - automatic
+         * @updatedAt 2024-11-07 08:06:15 - automatic
+         * @updatedUser cesar - automatic
          */
         setPopupOnFront: (popupId: string) => void;
         /**
@@ -138,6 +195,10 @@ export interface PopupsStateWithActions extends PopupsStore {
          * @param newHandler handle o función que va a traducir las etiquetas, esto es necesario debido que getLabel de useModuleDictionary
          * cambia por el useCallback, cuando el diccionario se carga.
          * @returns void
+         * @author cesar - automatic
+         * @createdAt 2024-11-07 08:06:15 - automatic
+         * @updatedAt 2024-11-07 08:06:15 - automatic
+         * @updatedUser cesar - automatic
          */
         setHandlerGetLabel: (newHandler: GetLabelType) => void;
     };

package/components/popups/components/PopupsViewer/slots/popupsViewerSlots.d.ts

@@ -1,7 +1,7 @@
 export declare const RootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PopupsViewerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').PopupsViewerOwnerState> & Record<string, unknown>;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
-export declare const PopupDragWindowRootStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../../DragResizeWindow/types').DraggableWindowProps & import('react').RefAttributes<HTMLDivElement>, keyof import('react').RefAttributes<HTMLDivElement> | keyof import('../../../../DragResizeWindow/types').DraggableWindowProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PopupsViewerOwnerState> & Record<string, unknown> & {
+export declare const PopupDragWindowRootStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../../DragResizeWindow/types').DragResizeWindowProps & import('react').RefAttributes<HTMLDivElement>, keyof import('react').RefAttributes<HTMLDivElement> | keyof import('../../../../DragResizeWindow/types').DragResizeWindowProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PopupsViewerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').PopupsViewerOwnerState> & Record<string, unknown>;
 }, {}, {}>;
 export declare const PopupHeaderContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PopupsViewerOwnerState> & Record<string, unknown> & {

package/contexts/ModalContext/index.d.ts

@@ -2,6 +2,10 @@ import { ModalContextProps, ModalProviderProps } from './types';
 declare const ModalContext: import('react').Context<ModalContextProps | null>;
 /**
  * TODO: Documentar
+ * @author cesar - automatic
+ * @createdAt 2024-11-01 16:56:18 - automatic
+ * @updatedAt 2024-11-01 16:56:18 - automatic
+ * @updatedUser cesar - automatic
  */
 declare function ModalProvider({ children }: ModalProviderProps): import("react/jsx-runtime").JSX.Element;
 export { ModalProvider, ModalContext };

package/contexts/ModalContext/types.d.ts

@@ -12,7 +12,7 @@ export interface ModalOpenOptions {
     initialWidth?: number;
     initialHeigth?: number;
     maxWidth?: number;
-    maxHeigth?: number;
+    maxHeight?: number;
     fullScreen?: boolean;
     window?: ((props?: any) => JSX.Element) | ReactNode;
     variant?: StateColors;

package/index.js

@@ -66,8 +66,8 @@ import { D as D4 } from "./components/DynamicFilter/DynamicFilter.js";
 import { H } from "./components/HelperError/HelperError.js";
 import { L as L3 } from "./components/Label/Label.js";
 import { A as A6 } from "./components/CommonActions/components/ActionsContainer/ActionsContainer.js";
-import { A as A7 } from "./components/CommonActions/components/ActionCancel/index.js";
-import { A as A8 } from "./components/CommonActions/components/ActionIntro/index.js";
+import { A as A7 } from "./components/CommonActions/components/ActionCancel/ActionCancel.js";
+import { A as A8 } from "./components/CommonActions/components/ActionIntro/ActionIntro.js";
 import { A as A9 } from "./components/CommonActions/components/ActionFormCancel/index.js";
 import { A as A10 } from "./components/CommonActions/components/ActionFormIntro/index.js";
 import { d, g as g14 } from "./components/CommonActions/dictionary.js";

package/package.json

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

package/storybook/components/DragResizeWindow/stories/DragResizeWindow.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DragResizeWindow } from '../../../../src/components/DragResizeWindow/DragResizeWindow';
+declare const meta: Meta<typeof DragResizeWindow>;
+type Story = StoryObj<typeof DragResizeWindow>;
+export declare const Default: Story;
+export declare const Hidden: Story;
+export default meta;

package/storybook/components/DragResizeWindow/stories/subcomponents/ContentExample.d.ts

@@ -0,0 +1,8 @@
+/**
+ * TODO: Documentar
+ * @author cesar - automatic
+ * @createdAt 2024-11-08 15:55:16 - automatic
+ * @updatedAt 2024-11-12 16:37:07 - automatic
+ * @updatedUser cesar - automatic
+ */
+export declare const ContentExample: React.FC<Record<string, any>>;

package/{components → storybook/components}/DragResizeWindow/stories/subcomponents/WithExtendedContainer.d.ts

@@ -1,5 +1,9 @@
 import { StoryContext, StoryFn } from '@storybook/react';
 /**
  * TODO: Documentar
+ * @author cesar - automatic
+ * @createdAt 2024-11-08 15:55:16 - automatic
+ * @updatedAt 2024-11-08 15:55:16 - automatic
+ * @updatedUser cesar - automatic
  */
 export declare const WithExtendedContainer: (MyStory: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element;

package/{components → storybook/components}/DragResizeWindow/stories/types.d.ts

@@ -1,3 +1,3 @@
 import { StoryObj } from '@storybook/react';
-import { DragResizeWindow } from '../DragResizeWindow';
+import { DragResizeWindow } from '../../../../src/components/DragResizeWindow/DragResizeWindow';
 export type StoryDragResizeWindowType = StoryObj<typeof DragResizeWindow>;

package/storybook/components/commonActions/components/ActionCancel/ActionCancel.stories.d.ts

@@ -0,0 +1,22 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ActionCancel } from '../../../../../src/components/CommonActions/components/ActionCancel/ActionCancel';
+declare const meta: Meta<typeof ActionCancel>;
+type Story = StoryObj<typeof ActionCancel>;
+/**
+ * Base story for `ActionCancel` in standard mode.
+ */
+export declare const Default: Story;
+/**
+ * Base story for `ActionCancel` with start icon.
+ */
+export declare const WithStartIcon: Story;
+/**
+ * Base story for `ActionCancel` with end icon.
+ */
+export declare const WithEndIcon: Story;
+/**
+ * Base story for `ActionCancel` with start and end icon.
+ */
+export declare const WithStartAndEndIcon: Story;
+export declare const Skeleton: Story;
+export default meta;

package/storybook/components/commonActions/components/ActionIntro/ActionIntro.stories.d.ts

@@ -0,0 +1,22 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ActionIntro } from '../../../../../src/components/CommonActions/components/ActionIntro';
+declare const meta: Meta<typeof ActionIntro>;
+type Story = StoryObj<typeof ActionIntro>;
+/**
+ * Base story for `ActionIntro` in standard mode.
+ */
+export declare const Default: Story;
+/**
+ * Base story for `ActionIntro` with start icon.
+ */
+export declare const WithStartIcon: Story;
+/**
+ * Base story for `ActionIntro` with end icon.
+ */
+export declare const WithEndIcon: Story;
+/**
+ * Base story for `ActionIntro` with start and end icon.
+ */
+export declare const WithStartAndEndIcon: Story;
+export declare const Skeleton: Story;
+export default meta;

package/storybook/components/extended/mui/Button/Button.stories.d.ts

@@ -0,0 +1,26 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { Button } from '../../../../../src/components/mui_extended/Button/Button';
+declare const meta: Meta<typeof Button>;
+type Story = StoryObj<typeof Button>;
+/**
+ * Base story for `Button` in standard mode.
+ */
+export declare const Default: Story;
+/**
+ * Base story for `Button` with start icon.
+ */
+export declare const WithStartIcon: Story;
+/**
+ * Base story for `Button` with end icon.
+ */
+export declare const WithEndIcon: Story;
+/**
+ * Base story for `Button` with start and end icon.
+ */
+export declare const WithStartAndEndIcon: Story;
+/**
+ * Base story for `Button` with disabled state.
+ */
+export declare const Disabled: Story;
+export declare const Skeleton: Story;
+export default meta;

package/storybook/components/extended/react-resizable/ResizableBox/resizableBox.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ResizableBox } from '../../../../../src/components/extended/React-Resizable/ResizableBox';
+declare const meta: Meta<typeof ResizableBox>;
+type Story = StoryObj<typeof ResizableBox>;
+/**
+ * Base story for ResizableBox
+ */
+export declare const Base: Story;
+/**
+ * Story for ResizableBox in a disabled state
+ */
+export declare const DisabledState: Story;
+export default meta;

package/components/CommonActions/components/ActionIntro/test/contants.js

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

package/components/DragResizeWindow/stories/basic.stories.d.ts

@@ -1,13 +0,0 @@
-import { Meta } from '@storybook/react';
-import { DragResizeWindow } from '../DragResizeWindow';
-import { StoryDragResizeWindowType } from './types';
-declare const meta: Meta<typeof DragResizeWindow>;
-export default meta;
-/**
- * DragResizeWindow con los resize nodes por defecto
- */
-export declare const Base: StoryDragResizeWindowType;
-/**
- * DragResizeWindow oculto
- */
-export declare const Hidden: StoryDragResizeWindowType;

package/components/DragResizeWindow/stories/subcomponents/ContentExample.d.ts

@@ -1,4 +0,0 @@
-/**
- * TODO: Documentar
- */
-export declare const ContentExample: React.FC<Record<string, any>>;

package/components/extended/React-Resizable/Resizable/stories/basic.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta } from '@storybook/react';
-import { Resizable } from '../Resizable';
-import { StoryResizableType } from './types';
-declare const meta: Meta<typeof Resizable>;
-export default meta;
-/**
- * Resizable
- */
-export declare const Base: StoryResizableType;

package/components/extended/React-Resizable/ResizableBox/stories/basic.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta } from '@storybook/react';
-import { ResizableBox } from '../ResizableBox';
-import { StoryResizableBoxType } from './types';
-declare const meta: Meta<typeof ResizableBox>;
-export default meta;
-/**
- * ResizableBox
- */
-export declare const Base: StoryResizableBoxType;

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

@@ -1,4 +0,0 @@
-export declare const ButtonRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SKTButton: import('@emotion/styled').StyledComponent<import('@mui/material').SkeletonOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
-}, "children" | "style" | "variant" | "width" | "height" | "animation" | "sx" | "classes" | "className"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/components/mui_extended/Button/styles.js

@@ -1,12 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { Skeleton } from "@mui/material";
-const ButtonRoot = styled("div")(({ theme }) => ({
-  /* Styles overrides of m4l_styles */
-  ...theme.components?.M4LButton?.styleOverrides || {}
-}));
-styled(Skeleton)(({ theme }) => ({
-  borderRadius: theme.spacing(0.5)
-}));
-export {
-  ButtonRoot as B
-};