@m4l/components 9.1.53 → 9.1.55

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

@@ -1,5 +0,0 @@
-import { SkeletonRHFAutocompleteProps } from './types';
-/**
- * TODO: Documentar
- */
-export declare const SkeletonRHFAutocomplete: (props: SkeletonRHFAutocompleteProps) => import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFAutocomplete/subcomponents/Skeleton/index.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.js";
-import { g as getNameDataTestId } from "../../test/utils.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/subcomponents/Skeleton/types.d.ts

@@ -1,6 +0,0 @@
-import { Classes } from '../../classes/types';
-export interface SkeletonRHFAutocompleteProps {
-    withImage?: boolean;
-    classes: Classes;
-    hasLabel?: string;
-}

package/components/hook-form/RHFAutocomplete/test/constants.d.ts

@@ -1,2 +0,0 @@
-export declare const RHFAUTOCOMPLETE_PREFIX = "RHFAutocomplete";
-export declare const RHFTAUTOCOMPLET_ROOT_TEST_ID = "RHFAutocomplete";

package/components/hook-form/RHFAutocomplete/test/constants.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.d.ts

@@ -1,2 +0,0 @@
-import { RHFAutocompleteClassesKey } from '../classes/types';
-export declare const getNameDataTestId: (KEY: RHFAutocompleteClassesKey) => string;

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

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

package/components/hook-form/RHFAutocompleteAsync/classes/constant.d.ts

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

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

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

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

@@ -1,9 +0,0 @@
-import { RHFAutocompleteAsyncClassesType } from './types';
-export declare const autocompleteAsyncClasses: RHFAutocompleteAsyncClassesType;
-export declare function getRHFAutocompleteAsyncClassesUtilityClass(slot: string): string;
-/**
- * TODO: Documentar
- */
-export declare const useUtilityClasses: () => {
-    root: string;
-};

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

@@ -1,26 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constant.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/classes/types.d.ts

@@ -1,4 +0,0 @@
-export interface RHFAutocompleteAsyncClassesType {
-    root: string;
-}
-export type RHFAutocompleteAsyncClassesKey = keyof RHFAutocompleteAsyncClassesType;

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

@@ -1,4 +0,0 @@
-export declare const SKTRHFAutocompleteAsyncWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const PropertieValueLabel: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SKTInputText: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const RHFAutocompleteAsyncRoot: 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/RHFAutocompleteAsync/styles.js

@@ -1,34 +0,0 @@
-import { styled } from "@mui/material/styles";
-styled("div")(() => ({
-  display: "flex",
-  width: "100%",
-  flexDirection: "column"
-}));
-styled("div")(({ theme }) => ({
-  display: "flex",
-  justifyContent: "flex-end",
-  paddingRight: `${theme.spacing(2)}`,
-  [theme.breakpoints.down("md")]: {
-    justifyContent: "flex-start"
-  }
-}));
-styled("div")(({ theme }) => ({
-  width: "100%",
-  display: "grid",
-  gridTemplateColumns: "1fr auto",
-  gridGap: theme.spacing(2),
-  alignItems: "center",
-  height: `${theme.spacing(4.5)}`,
-  border: `1px solid ${theme.vars.palette.divider}`,
-  borderRadius: `${theme.spacing(1)}`,
-  padding: `0 ${theme.spacing(2)}`,
-  [theme.breakpoints.down("md")]: {
-    width: "100%"
-  }
-}));
-const RHFAutocompleteAsyncRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LRHFAutocompleteAsync?.styleOverrides || {}
-}));
-export {
-  RHFAutocompleteAsyncRoot as R
-};

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

