@m4l/components 4.2.0 → 5.0.1

package/components/hook-form/RHFAutocomplete/subcomponents/ComponentTypeImage/index-25CiXhHc.js

@@ -1,282 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useMemo, useRef, useState, useEffect, createElement } from "react";
-import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
-import { u as useFormFocus } from "../../../../../hooks/useFormFocus/index-B1F2sySJ.js";
-import { useTheme, Autocomplete, Popper, TextField, Chip } from "@mui/material";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import { useFormContext, Controller } from "react-hook-form";
-import { u as useUtilityClasses } from "../../classes/index-CyWmAbmI.js";
-import { A as AutocompleteRoot } from "../../styles-DSo9SpWu.js";
-import { T as TEST_PROP_ID } from "../../../../../test/constants_no_mock-CF-669v-.js";
-import { R as RHFTAUTOCOMPLET_ROOT_TEST_ID } from "../../test/constants-DCSmDx2a.js";
-import { C as CircularProgress } from "../../../../mui_extended/CircularProgress/index-Bnnti_G6.js";
-import { w as withRenderOption } from "../RenderOption/index-Da0ufkAL.js";
-import { H as HelperText } from "../../../../HelperText/index-DZCj76Dl.js";
-import { S as SkeletonRHFAutocomplete } from "../Skeleton/index-CLFtsqKV.js";
-import { F as FieldLabel } from "../../../../FieldLabel/FieldLabel-B2BhuYxm.js";
-import { T as Typography } from "../../../../mui_extended/Typography/Typography-C_rG8K21.js";
-import { I as Image } from "../../../../Image/Image-BjqOt3pz.js";
-import { I as IconButton } from "../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
-function ComponentTypeImage(props) {
-  const {
-    name: nameRHF,
-    getOptionLabel,
-    isOptionEqualToValue,
-    label,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    skeletonWidth = 100,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    skeletonHeight = "18px",
-    options,
-    disabled,
-    getOptionUrlImage,
-    onOpen,
-    onClose,
-    loading,
-    variant,
-    helperMessage,
-    size = "small",
-    onChangeFilterParmsLocal,
-    mandatory,
-    mandatoryMessage,
-    multiple,
-    imageScale = true,
-    imageRepeat,
-    refresh,
-    ...other
-  } = props;
-  const { getLabel } = useModuleDictionary();
-  const isSkeleton = useModuleSkeleton();
-  const withImage = useMemo(() => getOptionUrlImage !== void 0, [getOptionUrlImage]);
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const { isFocus, isTabSelected, handlerFocus, handlerOnKeyUp, handlerOnBlur } = useFormFocus();
-  const autocompleteRef = useRef(null);
-  const [open, setOpen] = useState(false);
-  const isDesktop = useResponsiveDesktop();
-  const onCloseLocal = (event, reason) => {
-    setOpen(false);
-    if (onClose) onClose(event, reason);
-  };
-  const onOpenLocal = (event) => {
-    setOpen((currentState) => !currentState);
-    if (onOpen) onOpen(event);
-  };
-  const getOptionLabelLocal = (option) => {
-    if (option === void 0 || option === null) {
-      return "";
-    }
-    return getOptionLabel(option);
-  };
-  const getOptionUrlImageLocal = (option) => {
-    if (option === void 0 || option === null || getOptionUrlImage === void 0) {
-      return "";
-    }
-    return getOptionUrlImage(option);
-  };
-  const isOptionEqualToValueLocal = (option, value) => {
-    if (value === void 0 || value === null || option === null) {
-      return false;
-    }
-    return isOptionEqualToValue(option, value);
-  };
-  const {
-    control,
-    formState: { errors }
-  } = useFormContext();
-  const [currentVariant, setCurrentVariant] = useState(
-    null
-  );
-  useEffect(() => {
-    if (errors[nameRHF]) {
-      setCurrentVariant("error");
-    } else if (variant) {
-      setCurrentVariant(variant);
-    } else {
-      setCurrentVariant(null);
-    }
-  }, [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)
-  };
-  const classes = useUtilityClasses(ownerState);
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(
-    AutocompleteRoot,
-    {
-      className: classes.root,
-      onFocus: handlerFocus,
-      onBlur: handlerOnBlur,
-      onKeyUp: handlerOnKeyUp,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: `${RHFTAUTOCOMPLET_ROOT_TEST_ID}_${nameRHF}` } : {},
-      children: !isSkeleton ? /* @__PURE__ */ jsx(
-        Controller,
-        {
-          name: nameRHF,
-          control,
-          render: ({ field: { onChange, value }, fieldState: { error } }) => {
-            const [inputValue, setInputValue] = useState(getOptionLabelLocal(value));
-            useEffect(() => {
-              if (!open && value === null && inputValue !== "") {
-                setInputValue("");
-              }
-              if (!open && value !== null && options.length === 0) {
-                onChangeFilterParmsLocal?.(getOptionLabelLocal(value), "reset");
-              }
-            }, [value]);
-            const checkKeyDown = (e) => {
-              if (e.code === "Enter") e.preventDefault();
-            };
-            return /* @__PURE__ */ jsxs(Fragment, { children: [
-              label && /* @__PURE__ */ jsx(
-                FieldLabel,
-                {
-                  className: classes.label,
-                  label,
-                  mandatory,
-                  mandatoryMessage,
-                  helperMessage
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Autocomplete,
-                {
-                  autoComplete: true,
-                  disableClearable: true,
-                  multiple,
-                  onKeyDown: checkKeyDown,
-                  size,
-                  ref: autocompleteRef,
-                  autoSelect: false,
-                  options,
-                  getOptionLabel: getOptionLabelLocal,
-                  inputValue,
-                  clearOnBlur: false,
-                  PopperComponent: (popperProps) => {
-                    return /* @__PURE__ */ jsx(
-                      Popper,
-                      {
-                        ...popperProps,
-                        className: classes.popper,
-                        placement: "bottom-start",
-                        sx: {
-                          ...theme.components?.M4LRHFAutocompletePopover?.styleOverrides
-                        }
-                      }
-                    );
-                  },
-                  onInputChange: (_event, newValue, reason) => {
-                    if (reason === "input") {
-                      setInputValue(newValue);
-                      if (onChangeFilterParmsLocal) {
-                        onChangeFilterParmsLocal(newValue, reason);
-                      }
-                    } else {
-                      onChange(null);
-                    }
-                  },
-                  isOptionEqualToValue: isOptionEqualToValueLocal,
-                  value: Array.isArray(value) ? value : multiple ? value ? [value] : [] : value || null,
-                  onOpen: onOpenLocal,
-                  onClose: onCloseLocal,
-                  open,
-                  onChange: (_e, newValue) => {
-                    if (!multiple && !Array.isArray(newValue)) {
-                      setInputValue(getOptionLabelLocal(newValue));
-                    } else {
-                      setInputValue("");
-                    }
-                    onChange(Array.isArray(newValue) ? [...newValue] : newValue);
-                  },
-                  filterOptions: onChangeFilterParmsLocal ? (x) => x : void 0,
-                  loading,
-                  loadingText: /* @__PURE__ */ jsx(Typography, { variant: "body", children: getLabel("rhf_autocomplete.loading_options") }),
-                  disabled,
-                  noOptionsText: getLabel("rhf_autocomplete.no_options"),
-                  renderOption: withRenderOption(getOptionUrlImageLocal, classes),
-                  renderInput: (params) => {
-                    return /* @__PURE__ */ jsx(
-                      TextField,
-                      {
-                        ...params,
-                        InputLabelProps: {
-                          ...params.InputLabelProps,
-                          shrink: true
-                        },
-                        fullWidth: true,
-                        size,
-                        SelectProps: { native: true },
-                        InputProps: {
-                          ...params.InputProps,
-                          startAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
-                            !multiple && withImage && value ? /* @__PURE__ */ jsx(Image, { src: getOptionUrlImageLocal(value) }, "ImageTextField") : null,
-                            params.InputProps.startAdornment
-                          ] }),
-                          endAdornment: loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 18 }) : /* @__PURE__ */ jsxs("div", { className: classes.containerRefreshDown, children: [
-                            refresh && /* @__PURE__ */ jsx(
-                              IconButton,
-                              {
-                                className: classes.iconRefresh,
-                                src: `${host_static_assets}/${environment_assets}/frontend/components/RHFAutocompletarAsync/assets/icons/round_refresh.svg`,
-                                onClick: () => refresh(),
-                                disabled,
-                                size
-                              }
-                            ),
-                            /* @__PURE__ */ jsx(
-                              IconButton,
-                              {
-                                className: classes.iconDown,
-                                src: `${host_static_assets}/${environment_assets}/frontend/components/RHFAutocompletarAsync/assets/icons/chevronDown.svg`,
-                                onClick: (event) => onOpenLocal(event),
-                                disabled,
-                                size
-                              }
-                            )
-                          ] })
-                        },
-                        autoComplete: "off",
-                        error: !!error,
-                        ...other
-                      }
-                    );
-                  },
-                  ...multiple ? {
-                    renderTags: (tagValue, getTagProps) => tagValue.map((option, index) => {
-                      const { key, ...restTagProps } = getTagProps({
-                        index
-                      });
-                      return /* @__PURE__ */ createElement(
-                        Chip,
-                        {
-                          ...restTagProps,
-                          key,
-                          label: getOptionLabelLocal(option),
-                          className: classes.chip,
-                          icon: withImage && option ? /* @__PURE__ */ jsx(Image, { src: getOptionUrlImageLocal(option) }) : void 0,
-                          sx: {
-                            ...theme.components?.M4LRHFAutocompleteChip?.styleOverrides
-                          }
-                        }
-                      );
-                    })
-                  } : {}
-                }
-              ),
-              currentVariant === "error" ? /* @__PURE__ */ jsx(HelperText, { variant: currentVariant, message: error?.message }) : null
-            ] });
-          }
-        }
-      ) : /* @__PURE__ */ jsx(SkeletonRHFAutocomplete, { withImage, classes, hasLabel: label })
-    }
-  );
-}
-export {
-  ComponentTypeImage as C
-};

