@m4l/components 8.1.0-beta.devManuela.IconButton → 8.1.0-beta.devManuela.TextField

package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/TextFieldText.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../..';
+/**
+ * Meta configuration for the TextField stories.
+ */
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Story for the primary text variant of the TextField component.
+ */
+export declare const PrimaryText: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateOutlined/TextFieldPrimaryOutlinedStateActive.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado primary Active con variante outlined
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const ActiveOutlined: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateOutlined/TextFieldPrimaryOutlinedStateEnabled.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado primary Enabled con variante outlined
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const EnabledOutlined: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateOutlined/TextFieldPrimaryOutlinedStateFocus.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado primary Focus con variante outlined
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const FocusOutlined: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateOutlined/TextFieldPrimaryOutlinedStateHover.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado primary Hover con variante outlined
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const HoverOutlined: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateText/TextFieldTextPrimaryStateActive.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado primary Active con variante text
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const ActiveText: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateText/TextFieldTextPrimaryStateEnabled.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado primary Enabled con variante text
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const EnabledText: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateText/TextFieldTextPrimaryStateFocus.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado primary Focus con variante text
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const FocusText: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateText/TextFieldTextPrimaryStateHover.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado primary Hover con variante text
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const HoverText: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/sizes/TextFieldSizes.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../TextField';
+/**
+ * Meta configuration for the TextField stories.
+ */
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Story for the small size variant of the TextField component.
+ */
+export declare const Small: Story;
+/**
+ * Story for the medium size variant of the TextField component.
+ */
+export declare const Medium: Story;
+export default meta;

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

@@ -0,0 +1,35 @@
+import { TextFieldProps as MUITextFieldProps } from '@mui/material/TextField';
+import { Theme, PaletteColor } from '@mui/material';
+import { TextFieldSlots } from './slots/TextFieldEnum';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { TEXT_FIELD_KEY_COMPONENT } from './constants';
+import { ComponentPalletColor, Sizes } from '@m4l/styles';
+import { LabelProps } from '../../Label/types';
+/**
+ * Variants for the TextField component.
+ */
+export type TextFieldVariants = 'outlined' | 'text';
+/**
+ * Variants for the Skeleton component.
+ */
+export type SkeletonVariants = 'rectangular' | 'circular' | 'text';
+/**
+ * Props for the TextField component.
+ *
+ */
+export interface TextFieldProps extends Omit<MUITextFieldProps, 'size' | 'color' | 'disabled' | 'variant'>, Pick<LabelProps, 'helperMessage' | 'htmlFor' | 'id' | 'mandatory' | 'mandatoryMessage'> {
+    dataTestId?: string;
+    variant?: TextFieldVariants;
+    disabled?: boolean;
+    size?: Sizes;
+    color?: Extract<ComponentPalletColor, 'primary'>;
+}
+export type OwnerState = Pick<TextFieldProps, 'size' | 'color' | 'disabled' | 'error'> & {
+    disabled?: boolean;
+    paletteColor: PaletteColor;
+    variantTextField?: TextFieldVariants;
+    componentPaletteColor?: ComponentPalletColor;
+};
+export type TextFieldSlotsType = keyof typeof TextFieldSlots;
+export type TextFieldOwnerState = OwnerState;
+export type TextFieldStyles = Partial<OverridesStyleRules<TextFieldSlotsType, typeof TEXT_FIELD_KEY_COMPONENT, Theme> | undefined> | undefined;

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

@@ -17,5 +17,9 @@ import { TypographyProps } from './types';
  * @param {React.ReactNode} [props.children] - The content of the typography.
  * @param {object} [props.other] - Additional properties to be passed to the component.
  * @returns {JSX.Element} The rendered Typography component.
+ * @author Bruce Escobar - automatic
+ * @createdAt 2024-10-22 09:41:31 - automatic
+ * @updatedAt 2024-10-22 09:42:39 - automatic
+ * @updatedUser Bruce Escobar - automatic
  */
 export declare function Typography(props: TypographyProps): import("react/jsx-runtime").JSX.Element;

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

