@m4l/components 0.1.42 → 0.1.45

package/components/formatters/ConcatenatedFormatter/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ConcatenatedFormatterProps } from './types';
+/**
+ * Concatena un arrays de strings y/o numbers
+ * @param props {values: Array<string> Valores a concatenar, separator: string Separador entre valores concatenados, Component: ElementType Componente que abraza la respuesta}
+ * @returns
+ */
+export declare function ConcatenatedFormatter(props: ConcatenatedFormatterProps): JSX.Element;

package/components/formatters/ConcatenatedFormatter/types.d.ts

@@ -0,0 +1,11 @@
+import { ElementType } from 'react';
+/**
+ * Component: Tipo de componente HTML que "abraza" el resultado
+ * Values: Array de strings a concatenar
+ * Separator: String usado para concatenar el array de strings
+ */
+export interface ConcatenatedFormatterProps {
+    values: Array<string | number>;
+    separator?: string | number;
+    Component?: ElementType;
+}

package/components/formatters/PeriodFormatter/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { PeriodFormatterProps } from './types';
+/**
+ * Muestra un periodo de tiempo en años, meses y días
+ * @param props
+ * @returns
+ */
+export declare function PeriodFormatter(props: PeriodFormatterProps): JSX.Element;

package/components/formatters/PeriodFormatter/types.d.ts

@@ -0,0 +1,13 @@
+import { ElementType } from 'react';
+/**
+ * Component: Tipo de componente HTML que "abraza" el resultado
+ * years: Cantidad de años
+ * months: Cantidad de meses
+ * days: Cantidad de días
+ */
+export interface PeriodFormatterProps {
+    years?: number;
+    months?: number;
+    days?: number;
+    Component?: ElementType;
+}

package/components/formatters/dictionary.d.ts

@@ -0,0 +1,9 @@
+import { Dictionary } from '@m4l/core';
+export declare function getFormattersComponentsDictionary(): string[];
+export declare const defaultFormattersDictionary: Dictionary;
+export declare const LABEL_YEARS = "formatters.label_years";
+export declare const LABEL_YEAR = "formatters.label_year";
+export declare const LABEL_MONTHS = "formatters.label_months";
+export declare const LABEL_MONTH = "formatters.label_month";
+export declare const LABEL_DAYS = "formatters.label_days";
+export declare const LABEL_DAY = "formatters.label_day";

package/components/formatters/index.0368bab3.js

