@m4l/components 0.1.23 → 0.1.25

package/components/CommonActions/components/ActionCancel/{index.7b862bd3.js → index.9cfffe65.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.2afaa420.js";
 import { jsx as i } from "react/jsx-runtime";
 const m = (o) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.b59a0011.js → index.ef60c2ee.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.2afaa420.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.b1f96279.js";
 import { jsx as r } from "react/jsx-runtime";
 function A(n) {
   const {

package/components/CommonActions/components/ActionIntro/{index.35c8757f.js → index.f8403e8e.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.2afaa420.js";
 import { jsx as i } from "react/jsx-runtime";
 const e = (o) => {
   const {

package/components/CommonActions/components/Actions/{index.edceed6b.js → index.309d3b6f.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.f17b3653.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.fe073438.js";
+import { P as dt } from "../../../mui_extended/Pager/index.a23cf8de.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.b1f96279.js";
+import { A as ft } from "../ActionCancel/index.9cfffe65.js";
+import { A as ut } from "../ActionIntro/index.f8403e8e.js";
+import { P as mt } from "../../../mui_extended/Popover/index.12b0ab55.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.fe073438.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.309d3b6f.js";
+import { g as be, d as ve } from "../ModalDialog/index.a24ca508.js";
+import { g as xe, d as Re } from "../mui_extended/Pager/index.a23cf8de.js";
 const Se = A("div")(() => ({
   display: "flex",
   flexDirection: "column",

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

@@ -4,34 +4,34 @@ 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";
+import "../hook-form/RHFCheckbox/index.6dcec9e2.js";
 import { alpha as Ke, styled as be, Skeleton as Fe, MenuItem as ze, useTheme as Ye, Popper as Ge } from "@mui/material";
-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 { R as ee } from "../hook-form/RHFDateTime/index.9231a7c7.js";
+import { R as Y } from "../hook-form/RHFTextField/index.ba2a8f67.js";
 import { I as he } from "../Icon/index.f569765b.js";
-import "../hook-form/RHFPeriod/index.fc3af81f.js";
+import "../hook-form/RHFPeriod/index.067790c9.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.080a987d.js";
+import { L as Ue, b as Je, g as Qe } from "../CommonActions/components/Actions/index.309d3b6f.js";
 import "@mui/material/Button";
 import "react-router-dom";
-import "../../contexts/ModalContext/index.33dc1be9.js";
+import "../../contexts/ModalContext/index.f17b3653.js";
 import "@mui/lab";
 import "lodash/isString";
 import "react-dropzone";
 import "../Image/index.c9da2d5a.js";
-import "../hook-form/RHFUpload/index.56e2e277.js";
+import "../hook-form/RHFUpload/index.6347159a.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.2afaa420.js";
+import { P as Xe } from "../mui_extended/Popover/index.12b0ab55.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.9cfffe65.js";
+import { A as tt } from "../CommonActions/components/ActionIntro/index.f8403e8e.js";
 import { useResponsiveDesktop as rt } from "@m4l/graphics";
 const re = h("div")(({
   theme: e
@@ -60,7 +60,7 @@ const re = h("div")(({
 ], xe = {
   name: "all",
   label: "dynamic_filter.all_fields",
-  urlIcon: "https://s3.amazonaws.com/static.made4labs/environments/d1/frontend/components/icon/assets/icons/default.svg",
+  urlIcon: "",
   type: "string",
   multiple: !0,
   presence: "optional"

package/components/ModalDialog/{index.e1f31e50.js → index.a24ca508.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.b1f96279.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.309d3b6f.js";
 const j = s(b)(() => ({})), k = s("div")(({ theme: o }) => ({
   display: "flex",
   flexDirection: "column",

package/components/ObjectLogs/{index.9c43ba69.js → index.a7d36267.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.fe073438.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.b1f96279.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.d0753667.js";
 const q = g("div")(() => ({
   height: "100%",
   width: "100%",

package/components/Period/index.080a987d.js

@@ -0,0 +1,175 @@
+import { useModuleDictionary as O, useModuleSkeleton as P, useEnvironment as R } from "@m4l/core";
+import { styled as a, Skeleton as u, Autocomplete as T, TextField as b } from "@mui/material";
+import { useMemo as $ } from "react";
+import { I as A } from "../Icon/index.f569765b.js";
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { g as w } from "../CommonActions/components/Actions/index.309d3b6f.js";
+import "@mui/material/Button";
+import "react-hook-form";
+import "react-router-dom";
+import "../../contexts/ModalContext/index.f17b3653.js";
+import "@mui/lab";
+const M = a("div")(({
+  theme: t,
+  error: i,
+  readOnly: p
+}) => ({
+  display: "flex",
+  width: "100%",
+  height: "auto",
+  alignItems: "center",
+  gap: t.spacing(1),
+  border: i ? `1px solid ${t.palette.error.main}` : `1px solid ${t.palette.divider}`,
+  padding: t.spacing(0.5, 1),
+  borderRadius: "4px",
+  ...p && {
+    border: "0px"
+  },
+  "& .MuiAutocomplete-root, & .MuiTextField-root": {
+    width: "100%"
+  },
+  "& .MuiAutocomplete-root .MuiTextField-root": {
+    width: "100%"
+  },
+  "& .MuiTextField-root .MuiInput-input": {
+    padding: "5px!important"
+  }
+})), g = a("div")(({
+  theme: t
+}) => ({
+  width: "1px",
+  height: "20px",
+  backgroundColor: t.palette.divider
+})), D = a("div", {
+  shouldForwardProp: (t) => t !== "readOnly"
+})(({
+  theme: t,
+  readOnly: i
+}) => ({
+  display: "flex",
+  width: "100%",
+  height: "37.5px",
+  alignItems: "center",
+  gap: t.spacing(1),
+  border: `1px solid ${t.palette.divider}`,
+  ...i && {
+    border: "0px"
+  },
+  padding: t.spacing(0.5, 1),
+  borderRadius: "4px"
+})), F = a("div")(({
+  theme: t
+}) => ({
+  ...t.typography.body2,
+  width: "100%",
+  display: "flex",
+  textOverflow: "elipsis",
+  overflow: "hidden",
+  padding: "5px",
+  textAlign: "left"
+})), H = a("div")(({
+  theme: t
+}) => ({
+  ...t.typography.body2,
+  width: "70px",
+  display: "flex",
+  textOverflow: "elipsis",
+  overflow: "hidden",
+  padding: "5px",
+  textAlign: "left"
+}));
+var r = /* @__PURE__ */ ((t) => (t[t.YEARS = 0] = "YEARS", t[t.MONTHS = 1] = "MONTHS", t[t.DAYS = 2] = "DAYS", t))(r || {});
+const _ = (t) => t ? t.selPeriodTime ? t.selPeriodTime : t.years && t.years > 0 ? r.YEARS : t.months && t.months > 0 ? r.MONTHS : t.days && t.days > 0 ? r.DAYS : r.YEARS : r.YEARS, N = (t) => t ? t.singleValue !== void 0 ? t.singleValue : t.years && t.years > 0 ? t.years : t.months && t.months > 0 ? t.months : t.days && t.days > 0 ? t.days : "" : "", J = (t) => {
+  const {
+    value: i,
+    onChange: p,
+    error: C = !1,
+    readOnly: l = !1,
+    skeletonWidth: I = "100%",
+    skeletonHeight: h = "18px"
+  } = t, {
+    getLabel: d
+  } = O(), Y = P(), f = _(i), x = N(i), m = (e, o) => {
+    const s = {
+      selPeriodTime: e,
+      singleValue: o
+    };
+    o !== "" && o > 0 && (s.years = 0, s.months = 0, s.days = 0, e === r.YEARS && (s.years = o), e === r.MONTHS && (s.months = o), e === r.DAYS && (s.days = o)), p(s);
+  }, k = (e) => {
+    e && m(e.id, x);
+  }, {
+    host_static_assets: y,
+    environment_assets: v
+  } = R(), S = $(() => [{
+    id: 0,
+    label: d("period.years")
+  }, {
+    id: 1,
+    label: d("period.months")
+  }, {
+    id: 2,
+    label: d("period.days")
+  }], [d]);
+  return Y ? /* @__PURE__ */ c(D, {
+    readOnly: l,
+    children: [/* @__PURE__ */ n(u, {
+      variant: "text",
+      width: "50%",
+      height: h
+    }), /* @__PURE__ */ n(g, {}), /* @__PURE__ */ n(u, {
+      variant: "text",
+      width: I,
+      height: h
+    }), /* @__PURE__ */ n(u, {
+      variant: "circular",
+      width: 20,
+      sx: {
+        minWidth: "20px",
+        minHeight: "20px"
+      }
+    })]
+  }) : (l && (i.selPeriodTime, i.singleValue, A, `${y}${v}`), /* @__PURE__ */ c(M, {
+    error: C,
+    readOnly: l,
+    children: [/* @__PURE__ */ n(T, {
+      options: S,
+      value: S[f],
+      disableClearable: !0,
+      onChange: (e, o) => {
+        k(o);
+      },
+      renderInput: (e) => /* @__PURE__ */ n(b, {
+        ...e,
+        fullWidth: !0,
+        variant: "standard",
+        SelectProps: {
+          native: !0
+        },
+        InputProps: {
+          disableUnderline: !0,
+          ...e.InputProps
+        },
+        autoComplete: "off"
+      }, `tx_async_${e.id}`)
+    }), /* @__PURE__ */ n(g, {}), /* @__PURE__ */ n(b, {
+      type: "number",
+      variant: "standard",
+      value: x,
+      InputProps: {
+        disableUnderline: !0
+      },
+      onChange: (e) => {
+        m(f, e.target.value === "" ? "" : parseInt(e.target.value));
+      }
+    }), /* @__PURE__ */ n(A, {
+      src: `${y}/${v}/frontend/components/period/assets/icons/clock.svg`
+    })]
+  }));
+};
+function Q() {
+  return ["period"].concat(w());
+}
+export {
+  J as P,
+  Q as g
+};

package/components/Period/styles.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { WrapperProps } from './types';
+import { SKTWrapperProps, WrapperProps } from './types';
 export declare const ContainerPeriod: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Gap: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SKTWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & SKTWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const FieldPeriod: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const FieldValue: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/Period/types.d.ts

@@ -8,9 +8,10 @@ export declare type PeriodTime = {
     id: number;
     label: string;
 };
-export interface WrapperProps {
+export interface WrapperProps extends Pick<PeriodProps, 'readOnly'> {
     error: boolean;
 }
+export declare type SKTWrapperProps = Pick<PeriodProps, 'readOnly'>;
 export declare type PeriodType = {
     selPeriodTime: ETimePeriods;
     singleValue: number | '';
@@ -24,6 +25,8 @@ export interface PeriodProps {
     error?: boolean;
     readOnly?: boolean;
     variant?: PeriodVariant;
+    skeletonWidth?: string | number;
+    skeletonHeight?: string | number;
 }
 export interface WrapperProps {
     error: boolean;

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
+};