package/components/hook-form/RHFAutocomplete/subcomponents/ComponentTypeText/index-D3xALqbz.js

@@ -1,266 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useRef, useState, useEffect, createElement } from "react";
-import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
-import { u as useFormFocus } from "../../../../../hooks/useFormFocus/index-B1F2sySJ.js";
-import { useTheme, Autocomplete, Popper, TextField, Chip } from "@mui/material";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import { useFormContext, Controller } from "react-hook-form";
-import { u as useUtilityClasses } from "../../classes/index-CyWmAbmI.js";
-import { A as AutocompleteRoot } from "../../styles-DSo9SpWu.js";
-import { T as TEST_PROP_ID } from "../../../../../test/constants_no_mock-CF-669v-.js";
-import { R as RHFTAUTOCOMPLET_ROOT_TEST_ID } from "../../test/constants-DCSmDx2a.js";
-import { H as HelperText } from "../../../../HelperText/index-DZCj76Dl.js";
-import { S as SkeletonRHFAutocomplete } from "../Skeleton/index-CLFtsqKV.js";
-import { F as FieldLabel } from "../../../../FieldLabel/FieldLabel-B2BhuYxm.js";
-import { T as Typography } from "../../../../mui_extended/Typography/Typography-C_rG8K21.js";
-import { C as CircularProgress } from "../../../../mui_extended/CircularProgress/index-Bnnti_G6.js";
-import { I as IconButton } from "../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
-function ComponentTypeText(props) {
-  const {
-    name: nameRHF,
-    getOptionLabel,
-    isOptionEqualToValue,
-    label,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    skeletonWidth = 100,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    skeletonHeight = "18px",
-    options,
-    disabled,
-    onOpen,
-    onClose,
-    loading,
-    variant,
-    helperMessage,
-    size = "small",
-    onChangeFilterParmsLocal,
-    mandatory,
-    mandatoryMessage,
-    multiple,
-    refresh,
-    ...other
-  } = props;
-  const { getLabel } = useModuleDictionary();
-  const isSkeleton = useModuleSkeleton();
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const { isFocus, isTabSelected, handlerFocus, handlerOnKeyUp, handlerOnBlur } = useFormFocus();
-  const autocompleteRef = useRef(null);
-  const [open, setOpen] = useState(false);
-  const isDesktop = useResponsiveDesktop();
-  const onCloseLocal = (event, reason) => {
-    setOpen(false);
-    if (onClose) onClose(event, reason);
-  };
-  const onOpenLocal = (event) => {
-    setOpen((currentState) => !currentState);
-    if (onOpen) onOpen(event);
-  };
-  const getOptionLabelLocal = (option) => {
-    if (option === void 0 || option === null) {
-      return "";
-    }
-    return getOptionLabel(option);
-  };
-  const isOptionEqualToValueLocal = (option, value) => {
-    if (value === void 0 || value === null || option === null) {
-      return false;
-    }
-    return isOptionEqualToValue(option, value);
-  };
-  const {
-    control,
-    formState: { errors }
-  } = useFormContext();
-  const [currentVariant, setCurrentVariant] = useState(
-    null
-  );
-  useEffect(() => {
-    if (errors[nameRHF]) {
-      setCurrentVariant("error");
-    } else if (variant) {
-      setCurrentVariant(variant);
-    } else {
-      setCurrentVariant(null);
-    }
-  }, [errors[nameRHF], variant, control]);
-  const ownerState = {
-    size: !isDesktop ? "medium" : size,
-    isFocus: !isSkeleton ? isFocus : false,
-    isTabSelected: !isSkeleton ? isTabSelected : false,
-    semantics: currentVariant,
-    disabled,
-    multiple: Boolean(multiple)
-  };
-  const classes = useUtilityClasses(ownerState);
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(
-    AutocompleteRoot,
-    {
-      className: classes.root,
-      tabIndex: 0,
-      onFocus: handlerFocus,
-      onBlur: handlerOnBlur,
-      onKeyUp: handlerOnKeyUp,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: `${RHFTAUTOCOMPLET_ROOT_TEST_ID}_${nameRHF}` } : {},
-      children: !isSkeleton ? /* @__PURE__ */ jsx(
-        Controller,
-        {
-          name: nameRHF,
-          control,
-          render: ({ field: { onChange, value }, fieldState: { error } }) => {
-            const [inputValue, setInputValue] = useState(getOptionLabelLocal(value));
-            useEffect(() => {
-              if (!open && value === null && inputValue !== "") {
-                setInputValue("");
-              }
-              if (!open && value !== null && options.length === 0) {
-                onChangeFilterParmsLocal?.(getOptionLabelLocal(value), "reset");
-              }
-            }, [value]);
-            const checkKeyDown = (e) => {
-              if (e.code === "Enter") e.preventDefault();
-            };
-            return /* @__PURE__ */ jsxs(Fragment, { children: [
-              label && /* @__PURE__ */ jsx(
-                FieldLabel,
-                {
-                  className: classes.label,
-                  label,
-                  mandatory,
-                  mandatoryMessage,
-                  helperMessage
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Autocomplete,
-                {
-                  autoComplete: true,
-                  disableClearable: true,
-                  multiple,
-                  onKeyDown: checkKeyDown,
-                  size,
-                  ref: autocompleteRef,
-                  autoSelect: false,
-                  options,
-                  getOptionLabel: getOptionLabelLocal,
-                  inputValue,
-                  clearOnBlur: false,
-                  PopperComponent: (popperProps) => {
-                    return /* @__PURE__ */ jsx(
-                      Popper,
-                      {
-                        ...popperProps,
-                        className: classes.popper,
-                        placement: "bottom-start",
-                        sx: {
-                          ...theme.components?.M4LRHFAutocompletePopover?.styleOverrides
-                        }
-                      }
-                    );
-                  },
-                  onInputChange: (_event, newValue, reason) => {
-                    if (reason === "input") {
-                      setInputValue(newValue);
-                      if (onChangeFilterParmsLocal) {
-                        onChangeFilterParmsLocal(newValue, reason);
-                      }
-                    } else {
-                      onChange(null);
-                    }
-                  },
-                  isOptionEqualToValue: isOptionEqualToValueLocal,
-                  value: Array.isArray(value) ? value : multiple ? value ? [value] : [] : value || null,
-                  onOpen: onOpenLocal,
-                  onClose: onCloseLocal,
-                  open,
-                  onChange: (_e, newValue) => {
-                    if (!multiple && !Array.isArray(newValue)) {
-                      setInputValue(getOptionLabelLocal(newValue));
-                    } else {
-                      setInputValue("");
-                    }
-                    onChange(Array.isArray(newValue) ? [...newValue] : newValue);
-                  },
-                  filterOptions: onChangeFilterParmsLocal ? (x) => x : void 0,
-                  loading,
-                  loadingText: /* @__PURE__ */ jsx(Typography, { variant: "body", children: getLabel("rhf_autocomplete.loading_options") }),
-                  disabled,
-                  noOptionsText: getLabel("rhf_autocomplete.no_options"),
-                  renderOption: void 0,
-                  renderInput: (params) => {
-                    return /* @__PURE__ */ jsx(
-                      TextField,
-                      {
-                        ...params,
-                        InputLabelProps: {
-                          ...params.InputLabelProps,
-                          shrink: true
-                        },
-                        fullWidth: true,
-                        size,
-                        SelectProps: { native: true },
-                        InputProps: {
-                          ...params.InputProps,
-                          startAdornment: /* @__PURE__ */ jsx(Fragment, { children: params.InputProps.startAdornment }),
-                          endAdornment: loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 18 }) : /* @__PURE__ */ jsxs("div", { className: classes.containerRefreshDown, children: [
-                            refresh && /* @__PURE__ */ jsx(
-                              IconButton,
-                              {
-                                className: classes.iconRefresh,
-                                src: `${host_static_assets}/${environment_assets}/frontend/components/RHFAutocompletarAsync/assets/icons/round_refresh.svg`,
-                                onClick: () => refresh(),
-                                disabled,
-                                size
-                              }
-                            ),
-                            /* @__PURE__ */ jsx(
-                              IconButton,
-                              {
-                                className: classes.iconDown,
-                                src: `${host_static_assets}/${environment_assets}/frontend/components/RHFAutocompletarAsync/assets/icons/chevronDown.svg`,
-                                onClick: (event) => onOpenLocal(event),
-                                disabled,
-                                size
-                              }
-                            )
-                          ] })
-                        },
-                        autoComplete: "off",
-                        error: !!error,
-                        ...other
-                      }
-                    );
-                  },
-                  ...multiple ? {
-                    renderTags: (tagValue, getTagProps) => tagValue.map((option, index) => {
-                      const { key, ...restTagProps } = getTagProps({
-                        index
-                      });
-                      return /* @__PURE__ */ createElement(
-                        Chip,
-                        {
-                          ...restTagProps,
-                          key,
-                          label: getOptionLabelLocal(option),
-                          className: classes.chip,
-                          icon: void 0,
-                          sx: {
-                            ...theme.components?.M4LRHFAutocompleteChip?.styleOverrides
-                          }
-                        }
-                      );
-                    })
-                  } : {}
-                }
-              ),
-              currentVariant === "error" ? /* @__PURE__ */ jsx(HelperText, { variant: currentVariant, message: error?.message }) : null
-            ] });
-          }
-        }
-      ) : /* @__PURE__ */ jsx(SkeletonRHFAutocomplete, { classes, hasLabel: label })
-    }
-  );
-}
-export {
-  ComponentTypeText as C
-};