@@ -0,0 +1,127 @@
+import { W as WrapperComponent } from "../WrapperComponent/index.5e872594.js";
+import { jsx } from "react/jsx-runtime";
+import { useModuleDictionary } from "@m4l/core";
+import "react";
+import "../Icon/index.f6e8d810.js";
+import "@mui/material/styles";
+import "@m4l/graphics";
+function ConcatenatedFormatter(props) {
+  const {
+    values = "",
+    separator = " ",
+    Component = WrapperComponent
+  } = props;
+  const returnSymbol = "-";
+  if (values === null)
+    return /* @__PURE__ */ jsx(Component, {
+      children: returnSymbol
+    });
+  if (!Array.isArray(values)) {
+    return /* @__PURE__ */ jsx(Component, {
+      children: values.toString()
+    });
+  } else {
+    if (values.length == 0)
+      return /* @__PURE__ */ jsx(Component, {
+        children: returnSymbol
+      });
+    else {
+      const result = values.map((value) => {
+        if (value === null || value === void 0)
+          return returnSymbol;
+        else {
+          if (typeof value === "string" || typeof value === "number") {
+            return value.toString();
+          } else {
+            return returnSymbol;
+          }
+        }
+      });
+      return /* @__PURE__ */ jsx(Component, {
+        children: result.join(separator.toString())
+      });
+    }
+  }
+}
+function getFormattersComponentsDictionary() {
+  return ["formatters"];
+}
+const defaultFormattersDictionary = {
+  pager: {
+    boolean_yes: "Yes",
+    boolean_no: "No",
+    boolean_true: "True",
+    boolean_false: "False"
+  }
+};
+const LABEL_YEARS = "formatters.label_years";
+const LABEL_YEAR = "formatters.label_year";
+const LABEL_MONTHS = "formatters.label_months";
+const LABEL_MONTH = "formatters.label_month";
+const LABEL_DAYS = "formatters.label_days";
+const LABEL_DAY = "formatters.label_day";
+function PeriodFormatter(props) {
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const {
+    years = 0,
+    months = 0,
+    days = 0,
+    Component = WrapperComponent
+  } = props;
+  let period = "";
+  const separator = ", ";
+  switch (years) {
+    case 0:
+      break;
+    case 1:
+      period = "1 " + getLabel(LABEL_YEAR);
+      break;
+    default:
+      period = years.toString() + " " + getLabel(LABEL_YEARS);
+  }
+  switch (months) {
+    case 0:
+      break;
+    case 1:
+      if (years > 0)
+        period += separator;
+      period += "1 " + getLabel(LABEL_MONTH);
+      break;
+    default:
+      if (years > 0)
+        period += separator;
+      period += months.toString() + " " + getLabel(LABEL_MONTHS);
+  }
+  switch (days) {
+    case 0:
+      break;
+    case 1:
+      if (years > 0 || months > 0)
+        period += separator;
+      period += "1 " + getLabel(LABEL_DAY);
+      break;
+    default:
+      if (years > 0 || months > 0)
+        period += separator;
+      period += days.toString() + " " + getLabel(LABEL_DAYS);
+  }
+  if (period == "")
+    period = "-";
+  return /* @__PURE__ */ jsx(Component, {
+    children: period
+  });
+}
+export {
+  ConcatenatedFormatter as C,
+  LABEL_YEARS as L,
+  PeriodFormatter as P,
+  LABEL_YEAR as a,
+  LABEL_MONTHS as b,
+  LABEL_MONTH as c,
+  defaultFormattersDictionary as d,
+  LABEL_DAYS as e,
+  LABEL_DAY as f,
+  getFormattersComponentsDictionary as g
+};

package/components/formatters/index.d.ts

@@ -2,5 +2,7 @@ export { BooleanFormatter } from './BooleanFormatter';
 export { DateFormatter } from './DateFormatter';
 export { UncertaintyFormatter, getUncertaintyFormat } from './UncertaintyFormatter';
 export { PointsFormatter, getFormatPoints } from './PointsFormatter';
+export { ConcatenatedFormatter } from './ConcatenatedFormatter';
+export { PeriodFormatter } from './PeriodFormatter';
 export { PriceFormatter, getFormatPrice } from './PriceFormatter';
 export type { UncertaintyRange } from './UncertaintyFormatter/types';

package/components/hook-form/RHFAutocomplete/{index.de93fe01.js → index.74add0d0.js}

@@ -2,7 +2,7 @@ import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { useFormContext, Controller } from "react-hook-form";
 import { styled as styled$1, Skeleton, Autocomplete, TextField, CircularProgress } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { I as Image } from "../../Image/index.93d5f37f.js";
