@m4l/components 9.4.40 → 9.4.41

package/components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/index.js

@@ -38,7 +38,7 @@ import "../../../../CommonActions/components/ActionFormCancel/slots/ActionFormCa
 import "../../../../CommonActions/components/ActionFormIntro/slots/ActionFormIntroSlots.js";
 import "../../../../CommonActions/components/ActionFormSubmitProgrammatic/slots/ActionFormSubmitProgrammaticSlots.js";
 import "../../../../HelperError/HelperError.js";
-import "lodash-es/debounce";
+import "../../../../hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js";
 import "../../../../hook-form/RHFCheckbox/RHFCheckbox.js";
 import "../../../../hook-form/RHFCheckableList/constants.js";
 import "../../../../hook-form/RHFCheckableList/slots/RHFCheckableListSlots.js";

package/components/DynamicForm/helpers/resolveFieldComponent/resolveFieldComponent.js

@@ -24,15 +24,13 @@ import "../../../hook-form/RHFCheckableList/slots/RHFCheckableListSlots.js";
 import "../../slots/DynamicFormSlots.js";
 import "../../../hook-form/RHFDaysOfWeekPicker/RHFDaysOfWeekPicker.js";
 import "../../../hook-form/RHFDateRangePicker/RHFDateRangePicker.js";
-import "../../../extended/mui/Autocomplete/Autocomplete.js";
-import "../../../hook-form/RHFAutocomplete/slots/RHFAutocompleteSlots.js";
-import "../../../hook-form/RHFAutocomplete/constants.js";
+import "../../../hook-form/RHFAutocomplete/RHFAutocomplete.js";
 import "../../../extended/mui/Radio/Radio.js";
 import "../../../hook-form/RHFRadioGroup/slots/styled.js";
 import "../../../Icon/constants.js";
 import "../../../Icon/slots/IconSlots.js";
 import "../../../hook-form/RHFRadioGroup/constants.js";
