@m4l/components 9.1.44 → 9.1.46

package/components/mui_extended/CheckBox/CheckBox.styles.js

@@ -1,6 +1,10 @@
 const checkBoxStyles = {
   /**
    * Estilos generales para el checkbox
+   * @author Andrés Quintero - automatic
+   * @createdAt 2024-12-30 14:36:06 - automatic
+   * @updatedAt 2024-12-30 14:36:10 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   root: ({ theme, ownerState }) => ({
     display: "flex",
@@ -52,6 +56,10 @@ const checkBoxStyles = {
   }),
   /**
    * Componente MuiCheckBox, FocusVisible para cuando esta seleccionado el CheckBox
+   * @author Andrés Quintero - automatic
+   * @createdAt 2024-12-30 14:36:06 - automatic
+   * @updatedAt 2024-12-30 14:36:10 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   muiCheckBox: ({ theme }) => ({
     overflow: "visible",
@@ -70,6 +78,10 @@ const checkBoxStyles = {
   }),
   /**
    * Estilos para el label del CheckBox
+   * @author Andrés Quintero - automatic
+   * @createdAt 2024-12-30 14:36:06 - automatic
+   * @updatedAt 2024-12-30 14:36:10 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   skeletonStyled: ({ theme }) => ({
     borderRadius: theme.vars.size.borderRadius.r1

package/components/mui_extended/Dialog/Dialog.styles.js

@@ -3,7 +3,7 @@ const dialogStyles = {
    * Dialog Root style
    * @author cesar - automatic
    * @createdAt 2024-11-24 15:58:24 - automatic
-   * @updatedAt 2024-12-27 08:28:36 - automatic
+   * @updatedAt 2024-12-30 14:36:10 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   dialogRoot: ({ theme }) => ({

package/components/mui_extended/IconButton/IconButton.d.ts

@@ -5,7 +5,7 @@ import { IconButtonProps } from './types';
  * @returns
  * @author Bruce Escobar - automatic
  * @createdAt 2024-10-22 19:53:39 - automatic
- * @updatedAt 2024-12-27 08:28:36 - automatic
+ * @updatedAt 2024-12-30 14:36:10 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare const IconButton: import('react').ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/components/mui_extended/IconButton/IconButton.styles.js

@@ -2,7 +2,7 @@ const iconButtonStyles = {
   /**
    * TODO: Documentar
    * @updatedUser Andrés Quintero - automatic
-   * @updatedAt 2024-12-27 08:28:36 - automatic
+   * @updatedAt 2024-12-30 14:36:10 - automatic
    * @createdAt 2024-10-22 19:53:39 - automatic
    * @author Bruce Escobar - automatic
    */
@@ -139,7 +139,7 @@ const iconButtonStyles = {
    * Comentado por el momento, falta de documentación en Figma de Badge
    * @author Bruce Escobar - automatic
    * @createdAt 2024-10-22 09:41:31 - automatic
-   * @updatedAt 2024-12-27 08:28:36 - automatic
+   * @updatedAt 2024-12-30 14:36:10 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   badgeIconButton: () => ({
@@ -180,7 +180,7 @@ const iconButtonStyles = {
    * Slot de contenedor de reactNode
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-27 08:27:31 - automatic
-   * @updatedAt 2024-12-27 08:28:36 - automatic
+   * @updatedAt 2024-12-30 14:36:10 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   containReact: ({ isSkeleton }) => ({
@@ -192,7 +192,7 @@ const iconButtonStyles = {
    * Slot skeleton con sus estilos de tamaño
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-27 08:27:31 - automatic
-   * @updatedAt 2024-12-27 08:28:36 - automatic
+   * @updatedAt 2024-12-30 14:36:10 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   skeleton: ({ theme, ownerState }) => ({

package/components/mui_extended/ImageButton/ImageButton.d.ts

@@ -3,7 +3,7 @@ import { ImageButtonProps } from './types';
  * TODO: Documentar
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:31 - automatic
- * @updatedAt 2024-12-27 08:28:36 - automatic
+ * @updatedAt 2024-12-30 14:36:11 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare function ImageButton({ src, width, tooltip, sx, className, dataTestId, alt, ...other }: ImageButtonProps): import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/MenuItem/MenuItem.d.ts

@@ -7,7 +7,7 @@ import { MenuItemProps } from './types';
  * @returns
  * @author Bruce Escobar - automatic
  * @createdAt 2024-10-22 19:53:39 - automatic
- * @updatedAt 2024-12-27 08:28:36 - automatic
+ * @updatedAt 2024-12-30 14:36:11 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare const MenuItem: (props: MenuItemProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/MenuItem/MenuItem.styles.js

@@ -2,7 +2,11 @@ const menuItemStyles = {
   /**
    * Estilos para el contenedor de los items del menú
    * @updatedUser Andrés Quintero - automatic
-   * @updatedAt 2024-12-27 08:28:36 - automatic
+   * @updatedAt 2024-12-30 14:36:11 - automatic
+   * @createdAt 2024-12-30 14:36:06 - automatic
+   * @author Andrés Quintero - automatic
+   * @updatedUser Andrés Quintero - automatic
+   * @updatedAt 2024-12-30 14:36:11 - automatic
    * @createdAt 2024-12-27 08:28:33 - automatic
    * @author Andrés Quintero - automatic
    */
@@ -86,7 +90,7 @@ const menuItemStyles = {
    * Estilos para el icono de los items del menú
    * @author SebastianM - automatic
    * @createdAt 2024-12-02 19:12:14 - automatic
-   * @updatedAt 2024-12-27 08:28:36 - automatic
+   * @updatedAt 2024-12-30 14:36:11 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   menuItemIcon: () => ({
@@ -98,7 +102,7 @@ const menuItemStyles = {
    * Estilos para el icono de los items del menú cuando están seleccionados
    * @author SebastianM - automatic
    * @createdAt 2024-12-13 12:45:48 - automatic
-   * @updatedAt 2024-12-27 08:28:36 - automatic
+   * @updatedAt 2024-12-30 14:36:11 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   menuItemIconChecked: ({ ownerState }) => ({
@@ -112,7 +116,7 @@ const menuItemStyles = {
    * Estilos para la tipografía del menú item
    * @author SebastianM - automatic
    * @createdAt 2024-12-13 12:45:48 - automatic
-   * @updatedAt 2024-12-27 08:28:36 - automatic
+   * @updatedAt 2024-12-30 14:36:11 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   menuItemTypography: () => ({}),
@@ -129,7 +133,7 @@ const menuItemStyles = {
    * Estilos para el contenedor de los items del menú en skeleton
    * @author Bruce Escobar - automatic
    * @createdAt 2024-10-22 10:38:00 - automatic
-   * @updatedAt 2024-12-27 08:28:36 - automatic
+   * @updatedAt 2024-12-30 14:36:11 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   skeletonMenuItem: ({ theme, ownerState }) => ({

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

@@ -16,7 +16,7 @@ import { PopoverProps } from './types';
  *  Componente Popover que se utiliza para mostrar información adicional en un área emergente.
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:31 - automatic
- * @updatedAt 2024-12-27 08:28:37 - automatic
+ * @updatedAt 2024-12-30 14:36:11 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare const Popover: (props: PopoverProps) => import("react/jsx-runtime").JSX.Element | null;

package/components/mui_extended/Popover/Popover.styles.js

@@ -3,7 +3,7 @@ const popoverStyles = {
    * Styles applied to the Popover root element.
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-27 08:27:31 - automatic
-   * @updatedAt 2024-12-27 08:28:37 - automatic
+   * @updatedAt 2024-12-30 14:36:11 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   root: ({ theme }) => ({
@@ -18,7 +18,7 @@ const popoverStyles = {
    * Styles applied to the Popover arrow element.
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-27 08:27:31 - automatic
-   * @updatedAt 2024-12-27 08:28:37 - automatic
+   * @updatedAt 2024-12-30 14:36:11 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   arrow: () => ({})

package/components/mui_extended/Tab/Tab.d.ts

@@ -3,7 +3,7 @@ import { TabProps } from './types';
  * Componente `Tab` que representa una pestaña interactiva.
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:31 - automatic
- * @updatedAt 2024-12-27 08:28:37 - automatic
+ * @updatedAt 2024-12-30 14:36:11 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare function Tab(props: TabProps): import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Tab/Tab.styles.js

@@ -3,7 +3,7 @@ const tabStyles = {
    * Slot Raíz: Estilos para el contenedor principal del componente Tab.
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-27 08:27:31 - automatic
-   * @updatedAt 2024-12-27 08:28:37 - automatic
+   * @updatedAt 2024-12-30 14:36:11 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   root: ({ theme, ownerState }) => ({
@@ -168,7 +168,7 @@ const tabStyles = {
    * - **Estilos Generales**: Configura el color base del texto, aplicando especificidad para clases específicas.
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-27 08:27:31 - automatic
-   * @updatedAt 2024-12-27 08:28:37 - automatic
+   * @updatedAt 2024-12-30 14:36:11 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   tipography: ({ ownerState }) => ({

package/components/mui_extended/TextField/TextField.d.ts

@@ -3,7 +3,7 @@ import { TextFieldProps } from './types';
  * Componente TextField extended de MUI-MATERIAL componente de entrada de datos en una interfaz de usuario que permite a los usuarios ingresar y editar texto. Es comúnmente utilizado en formularios y otros contextos donde se requiere la entrada de texto por parte del usuario.
  * @author Bruce Escobar - automatic
  * @createdAt 2024-10-22 19:27:22 - automatic
- * @updatedAt 2024-12-27 08:28:37 - automatic
+ * @updatedAt 2024-12-30 14:36:11 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare const TextField: (props: TextFieldProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/TextField/TextField.styles.js

@@ -4,7 +4,7 @@ const textFieldStyles = {
    * Estilos personalizados para el componente TextField.
    * @author SebastianM - automatic
    * @createdAt 2024-11-29 10:03:37 - automatic
-   * @updatedAt 2024-12-27 08:28:37 - automatic
+   * @updatedAt 2024-12-30 14:36:11 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   root: ({ ownerState, theme }) => ({
@@ -222,7 +222,7 @@ const textFieldStyles = {
    * Estilos personalizados para el componente Skeleton.
    * @author SebastianM - automatic
    * @createdAt 2024-11-29 10:03:37 - automatic
-   * @updatedAt 2024-12-27 08:28:37 - automatic
+   * @updatedAt 2024-12-30 14:36:11 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   skeleton: ({ ownerState, theme }) => ({

package/components/mui_extended/ToggleButton/ToggleButton.styles.js

@@ -5,7 +5,7 @@ const toggleButtonStyles = {
    * @param ownerState - The owner state of the Toggle Button.
    * @author cesar - automatic
    * @createdAt 2024-12-12 10:02:53 - automatic
-   * @updatedAt 2024-12-27 08:28:37 - automatic
+   * @updatedAt 2024-12-30 14:36:11 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   toggleButtonRoot: ({ theme, ownerState }) => {

package/components/mui_extended/Tooltip/Tooltip.styles.js

@@ -2,6 +2,10 @@ const tooltipStyles = {
   root: ({}) => ({}),
   /**
    * Estilos del componente Tooltip
+   * @author Andrés Quintero - automatic
+   * @createdAt 2024-12-30 14:36:06 - automatic
+   * @updatedAt 2024-12-30 14:36:11 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   tooltip: ({ theme }) => ({
     background: theme.vars.palette.background.default,

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

@@ -34,7 +34,7 @@ export interface TypographyProps extends Omit<MUITypographyProps, 'color' | 'var
     /**
      * Contenido del componente.
      */
-    children?: string;
+    children?: React.ReactNode;
     /**
      * Nombre identificador del componente, es útil para realizar pruebas del componente.
      */

package/components/mui_extended/Typography/typography.styles.js

@@ -4,7 +4,7 @@ const typographyStyles = {
    * Componente extendido de MUI Typography, que permite personalizar los estilos del componente.
    * @author Bruce Escobar - automatic
    * @createdAt 2024-10-22 09:41:31 - automatic
-   * @updatedAt 2024-12-27 08:28:37 - automatic
+   * @updatedAt 2024-12-30 14:36:11 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   root: ({ ownerState, theme }) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.1.44",
+  "version": "9.1.46",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"
@@ -48,6 +48,7 @@
     "react-toastify": "10.0.5",
     "react-transition-group": "^4.4.5",
     "simplebar-react": "3.2.6",
+    "storybook-multilevel-sort": "^2.0.1",
     "yup": "^0.32.11",
     "zustand": "4.3.6"
   },

package/components/StorybookTest/StorybookTest.d.ts

@@ -1,9 +0,0 @@
-/**
- * Componente sencillo para storybook
- */
-/**
- * TODO: Documentar
- */
-export declare const StorybookTest: (props: {
-    a: string;
-}) => import("react/jsx-runtime").JSX.Element;

package/components/StorybookTest/base.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react/*';
-import { StorybookTest } from './StorybookTest';
-declare const meta: Meta<typeof StorybookTest>;
-type Story = StoryObj<typeof StorybookTest>;
-/**
- * Icon in base mode
- */
-export declare const Base: Story;
-export default meta;

package/components/formatters/FormatterRoot/index.js

@@ -1,10 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { f as formatterClasses } from "../classes/index.js";
-import { F as FormatterRootContainer } from "./styles.js";
-const FormatterRoot = (props) => {
-  const { children } = props;
-  return /* @__PURE__ */ jsx(FormatterRootContainer, { className: formatterClasses.root, children });
-};
-export {
-  FormatterRoot as F
-};

package/components/formatters/FormatterRoot/styles.js

@@ -1,7 +0,0 @@
-import { styled } from "@mui/material";
-const FormatterRootContainer = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LFormatter?.styleOverrides || {}
-}));
-export {
-  FormatterRootContainer as F
-};

package/components/formatters/classes/index.js

@@ -1,13 +0,0 @@
-import { generateUtilityClasses } from "@mui/material";
-import "@mui/base";
-import { C as COMPONENT_CLASS_NAME } from "../constants.js";
-const formatterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
-  /* elements */
-  "root",
-  "booleanFormatterIcon",
-  "booleanFormatterCheck"
-  /* states or variants of elements */
-]);
-export {
-  formatterClasses as f
-};

package/components/formatters/constants.js

@@ -1,4 +0,0 @@
-const COMPONENT_CLASS_NAME = "M4LFormatter";
-export {
-  COMPONENT_CLASS_NAME as C
-};