@m4l/components 0.1.22 → 0.1.24

package/components/CommonActions/components/ActionCancel/{index.7b862bd3.js → index.465be070.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary as n } from "@m4l/core";
-import { B as r } from "../../../mui_extended/Button/index.6df3e958.js";
+import { B as r } from "../../../mui_extended/Button/index.ae47764f.js";
 import { jsx as i } from "react/jsx-runtime";
 const m = (o) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.b59a0011.js → index.0deaba48.js}

@@ -2,9 +2,9 @@ import { useFormContext as f, useFormState as p } from "react-hook-form";
 import { useNavigate as C } from "react-router-dom";
 import { useModuleDictionary as g, useModuleSkeleton as d } from "@m4l/core";
 import { Skeleton as k } from "@mui/material";
-import { B as _ } from "../../../mui_extended/Button/index.6df3e958.js";
+import { B as _ } from "../../../mui_extended/Button/index.ae47764f.js";
 import { useCallback as v } from "react";
-import { u as h } from "../../../../hooks/useModal/index.34cc1e55.js";
+import { u as h } from "../../../../hooks/useModal/index.f2492b34.js";
 import { jsx as r } from "react/jsx-runtime";
 function A(n) {
   const {

package/components/CommonActions/components/ActionIntro/{index.35c8757f.js → index.235ecbe2.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary as r } from "@m4l/core";
-import { B as n } from "../../../mui_extended/Button/index.6df3e958.js";
+import { B as n } from "../../../mui_extended/Button/index.ae47764f.js";
 import { jsx as i } from "react/jsx-runtime";
 const e = (o) => {
   const {

package/components/CommonActions/components/Actions/{index.edceed6b.js → index.798c6aee.js}

@@ -6,16 +6,16 @@ import "@mui/material/Button";
 import "react-hook-form";
 import "react-router-dom";
 import { useState as W, useMemo as w, forwardRef as st, useRef as B, useImperativeHandle as rt, useEffect as at, useCallback as j } from "react";
-import "../../../../contexts/ModalContext/index.33dc1be9.js";
+import "../../../../contexts/ModalContext/index.73ab6934.js";
 import "@mui/lab";
 import { I as y } from "../../../mui_extended/IconButton/index.4b5ce8b5.js";
-import { u as I, a as lt, O as ct } from "../../../DataGrid/index.cd4fff69.js";
-import { P as dt } from "../../../mui_extended/Pager/index.b072df6b.js";
+import { u as I, a as lt, O as ct } from "../../../DataGrid/index.cb62609c.js";
+import { P as dt } from "../../../mui_extended/Pager/index.298730a1.js";
 import { D as pt } from "../../../../react-data-grid.d46d625e.js";
-import { u as gt } from "../../../../hooks/useModal/index.34cc1e55.js";
-import { A as ft } from "../ActionCancel/index.7b862bd3.js";
-import { A as ut } from "../ActionIntro/index.35c8757f.js";
-import { P as mt } from "../../../mui_extended/Popover/index.d708b699.js";
+import { u as gt } from "../../../../hooks/useModal/index.f2492b34.js";
+import { A as ft } from "../ActionCancel/index.465be070.js";
+import { A as ut } from "../ActionIntro/index.235ecbe2.js";
+import { P as mt } from "../../../mui_extended/Popover/index.b6e4392a.js";
 import { I as N } from "../../../Icon/index.f569765b.js";
 import { useResponsiveDesktop as ht } from "@m4l/graphics";
 const _t = p("div")(({

package/components/DataGrid/{index.cd4fff69.js → index.cb62609c.js}

@@ -6,9 +6,9 @@ import { HTML5Backend as ge } from "react-dnd-html5-backend";
 import { SvgIcon as B, Checkbox as fe, InputBase as he, Skeleton as pe } from "@mui/material";
 import { jsx as d, jsxs as Q } from "react/jsx-runtime";
 import { voidFunction as I, useModuleDictionary as we, useModuleSkeleton as me } from "@m4l/core";
-import { A as ye, a as Ce } from "../CommonActions/components/Actions/index.edceed6b.js";
-import { g as be, d as ve } from "../ModalDialog/index.e1f31e50.js";
-import { g as xe, d as Re } from "../mui_extended/Pager/index.b072df6b.js";
+import { A as ye, a as Ce } from "../CommonActions/components/Actions/index.798c6aee.js";
+import { g as be, d as ve } from "../ModalDialog/index.0340fb86.js";
+import { g as xe, d as Re } from "../mui_extended/Pager/index.298730a1.js";
 const Se = A("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/DynamicFilter/{index.4d3c60b4.js → index.549adc46.js}

@@ -4,7 +4,7 @@ import { useRef as me, useState as S, useMemo as E, useCallback as _, useEffect
 import { useModuleDictionary as $, useHostTools as z, useEnvironment as j, voidFunction as V, useFlagsPresent as He } from "@m4l/core";
 import * as C from "yup";
 import { useFormContext as B, useWatch as ge } from "react-hook-form";
-import { R } from "../hook-form/RHFAutocomplete/index.ee3d9b3c.js";
+import { R } from "../hook-form/RHFAutocomplete/index.5eee9d7c.js";
 import "lodash/debounce";
 import { jsx as r, jsxs as w, Fragment as A } from "react/jsx-runtime";
 import "../hook-form/RHFCheckbox/index.6a40e25f.js";
@@ -13,13 +13,13 @@ import { R as ee } from "../hook-form/RHFDateTime/index.5ed774e3.js";
 import "@mui/x-date-pickers";
 import { R as Y } from "../hook-form/RHFTextField/index.bab2a2cf.js";
 import { I as he } from "../Icon/index.f569765b.js";
-import "../hook-form/RHFPeriod/index.fc3af81f.js";
+import "../hook-form/RHFPeriod/index.6c6733eb.js";
 import "../ErrorLabel/index.c8615f16.js";
-import "../Period/index.ba6c0e11.js";
-import { L as Ue, b as Je, g as Qe } from "../CommonActions/components/Actions/index.edceed6b.js";
+import "../Period/index.05c1c5e0.js";
+import { L as Ue, b as Je, g as Qe } from "../CommonActions/components/Actions/index.798c6aee.js";
 import "@mui/material/Button";
 import "react-router-dom";
-import "../../contexts/ModalContext/index.33dc1be9.js";
+import "../../contexts/ModalContext/index.73ab6934.js";
 import "@mui/lab";
 import "lodash/isString";
 import "react-dropzone";
@@ -27,11 +27,11 @@ import "../Image/index.c9da2d5a.js";
 import "../hook-form/RHFUpload/index.56e2e277.js";
 import { I as G } from "../mui_extended/IconButton/index.4b5ce8b5.js";
 import "simplebar/dist/simplebar.min.css";
-import { F as te } from "../mui_extended/Button/index.6df3e958.js";
-import { P as Xe } from "../mui_extended/Popover/index.d708b699.js";
+import { F as te } from "../mui_extended/Button/index.ae47764f.js";
+import { P as Xe } from "../mui_extended/Popover/index.b6e4392a.js";
 import { R as Ze } from "../contexts/RHFormContext/index.33dba822.js";
-import { A as et } from "../CommonActions/components/ActionCancel/index.7b862bd3.js";
-import { A as tt } from "../CommonActions/components/ActionIntro/index.35c8757f.js";
+import { A as et } from "../CommonActions/components/ActionCancel/index.465be070.js";
+import { A as tt } from "../CommonActions/components/ActionIntro/index.235ecbe2.js";
 import { useResponsiveDesktop as rt } from "@m4l/graphics";
 const re = h("div")(({
   theme: e

package/components/ModalDialog/{index.e1f31e50.js → index.0340fb86.js}

@@ -1,6 +1,6 @@
 import { Dialog as b, IconButton as w, Paper as v } from "@mui/material";
 import { c as D } from "../../react-draggable.20e95c61.js";
-import { u as $ } from "../../hooks/useModal/index.34cc1e55.js";
+import { u as $ } from "../../hooks/useModal/index.f2492b34.js";
 import { styled as s } from "@mui/material/styles";
 import { a as x } from "../../utils/index.214d9542.js";
 import { R as M } from "../Resizeable/index.45995d2b.js";
@@ -8,7 +8,7 @@ import { useResponsiveDesktop as H } from "@m4l/graphics";
 import { useEnvironment as I } from "@m4l/core";
 import { I as C } from "../Icon/index.f569765b.js";
 import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import { b as W, g as _ } from "../CommonActions/components/Actions/index.edceed6b.js";
+import { b as W, g as _ } from "../CommonActions/components/Actions/index.798c6aee.js";
 const j = s(b)(() => ({})), k = s("div")(({ theme: o }) => ({
   display: "flex",
   flexDirection: "column",

package/components/ObjectLogs/{index.9c43ba69.js → index.b1dcc4db.js}

@@ -1,14 +1,14 @@
 import { useState as _, useEffect as f, useCallback as d, useMemo as $ } from "react";
 import { useNetwork as k, useModuleDictionary as y, useEnvironment as h, usePaginate as O } from "@m4l/core";
 import { styled as g } from "@mui/material/styles";
-import { D as R, g as I } from "../DataGrid/index.cd4fff69.js";
+import { D as R, g as I } from "../DataGrid/index.cb62609c.js";
 import { D as L } from "../formatters/DateFormatter/index.08d8823b.js";
 import { Tooltip as G, IconButton as M } from "@mui/material";
 import { R as S } from "../../react-json-view.f56a7f8e.js";
 import { jsx as t, jsxs as A } from "react/jsx-runtime";
-import { u as T } from "../../hooks/useModal/index.34cc1e55.js";
+import { u as T } from "../../hooks/useModal/index.f2492b34.js";
 import { I as u } from "../Icon/index.f569765b.js";
-import { D as E, g as K } from "../DynamicFilter/index.4d3c60b4.js";
+import { D as E, g as K } from "../DynamicFilter/index.549adc46.js";
 const q = g("div")(() => ({
   height: "100%",
   width: "100%",

package/components/Period/{index.ba6c0e11.js → index.05c1c5e0.js}

@@ -3,11 +3,11 @@ import { styled as a, Skeleton as d, Autocomplete as $, TextField as x } from "@
 import { useMemo as D } from "react";
 import { I as v } from "../Icon/index.f569765b.js";
 import { jsxs as u, jsx as n } from "react/jsx-runtime";
-import { g as O } from "../CommonActions/components/Actions/index.edceed6b.js";
+import { g as O } from "../CommonActions/components/Actions/index.798c6aee.js";
 import "@mui/material/Button";
 import "react-hook-form";
 import "react-router-dom";
-import "../../contexts/ModalContext/index.33dc1be9.js";
+import "../../contexts/ModalContext/index.73ab6934.js";
 import "@mui/lab";
 const S = a("div")(({
   theme: t,

package/components/animate/LoadingScreen/{index.f1cec7db.js → index.1d0c4307.js}

@@ -1,10 +1,13 @@
-import { m as r } from "framer-motion";
-import { styled as d, alpha as o } from "@mui/material/styles";
-import { Box as a } from "@mui/material";
-import { L as s } from "../../../assets/Logo/index.228dcb5a.js";
-import { jsx as t, Fragment as p, jsxs as l } from "react/jsx-runtime";
-const m = d("div")(({
-  theme: e
+import { m as o } from "framer-motion";
+import { alpha as a } from "@mui/material/styles";
+import { styled as l, Box as n } from "@mui/material";
+import { L as p } from "../../../assets/Logo/index.228dcb5a.js";
+import { jsx as e, Fragment as m, jsxs as h } from "react/jsx-runtime";
+const u = l("div", {
+  shouldForwardProp: (t) => t !== "variant"
+})(({
+  theme: t,
+  variant: i
 }) => ({
   right: 0,
   bottom: 0,
@@ -15,16 +18,23 @@ const m = d("div")(({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
-  backgroundColor: e.palette.background.default
+  backgroundColor: t.palette.background.default,
+  ...i === "microfrontend" && {
+    position: "relative",
+    zIndex: 0
+  }
 }));
-function x({
-  isDashboard: e,
-  ...n
-}) {
-  return /* @__PURE__ */ t(p, {
-    children: !e && /* @__PURE__ */ l(m, {
-      ...n,
-      children: [/* @__PURE__ */ t(r.div, {
+function y(t) {
+  const {
+    isDashboard: i,
+    variant: d = "fullpage",
+    ...s
+  } = t;
+  return /* @__PURE__ */ e(m, {
+    children: !i && /* @__PURE__ */ h(u, {
+      variant: d,
+      ...s,
+      children: [/* @__PURE__ */ e(o.div, {
         initial: {
           rotateY: 0
         },
@@ -37,15 +47,15 @@ function x({
           repeatDelay: 1,
           repeat: 1 / 0
         },
-        children: /* @__PURE__ */ t(s, {
+        children: /* @__PURE__ */ e(p, {
           disabledLink: !0,
           sx: {
             width: 32,
             height: 32
           }
         })
-      }), /* @__PURE__ */ t(a, {
-        component: r.div,
+      }), /* @__PURE__ */ e(n, {
+        component: o.div,
         animate: {
           scale: [1.2, 1, 1, 1.2, 1.2],
           rotate: [270, 0, 0, 270, 270],
@@ -62,10 +72,10 @@ function x({
           height: 50,
           borderRadius: "25%",
           position: "absolute",
-          border: (i) => `solid 3px ${o(i.palette.primary.dark, 0.24)}`
+          border: (r) => `solid 3px ${a(r.palette.primary.dark, 0.24)}`
         }
-      }), /* @__PURE__ */ t(a, {
-        component: r.div,
+      }), /* @__PURE__ */ e(n, {
+        component: o.div,
         animate: {
           scale: [1, 1.2, 1.2, 1, 1],
           rotate: [0, 270, 270, 0, 0],
@@ -82,12 +92,12 @@ function x({
           height: 60,
           borderRadius: "25%",
           position: "absolute",
-          border: (i) => `solid 8px ${o(i.palette.primary.dark, 0.24)}`
+          border: (r) => `solid 8px ${a(r.palette.primary.dark, 0.24)}`
         }
       })]
     })
   });
 }
 export {
-  x as L
+  y as L
 };

package/components/animate/LoadingScreen/index.d.ts

@@ -1,8 +1,4 @@
 /// <reference types="react" />
-import { SxProps } from '@mui/material';
-declare type Props = {
-    isDashboard?: boolean;
-    sx?: SxProps;
-};
-export declare function LoadingScreen({ isDashboard, ...other }: Props): JSX.Element;
+import { Props } from './types';
+export declare function LoadingScreen(props: Props): JSX.Element;
 export default LoadingScreen;

package/components/animate/LoadingScreen/styles.d.ts

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

package/components/animate/LoadingScreen/types.d.ts

@@ -0,0 +1,6 @@
+export declare type LoadingScreenVariant = 'fullpage' | 'microfrontend';
+export declare type RootStyleProps = Pick<Props, 'variant'>;
+export declare type Props = {
+    isDashboard?: boolean;
+    variant?: LoadingScreenVariant;
+};

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

@@ -0,0 +1,3 @@
+import { Dictionary } from '@m4l/core';
+export declare function getRHFAutocompleteComponentsDictionary(): string[];
+export declare const defaultRHFAutocompleteDictionary: Dictionary;

package/components/hook-form/RHFAutocomplete/index.5eee9d7c.js

@@ -0,0 +1,174 @@
+import { useModuleDictionary as j, useModuleSkeleton as K } from "@m4l/core";
+import { useFormContext as U, Controller as z } from "react-hook-form";
+import { Skeleton as y, Autocomplete as B, TextField as G, CircularProgress as N } from "@mui/material";
+import { styled as d } from "@mui/material/styles";
+import { I as W } from "../../Image/index.c9da2d5a.js";
+import { useMemo as J, useState as v, useEffect as Q } from "react";
+import { jsxs as h, jsx as n, Fragment as X } from "react/jsx-runtime";
+const Y = d("div")(() => ({
+  display: "flex",
+  width: "100%",
+  flexDirection: "column"
+})), Z = d("div")(({
+  theme: t
+}) => ({
+  width: "100%",
+  display: "grid",
+  gridTemplateColumns: "1fr auto",
+  gridGap: t.spacing(2),
+  alignItems: "center",
+  height: `${t.spacing(4.5)}`,
+  border: `1px solid ${t.palette.divider}`,
+  borderRadius: `${t.spacing(1)}`,
+  padding: `0 ${t.spacing(2)}`,
+  [t.breakpoints.down("md")]: {
+    width: "100%"
+  }
+})), ee = d("div")(({
+  theme: t
+}) => ({
+  display: "flex",
+  width: "100%",
+  "& .MuiAutocomplete-root": {
+    width: "100%"
+  },
+  "& .m4l_image": {
+    marginLeft: t.spacing(1.5)
+  }
+})), te = d("li")(({
+  theme: t
+}) => ({
+  "& .m4l_image": {
+    marginRight: t.spacing(1.5)
+  }
+}));
+function oe(t, s, c) {
+  return function(a, g) {
+    return /* @__PURE__ */ h(te, {
+      ...a,
+      children: [/* @__PURE__ */ n(W, {
+        src: t(g),
+        width: s,
+        height: c
+      }), a.key]
+    });
+  };
+}
+function ue(t) {
+  const {
+    name: s,
+    getOptionLabel: c,
+    isOptionEqualToValue: O,
+    label: a,
+    skeletonWidth: g = 100,
+    skeletonHeight: H = "18px",
+    options: x,
+    disabled: P,
+    getOptionUrlImage: p,
+    imageWidth: I = "24px",
+    imageHeight: C = "24px",
+    onOpen: T,
+    onClose: b,
+    loading: L,
+    onChangeFilterParmsLocal: l,
+    ...E
+  } = t, {
+    getLabel: _
+  } = j(), M = K(), {
+    control: $
+  } = U(), w = J(() => p !== void 0, [p]), [k, A] = v(!1), q = (e, o) => {
+    A(!1), b && b(e, o);
+  }, D = (e) => {
+    A(!0), T && T(e);
+  }, u = (e) => e == null ? "" : c(e), S = (e) => e == null || p === void 0 ? "" : p(e), V = (e, o) => o == null || e === null ? !1 : O(e, o);
+  return M ? /* @__PURE__ */ n(Y, {
+    children: /* @__PURE__ */ h(Z, {
+      children: [/* @__PURE__ */ n(y, {
+        variant: "text",
+        width: g,
+        height: H
+      }, "sk1"), /* @__PURE__ */ n(y, {
+        variant: "circular",
+        width: 16,
+        height: 16
+      }, "sk2")]
+    })
+  }) : /* @__PURE__ */ n(z, {
+    name: s,
+    control: $,
+    render: ({
+      field: {
+        onChange: e,
+        value: o
+      },
+      fieldState: {
+        error: F
+      }
+    }) => {
+      const [R, m] = v(u(o));
+      return Q(() => {
+        !k && o === null && R !== "" && m(""), !k && o !== null && x.length === 0 && l && l(u(o), "reset");
+      }, [o]), /* @__PURE__ */ n(ee, {
+        className: "m4l_rhf_autocomplete",
+        children: /* @__PURE__ */ n(B, {
+          autoComplete: !0,
+          autoSelect: !1,
+          options: x,
+          getOptionLabel: u,
+          inputValue: R,
+          clearOnBlur: !1,
+          onInputChange: (i, r, f) => {
+            console.log("onInputChange ", s, r, f), f === "input" && (m(r), l && l(r, f)), e(null);
+          },
+          isOptionEqualToValue: V,
+          disableClearable: !0,
+          value: o || null,
+          onOpen: D,
+          onClose: q,
+          onChange: (i, r) => {
+            m(u(r)), e(r);
+          },
+          filterOptions: l ? (i) => i : void 0,
+          loading: L,
+          loadingText: _("rhf_autocomplete.loading_options"),
+          disabled: P,
+          noOptionsText: _("rhf_autocomplete.no_options"),
+          renderOption: w ? oe(S, I, C) : void 0,
+          renderInput: (i) => /* @__PURE__ */ n(G, {
+            ...i,
+            label: a,
+            fullWidth: !0,
+            SelectProps: {
+              native: !0
+            },
+            InputProps: {
+              ...i.InputProps,
+              startAdornment: w && o ? /* @__PURE__ */ n(W, {
+                src: S(o),
+                width: I,
+                height: C
+              }, "ImageTextField") : null,
+              endAdornment: /* @__PURE__ */ h(X, {
+                children: [L ? /* @__PURE__ */ n(N, {
+                  color: "inherit",
+                  size: 20
+                }) : null, i.InputProps.endAdornment]
+              })
+            },
+            autoComplete: "off",
+            error: !!F,
+            helperText: F?.message,
+            ...E
+          })
+        })
+      });
+    }
+  });
+}
+function de() {
+  return ["rhf_autocomplete"];
+}
+export {
+  ue as R,
+  de as g
+};

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

@@ -16,5 +16,4 @@ export declare type RHFAutocompleteProps<T> = {
     onOpen?: (event: React.SyntheticEvent) => void;
     onClose?: (event: React.SyntheticEvent, reason: AutocompleteCloseReason) => void;
     onChangeFilterParmsLocal?: (newValue: string, reason: AutocompleteInputChangeReason) => void;
-    onChangeOption?: (newValue: T) => void;
 } & TextFieldProps;

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

@@ -0,0 +1,3 @@
+import { Dictionary } from '@m4l/core';
+export declare function getRHFAutocompleteAsyncComponentsDictionary(): string[];
+export declare const defaultRHFAutocompleteAsyncDictionary: Dictionary;

package/components/hook-form/RHFAutocompleteAsync/index.757b5080.js

@@ -0,0 +1,65 @@
+import { useState as e, useCallback as b, useEffect as p } from "react";
+import { useNetwork as k, getPropertyByString as w } from "@m4l/core";
+import x from "lodash/debounce";
+import { R as D, g as E } from "../RHFAutocomplete/index.5eee9d7c.js";
+import { jsx as S } from "react/jsx-runtime";
+function N(f) {
+  const {
+    name: d,
+    endPoint: n,
+    timeout: g = 5e3,
+    parms: r,
+    resultField: F = "data",
+    isRemote: C = !0,
+    onChangeFilterParms: s,
+    ...h
+  } = f, {
+    networkOperation: y
+  } = k(), [O, a] = e([]), [i, c] = e(!1), [m, l] = e(!1), [P, o] = e(!0), [u, R] = e({}), A = b(x((t) => {
+    o(!0), R(t);
+  }, 300), []), H = (t) => {
+    s && A(s(t));
+  };
+  return p(() => {
+    o(!0);
+  }, [r, n]), p(() => {
+    if (!(!i || m) && !!P)
+      return l(!0), a([]), o(!1), y({
+        method: "GET",
+        endPoint: n,
+        timeout: g,
+        parms: {
+          ...r,
+          ...u
+        },
+        isRemote: C
+      }).then((t) => {
+        const L = w(t, F);
+        a(L);
+      }).catch(() => {
+        o(!0);
+      }).finally(() => {
+        l(!1);
+      }), () => {
+      };
+  }, [i, r, u, n]), /* @__PURE__ */ S(D, {
+    name: d,
+    loading: m,
+    options: O,
+    onChangeFilterParmsLocal: s ? H : void 0,
+    onOpen: () => {
+      c(!0);
+    },
+    onClose: () => {
+      c(!1);
+    },
+    ...h
+  });
+}
+function T() {
+  return E();
+}
+export {
+  N as R,
+  T as g
+};

package/components/hook-form/RHFPeriod/{index.fc3af81f.js → index.6c6733eb.js}

@@ -1,7 +1,7 @@
 import { styled as m } from "@mui/material";
 import { useFormContext as a, Controller as l } from "react-hook-form";
 import { E as f } from "../../ErrorLabel/index.c8615f16.js";
-import { P as p } from "../../Period/index.ba6c0e11.js";
+import { P as p } from "../../Period/index.05c1c5e0.js";
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
 const d = m("div")(({
   theme: e

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

@@ -1,5 +1,7 @@
 export { RHFAutocomplete } from './RHFAutocomplete';
+export { getRHFAutocompleteComponentsDictionary } from './RHFAutocomplete/dictionary';
 export { RHFAutocompleteAsync } from './RHFAutocompleteAsync';
+export { getRHFAutocompleteAsyncComponentsDictionary } from './RHFAutocompleteAsync/dictionary';
 export { RHFCheckbox } from './RHFCheckbox';
 export { RHFDateTime } from './RHFDateTime';
 export { RHFMultiCheckbox } from './RHFMultiCheckbox';

package/components/mui_extended/Button/{index.6df3e958.js → index.ae47764f.js}

@@ -5,7 +5,7 @@ import { jsx as i } from "react/jsx-runtime";
 import { LoadingButton as b } from "@mui/lab";
 import { I as x } from "../IconButton/index.4b5ce8b5.js";
 import { styled as h, alpha as F } from "@mui/material/styles";
-import { u as L } from "../../DynamicFilter/index.4d3c60b4.js";
+import { u as L } from "../../DynamicFilter/index.549adc46.js";
 import { useMemo as u } from "react";
 import { I as $ } from "../../Image/index.c9da2d5a.js";
 const G = (t) => g() ? /* @__PURE__ */ i(m, {

package/components/mui_extended/CircularProgress/index.ad569afd.js

@@ -0,0 +1,8 @@
+import { CircularProgress as s } from "@mui/material";
+import { jsx as o } from "react/jsx-runtime";
+const i = (r) => /* @__PURE__ */ o(s, {
+  ...r
+});
+export {
+  i as C
+};

package/components/mui_extended/CircularProgress/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CircularProgressProps } from '@mui/material';
+export declare const CircularProgress: (props: CircularProgressProps) => JSX.Element;

package/components/mui_extended/Pager/{index.b072df6b.js → index.298730a1.js}

@@ -1,6 +1,6 @@
 import { useMemo as y } from "react";
 import { Skeleton as i, TablePagination as R } from "@mui/material";
-import { P as S } from "../../CommonActions/components/Actions/index.edceed6b.js";
+import { P as S } from "../../CommonActions/components/Actions/index.798c6aee.js";
 import { styled as a } from "@mui/material/styles";
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 a("div")(() => ({

package/components/mui_extended/Popover/{index.d708b699.js → index.b6e4392a.js}

@@ -11,9 +11,9 @@ import "../Avatar/index.dadb0528.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "@mui/lab";
-import { I as S } from "../Button/index.6df3e958.js";
-import "../../CommonActions/components/Actions/index.edceed6b.js";
-import "../Pager/index.b072df6b.js";
+import { I as S } from "../Button/index.ae47764f.js";
+import "../../CommonActions/components/Actions/index.798c6aee.js";
+import "../Pager/index.298730a1.js";
 import "../Tab/index.e0653a0a.js";
 const O = I("span")(({
   arrowType: t,

package/components/mui_extended/index.d.ts

@@ -5,6 +5,7 @@ export { BoxIcon } from './BoxIcon';
 export { Breadcrumbs } from './Breadcrumbs';
 export type { TLink } from './Breadcrumbs/types';
 export { Button } from './Button';
+export { CircularProgress } from './CircularProgress';
 export { IconButton } from './IconButton';
 export { LinkWithRoute } from './LinkWithRoute';
 export { LoadingButton } from './LoadingButton';

package/contexts/ModalContext/{index.33dc1be9.js → index.73ab6934.js}

@@ -4,9 +4,9 @@ import { Typography as M } from "@mui/material";
 import { styled as l } from "@mui/material/styles";
 import { B as I } from "../../components/mui_extended/BoxIcon/index.e638ecc8.js";
 import { jsx as t, jsxs as p, Fragment as _ } from "react/jsx-runtime";
-import { M as k } from "../../components/ModalDialog/index.e1f31e50.js";
-import { A as $ } from "../../components/CommonActions/components/ActionIntro/index.35c8757f.js";
-import { A as b } from "../../components/CommonActions/components/ActionCancel/index.7b862bd3.js";
+import { M as k } from "../../components/ModalDialog/index.0340fb86.js";
+import { A as $ } from "../../components/CommonActions/components/ActionIntro/index.235ecbe2.js";
+import { A as b } from "../../components/CommonActions/components/ActionCancel/index.465be070.js";
 import { b as A } from "../../utils/index.214d9542.js";
 const j = l("div")(() => ({
   display: "flex",

package/hooks/useModal/{index.34cc1e55.js → index.f2492b34.js}

@@ -1,5 +1,5 @@
 import { useContext as t } from "react";
-import { M as e } from "../../contexts/ModalContext/index.33dc1be9.js";
+import { M as e } from "../../contexts/ModalContext/index.73ab6934.js";
 function s() {
   const o = t(e);
   if (!o)

package/index.js

@@ -2,82 +2,83 @@ import { I as N, a as h } from "./components/mui_extended/IconButton/index.4b5ce
 import "framer-motion";
 import "@mui/material";
 import "react/jsx-runtime";
-import { L as U } from "./components/animate/LoadingScreen/index.f1cec7db.js";
+import "@mui/material/styles";
+import "react-router-dom";
+import { L as U } from "./components/animate/LoadingScreen/index.1d0c4307.js";
 import "@m4l/core";
 import "react-hook-form";
-import { R as k } from "./components/hook-form/RHFAutocomplete/index.ee3d9b3c.js";
+import { R as k, g as G } from "./components/hook-form/RHFAutocomplete/index.5eee9d7c.js";
 import "react";
-import { I as z } from "./components/Image/index.c9da2d5a.js";
+import { I as V } from "./components/Image/index.c9da2d5a.js";
 import "lodash/debounce";
-import { R as w } from "./components/hook-form/RHFCheckbox/index.6a40e25f.js";
-import { R as q } from "./components/hook-form/RHFDateTime/index.5ed774e3.js";
+import { R as W } from "./components/hook-form/RHFCheckbox/index.6a40e25f.js";
+import { R as J } from "./components/hook-form/RHFDateTime/index.5ed774e3.js";
 import "@mui/x-date-pickers";
-import { R as K, a as Q } from "./components/hook-form/RHFTextField/index.bab2a2cf.js";
-import { I as Y } from "./components/Icon/index.f569765b.js";
-import "@mui/material/styles";
-import { R as _ } from "./components/hook-form/RHFPeriod/index.fc3af81f.js";
-import { E as oo } from "./components/ErrorLabel/index.c8615f16.js";
-import { P as to, g as ao } from "./components/Period/index.ba6c0e11.js";
-import { b as mo, M as so, d as io, g as po } from "./components/CommonActions/components/Actions/index.edceed6b.js";
+import { R as Q, a as X } from "./components/hook-form/RHFTextField/index.bab2a2cf.js";
+import { I as Z } from "./components/Icon/index.f569765b.js";
+import { R as $ } from "./components/hook-form/RHFPeriod/index.6c6733eb.js";
+import { E as ro } from "./components/ErrorLabel/index.c8615f16.js";
+import { P as ao, g as eo } from "./components/Period/index.05c1c5e0.js";
+import { b as so, M as io, d as po, g as no } from "./components/CommonActions/components/Actions/index.798c6aee.js";
 import "@mui/material/Button";
-import "react-router-dom";
-import { M as xo, a as fo } from "./contexts/ModalContext/index.33dc1be9.js";
+import { M as xo, a as fo } from "./contexts/ModalContext/index.73ab6934.js";
 import "@mui/lab";
 import "lodash/isString";
 import "react-dropzone";
-import { R as lo } from "./components/hook-form/RHFUpload/index.56e2e277.js";
-import { A as Fo } from "./components/mui_extended/Accordion/index.49f5df8e.js";
-import { A as Do } from "./components/mui_extended/Avatar/index.dadb0528.js";
-import { B as yo, L as Po } from "./components/mui_extended/Button/index.6df3e958.js";
-import { L as Co, P as Lo } from "./components/mui_extended/Popover/index.d708b699.js";
-import { P as Ho, g as Mo } from "./components/mui_extended/Pager/index.b072df6b.js";
-import { T as Bo } from "./components/mui_extended/Tab/index.e0653a0a.js";
-import { D as To, N as So, T as Eo, g as No } from "./components/DataGrid/index.cd4fff69.js";
+import { R as go } from "./components/hook-form/RHFUpload/index.56e2e277.js";
+import { A as uo } from "./components/mui_extended/Accordion/index.49f5df8e.js";
+import { A as yo } from "./components/mui_extended/Avatar/index.dadb0528.js";
+import { B as Ao, L as Po } from "./components/mui_extended/Button/index.ae47764f.js";
+import { L as Lo, P as Ho } from "./components/mui_extended/Popover/index.b6e4392a.js";
+import { P as Mo, g as bo } from "./components/mui_extended/Pager/index.298730a1.js";
+import { T as Io } from "./components/mui_extended/Tab/index.e0653a0a.js";
+import { D as So, N as Eo, T as No, g as ho } from "./components/DataGrid/index.cb62609c.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import "@m4l/graphics";
-import { S as Oo } from "./components/ScrollBar/index.39eeb2de.js";
-import { D as jo, d as ko, g as Go } from "./components/DynamicFilter/index.4d3c60b4.js";
+import { S as Uo } from "./components/ScrollBar/index.39eeb2de.js";
+import { D as ko, d as Go, g as zo } from "./components/DynamicFilter/index.549adc46.js";
 import "simplebar/dist/simplebar.min.css";
-import { R as Vo } from "./components/contexts/RHFormContext/index.33dba822.js";
+import { R as wo } from "./components/contexts/RHFormContext/index.33dba822.js";
 import "yup";
 import "./react-draggable.20e95c61.js";
-import { M as Wo, d as qo, g as Jo } from "./components/ModalDialog/index.e1f31e50.js";
-import { R as Qo } from "./components/Resizeable/index.45995d2b.js";
-import { N as Yo, d as Zo, g as _o } from "./components/NoItemSelected/index.9609a7f7.js";
-import { O as or, d as rr, g as tr } from "./components/ObjectLogs/index.9c43ba69.js";
+import { M as qo, d as Jo, g as Ko } from "./components/ModalDialog/index.0340fb86.js";
+import { R as Xo } from "./components/Resizeable/index.45995d2b.js";
+import { N as Zo, d as _o, g as $o } from "./components/NoItemSelected/index.9609a7f7.js";
+import { O as rr, d as tr, g as ar } from "./components/ObjectLogs/index.b1dcc4db.js";
 import "./react-json-view.f56a7f8e.js";
-import { P as er } from "./components/PaperForm/index.3f8c7ef2.js";
-import { H as sr } from "./components/Page/index.fc660ee5.js";
-import { P as pr } from "./components/PropertyValue/index.ab3dd7e9.js";
+import { P as mr } from "./components/PaperForm/index.3f8c7ef2.js";
+import { H as ir } from "./components/Page/index.fc660ee5.js";
+import { P as nr } from "./components/PropertyValue/index.ab3dd7e9.js";
 import "./react-splitter-layout.7810ac1b.js";
 import { S as xr } from "./components/SplitLayout/index.4032673d.js";
-import { v as cr } from "./components/animate/variants/fade.b561c0fc.js";
-import { v as dr } from "./components/animate/variants/bounce.784aaaaa.js";
-import { v as Fr } from "./components/animate/variants/container.11f82b76.js";
-import { v as Dr, a as Rr, b as yr } from "./components/animate/variants/transition.bd46b9ce.js";
-import { M as Ar } from "./components/animate/MotionContainer/index.8d9f9d80.js";
-import { M as Lr } from "./components/animate/MotionLazyContainer/index.572dd012.js";
-import { R as Hr } from "./components/hook-form/RHFAutocompleteAsync/index.3b3da5f6.js";
-import { R as br } from "./components/hook-form/RHFMultiCheckbox/index.2680b3b6.js";
-import { R as Ir } from "./components/hook-form/RHFSelect/index.b6ca8bb2.js";
-import { R as Sr } from "./components/hook-form/RHFRadioGroup/index.b3335e13.js";
-import { B as Nr } from "./components/mui_extended/BoxIcon/index.e638ecc8.js";
-import { B as Or } from "./components/mui_extended/Breadcrumbs/index.5e37d903.js";
-import { L as jr } from "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
-import { T as Gr } from "./components/mui_extended/Typography/index.e5494696.js";
-import { B as Vr, c as wr } from "./components/formatters/BooleanFormatter/index.3ec56305.js";
-import { D as qr, c as Jr } from "./components/formatters/DateFormatter/index.08d8823b.js";
-import { P as Qr, a as Xr, U as Yr, e as Zr, b as _r, c as $r, d as ot, g as rt } from "./components/formatters/index.6959c2de.js";
-import { A as at } from "./components/CommonActions/components/ActionCancel/index.7b862bd3.js";
-import { A as mt } from "./components/CommonActions/components/ActionIntro/index.35c8757f.js";
-import { A as it } from "./components/CommonActions/components/ActionFormCancel/index.b59a0011.js";
-import { A as nt } from "./components/CommonActions/components/ActionFormIntro/index.ca4d2674.js";
-import { L as ft } from "./components/Loadable/index.f5518558.js";
-import { S as lt } from "./components/ScrollToTop/index.e06f98f6.js";
-import { u as gt } from "./hooks/useFormAddEdit/index.d4845f1a.js";
-import { u as ut } from "./hooks/useModal/index.34cc1e55.js";
-import { L as Rt } from "./assets/Logo/index.228dcb5a.js";
+import { v as lr } from "./components/animate/variants/fade.b561c0fc.js";
+import { v as gr } from "./components/animate/variants/bounce.784aaaaa.js";
+import { v as ur } from "./components/animate/variants/container.11f82b76.js";
+import { v as yr, a as Rr, b as Ar } from "./components/animate/variants/transition.bd46b9ce.js";
+import { M as Cr } from "./components/animate/MotionContainer/index.8d9f9d80.js";
+import { M as Hr } from "./components/animate/MotionLazyContainer/index.572dd012.js";
+import { R as Mr, g as br } from "./components/hook-form/RHFAutocompleteAsync/index.757b5080.js";
+import { R as Ir } from "./components/hook-form/RHFMultiCheckbox/index.2680b3b6.js";
+import { R as Sr } from "./components/hook-form/RHFSelect/index.b6ca8bb2.js";
+import { R as Nr } from "./components/hook-form/RHFRadioGroup/index.b3335e13.js";
+import { B as Or } from "./components/mui_extended/BoxIcon/index.e638ecc8.js";
+import { B as jr } from "./components/mui_extended/Breadcrumbs/index.5e37d903.js";
+import { C as Gr } from "./components/mui_extended/CircularProgress/index.ad569afd.js";
+import { L as Vr } from "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
+import { T as Wr } from "./components/mui_extended/Typography/index.e5494696.js";
+import { B as Jr, c as Kr } from "./components/formatters/BooleanFormatter/index.3ec56305.js";
+import { D as Xr, c as Yr } from "./components/formatters/DateFormatter/index.08d8823b.js";
+import { P as _r, a as $r, U as ot, e as rt, b as tt, c as at, d as et, g as mt } from "./components/formatters/index.6959c2de.js";
+import { A as it } from "./components/CommonActions/components/ActionCancel/index.465be070.js";
+import { A as nt } from "./components/CommonActions/components/ActionIntro/index.235ecbe2.js";
+import { A as xt } from "./components/CommonActions/components/ActionFormCancel/index.0deaba48.js";
+import { A as lt } from "./components/CommonActions/components/ActionFormIntro/index.ca4d2674.js";
+import { L as gt } from "./components/Loadable/index.f5518558.js";
+import { S as ut } from "./components/ScrollToTop/index.e06f98f6.js";
+import { u as yt } from "./hooks/useFormAddEdit/index.d4845f1a.js";
+import { u as At } from "./hooks/useModal/index.f2492b34.js";
+import { L as Ct } from "./assets/Logo/index.228dcb5a.js";
 import "./utils/index.214d9542.js";
 import "./react-data-grid.d46d625e.js";
 import "clsx";
@@ -89,94 +90,97 @@ import "./react-resizable.5277deaf.js";
 import "./commonjs.565e6834.js";
 import "react-helmet-async";
 export {
-  Fo as Accordion,
-  at as ActionCancel,
-  it as ActionFormCancel,
-  nt as ActionFormIntro,
-  mt as ActionIntro,
-  mo as Actions,
-  Do as Avatar,
-  Vr as BooleanFormatter,
-  Nr as BoxIcon,
-  Or as Breadcrumbs,
-  yo as Button,
-  To as DataGrid,
-  qr as DateFormatter,
-  jo as DynamicFilter,
-  oo as ErrorLabel,
-  sr as HelmetPage,
-  Y as Icon,
+  uo as Accordion,
+  it as ActionCancel,
+  xt as ActionFormCancel,
+  lt as ActionFormIntro,
+  nt as ActionIntro,
+  so as Actions,
+  yo as Avatar,
+  Jr as BooleanFormatter,
+  Or as BoxIcon,
+  jr as Breadcrumbs,
+  Ao as Button,
+  Gr as CircularProgress,
+  So as DataGrid,
+  Xr as DateFormatter,
+  ko as DynamicFilter,
+  ro as ErrorLabel,
+  ir as HelmetPage,
+  Z as Icon,
   N as IconButton,
   h as IconButtonAnimate,
-  z as Image,
-  Co as LanguagePopover,
-  jr as LinkWithRoute,
-  ft as Loadable,
+  V as Image,
+  Lo as LanguagePopover,
+  Vr as LinkWithRoute,
+  gt as Loadable,
   Po as LoadingButton,
   U as LoadingScreen,
-  Rt as Logo,
-  so as MenuActions,
+  Ct as Logo,
+  io as MenuActions,
   xo as ModalContext,
-  Wo as ModalDialog,
+  qo as ModalDialog,
   fo as ModalProvider,
-  Ar as MotionContainer,
-  Lr as MotionLazyContainer,
-  Yo as NoItemSelected,
-  So as NumberEditor,
-  or as ObjectLogs,
-  Ho as Pager,
-  er as PaperForm,
-  to as Period,
-  Qr as PointsFormatter,
-  Lo as Popover,
-  Xr as PriceFormatter,
-  pr as PropertyValue,
+  Cr as MotionContainer,
+  Hr as MotionLazyContainer,
+  Zo as NoItemSelected,
+  Eo as NumberEditor,
+  rr as ObjectLogs,
+  Mo as Pager,
+  mr as PaperForm,
+  ao as Period,
+  _r as PointsFormatter,
+  Ho as Popover,
+  $r as PriceFormatter,
+  nr as PropertyValue,
   k as RHFAutocomplete,
-  Hr as RHFAutocompleteAsync,
-  w as RHFCheckbox,
-  q as RHFDateTime,
-  br as RHFMultiCheckbox,
-  _ as RHFPeriod,
-  Sr as RHFRadioGroup,
-  Ir as RHFSelect,
-  K as RHFTextField,
-  Q as RHFTextFieldPassword,
-  lo as RHFUploadImage,
-  Vo as RHFormProvider,
-  Qo as Resizeable,
-  Oo as ScrollBar,
-  lt as ScrollToTop,
+  Mr as RHFAutocompleteAsync,
+  W as RHFCheckbox,
+  J as RHFDateTime,
+  Ir as RHFMultiCheckbox,
+  $ as RHFPeriod,
+  Nr as RHFRadioGroup,
+  Sr as RHFSelect,
+  Q as RHFTextField,
+  X as RHFTextFieldPassword,
+  go as RHFUploadImage,
+  wo as RHFormProvider,
+  Xo as Resizeable,
+  Uo as ScrollBar,
+  ut as ScrollToTop,
   xr as SplitLayout,
-  Bo as Tab,
-  Eo as TextEditor,
-  Gr as Typography,
-  Yr as UncertaintyFormatter,
-  wr as columnBooleanFormatter,
-  Jr as columnDateFormatter,
-  Zr as columnNestedValueFormatter,
-  _r as columnPointsFormatter,
-  $r as columnUncertaintyFormatter,
-  io as defaultCommonActionsDictionary,
-  ko as defaultDynamicFilterDictionary,
-  ot as defaultFormattersDictionary,
-  qo as defaultModalDialogDictionary,
-  Zo as defaultNoItemSelectedDictionary,
-  rr as defaultObjectLogDictionary,
-  po as getCommonActionsDictionary,
-  Go as getDynamicFilterComponentsDictionary,
-  rt as getFormattersComponentsDictionary,
-  No as getGridComponentsDictionary,
-  Jo as getModalDialogComponentsDictionary,
-  _o as getNoItemSelectedComponentsDictionary,
-  tr as getObjectLogsComponentsDictionary,
-  Mo as getPagerComponentsDictionary,
-  ao as getPeriodComponetsDictionary,
-  gt as useFormAddEdit,
-  ut as useModal,
-  dr as varBounce,
-  Fr as varContainer,
-  cr as varFade,
-  Dr as varTranEnter,
+  Io as Tab,
+  No as TextEditor,
+  Wr as Typography,
+  ot as UncertaintyFormatter,
+  Kr as columnBooleanFormatter,
+  Yr as columnDateFormatter,
+  rt as columnNestedValueFormatter,
+  tt as columnPointsFormatter,
+  at as columnUncertaintyFormatter,
+  po as defaultCommonActionsDictionary,
+  Go as defaultDynamicFilterDictionary,
+  et as defaultFormattersDictionary,
+  Jo as defaultModalDialogDictionary,
+  _o as defaultNoItemSelectedDictionary,
+  tr as defaultObjectLogDictionary,
+  no as getCommonActionsDictionary,
+  zo as getDynamicFilterComponentsDictionary,
+  mt as getFormattersComponentsDictionary,
+  ho as getGridComponentsDictionary,
+  Ko as getModalDialogComponentsDictionary,
+  $o as getNoItemSelectedComponentsDictionary,
+  ar as getObjectLogsComponentsDictionary,
+  bo as getPagerComponentsDictionary,
+  eo as getPeriodComponetsDictionary,
+  br as getRHFAutocompleteAsyncComponentsDictionary,
+  G as getRHFAutocompleteComponentsDictionary,
+  yt as useFormAddEdit,
+  At as useModal,
+  gr as varBounce,
+  ur as varContainer,
+  lr as varFade,
+  yr as varTranEnter,
   Rr as varTranExit,
-  yr as varTranHover
+  Ar as varTranHover
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "license": "UNLICENSED",
   "dependencies": {
     "@m4l/core": "*",

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

@@ -1,171 +0,0 @@
-import { useModuleDictionary as K, useModuleSkeleton as U } from "@m4l/core";
-import { useFormContext as z, Controller as B } from "react-hook-form";
-import { Skeleton as y, Autocomplete as G, TextField as N, CircularProgress as J } from "@mui/material";
-import { styled as d } from "@mui/material/styles";
-import { I as v } from "../../Image/index.c9da2d5a.js";
-import { useMemo as Q, useState as F, useEffect as X } from "react";
-import { jsxs as O, jsx as n, Fragment as Y } from "react/jsx-runtime";
-const Z = d("div")(() => ({
-  display: "flex",
-  width: "100%",
-  flexDirection: "column"
-})), ee = d("div")(({
-  theme: t
-}) => ({
-  width: "100%",
-  display: "grid",
-  gridTemplateColumns: "1fr auto",
-  gridGap: t.spacing(2),
-  alignItems: "center",
-  height: `${t.spacing(4.5)}`,
-  border: `1px solid ${t.palette.divider}`,
-  borderRadius: `${t.spacing(1)}`,
-  padding: `0 ${t.spacing(2)}`,
-  [t.breakpoints.down("md")]: {
-    width: "100%"
-  }
-})), te = d("div")(({
-  theme: t
-}) => ({
-  display: "flex",
-  width: "100%",
-  "& .MuiAutocomplete-root": {
-    width: "100%"
-  },
-  "& .m4l_image": {
-    marginLeft: t.spacing(1.5)
-  }
-})), oe = d("li")(({
-  theme: t
-}) => ({
-  "& .m4l_image": {
-    marginRight: t.spacing(1.5)
-  }
-}));
-function ne(t, l, c) {
-  return function(s, g) {
-    return /* @__PURE__ */ O(oe, {
-      ...s,
-      children: [/* @__PURE__ */ n(v, {
-        src: t(g),
-        width: l,
-        height: c
-      }), s.key]
-    });
-  };
-}
-function de(t) {
-  const {
-    name: l,
-    getOptionLabel: c,
-    isOptionEqualToValue: x,
-    label: s,
-    skeletonWidth: g = 100,
-    skeletonHeight: P = "18px",
-    options: W,
-    disabled: E,
-    getOptionUrlImage: p,
-    imageWidth: C = "24px",
-    imageHeight: I = "24px",
-    onOpen: b,
-    onClose: T,
-    loading: L,
-    onChangeOption: w,
-    onChangeFilterParmsLocal: a,
-    ...H
-  } = t, {
-    getLabel: k
-  } = K(), M = U(), {
-    control: $
-  } = z(), A = Q(() => p !== void 0, [p]), [q, S] = F(!1), V = (e, o) => {
-    S(!1), T && T(e, o);
-  }, j = (e) => {
-    S(!0), b && b(e);
-  }, m = (e) => e == null ? "" : c(e), _ = (e) => e == null || p === void 0 ? "" : p(e), D = (e, o) => o == null || e === null ? !1 : x(e, o);
-  return M ? /* @__PURE__ */ n(Z, {
-    children: /* @__PURE__ */ O(ee, {
-      children: [/* @__PURE__ */ n(y, {
-        variant: "text",
-        width: g,
-        height: P
-      }, "sk1"), /* @__PURE__ */ n(y, {
-        variant: "circular",
-        width: 16,
-        height: 16
-      }, "sk2")]
-    })
-  }) : /* @__PURE__ */ n(B, {
-    name: l,
-    control: $,
-    render: ({
-      field: {
-        onChange: e,
-        value: o
-      },
-      fieldState: {
-        error: R
-      }
-    }) => {
-      const [u, f] = F(m(o));
-      return X(() => {
-        !q && o === null && u !== "" && f("");
-      }, [o]), console.log("Render AC", l, u, typeof u, o), /* @__PURE__ */ n(te, {
-        className: "m4l_rhf_autocomplete",
-        children: /* @__PURE__ */ n(G, {
-          autoComplete: !0,
-          autoSelect: !a,
-          options: W,
-          getOptionLabel: m,
-          inputValue: u,
-          clearOnBlur: !1,
-          onInputChange: (i, r, h) => {
-            console.debug("******onInputChange*", r, h), h === "input" ? (f(r), a && a(r, h)) : e(null);
-          },
-          isOptionEqualToValue: D,
-          disableClearable: !0,
-          value: o || null,
-          onOpen: j,
-          onClose: V,
-          onChange: (i, r) => {
-            console.log("onChange  optiion*", r), w && w(r), f(m(r)), e(r);
-          },
-          filterOptions: a ? (i) => i : void 0,
-          loading: L,
-          loadingText: k("rhf_autocomplete.loading_options"),
-          disabled: E,
-          noOptionsText: k("rhf_autocomplete.no_options"),
-          renderOption: A ? ne(_, C, I) : void 0,
-          renderInput: (i) => (console.log("renderInput parms", l, i.inputProps.value), /* @__PURE__ */ n(N, {
-            ...i,
-            label: s,
-            fullWidth: !0,
-            SelectProps: {
-              native: !0
-            },
-            InputProps: {
-              ...i.InputProps,
-              startAdornment: A && o ? /* @__PURE__ */ n(v, {
-                src: _(o),
-                width: C,
-                height: I
-              }, "ImageTextField") : null,
-              endAdornment: /* @__PURE__ */ O(Y, {
-                children: [L ? /* @__PURE__ */ n(J, {
-                  color: "inherit",
-                  size: 20
-                }) : null, i.InputProps.endAdornment]
-              })
-            },
-            autoComplete: "off",
-            error: !!R,
-            helperText: R?.message,
-            ...H
-          }))
-        })
-      });
-    }
-  });
-}
-export {
-  de as R
-};

package/components/hook-form/RHFAutocompleteAsync/index.3b3da5f6.js

@@ -1,73 +0,0 @@
-import { useState as o, useCallback as H, useEffect as p } from "react";
-import { useNetwork as N, getPropertyByString as k } from "@m4l/core";
-import { useFormContext as w } from "react-hook-form";
-import x from "lodash/debounce";
-import { R as S } from "../RHFAutocomplete/index.ee3d9b3c.js";
-import { jsx as I } from "react/jsx-runtime";
-function J(O) {
-  const {
-    name: d,
-    endPoint: t,
-    timeout: g = 5e3,
-    parms: s,
-    resultField: F = "data",
-    isRemote: A = !0,
-    onChangeFilterParms: n,
-    ...C
-  } = O;
-  w();
-  const {
-    networkOperation: P
-  } = N(), [h, r] = o([]), [a, m] = o(!1), [l, c] = o(!1), [u, i] = o(!0), [f, R] = o({}), y = H(x((e) => {
-    console.debug("setCanLoadOptions", !0), i(!0), console.log("New parms:", e), R(e);
-  }, 300), []), L = (e) => {
-    n && y(n(e));
-  };
-  return p(() => {
-    console.log("useEffect RHFAutocompleteAsync Parms", s, t), r([]), i(!0);
-  }, [s, t]), p(() => {
-    let e = !0;
-    if (console.log("useEffect RHFAutocompleteAsync", a, l, u), !(!a || l)) {
-      if (!u) {
-        console.log("****NO LOAD OPTIONS***");
-        return;
-      }
-      return c(!0), r([]), i(!1), P({
-        method: "GET",
-        endPoint: t,
-        timeout: g,
-        parms: {
-          ...s,
-          ...f
-        },
-        isRemote: A
-      }).then((b) => {
-        if (e) {
-          const E = k(b, F);
-          r(E);
-        }
-      }).catch(() => {
-        console.error("OJOOOO ");
-      }).finally(() => {
-        e && c(!1);
-      }), () => {
-        e = !1, c(!1);
-      };
-    }
-  }, [a, s, f, t]), /* @__PURE__ */ I(S, {
-    name: d,
-    loading: l,
-    options: h,
-    onChangeFilterParmsLocal: n ? L : void 0,
-    onOpen: () => {
-      m(!0);
-    },
-    onClose: () => {
-      m(!1);
-    },
-    ...C
-  });
-}
-export {
-  J as R
-};