-function B(r, o) {
+function w(r, o) {
   const p = r.fieldType.rhfComponent, m = a[p];
   if (!m)
     return null;
@@ -52,5 +50,5 @@ function B(r, o) {
   return m.render(n);
 }
 export {
-  B as resolveFieldComponent
+  w as resolveFieldComponent
 };

package/components/DynamicForm/hooks/useDynamicForm/useDynamicForm.js

@@ -28,16 +28,14 @@ import "../../../hook-form/RHFCheckableList/slots/RHFCheckableListSlots.js";
 import "../../slots/DynamicFormSlots.js";
 import "../../../hook-form/RHFDaysOfWeekPicker/RHFDaysOfWeekPicker.js";
 import "../../../hook-form/RHFDateRangePicker/RHFDateRangePicker.js";
-import "../../../extended/mui/Autocomplete/Autocomplete.js";
-import "../../../hook-form/RHFAutocomplete/slots/RHFAutocompleteSlots.js";
-import "../../../hook-form/RHFAutocomplete/constants.js";
+import "../../../hook-form/RHFAutocomplete/RHFAutocomplete.js";
 import "../../../extended/mui/Radio/Radio.js";
 import "../../../hook-form/RHFRadioGroup/slots/styled.js";
 import "../../../Icon/constants.js";
 import "../../../Icon/slots/IconSlots.js";
 import "../../../hook-form/RHFRadioGroup/constants.js";
 import { createValidationPartialObject as g, createValidationSchema as w, createValidationFullObject as A } from "../../../hook-form/RHFormProvider/schema.js";
-function lo(h) {
+function so(h) {
   const { fields: a, conditionalRules: p } = h, { getLabel: s } = N(), d = l(() => {
     const r = {};
     return a.forEach((o) => {
@@ -86,5 +84,5 @@ function lo(h) {
   };
 }
 export {
-  lo as useDynamicForm
+  so as useDynamicForm
 };

package/components/DynamicSort/dictionary.js

@@ -33,16 +33,14 @@ import "../CommonActions/components/ActionFormCancel/slots/ActionFormCancelSlots
 import { getCommonActionsDictionary as i } from "../CommonActions/dictionary.js";
 import "../CommonActions/components/ActionFormIntro/slots/ActionFormIntroSlots.js";
 import "../CommonActions/components/ActionFormSubmitProgrammatic/slots/ActionFormSubmitProgrammaticSlots.js";
-import "../HelperError/HelperError.js";
-import "../extended/mui/Autocomplete/Autocomplete.js";
-import "../hook-form/RHFAutocomplete/slots/RHFAutocompleteSlots.js";
-import "../hook-form/RHFAutocomplete/constants.js";
+import "../hook-form/RHFAutocomplete/RHFAutocomplete.js";
 import "@mui/material";
 import "../Color/slots/ColorSlots.js";
 import "../Label/slots/LabelSlots.js";
 import "../hook-form/RHFColorPicker/slots/RHFColorPickerSlots.js";
+import "../HelperError/HelperError.js";
 import { getRHFAutocompleteComponentsDictionary as r } from "../hook-form/RHFAutocomplete/dictionary.js";
-import "lodash-es/debounce";
+import "../hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js";
 import "../hook-form/RHFCheckbox/RHFCheckbox.js";
 import "../hook-form/RHFCheckableList/constants.js";
 import "../hook-form/RHFCheckableList/slots/RHFCheckableListSlots.js";
@@ -79,22 +77,22 @@ import "../hook-form/RHFActionsGroup/slots/RHFActionsGroupSlots.js";
 import "../hook-form/RHFActionsGroup/constants.js";
 import "../hook-form/RHFDateRangePicker/RHFDateRangePicker.js";
 const o = "dynamic_sort";
-function $o() {
+function To() {
   return [o].concat(
     i().concat(r())
   );
 }
-const xo = {
+const Yo = {
   input_placeholder: "input_placeholder",
   sort_tooltip_refresh: "sort_tooltip_refresh",
   sort_tooltip_dirty: "sort_tooltip_dirty",
   sort_tooltip_invalid: "sort_tooltip_invalid",
   tooltip_clear_sort: "tooltip_clear_sort",
   label_no_fields_available: "label_no_fields_available"
-}, Fo = (t) => `${o}.${t}`;
+}, $o = (t) => `${o}.${t}`;
 export {
-  xo as DICCTIONARY,
+  Yo as DICCTIONARY,
   o as DYNAMICSORT_DICTIONARY_ID,
-  $o as getDynamicSortComponentsDictionary,
-  Fo as getDynamicSortDictionary
+  To as getDynamicSortComponentsDictionary,
+  $o as getDynamicSortDictionary
 };

package/components/areas/components/AreasAdmin/subcomponents/AreaChip/AreaChip.js

@@ -5,11 +5,8 @@ import { useAreasStore as d } from "../../../../hooks/useAreas/index.js";
 import { Popover as Y } from "../../../../../extended/mui/Popover/Popover.js";
 import { Typography as B } from "../../../../../extended/mui/Typography/Typography.js";
 import { RHFormProvider as q } from "../../../../../hook-form/RHFormProvider/RHFormProvider.js";
+import "../../../../../hook-form/RHFAutocomplete/RHFAutocomplete.js";
 import "react-hook-form";
-import "../../../../../HelperError/HelperError.js";
-import "../../../../../extended/mui/Autocomplete/Autocomplete.js";
-import "../../../../../hook-form/RHFAutocomplete/slots/RHFAutocompleteSlots.js";
-import "../../../../../hook-form/RHFAutocomplete/constants.js";
 import "clsx";
 import { useModuleDictionary as K, useEnvironment as U } from "@m4l/core";
 import { useComponentSize as G } from "../../../../../../hooks/useComponentSize/useComponentSize.js";
@@ -45,7 +42,8 @@ import "zustand/middleware/immer";
 import "../../../../../CommonActions/components/ActionFormCancel/slots/ActionFormCancelSlots.js";
 import "../../../../../CommonActions/components/ActionFormIntro/slots/ActionFormIntroSlots.js";
 import "../../../../../CommonActions/components/ActionFormSubmitProgrammatic/slots/ActionFormSubmitProgrammaticSlots.js";
-import "lodash-es/debounce";
+import "../../../../../HelperError/HelperError.js";
+import "../../../../../hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js";
 import "../../../../../hook-form/RHFCheckbox/RHFCheckbox.js";
 import "../../../../../hook-form/RHFCheckableList/constants.js";
 import "../../../../../hook-form/RHFCheckableList/slots/RHFCheckableListSlots.js";
@@ -81,15 +79,15 @@ import "../../../../../hook-form/RHFActionsGroup/constants.js";
 import "../../../../../hook-form/RHFDateRangePicker/RHFDateRangePicker.js";
 import { ChipActionsMobile as it } from "./subcomponents/ChipActionsMobile/ChipActionsMobile.js";
 import { shallow as b } from "zustand/shallow";
-import { AreaChipRootStyled as nt, AreaContainerChipEditButtonStyled as mt, ChipAreasStyled as at, MenuActionsChipStyled as pt, EditAreaChipContainerStyled as st, EditAreaHeaderStyled as lt } from "../../slots/AreasAdminSlots.js";
+import { AreaChipRootStyled as nt, AreaContainerChipEditButtonStyled as at, ChipAreasStyled as mt, MenuActionsChipStyled as pt, EditAreaChipContainerStyled as st, EditAreaHeaderStyled as lt } from "../../slots/AreasAdminSlots.js";
 import { ICONS as u } from "../../../../icons.js";
-import { getAreasDictionary as n, AREAS_DICCTIONARY as m } from "../../../../dictionary.js";
+import { getAreasDictionary as n, AREAS_DICCTIONARY as a } from "../../../../dictionary.js";
 import { AREAS_ADMIN_KEY_COMPONENT as ct } from "../../constants.js";
 import { AreasAdminSlots as dt } from "../../slots/AreasAdminEnum.js";
 const ut = (I) => {
   const {
     areaId: r,
-    selected: a,
+    selected: m,
     //disabled,
     setAnchorMenuAreas: A,
     size: f,
@@ -105,7 +103,7 @@ const ut = (I) => {
   }, N = H(
     () => ot(rt(et({
       inputEditArea: L.string().required(
-        e(n(m.validation_edit_area))
+        e(n(a.validation_edit_area))
       )
     }))),
     [e]
@@ -117,18 +115,18 @@ const ut = (I) => {
     isMobile: E,
     color: O,
     size: p === "small" || p === "medium" ? p : "medium",
-    isAreaSelected: a
+    isAreaSelected: m
   }, j = [
     {
       type: "menuItem",
       startIcon: `${s}/${l}/frontend/components/areas/assets/icons/${u.EDIT_AREA}`,
-      label: `${e(n(m.label_edit_area))}`,
+      label: `${e(n(a.label_edit_area))}`,
       onClick: w
     },
     {
       type: "menuItem",
       startIcon: `${s}/${l}/frontend/components/areas/assets/icons/${u.DELETE_AREA}`,
-      label: `${e(n(m.label_delete_area))}`,
+      label: `${e(n(a.label_delete_area))}`,
       onClick: z,
       color: "error"
     }
@@ -147,13 +145,13 @@ const ut = (I) => {
           it,
           {}
         ) : /* @__PURE__ */ o(
-          mt,
+          at,
           {
             children: /* @__PURE__ */ o(
-              at,
+              mt,
               {
-                opacity: !a,
-                color: a ? "primary" : "default",
+                opacity: !m,
+                color: m ? "primary" : "default",
                 ownerState: { ...g },
                 onClick: () => h(r),
                 size: f,
@@ -201,7 +199,7 @@ const ut = (I) => {
                 values: k,
                 validationSchema: N,
                 children: [
-                  /* @__PURE__ */ o(lt, { children: /* @__PURE__ */ o(B, { children: e(n(m.label_edit_area)) }) }),
+                  /* @__PURE__ */ o(lt, { children: /* @__PURE__ */ o(B, { children: e(n(a.label_edit_area)) }) }),
                   /* @__PURE__ */ o(
                     tt,
                     {

package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/ChipMobile/ChipMobile.js

@@ -11,11 +11,8 @@ import { Typography as L } from "../../../../../../../extended/mui/Typography/Ty
 import { ICONS as d } from "../../../../../../icons.js";
 import { ChipActionsMobile as B } from "../../../AreaChip/subcomponents/ChipActionsMobile/ChipActionsMobile.js";
 import { RHFormProvider as H } from "../../../../../../../hook-form/RHFormProvider/RHFormProvider.js";
+import "../../../../../../../hook-form/RHFAutocomplete/RHFAutocomplete.js";
 import "react-hook-form";
-import "../../../../../../../HelperError/HelperError.js";
-import "../../../../../../../extended/mui/Autocomplete/Autocomplete.js";
-import "../../../../../../../hook-form/RHFAutocomplete/slots/RHFAutocompleteSlots.js";
-import "../../../../../../../hook-form/RHFAutocomplete/constants.js";
 import "clsx";
 import "../../../../../../../../contexts/AppearanceComponentContext/AppearanceComponentContext.js";
 import "zustand";
@@ -49,7 +46,8 @@ import "../../../../../../../WindowBase/contexts/DynamicMFParmsContext/DynamicMF
 import "../../../../../../../CommonActions/components/ActionFormCancel/slots/ActionFormCancelSlots.js";
 import "../../../../../../../CommonActions/components/ActionFormIntro/slots/ActionFormIntroSlots.js";
 import "../../../../../../../CommonActions/components/ActionFormSubmitProgrammatic/slots/ActionFormSubmitProgrammaticSlots.js";
-import "lodash-es/debounce";
+import "../../../../../../../HelperError/HelperError.js";
+import "../../../../../../../hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js";
 import "../../../../../../../hook-form/RHFCheckbox/RHFCheckbox.js";
 import "../../../../../../../hook-form/RHFCheckableList/constants.js";
 import "../../../../../../../hook-form/RHFCheckableList/slots/RHFCheckableListSlots.js";

package/components/extended/mui/Autocomplete/hooks/useValuesAndHandlers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useValuesAndHandlers.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/Autocomplete/hooks/useValuesAndHandlers.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAClF,OAAO,EACL,aAAa,EAKd,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,QAAQ,SAAS,OAAO,GAAG,SAAS,EAC1E,KAAK,EAAE,iBAAiB,CAAC,CAAC,EAAE,QAAQ,CAAC;;;;wCAqD1B,OAAO,OAAO,OAAO;mCAakB,CAAC;;0BA+B1C,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,oBACzB,OAAO,UACjB,wBAAwB;gCAqBxB,KAAK,CAAC,cAAc,YAClB,MAAM,UACR,MAAM;0BAmBP,KAAK,CAAC,cAAc,UACnB,uBAAuB;yBAwBO,KAAK,CAAC,cAAc;kCAejD,OAAO;sBAqCO,aAAa,CAAC,cAAc,CAAC;;EAkCvD"}
+{"version":3,"file":"useValuesAndHandlers.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/Autocomplete/hooks/useValuesAndHandlers.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAClF,OAAO,EACL,aAAa,EAKd,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,QAAQ,SAAS,OAAO,GAAG,SAAS,EAC1E,KAAK,EAAE,iBAAiB,CAAC,CAAC,EAAE,QAAQ,CAAC;;;;wCAwE1B,OAAO,OAAO,OAAO;mCAkDkB,CAAC;;0BA+B1C,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,oBACzB,OAAO,UACjB,wBAAwB;gCA8BxB,KAAK,CAAC,cAAc,YAClB,MAAM,UACR,MAAM;0BAmBP,KAAK,CAAC,cAAc,UACnB,uBAAuB;yBA4BO,KAAK,CAAC,cAAc;kCArJjD,OAAO;sBAsLO,aAAa,CAAC,cAAc,CAAC;;EAkCvD"}

package/components/extended/mui/Autocomplete/hooks/useValuesAndHandlers.js

@@ -1,76 +1,83 @@
-import { useState as O, useRef as D, useEffect as E, useCallback as i } from "react";
-import { deepEqual as K } from "fast-equals";
-function B(b) {
+import { useState as A, useRef as O, useEffect as w, useCallback as f } from "react";
+import { deepEqual as E } from "fast-equals";
+function J(q) {
   const {
-    getOptionLabel: A,
-    isOptionEqualToValue: g,
-    options: k = [],
-    onOpen: c,
-    onClose: V,
-    onChangeFilterParmsLocal: w,
-    multiple: n,
-    refresh: C,
-    onChange: p,
-    value: o,
-    readOnly: r
-  } = b, [P, d] = O(!1), L = D(0), [s, y] = O(
-    o || (n ? [] : null)
-  ), v = D(s);
-  E(() => {
-    if (K(v.current, o))
+    getOptionLabel: C,
+    isOptionEqualToValue: L,
+    options: d = [],
+    onOpen: m,
+    onClose: D,
+    onChangeFilterParmsLocal: u,
+    multiple: l,
+    refresh: K,
+    onChange: h,
+    value: n,
+    readOnly: o
+  } = q, [g, v] = A(!1), [c, p] = A(""), R = O(0), P = n ?? (l ? [] : null), [s, V] = A(P), b = O(s), k = O(P);
+  w(() => {
+    const t = n ?? (l ? [] : null);
+    if (E(b.current, t) || (b.current = t, E(s, t)))
       return;
-    const e = o || (n ? [] : null);
-    K(s, e) || (v.current = e, y(e));
-  }, [n, o, s]);
-  const u = i(
-    (e, t) => t == null ? !1 : g(e, t),
-    [g]
-  ), R = i((e) => {
-    if (!r && Array.isArray(s)) {
+    V(t), (t === null || Array.isArray(t) && t.length === 0) && p("");
+  }, [l, n, s]);
+  const y = f(
+    (e, t) => t == null ? !1 : L(e, t),
+    [L]
+  ), i = f(
+    (e) => typeof e == "string" ? e : e == null ? "" : C(e),
+    [C]
+  );
+  w(() => {
+    const e = n ?? (l ? [] : null);
+    E(k.current, e) || (k.current = e, !g && u && (n == null ? u("", "reset") : d.length === 0 && u(i(n), "reset")));
+  }, [n, g, l, d.length, u, i]);
+  const T = f((e) => {
+    if (!o && Array.isArray(s)) {
       const t = s.filter(
-        (l) => !u(l, e)
+        (r) => !y(r, e)
       );
-      y(t), p?.(
-        {},
+      V(t), h?.(
+        { target: { value: t } },
         t,
         "removeOption"
       );
     }
-  }, [s, u, p, r]), q = i(() => {
-    C?.(), d(!0);
-  }, [C]), T = (e, t, l) => {
-    let a = n ? Array.isArray(t) ? t : [] : t;
-    n && Array.isArray(a) && (a = a?.filter((x) => k.some((F) => u(F, x)))), y(a), p?.(e, a, l);
-  }, H = (e, t, l) => {
-    r || (m(t), w && l === "input" && w(t, l));
+  }, [s, y, h, o]), z = f(() => {
+    K?.(), v(!0);
+  }, [K]), F = (e, t, r) => {
+    let a = l ? Array.isArray(t) ? t : [] : t;
+    l && Array.isArray(a) && (a = a?.filter((x) => d.some((N) => y(N, x)))), V(a), h?.(
+      { target: { value: a } },
+      a,
+      r
+    );
+  }, H = (e, t, r) => {
+    o || (p(t), u && r === "input" && u(t, r));
   }, I = (e, t) => {
-    let l = !0;
-    t !== "selectOption" && t !== "removeOption" || n && (l = !1), l && (L.current = 0, d(!1), V && V(e, t));
-  }, U = i((e) => {
-    r || (d((t) => !t), c && c(e));
-  }, [c, r]), h = i(
-    (e) => typeof e == "string" ? e : e == null ? "" : A(e),
-    [A]
-  ), [f, m] = O("");
-  return E(() => {
-    if (r && o !== null && o !== void 0 && !n) {
-      const e = h(o);
-      f !== e && m(e);
-    } else r && n && f !== "" && m("");
-  }, [r, o, h, n, f]), {
-    open: P,
-    inputValue: f,
+    let r = !0;
+    t !== "selectOption" && t !== "removeOption" || l && (r = !1), r && (R.current = 0, v(!1), D && D({ type: e.type }, t));
+  }, U = f((e) => {
+    o || (v((t) => !t), m && m({ type: e.type }));
+  }, [m, o]);
+  return w(() => {
+    if (o && n !== null && n !== void 0 && !l) {
+      const e = i(n);
+      c !== e && p(e);
+    } else o && l && c !== "" && p("");
+  }, [o, n, i, l, c]), {
+    open: g,
+    inputValue: c,
     selectedValue: s,
-    isOptionEqualToValueLocal: u,
-    handleDelete: R,
-    handleRefresh: q,
-    handleChange: T,
+    isOptionEqualToValueLocal: y,
+    handleDelete: T,
+    handleRefresh: z,
+    handleChange: F,
     handleInputChange: H,
     onCloseLocal: I,
     onOpenLocal: U,
-    getOptionLabelLocal: h,
+    getOptionLabelLocal: i,
     checkKeyDown: (e) => {
-      e.code === "Enter" && e.preventDefault(), r && ![
+      e.code === "Enter" && e.preventDefault(), o && ![
         "Tab",
         "Escape",
         "ArrowUp",
@@ -83,9 +90,9 @@ function B(b) {
         "PageDown"
       ].includes(e.key) && !e.ctrlKey && !e.metaKey && e.preventDefault();
     },
-    scrollPositionOptionsRef: L
+    scrollPositionOptionsRef: R
   };
 }
 export {
-  B as useValuesAndHandlers
+  J as useValuesAndHandlers
 };

package/components/extended/mui/AutocompleteAsync/AutocompleteAsync.d.ts

@@ -0,0 +1,11 @@
+import { AutocompleteAsyncProps } from './types';
+/**
+ * AutocompleteAsync: fetches options from an endpoint and drives open/close/options/loading.
+ * Use standalone with value/onChange, or wrap with withRHFController for react-hook-form.
+ *
+ * - Fetches only when the dropdown is opened (first time or after param change).
+ * - Supports onChangeFilterParms for search-as-you-type (single selection only).
+ * - Preserves selected value when it is not in the latest options.
+ */
+export declare function AutocompleteAsync<T>(props: AutocompleteAsyncProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AutocompleteAsync.d.ts.map

package/components/extended/mui/AutocompleteAsync/AutocompleteAsync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteAsync.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/AutocompleteAsync.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAM9D;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,oDAwFpE"}

package/components/extended/mui/AutocompleteAsync/AutocompleteAsync.js

@@ -0,0 +1,81 @@
+import { jsx as O } from "@emotion/react/jsx-runtime";
+import P from "lodash-es/debounce";
+import { useReducer as R, useCallback as r, useMemo as S, useEffect as b } from "react";
+import { actionsType as i } from "./types.js";
+import { AutocompleteAsyncRootStyled as L } from "./slots/AutocompleteAsyncSlots.js";
+import { autocompleteAsyncReducer as Y, getInitialStateAutocompleteAsync as _ } from "./reducer/AutocompleteAsyncReducer.js";
+import { useFetchOptions as j } from "./hooks/useFetchOptions.js";
+import { ASYNC_ONLY_KEYS as w } from "./constants.js";
+function I(l) {
+  const {
+    endPoint: c,
+    timeout: m = 5e3,
+    parms: a,
+    resultField: p = "data",
+    isRemote: u = !0,
+    isExternalUrl: d = !1,
+    onChangeFilterParms: e,
+    responseToCamelCase: f,
+    multiple: y
+  } = l, C = Object.fromEntries(
+    Object.entries(l).filter(([o]) => !w.includes(o))
+  ), [s, t] = R(
+    Y(e),
+    _({ parms: a, onChangeFilterParms: e })
+  );
+  if (y && e)
+    throw new Error(
+      "multiple cannot be enabled when onChangeFilterParms is defined; define the filter in parms if needed."
+    );
+  j({
+    state: s,
+    dispatch: t,
+    endPoint: c,
+    timeout: m,
+    isExternalUrl: d,
+    parms: a,
+    responseToCamelCase: f,
+    isRemote: u,
+    resultField: p
+  });
+  const E = r(() => t({ type: i.REFRESH }), []), h = r(() => t({ type: i.OPEN }), []), A = r(() => t({ type: i.CLOSE }), []), n = S(
+    () => P(
+      (o) => {
+        t({
+          type: i.SET_QUERY_PARAMS,
+          payload: o
+        });
+      },
+      300,
+      { trailing: !0 }
+    ),
+    [t]
+  );
+  b(
+    () => () => {
+      n.cancel();
+    },
+    [n]
+  );
+  const g = r(
+    (o, F) => {
+      e && F === "input" && n(e(o));
+    },
+    [e, n]
+  );
+  return /* @__PURE__ */ O(
+    L,
+    {
+      ...C,
+      loading: s.loading,
+      options: s.options,
+      onChangeFilterParmsLocal: e ? g : void 0,
+      refresh: E,
+      onOpen: h,
+      onClose: A
+    }
+  );
+}
+export {
+  I as AutocompleteAsync
+};

package/components/extended/mui/AutocompleteAsync/AutocompleteAsync.styles.d.ts

@@ -0,0 +1,3 @@
+import { AutocompleteAsyncStyles } from './types';
+export declare const autocompleteAsyncStyles: AutocompleteAsyncStyles;
+//# sourceMappingURL=AutocompleteAsync.styles.d.ts.map

package/components/extended/mui/AutocompleteAsync/AutocompleteAsync.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteAsync.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/AutocompleteAsync.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,uBAAuB,EAAE,uBAIrC,CAAC"}

package/components/extended/mui/AutocompleteAsync/AutocompleteAsync.styles.js

@@ -0,0 +1,8 @@
+const t = {
+  root: () => ({
+    width: "100%"
+  })
+};
+export {
+  t as autocompleteAsyncStyles
+};

package/components/extended/mui/AutocompleteAsync/constants.d.ts

@@ -0,0 +1,13 @@
+import { AutocompleteAsyncSlots } from './slots/AutocompleteAsyncEnum';
+/**
+ * Key to identify the AutocompleteAsync component in the design system.
+ * Used to associate styles and configuration with the component.
+ * @default 'M4LAutocompleteAsync'
+ */
+export declare const AUTOCOMPLETE_ASYNC_KEY_COMPONENT = "M4LAutocompleteAsync";
+export declare const AUTOCOMPLETE_ASYNC_COMBINED_CLASSES: {
+    root: AutocompleteAsyncSlots.root;
+};
+export declare const AUTOCOMPLETE_ASYNC_CLASSES: Record<"root", string>;
+export declare const ASYNC_ONLY_KEYS: readonly ["endPoint", "timeout", "parms", "resultField", "isRemote", "isExternalUrl", "responseToCamelCase", "onChangeFilterParms"];
+//# sourceMappingURL=constants.d.ts.map

package/components/extended/mui/AutocompleteAsync/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAyC,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAE9G;;;;GAIG;AACH,eAAO,MAAM,gCAAgC,yBAAyB,CAAC;AAEvE,eAAO,MAAM,mCAAmC;;CAG/C,CAAC;AAEF,eAAO,MAAM,0BAA0B,wBAGtC,CAAC;AAEF,eAAO,MAAM,eAAe,qIASlB,CAAC"}

package/components/extended/mui/AutocompleteAsync/constants.js

@@ -0,0 +1,25 @@
+import { getComponentClasses as e } from "../../../../utils/getComponentSlotRoot.js";
+import { AutocompleteAsyncComplementaryClasses as o, AutocompleteAsyncSlots as t } from "./slots/AutocompleteAsyncEnum.js";
+const s = "M4LAutocompleteAsync", m = {
+  ...t,
+  ...o
+};
+e(
+  s,
+  m
+);
+const l = [
+  "endPoint",
+  "timeout",
+  "parms",
+  "resultField",
+  "isRemote",
+  "isExternalUrl",
+  "responseToCamelCase",
+  "onChangeFilterParms"
+];
+export {
+  l as ASYNC_ONLY_KEYS,
+  m as AUTOCOMPLETE_ASYNC_COMBINED_CLASSES,
+  s as AUTOCOMPLETE_ASYNC_KEY_COMPONENT
+};

package/components/extended/mui/AutocompleteAsync/hooks/useFetchOptions.d.ts

@@ -0,0 +1,6 @@
+import { UseFetchOptionsProps } from '../types';
+/**
+ * Fetches options for the async autocomplete and updates state via dispatch.
+ */
+export declare function useFetchOptions<T>(props: UseFetchOptionsProps<T>): void;
+//# sourceMappingURL=useFetchOptions.d.ts.map

package/components/extended/mui/AutocompleteAsync/hooks/useFetchOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchOptions.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/hooks/useFetchOptions.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAI7D;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,QAqFhE"}

package/components/extended/mui/AutocompleteAsync/hooks/useFetchOptions.js

@@ -0,0 +1,62 @@
+import { useRef as h, useEffect as F } from "react";
+import { actionsType as n } from "../types.js";
+import { useNetwork as A, getPropertyByString as P } from "@m4l/core";
+function b(C) {
+  const {
+    state: t,
+    dispatch: r,
+    endPoint: a,
+    timeout: i,
+    isExternalUrl: s,
+    parms: o,
+    responseToCamelCase: c,
+    isRemote: u,
+    resultField: f = "data"
+  } = C, { networkOperation: l } = A(), e = h(null), p = h(t.fireFetchCount);
+  F(() => {
+    r({ type: n.SET_PARAMS, payload: o });
+  }, [o, r]), F(() => {
+    let y = !1;
+    if (p.current !== t.fireFetchCount)
+      return p.current = t.fireFetchCount, t.fireFetchCount > 0 && (e.current && e.current.abort(), e.current = new AbortController(), l({
+        method: "GET",
+        endPoint: a,
+        timeout: i,
+        isExternalUrl: s,
+        parms: { ...o, ...t.queryParams },
+        responseToCamelCase: c,
+        isRemote: u,
+        signal: e.current.signal
+      }).then((O) => {
+        if (y)
+          return;
+        const m = P(O, f), d = Array.isArray(m) ? m : [];
+        r({
+          type: n.FINISH_LOAD_OPTIONS,
+          payload: { options: d }
+        });
+      }).catch(() => {
+        r({
+          type: n.FINISH_LOAD_OPTIONS,
+          payload: {}
+        });
+      })), () => {
+        y = !0, e.current && e.current.abort();
+      };
+  }, [
+    r,
+    a,
+    s,
+    u,
+    l,
+    o,
+    c,
+    f,
+    t.fireFetchCount,
+    t.queryParams,
+    i
+  ]);
+}
+export {
+  b as useFetchOptions
+};

package/components/extended/mui/AutocompleteAsync/index.d.ts

@@ -0,0 +1,3 @@
+export { AutocompleteAsync } from './AutocompleteAsync';
+export type { AutocompleteAsyncProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/components/extended/mui/AutocompleteAsync/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC"}