@@ -1,10 +0,0 @@
-import { RHFAutocompleteAsyncBaseProps } from '../../types';
-import { ImageProps, RHFAutocompleteBaseProps } from '../../../RHFAutocomplete/types';
-/**
- * TODO: Documentar
- * @author Bruce Escobar - automatic
- * @createdAt 2024-10-22 09:41:31 - automatic
- * @updatedAt 2024-10-22 19:27:23 - automatic
- * @updatedUser Bruce Escobar - automatic
- */
-export declare function ComponentTypeImage<T>(props: Omit<RHFAutocompleteBaseProps<T>, 'options' | 'get'> & ImageProps<T> & RHFAutocompleteAsyncBaseProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,103 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useNetwork, getPropertyByString } from "@m4l/core";
-import { useState, useCallback, useEffect } from "react";
-import debounce from "lodash-es/debounce";
-import { u as useUtilityClasses } from "../../classes/index.js";
-import { R as RHFAutocompleteAsyncRoot } from "../../styles.js";
-import { g as getNameDataTestId } from "../../tests/utils.js";
-import { T as TEST_PROP_ID } from "../../../../../test/constants_no_mock.js";
-import { R as RHFAutocomplete } from "../../../RHFAutocomplete/RHFAutocomplete.js";
-function ComponentTypeImage(props) {
-  const {
-    name,
-    endPoint,
-    timeout = 5e3,
-    parms,
-    resultField = "data",
-    size,
-    isRemote = true,
-    onChangeFilterParms,
-    ...other
-  } = props;
-  const { networkOperation } = useNetwork();
-  const [options, setOptions] = useState([]);
-  const [firstOpen, setFirstOpen] = useState(0);
-  const [loading, setIsloading] = useState(false);
-  const [newRefresh, setNewRefresh] = useState(0);
-  const [canLoadOptions, setCanLoadOptions] = useState(true);
-  const [filterParms, setFilterParms] = useState({});
-  const refresh = () => {
-    setNewRefresh((current) => current + 1);
-    firstOpen === 0 && hanldeFirstOpen();
-  };
-  const debouncedFilter = useCallback(
-    debounce(
-      (newFilterParms) => {
-        setCanLoadOptions(true);
-        setFilterParms(newFilterParms);
-      },
-      300
-    ),
-    [setCanLoadOptions, setFilterParms]
-  );
-  const onChangeFilterParmsLocal = (newValue) => {
-    if (onChangeFilterParms) {
-      debouncedFilter(onChangeFilterParms(newValue));
-    }
-  };
-  useEffect(() => {
-    setCanLoadOptions(true);
-  }, [parms, endPoint]);
-  const hanldeFirstOpen = () => {
-    if (firstOpen === 0) {
-      setFirstOpen(1);
-    }
-  };
-  useEffect(() => {
-    if (firstOpen === 1 && !loading && canLoadOptions) {
-      setIsloading(true);
-      setOptions([]);
-      setCanLoadOptions(false);
-      networkOperation({
-        method: "GET",
-        endPoint,
-        timeout,
-        parms: { ...parms, ...filterParms },
-        isRemote
-      }).then((response) => {
-        const valueMaybeArray = getPropertyByString(response, resultField);
-        const newOptions = Array.isArray(valueMaybeArray) ? valueMaybeArray : [];
-        setOptions(newOptions);
-      }).finally(() => {
-        setIsloading(false);
-        setCanLoadOptions(true);
-      });
-    }
-    return () => {
-    };
-  }, [firstOpen, parms, filterParms, endPoint, newRefresh]);
-  const classes = useUtilityClasses();
-  return /* @__PURE__ */ jsx(
-    RHFAutocompleteAsyncRoot,
-    {
-      className: classes.root,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
-      children: /* @__PURE__ */ jsx(
-        RHFAutocomplete,
-        {
-          name,
-          loading,
-          options,
-          onChangeFilterParmsLocal: onChangeFilterParms ? onChangeFilterParmsLocal : void 0,
-          size,
-          refresh: () => refresh(),
-          onOpen: () => hanldeFirstOpen(),
-          ...other
-        }
-      )
-    }
-  );
-}
-export {
-  ComponentTypeImage as C
-};

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

