@m4l/components 9.3.5 → 9.3.7

package/storybook/components/extended/mui/TextField/TextFieldText.stories.d.ts

@@ -21,5 +21,12 @@ export declare const MultipleLines: Story;
  * disabled
  */
 export declare const WhitAdorment: Story;
+/**
+ * Se aplica cuando el input tiene un limite de caracteres.
+ */
+export declare const WithMaxLength: Story;
+/**
+ * Se aplica cuando el input tiene un skeleton.
+ */
 export declare const WithSkeleton: Story;
 export default meta;

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

@@ -16,6 +16,10 @@ export declare const RHFTextFieldReadOnly: Story;
  * endAdornment
  */
 export declare const RHFTextFieldAdornment: Story;
+/**
+ * Input con límite de caracteres.
+ */
+export declare const RHFTextFieldMaxLength: Story;
 export declare const RHFTextFieldError: Story;
 export declare const SkeletonBase: Story;
 export default meta;

package/storybook/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.stories.d.ts

@@ -2,7 +2,26 @@ import { Meta, StoryObj } from '@storybook/react';
 import { RHFTextFieldPassword } from '../../../src/components/hook-form/RHFTextFieldPassword';
 declare const meta: Meta<typeof RHFTextFieldPassword>;
 type Story = StoryObj<typeof RHFTextFieldPassword>;
+/**
+ * Input con valor por defecto.
+ */
 export declare const RHFTextFieldPasswordDefault: Story;
+/**
+ * Input con límite de caracteres.
+ *
+ * maxLength
+ */
+export declare const RHFTextFieldPasswordMaxLength: Story;
+/**
+ * Input con error.
+ *
+ * error
+ */
 export declare const RHFTextFieldPasswordError: Story;
+/**
+ * Input con skeleton.
+ *
+ * skeleton
+ */
 export declare const SkeletonBase: Story;
 export default meta;

package/utils/getLimitCharacters/getLimitCharacters.d.ts

@@ -0,0 +1,7 @@
+import { GetLimitCharactersProps } from './types';
+/**
+ * Obtiene el valor limitado de caracteres del campo de texto.
+ * @param props - Propiedades del campo de texto.
+ * @returns El valor limitado de caracteres del campo de texto.
+ */
+export declare const getLimitCharacters: (props: GetLimitCharactersProps) => unknown;

package/utils/getLimitCharacters/getLimitCharacters.js

@@ -0,0 +1,11 @@
+const getLimitCharacters = (props) => {
+  const { limitCharacters, value } = props;
+  let finalValue = value;
+  if (limitCharacters && value) {
+    finalValue = value.toString().slice(0, limitCharacters);
+  }
+  return finalValue;
+};
+export {
+  getLimitCharacters as g
+};

package/utils/getLimitCharacters/index.d.ts

@@ -0,0 +1 @@
+export { getLimitCharacters } from './getLimitCharacters';

package/utils/getLimitCharacters/index.js

@@ -0,0 +1 @@
+

package/utils/getLimitCharacters/test/getLimitCharacters.test.d.ts

@@ -0,0 +1 @@
+export {};

package/utils/getLimitCharacters/types.d.ts

@@ -0,0 +1,11 @@
+import { TextFieldProps } from '../../components/mui_extended/TextField/types';
+export interface GetLimitCharactersProps {
+    /**
+     * Límite de caracteres.
+     */
+    limitCharacters?: number;
+    /**
+     * Valor a limitar.
+     */
+    value?: TextFieldProps['value'];
+}