package/components/hook-form/RHFAutocomplete/subcomponents/RenderOption/index-Da0ufkAL.js

@@ -1,25 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { createElement } from "react";
-import { W as WrapperOption } from "./styles-DQUg_XpC.js";
-import { I as Image } from "../../../../Image/Image-BjqOt3pz.js";
-import { T as TEST_PROP_ID } from "../../../../../test/constants_no_mock-CF-669v-.js";
-import { g as getNameDataTestId } from "../../test/utils-BPSzDgdt.js";
-import { T as Typography } from "../../../../mui_extended/Typography/Typography-C_rG8K21.js";
-function withRenderOption(getUrlImage, classes) {
-  return function RenderOption(optionProps, option) {
-    return /* @__PURE__ */ createElement(
-      WrapperOption,
-      {
-        ...optionProps,
-        key: optionProps.key,
-        className: classes.withImage,
-        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("withImage") } : {}
-      },
-      /* @__PURE__ */ jsx(Image, { src: getUrlImage(option) }),
-      /* @__PURE__ */ jsx(Typography, { variant: "body", children: optionProps.key })
-    );
-  };
-}
-export {
-  withRenderOption as w
-};

package/components/hook-form/RHFAutocomplete/subcomponents/RenderOption/styles-DQUg_XpC.js