@@ -2,6 +2,10 @@ const typographyStyles = {
   /**
    * Slot: root
    * 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-10-22 09:42:39 - automatic
+   * @updatedUser Bruce Escobar - automatic
    */
   root: ({ ownerState, theme }) => ({
     "&.M4lclassCssSpecificity": {

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

@@ -8,8 +8,8 @@ import { PopupsStateWithActions, InitialPopupsStoreProps } from './types';
 /**
  * Crea el store de los popups
  * @author Juan Escobar - automatic
- * @updatedAt 2024-10-15 18:01:45 - automatic
- * @updatedUser Juan Escobar - automatic
+ * @updatedAt 2024-10-22 09:42:39 - automatic
+ * @updatedUser Bruce Escobar - automatic
  * @createdAt 2024-10-15 17:33:28 - automatic
  */
 export declare const createPopupsStore: (initProps: InitialPopupsStoreProps) => Omit<Omit<import('zustand').StoreApi<PopupsStateWithActions>, "setState"> & {

package/components/popups/components/PopupsProvider/contexts/PopupsContext/store.js

@@ -17,22 +17,86 @@ const createPopupsStore = (initProps) => {
         popupsActions: {
           /**
            * TODO: Documentar
-           * @updatedUser Juan Escobar - automatic
-           * @updatedUser Juan Escobar - automatic
-           * @updatedUser Juan Escobar - automatic
-           * @updatedUser Juan Escobar - automatic
-           * @updatedUser Juan Escobar - automatic
-           * @updatedUser Juan Escobar - automatic
-           * @updatedUser Juan Escobar - automatic
-           * @updatedUser Juan Escobar - automatic
-           * @updatedAt 2024-10-15 18:01:45 - automatic
-           * @updatedAt 2024-10-15 18:01:45 - automatic
-           * @updatedAt 2024-10-15 18:01:45 - automatic
-           * @updatedAt 2024-10-15 18:01:45 - automatic
-           * @updatedAt 2024-10-15 18:01:45 - automatic
-           * @updatedAt 2024-10-15 18:01:45 - automatic
-           * @updatedAt 2024-10-15 18:01:45 - automatic
-           * @updatedAt 2024-10-15 18:01:45 - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @createdAt 2024-10-22 09:42:38 - automatic
+           * @createdAt 2024-10-22 09:42:38 - automatic
+           * @createdAt 2024-10-22 09:42:38 - automatic
+           * @createdAt 2024-10-22 09:42:38 - automatic
+           * @createdAt 2024-10-22 09:42:38 - automatic
+           * @createdAt 2024-10-22 09:42:38 - automatic
+           * @createdAt 2024-10-22 09:42:38 - automatic
+           * @createdAt 2024-10-22 09:42:38 - automatic
+           * @author Bruce Escobar - automatic
+           * @author Bruce Escobar - automatic
+           * @author Bruce Escobar - automatic
+           * @author Bruce Escobar - automatic
+           * @author Bruce Escobar - automatic
+           * @author Bruce Escobar - automatic
+           * @author Bruce Escobar - automatic
+           * @author Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @createdAt 2024-10-22 09:41:31 - automatic
+           * @createdAt 2024-10-22 09:41:31 - automatic
+           * @createdAt 2024-10-22 09:41:31 - automatic
+           * @createdAt 2024-10-22 09:41:31 - automatic
+           * @createdAt 2024-10-22 09:41:31 - automatic
+           * @createdAt 2024-10-22 09:41:31 - automatic
+           * @createdAt 2024-10-22 09:41:31 - automatic
+           * @createdAt 2024-10-22 09:41:31 - automatic
+           * @author Bruce Escobar - automatic
+           * @author Bruce Escobar - automatic
+           * @author Bruce Escobar - automatic
+           * @author Bruce Escobar - automatic
+           * @author Bruce Escobar - automatic
+           * @author Bruce Escobar - automatic
+           * @author Bruce Escobar - automatic
+           * @author Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
            * @createdAt 2024-10-15 18:01:45 - automatic
            * @createdAt 2024-10-15 18:01:45 - automatic
            * @createdAt 2024-10-15 18:01:45 - automatic
@@ -50,8 +114,8 @@ const createPopupsStore = (initProps) => {
            * @author Juan Escobar - automatic
            * @author Juan Escobar - automatic
            * @author Juan Escobar - automatic
-           * @updatedAt 2024-10-15 18:01:45 - automatic
-           * @updatedUser Juan Escobar - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedUser Bruce Escobar - automatic
            * @createdAt 2024-10-15 17:33:28 - automatic
            */
           init: (initialPopups) => {

package/contexts/RealTimeContext/store.d.ts

@@ -8,8 +8,8 @@ import { RealTimeStateWithActions, InitialRealTimeStoreProps } from './types';
 /**
  * TODO: Documentar
  * @author Juan Escobar - automatic
- * @updatedAt 2024-10-15 18:01:45 - automatic
- * @updatedUser Juan Escobar - automatic
+ * @updatedAt 2024-10-22 09:42:39 - automatic
+ * @updatedUser Bruce Escobar - automatic
  * @createdAt 2024-10-15 17:33:28 - automatic
  */
 export declare function createRealTimeStore(initProps: InitialRealTimeStoreProps): Omit<Omit<import('zustand').StoreApi<RealTimeStateWithActions>, "setState"> & {

package/contexts/RealTimeContext/store.js

@@ -15,17 +15,33 @@ function createRealTimeStore(initProps) {
         realTimeActions: {
           /**
            * TODO: Documentar
-           * @updatedUser Juan Escobar - automatic
-           * @updatedUser Juan Escobar - automatic
-           * @updatedAt 2024-10-15 18:01:45 - automatic
-           * @updatedAt 2024-10-15 18:01:45 - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @createdAt 2024-10-22 09:42:38 - automatic
+           * @createdAt 2024-10-22 09:42:38 - automatic
+           * @author Bruce Escobar - automatic
+           * @author Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @createdAt 2024-10-22 09:41:31 - automatic
+           * @createdAt 2024-10-22 09:41:31 - automatic
+           * @author Bruce Escobar - automatic
+           * @author Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedUser Bruce Escobar - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
            * @createdAt 2024-10-15 18:01:45 - automatic
            * @createdAt 2024-10-15 18:01:45 - automatic
            * @author Juan Escobar - automatic
            * @author Juan Escobar - automatic
            * @author Juan Escobar - automatic
-           * @updatedAt 2024-10-15 18:01:45 - automatic
-           * @updatedUser Juan Escobar - automatic
+           * @updatedAt 2024-10-22 09:42:39 - automatic
+           * @updatedUser Bruce Escobar - automatic
            * @createdAt 2024-10-15 17:33:28 - automatic
            */
           init: () => {

package/hooks/useSizeContainer/index.d.ts

@@ -5,8 +5,8 @@ import { ContainerSize } from '../../utils/types';
  * @param containerElement
  * @returns un objeto con el ancho y alto del contenedor
  * @author Juan Escobar - automatic
- * @updatedAt 2024-10-15 17:33:28 - automatic
- * @updatedUser Juan Escobar - automatic
+ * @updatedAt 2024-10-22 09:42:39 - automatic
+ * @updatedUser Bruce Escobar - automatic
  * @createdAt 2024-10-15 17:33:28 - automatic
  */
 export declare function useSizeContainer(containerElement?: HTMLElement | undefined | null): ContainerSize | undefined;

package/package.json

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

package/components/hook-form/RHFTextField/RHFTextField.stories.d.ts

@@ -1,14 +0,0 @@
-import { RHFTextField } from './RHFTextField';
-import { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta<typeof RHFTextField>;
-export default meta;
-type Story = StoryObj<typeof RHFTextField>;
-export declare const Base: Story;
-export declare const TypeText: Story;
-export declare const TypeNumber: Story;
-export declare const TypePassword: Story;
-export declare const WithSkeleton: Story;
-export declare const Disabled: Story;
-export declare const WithError: Story;
-export declare const WithMandatory: Story;
-export declare const WithHelperMessage: Story;