+import { I as Image } from "../../Image/index.aa24e982.js";
 import { useMemo, useState, useEffect } from "react";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 const WrapperAutocomplete = styled("div")(({

package/components/hook-form/RHFAutocompleteAsync/{index.ca696cce.js → index.0aa3c224.js}

@@ -1,7 +1,7 @@
 import { useState, useCallback, useEffect } from "react";
 import { useNetwork, getPropertyByString } from "@m4l/core";
 import debounce from "lodash/debounce";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.de93fe01.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.74add0d0.js";
 import { jsx } from "react/jsx-runtime";
 function RHFAutocompleteAsync(props) {
   const {

package/components/hook-form/RHFCheckbox/RHFCheckbox.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { RHFCheckboxProps } from './types';
+/**
+ * Provee de un caja de selección vinculado al controlador de hook-forms y aporta su versión provisional de carga en red.
+ * @param props
+ * @returns
+ */
+export declare function RHFCheckbox(props: RHFCheckboxProps): JSX.Element;

package/components/hook-form/RHFCheckbox/classes/index.d.ts

@@ -0,0 +1,7 @@
+import { RHFCheckboxClassesType } from './types';
+export declare const RHFCheckboxClasses: RHFCheckboxClassesType;
+export declare function getRHFCheckboxUtilityClass(slot: string): string;
+export declare const useUtilityClasses: () => {
+    root: string;
+    skeleton: string;
+};

package/components/hook-form/RHFCheckbox/classes/types.d.ts

@@ -0,0 +1,5 @@
+export interface RHFCheckboxClassesType {
+    root: string;
+    skeleton: string;
+}
+export declare type RHFCheckboxClassesKey = keyof RHFCheckboxClassesType;

package/components/hook-form/RHFCheckbox/index.ebfe1e3c.js

@@ -0,0 +1,110 @@
+import { useFormContext, Controller } from "react-hook-form";
+import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, Checkbox } from "@mui/material";
+import { useModuleSkeleton } from "@m4l/core";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { styled as styled$1 } from "@mui/material/styles";
+import { unstable_composeClasses } from "@mui/base";
+import { E as ErrorLabel } from "../../ErrorLabel/index.73f9362c.js";
+import { T as Typography } from "../../mui_extended/Typography/index.be3a279a.js";
+const WrapperSkeletonCheckBox = styled("div")(() => ({
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  width: "36px",
+  height: "36px"
+}));
+const SkeletonRHFCheckBox = (props) => {
+  const {
+    classes
+  } = props;
+  return /* @__PURE__ */ jsx(WrapperSkeletonCheckBox, {
+    className: classes.skeleton,
+    "data-testid": "SkeletonRHFCheckBox",
+    children: /* @__PURE__ */ jsx(Skeleton, {
+      variant: "rounded",
+      width: "18px",
+      height: "18px"
+    })
+  });
+};
+const RHFCheckboxRoot = styled$1("div")(({
+  theme
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(0.5),
+  ...theme.components?.M4LRHFCheckbox?.styleOverrides
+}));
+styled$1("div")(() => ({
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  padding: "8px"
+}));
+styled$1(Skeleton)(() => ({
+  width: "20px",
+  height: "20px",
+  borderRadius: "4px"
+}));
+generateUtilityClasses("M4LRHFCheckbox", [
+  "root",
+  "skeleton"
+]);
+function getRHFCheckboxUtilityClass(slot) {
+  return generateUtilityClass("M4LRHFCheckbox", slot);
+}
+const useUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    skeleton: ["skeleton"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getRHFCheckboxUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+function RHFCheckbox(props) {
+  const {
+    name,
+    sizeCheck = "small",
+    label
+  } = props;
+  const {
+    control
+  } = useFormContext();
+  const isSkeleton = useModuleSkeleton();
+  const classes = useUtilityClasses();
+  return /* @__PURE__ */ jsxs(RHFCheckboxRoot, {
+    className: classes.root,
+    "data-testid": "RHFCheckboxRoot",
+    children: [/* @__PURE__ */ jsx(Controller, {
+      name,
+      control,
+      render: ({
+        field,
+        fieldState: {
+          error
+        }
+      }) => {
+        return !isSkeleton ? /* @__PURE__ */ jsxs(Fragment, {
+          children: [/* @__PURE__ */ jsx(Checkbox, {
+            size: sizeCheck,
+            ...field,
+            checked: field.value
+          }), error?.message && /* @__PURE__ */ jsx(ErrorLabel, {
+            message: error?.message + ""
+          })]
+        }) : /* @__PURE__ */ jsx(SkeletonRHFCheckBox, {
+          classes
+        });
+      }
+    }), /* @__PURE__ */ jsx(Typography, {
+      variant: "body1",
+      skeletonWidth: "80px",
+      children: label
+    })]
+  });
+}
+export {
+  RHFCheckbox as R
+};

package/components/hook-form/RHFCheckbox/styles.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare const RHFCheckboxRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperSKTRHFCheckbox: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTCheckSkeleton: import("@emotion/styled").StyledComponent<{
+    animation?: false | "pulse" | "wave" | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").SkeletonClasses> | undefined;
+    height?: string | number | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    variant?: "text" | "rectangular" | "rounded" | "circular" | undefined;
+    width?: string | number | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "children" | "width" | "height" | keyof import("@mui/material/OverridableComponent").CommonProps | "animation" | "sx" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/hook-form/RHFCheckbox/subcomponents/Skeleton/index.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="react" />
-export declare const SkeletonCheckBox: () => JSX.Element;
+import { SkeletonRHFCheckBoxProps } from './types';
+export declare const SkeletonRHFCheckBox: (props: SkeletonRHFCheckBoxProps) => JSX.Element;

package/components/hook-form/RHFCheckbox/subcomponents/Skeleton/types.d.ts

@@ -0,0 +1,3 @@
+export interface SkeletonRHFCheckBoxProps {
+    classes: any;
+}

package/components/hook-form/RHFPeriod/{index.3772295b.js → index.10c4501a.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
-import { E as ErrorLabel } from "../../ErrorLabel/index.c8615f16.js";
-import { P as Period } from "../../Period/index.abe445bd.js";
+import { E as ErrorLabel } from "../../ErrorLabel/index.73f9362c.js";
+import { P as Period } from "../../Period/index.10dc7de1.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const Wrapper = styled("div")(({
   theme

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { RHFTextFieldProps } from './types';
+/**
+ * Provee de un campo de texto vinculado al formulario de hook-forms, aporta su versión provisional de carga en red.
+ * @param props
+ * @returns
+ */
+export declare const RHFTextField: import("react").ForwardRefExoticComponent<(Omit<RHFTextFieldProps & import("@mui/material").StandardTextFieldProps, "ref"> | Omit<RHFTextFieldProps & import("@mui/material").FilledTextFieldProps, "ref"> | Omit<RHFTextFieldProps & import("@mui/material").OutlinedTextFieldProps, "ref">) & import("react").RefAttributes<HTMLInputElement>>;

package/components/hook-form/RHFTextField/classes/constants.d.ts

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

package/components/hook-form/RHFTextField/classes/index.d.ts

@@ -0,0 +1,7 @@
+import { RHFTextFieldClassesType, RHFTextFieldState } from './types';
+export declare const RHFTextFieldClasses: RHFTextFieldClassesType;
+export declare function getRHFTextFieldUtilityClass(slot: string): string;
+export declare const getRHFTextFieldClassesByState: (ownerState: RHFTextFieldState) => {
+    root: string;
+    skeleton: string;
+};

package/components/hook-form/RHFTextField/classes/types.d.ts

@@ -0,0 +1,10 @@
+export interface RHFTextFieldClassesType {
+    root: string;
+    skeleton: string;
+    variantText: string;
+    variantPassword: string;
+}
+export interface RHFTextFieldState {
+    variant: 'password' | 'text';
+}
+export declare type RHFTextFieldClassesKey = keyof RHFTextFieldClassesType;

package/components/hook-form/RHFTextField/index.57f138f7.js

@@ -0,0 +1,219 @@
+import { useModuleSkeleton, useEnvironment } from "@m4l/core";
+import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, TextField, InputAdornment } from "@mui/material";
+import { forwardRef, useState } from "react";
+import { I as IconButton } from "../../mui_extended/IconButton/index.1318a283.js";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import "../../Icon/index.f6e8d810.js";
+import { styled as styled$1 } from "@mui/material/styles";
+import { useFormContext, Controller } from "react-hook-form";
+import { unstable_composeClasses } from "@mui/base";
+const WrapperSkeletonRHFTextField = styled("div")(({
+  theme
+}) => ({
+  display: "flex",
+  width: "100%",
+  height: "42.25px",
+  alignItems: "center",
+  justifyContent: "space-between",
+  border: `1px solid ${theme.palette.divider}`,
+  padding: "12px 14px",
+  borderRadius: theme.spacing(1)
+}));
+const SkeletonTextField = (props) => {
+  const {
+    skeletonWidth,
+    skeletonHeight,
+    ownerState,
+    classes
+  } = props;
+  const {
+    variant
+  } = ownerState;
+  return /* @__PURE__ */ jsx(WrapperSkeletonRHFTextField, {
+    className: classes.skeleton,
+    "data-testid": "WrapperSkeletonRHFTextField",
+    children: variant === "text" ? /* @__PURE__ */ jsx(Skeleton, {
+      variant: "text",
+      width: skeletonWidth,
+      height: skeletonHeight
+    }) : /* @__PURE__ */ jsxs(Fragment, {
+      children: [/* @__PURE__ */ jsx(Skeleton, {
+        variant: "text",
+        width: skeletonWidth,
+        height: skeletonHeight
+      }), /* @__PURE__ */ jsx(Skeleton, {
+        variant: "circular",
+        width: "20px",
+        height: "20px"
+      })]
+    })
+  });
+};
+const RHFTextFieldRoot = styled$1("div")(({
+  theme
+}) => ({
+  ...theme.components?.M4LRHFTextField?.styleOverrides
+}));
+styled$1("div")(({
+  theme
+}) => ({
+  display: "flex",
+  width: "100%",
+  alignItems: "center",
+  border: `1px solid ${theme.palette.divider}`,
+  padding: "12px 14px",
+  borderRadius: theme.spacing(1)
+}));
+const componentName = "M4LRHFTextField";
+generateUtilityClasses(
+  componentName,
+  [
+    "root",
+    "skeleton",
+    "variantText",
+    "variantPassword"
+  ]
+);
+function getRHFTextFieldUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const getRHFTextFieldClassesByState = (ownerState) => {
+  const slots = {
+    root: ["root", ownerState.variant === "password" ? "variantPassword" : "variantText"],
+    skeleton: ["skeleton"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getRHFTextFieldUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const RHFTextField = forwardRef((props, inputRef) => {
+  const {
+    name: nameRHF,
+    autoComplete = "off",
+    skeletonWidth = "100%",
+    skeletonHeight = "18px",
+    type,
+    ...other
+  } = props;
+  const ownerState = {
+    variant: type === "password" ? "password" : "text"
+  };
+  const classes = getRHFTextFieldClassesByState(ownerState);
+  const isSkeleton = useModuleSkeleton();
+  const {
+    control
+  } = useFormContext();
+  return /* @__PURE__ */ jsx(RHFTextFieldRoot, {
+    className: classes.root,
+    role: "textbox",
+    "data-testid": "RHFTextFieldRoot",
+    children: !isSkeleton ? /* @__PURE__ */ jsx(Controller, {
+      name: nameRHF,
+      control,
+      render: ({
+        field: {
+          onChange,
+          onBlur,
+          value,
+          name,
+          ref
+        },
+        fieldState: {
+          error
+        }
+      }) => {
+        const onInternalChange = (event) => {
+          if (type === "number") {
+            if (event.target.value) {
+              onChange(Number(event.target.value));
+              return;
+            }
+          }
+          onChange(event);
+        };
+        return /* @__PURE__ */ jsx(TextField, {
+          inputRef,
+          autoComplete,
+          onChange: onInternalChange,
+          onBlur,
+          value: value || "",
+          name,
+          ref,
+          fullWidth: true,
+          error: !!error,
+          helperText: error?.message,
+          type,
+          ...other
+        });
+      }
+    }) : /* @__PURE__ */ jsx(SkeletonTextField, {
+      "data-testid": "SkeletonTextField",
+      classes,
+      skeletonWidth,
+      skeletonHeight,
+      ownerState
+    })
+  });
+});
+RHFTextField.displayName = "RHFTextField";
+const RHFTextFieldPasswordRoot = styled$1("div")(({
+  theme
+}) => ({
+  ...theme.components?.M4LRHFTextFieldPassword?.styleOverrides
+}));
+generateUtilityClasses("M4LRHFTextFieldPassword", [
+  "root"
+]);
+function getRHFTextFieldPasswordUtilityClass(slot) {
+  return generateUtilityClass("M4LRHFTextFieldPassword", slot);
+}
+const useUtilityClasses = () => {
+  const slots = {
+    root: ["root"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getRHFTextFieldPasswordUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const RHFTextFieldPassword = (props) => {
+  const {
+    name,
+    label,
+    skeletonWidth,
+    skeletonHeight
+  } = props;
+  const [showPassword, setShowPassword] = useState(false);
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  console.log("enviroment", host_static_assets, environment_assets);
+  const classes = useUtilityClasses();
+  return /* @__PURE__ */ jsx(RHFTextFieldPasswordRoot, {
+    className: classes.root,
+    "data-testid": "RHFTextFieldPasswordRoot",
+    children: /* @__PURE__ */ jsx(RHFTextField, {
+      name,
+      label,
+      type: showPassword ? "text" : "password",
+      autoComplete: "on",
+      skeletonWidth,
+      skeletonHeight,
+      InputProps: {
+        endAdornment: /* @__PURE__ */ jsx(InputAdornment, {
+          position: "end",
+          children: /* @__PURE__ */ jsx(IconButton, {
+            onClick: () => setShowPassword(!showPassword),
+            src: showPassword ? `${host_static_assets}/${environment_assets}/frontend/domain/host/login/assets/icons/eye.svg` : `${host_static_assets}/${environment_assets}/frontend/domain/host/login/assets/icons/eye_off.svg`
+          })
+        })
+      }
+    })
+  });
+};
+export {
+  RHFTextField as R,
+  RHFTextFieldPassword as a
+};

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { RHFTextFieldProps } from './types';
-export declare const RHFTextField: import("react").ForwardRefExoticComponent<(Omit<RHFTextFieldProps & import("@mui/material").StandardTextFieldProps, "ref"> | Omit<RHFTextFieldProps & import("@mui/material").FilledTextFieldProps, "ref"> | Omit<RHFTextFieldProps & import("@mui/material").OutlinedTextFieldProps, "ref">) & import("react").RefAttributes<HTMLInputElement>>;
+export * from './RHFTextField';
+export * from './types';

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const RHFTextFieldRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTRHFWrapperTextField: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/hook-form/RHFTextField/subcomponents/Skeleton/types.d.ts

@@ -1,2 +1,7 @@
+import { RHFTextFieldState } from '../../classes/types';
 import { RHFTextFieldProps } from '../../types';
-export declare type SkeletonTextFieldProps = Omit<RHFTextFieldProps, 'name'>;
+export interface SkeletonTextFieldProps extends Pick<RHFTextFieldProps, 'skeletonWidth' | 'skeletonHeight'> {
+    ownerState: RHFTextFieldState;
+    classes: any;
+}
+export declare type WrapperSkeletonRHFTextField = RHFTextFieldState;

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

@@ -2,5 +2,4 @@ export interface RHFTextFieldProps {
     skeletonWidth?: string | number;
     skeletonHeight?: string | number;
     name: string;
-    skeletonVariant?: 'text' | 'password';
 }