@m4l/components 8.2.4 → 9.1.0

package/storybook/components/extended/mui/Tab/stories/Tab.sizes.stories.d.ts

@@ -0,0 +1,28 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tab } from '../../../../../../src/components/mui_extended/Tab';
+/**
+ * El componente Tab agrupa contenido relacionado y permite la navegación sin salir de la página.
+ */
+declare const meta: Meta<typeof Tab>;
+export default meta;
+type Story = StoryObj<typeof Tab>;
+/**
+ * Tab base con icono y tamaño mediano, estilo seleccionado (activo).
+ */
+export declare const Base: Story;
+/**
+ * Tab activo de tamaño pequeño con icono.
+ */
+export declare const SmallActive: Story;
+/**
+ * Tab activo de tamaño mediano con icono.
+ */
+export declare const MediumActive: Story;
+/**
+ * Tab por defecto de tamaño pequeño con icono.
+ */
+export declare const SmallDefault: Story;
+/**
+ * Tab por defecto de tamaño mediano con icono.
+ */
+export declare const MediumDefault: Story;

package/storybook/components/extended/mui/Tab/stories/Tab.skeleton.stories.d.ts

@@ -0,0 +1,32 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tab } from '../../../../../../src/components/mui_extended/Tab';
+/**
+ * El componente Tab agrupa contenido relacionado y permite la navegación sin salir de la página.
+ */
+declare const meta: Meta<typeof Tab>;
+export default meta;
+type Story = StoryObj<typeof Tab>;
+/**
+ * Tab en estado Skeleton cuando está activo, con icono y texto.
+ */
+export declare const SkeletonActiveWithIconAndText: Story;
+/**
+ * Tab en estado Skeleton cuando está activo, con solo texto.
+ */
+export declare const SkeletonActiveWithText: Story;
+/**
+ * Tab en estado Skeleton cuando está activo, con solo icono.
+ */
+export declare const SkeletonActiveWithIcon: Story;
+/**
+ * Tab en estado Skeleton por defecto, con icono y texto.
+ */
+export declare const SkeletonDefaultWithIconAndText: Story;
+/**
+ * Tab en estado Skeleton por defecto, con solo texto.
+ */
+export declare const SkeletonDefaultWithText: Story;
+/**
+ * Tab en estado Skeleton por defecto, con solo icono.
+ */
+export declare const SkeletonDefaultWithIcon: Story;

package/components/CommonActions/components/Actions/index.d.ts

@@ -1,2 +0,0 @@
-import { CommonActionsProps } from './types';
-export declare const Actions: import('react').ForwardRefExoticComponent<CommonActionsProps & import('react').RefAttributes<any>>;

package/components/CommonActions/components/Actions/index.js

@@ -1,24 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.js";
-import { u as useCommonActionsUtilityClasses } from "../../classes/index.js";
-import { W as WrapperStandarActions } from "./styles.js";
-import { g as getNameCommonActionsDataTestId } from "../../tests/utils.js";
-const Actions = forwardRef(function ActionsForwarded(props, ref) {
-  const { children, ...restProps } = props;
-  const classes = useCommonActionsUtilityClasses();
-  return /* @__PURE__ */ jsx(
-    WrapperStandarActions,
-    {
-      ...restProps,
-      ref,
-      className: clsx(classes.root, restProps?.className),
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameCommonActionsDataTestId("root") } : {},
-      children
-    }
-  );
-});
-export {
-  Actions as A
-};

package/components/CommonActions/components/Actions/styles.d.ts

@@ -1 +0,0 @@
-export declare const WrapperStandarActions: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/CommonActions/components/Actions/styles.js

@@ -1,14 +0,0 @@
-import { styled } from "@mui/material/styles";
-const WrapperStandarActions = styled("div")(({ theme }) => ({
-  // paddingTop: theme.spacing(3),
-  // display: 'flex',
-  // flexDirection: 'row',
-  // justifyContent: 'flex-end',
-  // '& > button': {
-  //     marginLeft: '10px',
-  // },
-  ...theme.components?.M4LCommonActions?.styleOverrides || {}
-}));
-export {
-  WrapperStandarActions as W
-};

package/components/CommonActions/components/Actions/types.d.ts

@@ -1,4 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-export interface CommonActionsProps extends HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-}

package/components/CommonActions/tests/constants.js

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