@@ -1,9 +0,0 @@
-import { ComponentTextProps } from '../../types';
-/**
- * TODO: Documentar
- * @author Bruce Escobar - automatic
- * @createdAt 2024-10-22 09:41:31 - automatic
- * @updatedAt 2024-10-22 19:27:23 - automatic
- * @updatedUser Bruce Escobar - automatic
- */
-export declare function ComponentTypeText<T>(props: ComponentTextProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,103 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useNetwork, getPropertyByString } from "@m4l/core";
-import { useState, useCallback, useEffect } from "react";
-import debounce from "lodash-es/debounce";
-import { u as useUtilityClasses } from "../../classes/index.js";
-import { R as RHFAutocompleteAsyncRoot } from "../../styles.js";
-import { g as getNameDataTestId } from "../../tests/utils.js";
-import { T as TEST_PROP_ID } from "../../../../../test/constants_no_mock.js";
-import { R as RHFAutocomplete } from "../../../RHFAutocomplete/RHFAutocomplete.js";
-function ComponentTypeText(props) {
-  const {
-    name,
-    endPoint,
-    timeout = 5e3,
-    parms,
-    resultField = "data",
-    size,
-    isRemote = true,
-    onChangeFilterParms,
-    ...other
-  } = props;
-  const { networkOperation } = useNetwork();
-  const [options, setOptions] = useState([]);
-  const [firstOpen, setFirstOpen] = useState(0);
-  const [loading, setIsloading] = useState(false);
-  const [newRefresh, setNewRefresh] = useState(0);
-  const [canLoadOptions, setCanLoadOptions] = useState(true);
-  const [filterParms, setFilterParms] = useState({});
-  const refresh = () => {
-    setNewRefresh((current) => current + 1);
-    firstOpen === 0 && hanldeFirstOpen();
-  };
-  const debouncedFilter = useCallback(
-    debounce(
-      (newFilterParms) => {
-        setCanLoadOptions(true);
-        setFilterParms(newFilterParms);
-      },
-      300
-    ),
-    [setCanLoadOptions, setFilterParms]
-  );
-  const onChangeFilterParmsLocal = (newValue) => {
-    if (onChangeFilterParms) {
-      debouncedFilter(onChangeFilterParms(newValue));
-    }
-  };
-  useEffect(() => {
-    setCanLoadOptions(true);
-  }, [parms, endPoint]);
-  const hanldeFirstOpen = () => {
-    if (firstOpen === 0) {
-      setFirstOpen(1);
-    }
-  };
-  useEffect(() => {
-    if (firstOpen === 1 && !loading && canLoadOptions) {
-      setIsloading(true);
-      setOptions([]);
-      setCanLoadOptions(false);
-      networkOperation({
-        method: "GET",
-        endPoint,
-        timeout,
-        parms: { ...parms, ...filterParms },
-        isRemote
-      }).then((response) => {
-        const valueMaybeArray = getPropertyByString(response, resultField);
-        const newOptions = Array.isArray(valueMaybeArray) ? valueMaybeArray : [];
-        setOptions(newOptions);
-      }).finally(() => {
-        setIsloading(false);
-        setCanLoadOptions(true);
-      });
-    }
-    return () => {
-    };
-  }, [firstOpen, parms, filterParms, endPoint, newRefresh]);
-  const classes = useUtilityClasses();
-  return /* @__PURE__ */ jsx(
-    RHFAutocompleteAsyncRoot,
-    {
-      className: classes.root,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
-      children: /* @__PURE__ */ jsx(
-        RHFAutocomplete,
-        {
-          name,
-          loading,
-          options,
-          onChangeFilterParmsLocal: onChangeFilterParms ? onChangeFilterParmsLocal : void 0,
-          size,
-          refresh: () => refresh(),
-          onOpen: () => hanldeFirstOpen(),
-          ...other
-        }
-      )
-    }
-  );
-}
-export {
-  ComponentTypeText as C
-};

package/components/hook-form/RHFAutocompleteAsync/tests/constants.d.ts

@@ -1 +0,0 @@
-export declare const RHFAUTOCOMPLETEASYNC_PREFIX = "RHFAutocompleteAsync";

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

@@ -1,4 +0,0 @@
-const RHFAUTOCOMPLETEASYNC_PREFIX = "RHFAutocompleteAsync";
-export {
-  RHFAUTOCOMPLETEASYNC_PREFIX as R
-};

package/components/hook-form/RHFAutocompleteAsync/tests/utils.d.ts

@@ -1,2 +0,0 @@
-import { RHFAutocompleteAsyncClassesKey } from '../classes/types';
-export declare const getNameDataTestId: (KEY: RHFAutocompleteAsyncClassesKey) => string;

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

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