@m4l/components 9.1.53 → 9.1.55

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

@@ -1,26 +0,0 @@
-import { useUtilityClasses } from '.';
-export interface RHFAutocompleteClassesType {
-    root: string;
-    withImage: string;
-    skeleton: string;
-    label: string;
-    popper: string;
-    skeletonRoot: string;
-    skeletonContainerText: string;
-    containerRefreshDown: string;
-    iconRefresh: string;
-    iconDown: string;
-    variantInfo: string;
-    isDisabled: string;
-    imageWidthDefined: string;
-    variantSuccess: string;
-    variantWarning: string;
-    variantError: string;
-    sizeSmall: string;
-    sizeMedium: string;
-    isFocus: string;
-    isTabSelected: string;
-    chip: string;
-}
-export type RHFAutocompleteClassesKey = keyof RHFAutocompleteClassesType;
-export type Classes = ReturnType<typeof useUtilityClasses>;

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

@@ -1 +0,0 @@
-export declare const AutocompleteRoot: 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/RHFAutocomplete/styles.js

@@ -1,7 +0,0 @@
-import { styled } from "@mui/material/styles";
-const AutocompleteRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LRHFAutocomplete?.styleOverrides || {}
-}));
-export {
-  AutocompleteRoot as A
-};

package/components/hook-form/RHFAutocomplete/subcomponents/ComponentTypeImage/index.d.ts

@@ -1,5 +0,0 @@
-import { ImageProps, RHFAutocompleteBaseProps } from '../../types';
-/**
- * TODO: Documentar
- */
-export declare function ComponentTypeImage<T>(props: RHFAutocompleteBaseProps<T> & ImageProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,293 +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.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.js";
-import { A as AutocompleteRoot } from "../../styles.js";
-import { T as TEST_PROP_ID } from "../../../../../test/constants_no_mock.js";
-import { R as RHFTAUTOCOMPLET_ROOT_TEST_ID } from "../../test/constants.js";
-import { w as withRenderOption } from "../RenderOption/index.js";
-import { S as SkeletonRHFAutocomplete } from "../Skeleton/index.js";
-import { L as Label } from "../../../../Label/Label.js";
-import { T as Typography } from "../../../../mui_extended/Typography/Typography.js";
-import { C as CircularProgress } from "../../../../mui_extended/CircularProgress/CircularProgress.js";
-import { I as IconButton } from "../../../../mui_extended/IconButton/IconButton.js";
-import { H as HelperError } from "../../../../HelperError/HelperError.js";
-import { I as Image } from "../../../../Image/Image.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(
-                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 ? (
-                            //Se debe refactorizar el componente RHFAutoComplete para recibir la propr de color.
-                            /* @__PURE__ */ jsx(CircularProgress, { color: "primary", size })
-                          ) : /* @__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: Se encarga de renderizar las etiquetas de las opciones seleccionadas en el componente Autocomplete.
-                     */
-                    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(HelperError, { message: error?.message }) : null
-            ] });
-          }
-        }
-      ) : /* @__PURE__ */ jsx(SkeletonRHFAutocomplete, { withImage, classes, hasLabel: label })
-    }
-  );
-}
-export {
-  ComponentTypeImage as C
-};

package/components/hook-form/RHFAutocomplete/subcomponents/ComponentTypeText/index.d.ts

@@ -1,9 +0,0 @@
-import { RHFAutocompleteBaseProps, RHFAutocompleteTypeTextProps } from '../../types';
-/**
- * TODO: Documentar
- * @author Andrés Quintero - automatic
- * @createdAt 2024-12-30 14:36:06 - automatic
- * @updatedAt 2024-12-30 14:36:10 - automatic
- * @updatedUser Andrés Quintero - automatic
- */
-export declare function ComponentTypeText<T>(props: RHFAutocompleteBaseProps<T> & RHFAutocompleteTypeTextProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,281 +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.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.js";
-import { A as AutocompleteRoot } from "../../styles.js";
-import { T as TEST_PROP_ID } from "../../../../../test/constants_no_mock.js";
-import { R as RHFTAUTOCOMPLET_ROOT_TEST_ID } from "../../test/constants.js";
-import { C as CircularProgress } from "../../../../mui_extended/CircularProgress/CircularProgress.js";
-import { T as Typography } from "../../../../mui_extended/Typography/Typography.js";
-import { I as IconButton } from "../../../../mui_extended/IconButton/IconButton.js";
-import { S as SkeletonRHFAutocomplete } from "../Skeleton/index.js";
-import { L as Label } from "../../../../Label/Label.js";
-import { H as HelperError } from "../../../../HelperError/HelperError.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(
-                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 ? (
-                            //Se debe refactorizar el componente RHFAutoComplete para recibir la propr de color.
-                            /* @__PURE__ */ jsx(CircularProgress, { color: "primary", size })
-                          ) : /* @__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: Se encarga de renderizar las etiquetas de las opciones seleccionadas en el componente Autocomplete.
-                     * @author Andrés Quintero - automatic
-                     * @createdAt 2024-12-30 14:36:06 - automatic
-                     * @updatedAt 2024-12-30 14:36:10 - automatic
-                     * @updatedUser Andrés Quintero - automatic
-                     */
-                    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(HelperError, { message: error?.message }) : null
-            ] });
-          }
-        }
-      ) : /* @__PURE__ */ jsx(SkeletonRHFAutocomplete, { classes, hasLabel: label })
-    }
-  );
-}
-export {
-  ComponentTypeText as C
-};

package/components/hook-form/RHFAutocomplete/subcomponents/RenderOption/index.d.ts

@@ -1,6 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { GetOptionString } from '../../types';
-/**
- * TODO: Documentar
- */
-export declare function withRenderOption<T>(getUrlImage: GetOptionString<T>, classes: any): (optionProps: HTMLAttributes<HTMLLIElement>, option: T) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,25 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { createElement } from "react";
-import { W as WrapperOption } from "./styles.js";
-import { I as Image } from "../../../../Image/Image.js";
-import { T as TEST_PROP_ID } from "../../../../../test/constants_no_mock.js";
-import { g as getNameDataTestId } from "../../test/utils.js";
-import { T as Typography } from "../../../../mui_extended/Typography/Typography.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.d.ts

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

package/components/hook-form/RHFAutocomplete/subcomponents/RenderOption/styles.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
-};