@@ -1,9 +0,0 @@
-import { styled } from "@mui/material/styles";
-const WrapperOption = styled("li")(({ theme }) => ({
-  "& .m4l_image": {
-    marginRight: theme.spacing(1.5)
-  }
-}));
-export {
-  WrapperOption as W
-};

package/components/hook-form/RHFAutocomplete/subcomponents/Skeleton/index-CLFtsqKV.js

@@ -1,28 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { Skeleton } from "@mui/material";
-import { T as TEST_PROP_ID } from "../../../../../test/constants_no_mock-CF-669v-.js";
-import { g as getNameDataTestId } from "../../test/utils-BPSzDgdt.js";
-const SkeletonRHFAutocomplete = (props) => {
-  const { withImage, classes, hasLabel } = props;
-  return /* @__PURE__ */ jsxs("div", { className: classes.skeletonRoot, children: [
-    (hasLabel || hasLabel?.length === 0) && /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "30%", height: "16px" }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: classes.skeleton,
-        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("skeleton") } : {},
-        children: !withImage ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: classes.skeletonContainerText, children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "50%", height: "14px" }) }),
-          /* @__PURE__ */ jsx(Skeleton, { variant: "circular", width: 16, height: 16, sx: { minWidth: "16px" } })
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Skeleton, { variant: "circular" }),
-          /* @__PURE__ */ jsx("div", { className: classes.skeletonContainerText, children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "50%", height: "14px" }) }),
-          /* @__PURE__ */ jsx(Skeleton, { variant: "circular", width: 16, height: 16, sx: { minWidth: "16px" } })
-        ] })
-      }
-    )
-  ] });
-};
-export {
-  SkeletonRHFAutocomplete as S
-};

