@m4l/components 9.1.56 → 9.1.57

package/@types/augmentations.d.ts

@@ -1,5 +1,7 @@
 import { EmitEvents } from '@m4l/core';
 import { NewWindow } from '../components';
+import { Interpolation } from '@mui/material';
+import { ComponentsPropsList } from '@mui/material/styles';
 declare module '@m4l/core' {
     interface EmmitEventsGuard {
         [EmitEvents.EMMIT_EVENT_HOST_EMERGE_WINDOW]: NewWindow;
@@ -36,3 +38,8 @@ declare module '@mui/material/Typography' {
         action: true;
     }
 }
+export type M4LOverridesStyleRules<ClassKey extends string = string, ComponentName = keyof ComponentsPropsList, Theme = unknown> = Record<ClassKey, Interpolation<(ComponentName extends keyof ComponentsPropsList ? Record<string, unknown> & {
+    ownerState: ComponentsPropsList[ComponentName] & Record<string, unknown>;
+} : {}) & {
+    theme: Theme;
+} & Record<string, unknown>>>;

package/components/Chip/ChipStyles.js

@@ -452,6 +452,7 @@ const chipStyles = {
    * @updatedUser SebastianM - automatic
    */
   textChip: ({ theme }) => ({
+    whiteSpace: "nowrap",
     paddingLeft: theme.vars.size.baseSpacings.sp1,
     paddingRight: theme.vars.size.baseSpacings.sp1
   }),

package/components/DataGrid/formatters/ColumnPointsFormatter/index.d.ts

@@ -1,5 +1,9 @@
 import { ColumnPointsFormatterProps } from './types';
 /**
  * TODO: Documentar
+ * @author cesar - automatic
+ * @createdAt 2025-01-03 10:00:52 - automatic
+ * @updatedAt 2025-01-03 10:00:52 - automatic
+ * @updatedUser cesar - automatic
  */
 export declare function ColumnPointsFormatter(props: ColumnPointsFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/formatters/ColumnPointsFormatter/index.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { P as PointsFormatter } from "../../../formatters/PointsFormatter/index.js";
+import { P as PointsFormatter } from "../../../formatters/PointsFormatter/PointsFormatter.js";
 function ColumnPointsFormatter(props) {
   return (obProps) => {
     return /* @__PURE__ */ jsx(PointsFormatter, { obProps, ...props });

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/styles.js

@@ -16,7 +16,13 @@ const containerMenuItemsMainStyles = {
     ...getHeightSizeStyles(
       theme.generalSettings.isMobile,
       ownerState.size || "medium",
-      "container"
+      "container",
+      (height) => {
+        return {
+          height: "auto",
+          minHeight: height
+        };
+      }
     ),
     [`&.M4LListMenuItem-root > .M4LMenuItem-root[class*="${ITEM_IN_TREE_ACTIVE}"]`]: {
       borderColor: theme.vars.palette.divider,

package/components/formatters/PointsFormatter/PointsFormatter.d.ts

@@ -0,0 +1,22 @@
+import { PointsFormatterProps } from './types';
+import { default as React } from 'react';
+import { PointsFormatterRootStyled } from './slots/ointsFormatterSlots';
+/**
+ * getFormatPoints function that receives the properties and returns the formatted points.
+ * @author cesar - automatic
+ * @createdAt 2025-01-03 10:00:52 - automatic
+ * @updatedAt 2025-01-07 10:49:09 - automatic
+ * @updatedUser cesar - automatic
+ */
+export declare function getFormatPoints(obProps: any, fieldValue: string, fieldUnit: string, chainPoint?: string): string;
+/**
+ * PointsFormatter
+ * Componente para formatear puntos de calibración en una representación visual o textual.
+ * @param props Propiedades del componente.
+ * @returns JSX.Element
+ * @author cesar - automatic
+ * @createdAt 2025-01-03 10:00:52 - automatic
+ * @updatedAt 2025-01-07 10:49:09 - automatic
+ * @updatedUser cesar - automatic
+ */
+export declare function PointsFormatter<T extends React.ElementType = typeof PointsFormatterRootStyled>(props: PointsFormatterProps<T>): JSX.Element;

package/components/formatters/PointsFormatter/PointsFormatter.js

@@ -0,0 +1,51 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { getPropertyByString } from "@m4l/core";
+import React, { useMemo } from "react";
+import { P as PointsFormatterRootStyled } from "./slots/ointsFormatterSlots.js";
+import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
+import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import clsx from "clsx";
+import { P as POINTS_FORMATTER_KEY_COMPONENT } from "./constants.js";
+import { P as PointsFormatterSlots } from "./slots/PointsFormatterEnum.js";
+import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
+function getFormatPoints(obProps, fieldValue, fieldUnit, chainPoint) {
+  let result = "";
+  const points = getPropertyByString(obProps, fieldValue);
+  const unit = getPropertyByString(obProps, fieldUnit) || "";
+  if (points === void 0 || points === null || !Array.isArray(points)) {
+    return "[]";
+  }
+  points.map((point) => {
+    if (point) {
+      result = !chainPoint ? result.concat(`[${point}${unit}]`) : result.concat(`[${getPropertyByString(point, chainPoint)}${unit}]`);
+    }
+  });
+  return result;
+}
+function PointsFormatter(props) {
+  const { size = "medium", obProps, fieldValue, fieldUnit, Component = PointsFormatterRootStyled, dataTestId, className, componentProps } = props;
+  const { currentSize } = useComponentSize(size);
+  const formattedPoints = useMemo(
+    () => getFormatPoints(obProps, fieldValue, fieldUnit),
+    [obProps, fieldValue, fieldUnit]
+  );
+  if (Component === React.Fragment) {
+    return /* @__PURE__ */ jsx(Fragment, { children: formattedPoints });
+  }
+  const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      size: adjustedSize,
+      className: clsx(getComponentSlotRoot(POINTS_FORMATTER_KEY_COMPONENT), className),
+      ...getPropDataTestId(POINTS_FORMATTER_KEY_COMPONENT, PointsFormatterSlots.root, dataTestId),
+      role: "points-formatter-role",
+      ...componentProps,
+      children: formattedPoints
+    }
+  );
+}
+export {
+  PointsFormatter as P,
+  getFormatPoints as g
+};

package/components/formatters/PointsFormatter/PointsFormatter.styles.d.ts

@@ -0,0 +1,2 @@
+import { PointsFormatterStyles } from './types';
+export declare const pointsFormatterStyles: PointsFormatterStyles;

package/components/formatters/PointsFormatter/PointsFormatter.styles.js

@@ -0,0 +1,17 @@
+const pointsFormatterStyles = {
+  /**
+   * Root style
+   * @author cesar - automatic
+   * @createdAt 2025-01-03 10:00:52 - automatic
+   * @updatedAt 2025-01-03 11:22:15 - automatic
+   * @updatedUser cesar - automatic
+   */
+  root: () => ({
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start"
+  })
+};
+export {
+  pointsFormatterStyles as p
+};

package/components/formatters/PointsFormatter/constants.d.ts

@@ -0,0 +1 @@
+export declare const POINTS_FORMATTER_KEY_COMPONENT = "M4LPointsFormatter";

package/components/formatters/PointsFormatter/constants.js

@@ -0,0 +1,4 @@
+const POINTS_FORMATTER_KEY_COMPONENT = "M4LPointsFormatter";
+export {
+  POINTS_FORMATTER_KEY_COMPONENT as P
+};

package/components/formatters/PointsFormatter/slots/PointsFormatterEnum.d.ts

@@ -0,0 +1,3 @@
+export declare enum PointsFormatterSlots {
+    root = "root"
+}

package/components/formatters/PointsFormatter/slots/PointsFormatterEnum.js

@@ -0,0 +1,7 @@
+var PointsFormatterSlots = /* @__PURE__ */ ((PointsFormatterSlots2) => {
+  PointsFormatterSlots2["root"] = "root";
+  return PointsFormatterSlots2;
+})(PointsFormatterSlots || {});
+export {
+  PointsFormatterSlots as P
+};

package/components/formatters/PointsFormatter/slots/ointsFormatterSlots.d.ts

@@ -0,0 +1 @@
+export declare const PointsFormatterRootStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../mui_extended/Typography/types').TypographyProps, keyof import('../../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;

package/components/formatters/PointsFormatter/slots/ointsFormatterSlots.js

@@ -0,0 +1,12 @@
+import { styled } from "@mui/material/styles";
+import { P as POINTS_FORMATTER_KEY_COMPONENT } from "../constants.js";
+import { T as Typography } from "../../../mui_extended/Typography/Typography.js";
+import { P as PointsFormatterSlots } from "./PointsFormatterEnum.js";
+import { p as pointsFormatterStyles } from "../PointsFormatter.styles.js";
+const PointsFormatterRootStyled = styled(Typography, {
+  name: POINTS_FORMATTER_KEY_COMPONENT,
+  slot: PointsFormatterSlots.root
+})(pointsFormatterStyles?.root);
+export {
+  PointsFormatterRootStyled as P
+};

package/components/formatters/PointsFormatter/tests/PointsFormatter.test.d.ts

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

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

@@ -1,7 +1,37 @@
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { POINTS_FORMATTER_KEY_COMPONENT } from './constants';
+import { Theme } from '@mui/material';
+import { PointsFormatterSlots } from './slots/PointsFormatterEnum';
+import { PointsFormatterRootStyled } from './slots/ointsFormatterSlots';
+import { Sizes } from '@m4l/styles';
+/**
+ * Maps to the keys in `PointsFormatterSlots`, defining slot-specific styling or customization.
+ */
+export type PointsFormatter = keyof typeof PointsFormatterSlots;
+/**
+ * Maps to the keys in `PointsFormatterSlots`, defining slot-specific styling or customization.
+ */
 export type CalibrationPoint = number | null;
-export interface PointsFormatterProps {
-    Component?: React.ElementType;
+export interface PointsFormatterProps<T extends React.ElementType = typeof PointsFormatterRootStyled> {
+    Component?: T;
     obProps: any;
     fieldUnit: string;
     fieldValue: string;
+    dataTestId?: string;
+    className?: string;
+    /**
+     * Props para el componente personalizado.
+     */
+    componentProps?: React.ComponentPropsWithoutRef<T>;
+    /**
+     * Tamaño del componente.
+     */
+    size?: Extract<Sizes, 'small' | 'medium'>;
 }
+/**
+ * Styles for customizing.
+ *
+ * This type allows partial overriding of the default styles through Material-UI's `OverridesStyleRules`.
+ * It integrates with the Material-UI `Theme` to ensure consistent theming.
+ */
+export type PointsFormatterStyles = OverridesStyleRules<PointsFormatter, typeof POINTS_FORMATTER_KEY_COMPONENT, Theme>;

package/components/formatters/index.d.ts

@@ -1,7 +1,7 @@
 export { BooleanFormatter } from './BooleanFormatter/BooleanFormatter';
 export { useFormatDate as getFormatDate, DateFormatter } from './DateFormatter';
 export { UncertaintyFormatter, getUncertaintyFormat } from './UncertaintyFormatter';
-export { PointsFormatter, getFormatPoints } from './PointsFormatter';
+export { PointsFormatter, getFormatPoints } from './PointsFormatter/PointsFormatter';
 export { getFormatConcatenated, ConcatenatedFormatter } from './ConcatenatedFormatter';
 export { useFormatPeriod, PeriodFormatter } from './PeriodFormatter/PeriodFormatter';
 export { PriceFormatter, getFormatPrice } from './PriceFormatter';

package/components/hook-form/RHFAutocomplete/RHFAutocomplete.js

@@ -1,10 +1,9 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useModuleSkeleton, getPropertyByString } from "@m4l/core";
+import { getPropertyByString } from "@m4l/core";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useTheme } from "@mui/material";
 import { useState, useEffect } from "react";
 import { useFormContext, Controller } from "react-hook-form";
-import { u as useFormFocus } from "../../../hooks/useFormFocus/index.js";
 import { A as AutocompleteRootStyled, L as LabelStyled } from "./slots/RHFAutocompleteSlots.js";
 import { A as Autocomplete } from "../../mui_extended/Autocomplete/Autocomplete.js";
 import { H as HelperError } from "../../HelperError/HelperError.js";
@@ -15,7 +14,6 @@ function RHFAutocomplete(props) {
     isOptionEqualToValue,
     label = "RHF Autocomplete",
     color,
-    skeletonWidth = 100,
     options,
     disabled,
     onOpen,
@@ -32,14 +30,6 @@ function RHFAutocomplete(props) {
     imageRepeat,
     refresh
   } = props;
-  const isSkeleton = useModuleSkeleton();
-  const {
-    isFocus,
-    isTabSelected,
-    handlerFocus,
-    handlerOnKeyUp,
-    handlerOnBlur
-  } = useFormFocus();
   const theme = useTheme();
   const [open, setOpen] = useState(false);
   const isDesktop = useResponsiveDesktop();
@@ -83,23 +73,17 @@ function RHFAutocomplete(props) {
   }, [errors, nameRHF, variant, control]);
   const ownerState = {
     size: !isDesktop ? "medium" : size,
-    isFocus: !isSkeleton ? isFocus : false,
-    isTabSelected: !isSkeleton ? isTabSelected : false,
     semantics: currentVariant,
     disabled,
     multiple: Boolean(multiple),
     imageScale: Boolean(imageScale),
     imageRepeat: Boolean(imageRepeat),
-    autocompleteColor: color,
     paletteColor
   };
   return /* @__PURE__ */ jsx(
     AutocompleteRootStyled,
     {
       ownerState: { ...ownerState },
-      onFocus: handlerFocus,
-      onBlur: handlerOnBlur,
-      onKeyUp: handlerOnKeyUp,
       size,
       children: /* @__PURE__ */ jsx(
         Controller,
@@ -136,7 +120,7 @@ function RHFAutocomplete(props) {
                 Autocomplete,
                 {
                   ...ownerState,
-                  id: `autocomplete-${nameRHF}`,
+                  error: Boolean(error),
                   options,
                   getOptionLabel,
                   isOptionEqualToValue,
@@ -147,8 +131,6 @@ function RHFAutocomplete(props) {
                   loading,
                   onOpen: onOpenLocal,
                   onClose: onCloseLocal,
-                  skeletonWidth,
-                  open,
                   size,
                   value
                 }

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

@@ -1,6 +1,5 @@
-import { AutocompleteChangeReason, AutocompleteCloseReason, AutocompleteFreeSoloValueMapping, AutocompleteInputChangeReason, AutocompleteValue, AutocompleteProps as MUIAutocompleteProps, Theme, PaletteColor, PopperProps } from '@mui/material';
+import { AutocompleteCloseReason, AutocompleteFreeSoloValueMapping, AutocompleteInputChangeReason, AutocompleteValue, AutocompleteProps as MUIAutocompleteProps, Theme, PaletteColor, PopperProps } from '@mui/material';
 import { ComponentPalletColor, Sizes } from '@m4l/styles';
-import { ChangeEvent } from 'react';
 import { TextFieldProps } from '../../mui_extended/TextField/types';
 import { RFHAUTOCOMPLETE_KEY_COMPONENT } from './constants';
 import { OverridesStyleRules } from '@mui/material/styles/overrides';
@@ -14,7 +13,7 @@ export type RHFAutocompleteType = 'text' | 'image';
  * Supports both single and multiple selection, and two types: `text` and `image`.
  * @createdAt 2024-11-28 17:06:36 - automatic
  */
-export interface RHFAutocompleteProps<T, Multiple extends boolean | undefined = true, DisableClearable extends boolean | undefined = true, FreeSolo extends boolean | undefined = false> extends Omit<MUIAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, 'variant' | 'color' | 'size' | 'onChange' | 'value' | 'classes' | 'defaultValue' | 'onBlur' | 'onFocus' | 'autoComplete' | 'renderInput'>, Omit<TextFieldProps, 'label' | 'variant' | 'defaultValue' | 'classes' | 'onBlur' | 'onFocus' | 'onKeyDown' | 'ref' | 'onChange'>, Omit<LabelProps, 'label'> {
+export interface RHFAutocompleteProps<T, Multiple extends boolean | undefined = true, DisableClearable extends boolean | undefined = true, FreeSolo extends boolean | undefined = false> extends Omit<MUIAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, 'variant' | 'color' | 'size' | 'value' | 'classes' | 'defaultValue' | 'onBlur' | 'onFocus' | 'autoComplete' | 'renderInput'>, Omit<TextFieldProps, 'label' | 'variant' | 'defaultValue' | 'classes' | 'onBlur' | 'onFocus' | 'onKeyDown' | 'ref' | 'onChange'>, Omit<LabelProps, 'label'> {
     name: string;
     /**
      * The label for the autocomplete field.
@@ -43,7 +42,6 @@ export interface RHFAutocompleteProps<T, Multiple extends boolean | undefined =
      * Whether the controller detected an error on component.
      */
     helperMessage?: string;
-    onOpen?: (event: React.SyntheticEvent) => void;
     onClose?: (event: React.SyntheticEvent, reason: AutocompleteCloseReason) => void;
     onChangeFilterParmsLocal?: (newValue: string, reason: AutocompleteInputChangeReason) => void;
     multiple?: Multiple;
@@ -54,17 +52,13 @@ export interface RHFAutocompleteProps<T, Multiple extends boolean | undefined =
     customError?: {
         message: string;
     };
-    onChange?: (event: ChangeEvent<{}> | undefined, value: T | T[] | null, reason: AutocompleteChangeReason) => void;
     renderInput?: MUIAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>['renderInput'];
 }
 /**
  * Represents the owner state of the Autocomplete component for styling purposes.
  */
 export interface RHFAutocompleteOwnerState extends Pick<RHFAutocompleteProps<any>, 'size' | 'disabled' | 'variant'> {
-    autocompleteColor: RHFAutocompleteProps<any>['color'];
     disabled?: boolean;
-    isFocus: boolean;
-    isTabSelected: boolean;
     semantics: RHFAutocompleteVariants | 'error' | null;
     multiple: boolean;
     imageScale?: boolean;

package/components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js

@@ -2,11 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import { useNetwork, getPropertyByString } from "@m4l/core";
 import debounce from "lodash-es/debounce";
 import { useState, useCallback, useEffect } from "react";
-import { R as RHFAutocompleteAsyncRootStyled } from "./slots/RHFAutocompleteSlotsAsync.js";
+import { R as RHFAutocomplete } from "../RHFAutocomplete/RHFAutocomplete.js";
 function RHFAutocompleteAsync(props) {
   const {
     name,
     endPoint,
+    label,
     timeout = 5e3,
     parms,
     resultField = "data",
@@ -36,6 +37,12 @@ function RHFAutocompleteAsync(props) {
     setNewRefresh((current) => current + 1);
     firstOpen === 0 && hanldeFirstOpen();
   };
+  const onOpenLocal = (event) => {
+    if (onOpen) {
+      onOpen(event);
+    }
+    hanldeFirstOpen();
+  };
   const debouncedFilter = useCallback(
     debounce(
       (newFilterParms) => {
@@ -60,6 +67,7 @@ function RHFAutocompleteAsync(props) {
     }
   };
   useEffect(() => {
+    let cancel = false;
     if (firstOpen === 1 && !loading && canLoadOptions) {
       setIsloading(true);
       setOptions([]);
@@ -72,6 +80,9 @@ function RHFAutocompleteAsync(props) {
         parms: { ...parms, ...filterParms },
         isRemote
       }).then((response) => {
+        if (cancel) {
+          return;
+        }
         const valueMaybeArray = getPropertyByString(response, resultField);
         const newOptions = Array.isArray(valueMaybeArray) ? valueMaybeArray : [];
         setOptions(newOptions);
@@ -81,18 +92,20 @@ function RHFAutocompleteAsync(props) {
       });
     }
     return () => {
+      cancel = true;
     };
   }, [firstOpen, parms, filterParms, endPoint, newRefresh]);
   return /* @__PURE__ */ jsx(
-    RHFAutocompleteAsyncRootStyled,
+    RHFAutocomplete,
     {
       name,
       loading,
+      label,
       options,
       onChangeFilterParmsLocal: onChangeFilterParms ? onChangeFilterParmsLocal : void 0,
       size,
       refresh: () => refresh(),
-      onOpen,
+      onOpen: onOpenLocal,
       onChange,
       getOptionLabel,
       isOptionEqualToValue,

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

@@ -1,19 +1,15 @@
-import { AutocompleteChangeReason, Theme } from '@mui/material';
 import { OverridesStyleRules } from '@mui/material/styles/overrides';
-import { ChangeEvent } from 'react';
 import { RHFAutocompleteProps } from '../RHFAutocomplete/types';
 import { RFHAUTOCOMPLETEASYNC_KEY_COMPONENT } from './constants';
 import { RHFAutocompleteAsyncSlots } from './slots';
-export interface RHFAutocompleteAsyncBaseProps<T> extends Omit<RHFAutocompleteProps<T>, 'options' | 'onChangeSearchInput' | 'get' | 'onChange' | 'getOptionLabel' | 'isOptionEqualToValue'> {
+import { Theme } from '@mui/material';
+export interface RHFAutocompleteAsyncBaseProps<T extends any = unknown> extends Omit<RHFAutocompleteProps<T>, 'options'> {
     endPoint: string;
     timeout?: number;
     parms?: Record<string, any>;
     isExternalUrl?: boolean;
     resultField?: string;
     isRemote?: boolean;
-    onChange?: (event: ChangeEvent<{}> | undefined, value: unknown, reason: AutocompleteChangeReason) => void;
-    getOptionLabel: (option: unknown) => string;
-    isOptionEqualToValue: (option: unknown, value: unknown) => boolean;
     onChangeFilterParms?: (newValue: string) => Record<string, any>;
 }
 /**
@@ -23,4 +19,4 @@ export type RHFAutocompleteAsyncSlotsType = keyof typeof RHFAutocompleteAsyncSlo
 /**
  * Styles applicable to the Autocomplete using themes and custom slots.
  */
-export type RHFAutocompleteAyncStyles = Partial<OverridesStyleRules<RHFAutocompleteAsyncSlotsType, typeof RFHAUTOCOMPLETEASYNC_KEY_COMPONENT, Theme>> | undefined;
+export type RHFAutocompleteAyncStyles = OverridesStyleRules<RHFAutocompleteAsyncSlotsType, typeof RFHAUTOCOMPLETEASYNC_KEY_COMPONENT, Theme>;

package/components/hook-form/RHFPeriod/slots/RHFPeriodSlots.d.ts

@@ -1,4 +1,4 @@
 export declare const RHFPeriodRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
 export declare const PeriodRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
-export declare const TextFieldStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../mui_extended/TextField/types').TextFieldProps, keyof import('../../../mui_extended/TextField/types').TextFieldProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
+export declare const TextFieldStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../mui_extended/TextField/types').TextFieldProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "children" | "value" | "title" | "component" | "size" | "name" | "error" | "select" | "rows" | "id" | "type" | "hidden" | "content" | "style" | "disabled" | "variant" | "margin" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | keyof import('react').RefAttributes<HTMLDivElement> | "autoComplete" | "placeholder" | "required" | "dataTestId" | "maxRows" | "fullWidth" | "focused" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "inputProps" | "inputRef" | "multiline" | "minRows" | "SelectProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
 export declare const SelectStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../mui_extended/Select').SelectProps, keyof import('../../../mui_extended/Select').SelectProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;

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

@@ -4,7 +4,7 @@ export declare const RHFTextFieldRootStyled: import('@emotion/styled').StyledCom
 export declare const LabelStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../Label').LabelProps, keyof import('../../../Label').LabelProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').RHFTextFieldOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('..').RHFTextFieldOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const TextFieldStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../mui_extended/TextField/types').TextFieldProps, keyof import('../../../mui_extended/TextField/types').TextFieldProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').RHFTextFieldOwnerState> & Record<string, unknown> & {
+export declare const TextFieldStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../mui_extended/TextField/types').TextFieldProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "children" | "value" | "title" | "component" | "size" | "name" | "error" | "select" | "rows" | "id" | "type" | "hidden" | "content" | "style" | "disabled" | "variant" | "margin" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | keyof import('react').RefAttributes<HTMLDivElement> | "autoComplete" | "placeholder" | "required" | "dataTestId" | "maxRows" | "fullWidth" | "focused" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "inputProps" | "inputRef" | "multiline" | "minRows" | "SelectProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').RHFTextFieldOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('..').RHFTextFieldOwnerState> & Record<string, unknown>;
 }, {}, {}>;
 export declare const HelperErrorStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../HelperError').HelperErrorProps, keyof import('../../../HelperError').HelperErrorProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').RHFTextFieldOwnerState> & Record<string, unknown> & {

package/components/mui_extended/Autocomplete/Autocomplete.d.ts

@@ -1,2 +1,2 @@
 import { AutocompleteProps } from './types';
-export declare const Autocomplete: import('react').ForwardRefExoticComponent<Omit<AutocompleteProps<unknown, true, true, false>, "ref"> & import('react').RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+export declare const Autocomplete: import('react').ForwardRefExoticComponent<AutocompleteProps<unknown, boolean | undefined> & import('react').RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;