package/components/CommonActions/tests/utils.js

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

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

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react/*';
-import { RHFTextField } from '../../..';
-declare const meta: Meta<typeof RHFTextField>;
-type Story = StoryObj<typeof RHFTextField>;
-/**
- * Error en RHFTextField outlined y text se utiliza para mostrar un campo de texto que indica un estado de error. Esto es útil para proporcionar retroalimentación visual al usuario cuando hay un problema con la entrada de datos.
- */
-export declare const ErrorOutlined: Story;
-export default meta;

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

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react/*';
-import { RHFTextField } from '../../..';
-declare const meta: Meta<typeof RHFTextField>;
-type Story = StoryObj<typeof RHFTextField>;
-/**
- *  Error en RHFTextField outlined y text se utiliza para mostrar un campo de texto que indica un estado de error. Esto es útil para proporcionar retroalimentación visual al usuario cuando hay un problema con la entrada de datos.
- */
-export declare const ErrorText: Story;
-export default meta;

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

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react/*';
-import { RHFTextField } from '../../..';
-declare const meta: Meta<typeof RHFTextField>;
-type Story = StoryObj<typeof RHFTextField>;
-/**
- * Story for the primary outlined RHFvariants of the TextField component.
- */
-export declare const PrimaryOutlined: Story;
-export default meta;

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

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

package/components/mui_extended/MenuActions/MenuActions.stories.d.ts

@@ -1,25 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { MenuActions } from './index';
-declare const meta: Meta<typeof MenuActions>;
-export default meta;
-type Story = StoryObj<typeof MenuActions>;
-/**
- * Base MenuActions component
- */
-export declare const Base: Story;
-/**
- * MenuActions in skeleton mode
- */
-export declare const WithSkeleton: Story;
-/**
- * MenuActions with Badge content
- */
-export declare const WithBadge: Story;
-/**
- * MenuActions with end ListElement
- */
-export declare const WithEndListElement: Story;
-/**
- * MenuActions empty state
- */
-export declare const Empty: Story;

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

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

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

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

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

@@ -1,10 +0,0 @@
-import { TabClassesType } from './types';
-export declare const tabClasses: TabClassesType;
-export declare function getTabUtilityClass(slot: string): string;
-/**
- * TODO: Documentar
- */
-export declare const tabUtilityClasses: () => {
-    skeleton: string;
-    root: string;
-};

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

@@ -1,25 +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",
-  "skeleton"
-  /* states or variants of elements */
-]);
-function getTabUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const tabUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    skeleton: ["skeleton"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getTabUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  tabUtilityClasses as t
-};

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

@@ -1,7 +0,0 @@
-import { tabUtilityClasses } from '.';
-export interface TabClassesType {
-    root: string;
-    skeleton: string;
-}
-export type TabClassesKey = keyof TabClassesType;
-export type Classes = ReturnType<typeof tabUtilityClasses>;

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

@@ -1 +0,0 @@
-export declare const COMPONENT_PREFIX = "m4l-tab";

package/components/mui_extended/Tab/constant.js

@@ -1,4 +0,0 @@
-const COMPONENT_PREFIX = "m4l-tab";
-export {
-  COMPONENT_PREFIX as C
-};

package/components/mui_extended/Tab/index.js

@@ -1,40 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useModuleSkeleton } from "@m4l/core";
-import { Tab as Tab$1, Skeleton } from "@mui/material";
-import { T as TabRoot, S as SKTTabWrapper } from "./styles.js";
-import { t as tabUtilityClasses } from "./classes/index.js";
-import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.js";
-import { g as getNameDataTestId } from "../../../test/getNameDataTestId.js";
-import { C as COMPONENT_PREFIX } from "./constant.js";
-function Tab(props) {
-  const { SKTWidth, SKTHeight, className, dataTestId = "", ...other } = props;
-  const isSkeleton = useModuleSkeleton();
-  const classes = tabUtilityClasses();
-  return /* @__PURE__ */ jsx(
-    TabRoot,
-    {
-      className: clsx(classes.root, className),
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "root", dataTestId)
-      } : {},
-      children: !isSkeleton ? /* @__PURE__ */ jsx(Tab$1, { ...other }) : /* @__PURE__ */ jsx(
-        SKTTabWrapper,
-        {
-          className: classes.skeleton,
-          ...process.env.NODE_ENV !== "production" ? {
-            [TEST_PROP_ID]: getNameDataTestId(
-              COMPONENT_PREFIX,
-              "skeleton",
-              dataTestId
-            )
-          } : {},
-          children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: SKTWidth, height: SKTHeight })
-        }
-      )
-    }
-  );
-}
-export {
-  Tab as T
-};

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

@@ -1,2 +0,0 @@
-export declare const TabRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SKTTabWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Tab/styles.js

@@ -1,11 +0,0 @@
-import { styled } from "@mui/material/styles";
-const TabRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LTab?.styleOverrides || {}
-}));
-const SKTTabWrapper = styled("div")(({ theme }) => ({
-  padding: theme.spacing(1.5, 2)
-}));
-export {
-  SKTTabWrapper as S,
-  TabRoot as T
-};

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

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