package/components/hook-form/RHFAutocomplete/test/constants-DCSmDx2a.js

@@ -1,6 +0,0 @@
-const RHFAUTOCOMPLETE_PREFIX = "RHFAutocomplete";
-const RHFTAUTOCOMPLET_ROOT_TEST_ID = "RHFAutocomplete";
-export {
-  RHFTAUTOCOMPLET_ROOT_TEST_ID as R,
-  RHFAUTOCOMPLETE_PREFIX as a
-};

package/components/hook-form/RHFAutocomplete/test/utils-BPSzDgdt.js

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

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

@@ -1,9 +0,0 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import { C as ComponentTypeText } from "./subcomponents/ComponentTypeText/index-D8AVmjL2.js";
-import { C as ComponentTypeImage } from "./subcomponents/ComponentTypeImage/index-BRhwzH7S.js";
-function RHFAutocompleteAsync(props) {
-  return /* @__PURE__ */ jsx(Fragment, { children: props.type === "image" ? /* @__PURE__ */ jsx(ComponentTypeImage, { ...props }) : /* @__PURE__ */ jsx(ComponentTypeText, { ...props }) });
-}
-export {
-  RHFAutocompleteAsync as R
-};

package/components/hook-form/RHFAutocompleteAsync/classes/constant-DBkc_HaL.js

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

package/components/hook-form/RHFAutocompleteAsync/classes/index-CaX9i9pu.js

@@ -1,26 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constant-DBkc_HaL.js";
-generateUtilityClasses(
-  componentName,
-  [
-    /* elements */
-    "root"
-    /* states or variants of elements */
-  ]
-);
-function getRHFAutocompleteAsyncClassesUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useUtilityClasses = () => {
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getRHFAutocompleteAsyncClassesUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  useUtilityClasses as u
-};

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

@@ -1,7 +0,0 @@
-import { g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/dictionary-C5ATeyRM.js";
-function getRHFAutocompleteAsyncComponentsDictionary() {
-  return getRHFAutocompleteComponentsDictionary();
-}
-export {
-  getRHFAutocompleteAsyncComponentsDictionary as g
-};