@m4l/components 9.79.1 → 9.80.1-beta-docs-autocomplete-async-with-add-mf-sync.0

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

@@ -1,14 +1,14 @@
 import { jsx as o } from "@emotion/react/jsx-runtime";
-import { forwardRef as K, useCallback as i } from "react";
-import { useAutocomplete as j } from "./hooks/useAutocomplete/useAutocomplete.js";
-import { AUTOCOMPLETE_CLASSES as B } from "./constants.js";
-import U from "clsx";
-import { PopperComponent as _ } from "./subcomponents/PopperComponent/PopperComponent.js";
-import { PaperComponent as v } from "./subcomponents/PaperComponent/PaperComponent.js";
-import { SkeletonAutocompleteStyled as G, AutocompleteRootStyled as H } from "./slots/AutocompleteSlots.js";
-import { NoOptionsText as J } from "./subcomponents/NoOptionsText/NoOptionsText.js";
-import { LoadingText as Q } from "./subcomponents/LoadingText/LoadingText.js";
-function X(l, d) {
+import { forwardRef as j, useCallback as i } from "react";
+import { useAutocomplete as B } from "./hooks/useAutocomplete/useAutocomplete.js";
+import { AUTOCOMPLETE_CLASSES as U } from "./constants.js";
+import _ from "clsx";
+import { PopperComponent as v } from "./subcomponents/PopperComponent/PopperComponent.js";
+import { PaperComponent as G } from "./subcomponents/PaperComponent/PaperComponent.js";
+import { SkeletonAutocompleteStyled as H, AutocompleteRootStyled as J } from "./slots/AutocompleteSlots.js";
+import { NoOptionsText as Q } from "./subcomponents/NoOptionsText/NoOptionsText.js";
+import { LoadingText as X } from "./subcomponents/LoadingText/LoadingText.js";
+function Y(l, d) {
   const {
     options: f,
     disabled: C,
@@ -19,87 +19,88 @@ function X(l, d) {
     className: O,
     menuMinWidth: h,
     minWidth: g,
-    htmlFor: P
+    htmlFor: P,
+    id: S
   } = l, {
     // useAutocomplete values
     ownerState: t,
-    isSkeleton: S,
-    memoizedRenderOption: T,
-    memoizedRenderInput: V,
+    isSkeleton: T,
+    memoizedRenderOption: V,
+    memoizedRenderInput: w,
     // useValuesAndHandlers values
-    open: w,
-    selectedValue: x,
-    inputValue: A,
-    isOptionEqualToValueLocal: z,
-    handleChange: I,
-    handleInputChange: y,
-    onCloseLocal: E,
-    onOpenLocal: M,
+    open: x,
+    selectedValue: A,
+    inputValue: z,
+    isOptionEqualToValueLocal: I,
+    handleChange: y,
+    handleInputChange: E,
+    onCloseLocal: M,
+    onOpenLocal: R,
     getOptionLabelLocal: n,
-    checkKeyDown: R,
+    checkKeyDown: k,
     scrollPositionOptionsRef: s
-  } = j(l), u = h ?? g, k = i((e) => /* @__PURE__ */ o(
-    _,
+  } = B(l), u = h ?? g, W = i((e) => /* @__PURE__ */ o(
+    v,
     {
       ...e,
       currentSize: t.size,
       menuMinWidth: u
     }
-  ), [t.size, u]), W = i((e) => /* @__PURE__ */ o(
-    v,
+  ), [t.size, u]), b = i((e) => /* @__PURE__ */ o(
+    G,
     {
       ...e,
       scrollPositionOptionsRef: s
     }
-  ), [s]), b = i((e, D) => {
+  ), [s]), D = i((e, N) => {
     if (p)
       return e;
-    const r = D.inputValue.trim().toLowerCase();
+    const r = N.inputValue.trim().toLowerCase();
     return r ? e.filter((c) => {
-      const N = c, q = n(c).toLowerCase(), F = a?.(N)?.toLowerCase() ?? "";
-      return q.includes(r) || F.includes(r);
+      const q = c, F = n(c).toLowerCase(), K = a?.(q)?.toLowerCase() ?? "";
+      return F.includes(r) || K.includes(r);
     }) : e;
   }, [a, n, p]);
-  return S ? /* @__PURE__ */ o(
-    G,
+  return T ? /* @__PURE__ */ o(
+    H,
     {
       ownerState: t
     }
   ) : /* @__PURE__ */ o(
-    H,
+    J,
     {
       ownerState: t,
-      id: P,
+      id: P ?? S,
       multiple: m,
-      onKeyDown: R,
+      onKeyDown: k,
       ref: d,
       forcePopupIcon: !1,
-      className: U(O, m && B.multiple),
+      className: _(O, m && U.multiple),
       autoSelect: !1,
       options: f,
       getOptionLabel: n,
       clearOnBlur: !1,
-      PopperComponent: k,
-      PaperComponent: W,
-      isOptionEqualToValue: z,
-      value: x,
-      inputValue: A,
-      onOpen: M,
-      onClose: E,
-      open: w,
-      onInputChange: y,
-      onChange: I,
+      PopperComponent: W,
+      PaperComponent: b,
+      isOptionEqualToValue: I,
+      value: A,
+      inputValue: z,
+      onOpen: R,
+      onClose: M,
+      open: x,
+      onInputChange: E,
+      onChange: y,
       loading: L,
-      loadingText: /* @__PURE__ */ o(Q, {}),
+      loadingText: /* @__PURE__ */ o(X, {}),
       disabled: C,
-      noOptionsText: /* @__PURE__ */ o(J, {}),
-      filterOptions: b,
-      renderOption: T,
-      renderInput: V
+      noOptionsText: /* @__PURE__ */ o(Q, {}),
+      filterOptions: D,
+      renderOption: V,
+      renderInput: w
     }
   );
 }
-const pe = K(X);
+const ae = j(Y);
 export {
-  pe as Autocomplete
+  ae as Autocomplete
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useAutocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/extended/mui/Autocomplete/hooks/useAutocomplete/useAutocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAUxE;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,QAAQ,SAAS,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,EAAE,QAAQ,CAAC;;;;wCA0FrD,GAAG,UAAU,GAAG;kCA4BtB,GAAG;;;;;;;;;;;;;;;;EA6ErD"}
+{"version":3,"file":"useAutocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/extended/mui/Autocomplete/hooks/useAutocomplete/useAutocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAUxE;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,QAAQ,SAAS,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,EAAE,QAAQ,CAAC;;;;wCA6FrD,GAAG,UAAU,GAAG;kCA4BtB,GAAG;;;;;;;;;;;;;;;;EAmFrD"}

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

@@ -1,13 +1,13 @@
-import { jsx as G } from "@emotion/react/jsx-runtime";
-import { useModuleSkeleton as J } from "@m4l/core";
-import { useValuesAndHandlers as Q } from "../useValuesAndHandlers.js";
-import { useComponentSize as U } from "../../../../../../hooks/useComponentSize/index.js";
-import { useMemo as X, useCallback as V } from "react";
-import { useMultipleChips as Y } from "../useMultipleChips.js";
-import { useEndAdornments as Z } from "../useEndAdornments.js";
-import { renderOption as $ } from "../../subcomponents/renderOptions/index.js";
-import { RenderInputStyled as ee } from "../../slots/AutocompleteSlots.js";
-function me(m) {
+import { jsx as U } from "@emotion/react/jsx-runtime";
+import { useModuleSkeleton as X } from "@m4l/core";
+import { useValuesAndHandlers as Y } from "../useValuesAndHandlers.js";
+import { useComponentSize as Z } from "../../../../../../hooks/useComponentSize/index.js";
+import { useMemo as $, useCallback as N } from "react";
+import { useMultipleChips as ee } from "../useMultipleChips.js";
+import { useEndAdornments as te } from "../useEndAdornments.js";
+import { renderOption as ne } from "../../subcomponents/renderOptions/index.js";
+import { RenderInputStyled as oe } from "../../slots/AutocompleteSlots.js";
+function Ae(m) {
   const {
     size: c,
     variant: i,
@@ -15,89 +15,92 @@ function me(m) {
     multiple: o,
     error: u,
     readOnly: r,
-    startAdornment: j,
-    endAdornment: N,
+    startAdornment: v,
+    endAdornment: D,
     getOptionStartAdornment: h,
-    getOptionEndAdornment: d,
+    getOptionEndAdornment: p,
     getOptionDescription: A,
-    loading: v,
-    refresh: B,
-    placeholder: P
+    loading: E,
+    refresh: M,
+    placeholder: P,
+    inputRef: g,
+    name: z,
+    onBlur: I
   } = m, {
-    open: g,
+    open: b,
     selectedValue: e,
-    inputValue: D,
-    isOptionEqualToValueLocal: p,
-    handleDelete: z,
-    handleRefresh: I,
-    handleChange: E,
-    handleInputChange: M,
-    onCloseLocal: w,
-    onOpenLocal: b,
+    inputValue: w,
+    isOptionEqualToValueLocal: d,
+    handleDelete: L,
+    handleRefresh: R,
+    handleChange: x,
+    handleInputChange: _,
+    onCloseLocal: q,
+    onOpenLocal: k,
     getOptionLabelLocal: l,
-    checkKeyDown: x,
-    scrollPositionOptionsRef: _
-  } = Q(m), { currentSize: s } = U(c), q = J(), L = !!m.startAdornment, k = !!(o && Array.isArray(e) && e.length > 0), R = Array.isArray(e) ? e.length > 0 : e != null, a = X(() => ({
+    checkKeyDown: H,
+    scrollPositionOptionsRef: K
+  } = Y(m), { currentSize: s } = Z(c), T = X(), V = !!m.startAdornment, j = !!(o && Array.isArray(e) && e.length > 0), B = Array.isArray(e) ? e.length > 0 : e != null, a = $(() => ({
     size: s,
     variant: i,
     disabled: t,
     multiple: !!o,
     error: u,
     readOnly: r,
-    startAdornment: L,
-    hasChips: k,
-    hasValue: R
-  }), [s, i, t, o, u, r, L, k, R]), f = Y({
+    startAdornment: V,
+    hasChips: j,
+    hasValue: B
+  }), [s, i, t, o, u, r, V, j, B]), f = ee({
     selectedValue: e,
     multiple: o,
     adjustedSize: s,
     getOptionLabelLocal: l,
     ownerState: a,
-    handleDelete: z,
+    handleDelete: L,
     disabled: t,
     readOnly: r,
-    startAdornment: j,
+    startAdornment: v,
     getOptionStartAdornment: h,
-    getOptionEndAdornment: d,
+    getOptionEndAdornment: p,
     getOptionDescription: A
-  }), C = Z({
-    loading: v,
+  }), C = te({
+    loading: E,
     adjustedSize: s,
     ownerState: a,
-    refresh: B,
-    handleRefresh: I,
+    refresh: M,
+    handleRefresh: R,
     disabled: t,
-    onOpenLocal: b,
-    open: g,
+    onOpenLocal: k,
+    open: b,
     readOnly: r,
     multiple: o,
     selectedValue: e,
     getOptionLabelLocal: l,
-    getOptionEndAdornment: d,
-    endAdornment: N
-  }), H = V((O, n) => {
-    const S = o ? Array.isArray(e) && e.some((y) => p(n, y)) : p(n, e);
-    return $(O, {
+    getOptionEndAdornment: p,
+    endAdornment: D
+  }), W = N((O, n) => {
+    const S = o ? Array.isArray(e) && e.some((y) => d(n, y)) : d(n, e);
+    return ne(O, {
       ...typeof n == "object" && n !== null ? n : {},
       label: l(n),
       selected: S,
       disabled: t,
       size: c
-    }, h, d, A);
+    }, h, p, A);
   }, [
     o,
     e,
-    p,
+    d,
     l,
     t,
     c,
     h,
-    d,
+    p,
     A
-  ]), K = V((O) => {
-    const { InputLabelProps: n, inputProps: S, InputProps: y, ...T } = O, { className: te, ...W } = y, { className: ne, ...F } = S;
-    return /* @__PURE__ */ G(
-      ee,
+  ]), F = N((O) => {
+    const { InputLabelProps: n, inputProps: S, InputProps: y, ...G } = O, { className: re, ...J } = y, { className: se, ...Q } = S;
+    return /* @__PURE__ */ U(
+      oe,
       {
         variant: i,
         ownerState: a,
@@ -105,12 +108,15 @@ function me(m) {
           ...n,
           shrink: !0
         },
-        inputProps: { ...F, readOnly: !!r },
+        inputProps: { ...Q, readOnly: !!r },
+        inputRef: g,
+        name: z,
+        onBlur: I,
         error: u,
-        ...T,
+        ...G,
         autoComplete: "off",
         InputProps: {
-          ...W,
+          ...J,
           startAdornment: f,
           endAdornment: C,
           readOnly: r
@@ -131,29 +137,32 @@ function me(m) {
     r,
     s,
     t,
-    P
+    P,
+    g,
+    z,
+    I
   ]);
   return {
     // propiedades de useAutocomplete
     ownerState: a,
-    isSkeleton: q,
+    isSkeleton: T,
     currentSize: s,
-    memoizedRenderOption: H,
-    memoizedRenderInput: K,
+    memoizedRenderOption: W,
+    memoizedRenderInput: F,
     // propiedades de useValuesAndHandlers
-    open: g,
+    open: b,
     selectedValue: e,
-    inputValue: D,
-    isOptionEqualToValueLocal: p,
-    handleDelete: z,
-    handleRefresh: I,
-    handleChange: E,
-    handleInputChange: M,
-    onCloseLocal: w,
-    onOpenLocal: b,
+    inputValue: w,
+    isOptionEqualToValueLocal: d,
+    handleDelete: L,
+    handleRefresh: R,
+    handleChange: x,
+    handleInputChange: _,
+    onCloseLocal: q,
+    onOpenLocal: k,
     getOptionLabelLocal: l,
-    checkKeyDown: x,
-    scrollPositionOptionsRef: _,
+    checkKeyDown: H,
+    scrollPositionOptionsRef: K,
     // propiedades de useMultipleChips
     multipleChips: f,
     // propiedades de useEndAdornments
@@ -161,5 +170,5 @@ function me(m) {
   };
 }
 export {
-  me as useAutocomplete
+  Ae as useAutocomplete
 };

package/components/extended/mui/Autocomplete/types.d.ts

@@ -43,7 +43,7 @@ export type AdornmentType = ReactElement | string;
  * Props for the unified Autocomplete component.
  * Supports both single and multiple selection, and two types: `text` and `image`.
  */
-export interface AutocompleteProps<T, Multiple extends boolean | undefined> extends Pick<MUIAutocompleteProps<T, Multiple, undefined, false>, 'options' | 'onOpen' | 'onClose' | 'loading' | 'disabled'>, Pick<TextFieldProps, 'error'>, BaseAutocompleteProps {
+export interface AutocompleteProps<T, Multiple extends boolean | undefined> extends Pick<MUIAutocompleteProps<T, Multiple, undefined, false>, 'options' | 'onOpen' | 'onClose' | 'loading' | 'disabled'>, Pick<TextFieldProps, 'error' | 'name' | 'onBlur' | 'inputRef' | 'id'>, BaseAutocompleteProps {
     /**
      * Whether the text field is rendered in read-only mode.
      * readOnly={true}

package/components/extended/mui/Autocomplete/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Autocomplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,gCAAgC,EAChC,6BAA6B,EAC7B,iBAAiB,IAAI,oBAAoB,EACzC,KAAK,EACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,MAAM,CAAC;AAC9D,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,MAAM,CAAC;AACvD;;GAEG;AACH,MAAM,MAAM,4BAA4B,CAAC,CAAC,IAAI;IAC5C,MAAM,EAAE;QACN,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC;KACvB,CAAC;CACH,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;CACtC;AAED,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,MAAM,CAAC;AAClD;;;GAGG;AACH,MAAM,WAAW,iBAAiB,CAChC,CAAC,EACD,QAAQ,SAAS,OAAO,GAAG,SAAS,CACpC,SAAQ,IAAI,CACZ,oBAAoB,CAAC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,EACnD,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAC1D,EACC,IAAI,CACF,cAAc,EACZ,OAAO,CACV,EACD,qBAAqB;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC;;;OAGG;IACH,cAAc,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,gCAAgC,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC;IAChF;;OAEG;IACH,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,YAAY,CAAC;IAEtD;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,CAAC;IAC7C;;OAEG;IACH,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,YAAY,CAAC;IACpD;;OAEG;IACH,oBAAoB,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC;IACvD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,wBAAwB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,6BAA6B,KAAK,IAAI,CAAC;IAC7F;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,CAAC;IAC1C;;OAEG;IACH,QAAQ,EAAE,CACR,KAAK,EAAE,4BAA4B,CAAC,CAAC,CAAC,GAAG,SAAS,EAClD,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,EACrB,MAAM,EAAE,wBAAwB,KAC7B,IAAI,CAAC;IACV;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,cAAc,CAAC,EAAE,YAAY,CAAC;IAE9B;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB,CAAC;AACF;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uGAAuG;IACvG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACpC,OAAO,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAC;CAC3C,CAAC;AACF;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AACnE;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAC5B,sBAAsB,CACpB,qBAAqB,EACrB,OAAO,0BAA0B,EACjC,KAAK,CACN,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Autocomplete/types.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+import { AutocompleteAddButtonProps } from './types';
+/** Render the trailing creation action at the same resolved size as the input. */
+export declare function AutocompleteAddButton({ buttonRef, tooltip, size, ...props }: AutocompleteAddButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AutocompleteAddButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteAddButton.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/AutocompleteAddButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAG1D,kFAAkF;AAClF,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,0BAA0B,oDAiBvG"}

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

@@ -0,0 +1,23 @@
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { ActionsAddOutlined as m } from "@m4l/icons";
+import { Tooltip as c } from "@m4l/base";
+import { useComponentSize as p } from "../../../../hooks/useComponentSize/index.js";
+import { AutocompleteAddIconContainer as d } from "./slots/addStyled.js";
+import { IconButton as l } from "../IconButton/IconButton.js";
+function h({ buttonRef: t, tooltip: r, size: n, ...e }) {
+  const { currentSize: i } = p(n);
+  return /* @__PURE__ */ o(c, { title: r, placement: "bottom", children: /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(
+    l,
+    {
+      ...e,
+      ref: t,
+      size: i,
+      variant: "contained",
+      color: "primary",
+      icon: /* @__PURE__ */ o(m, {})
+    }
+  ) }) });
+}
+export {
+  h as AutocompleteAddButton
+};

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

@@ -1,11 +1,7 @@
+import { Ref } from 'react';
 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;
+/** Preserve generic option inference while forwarding form focus to the native input. */
+export declare const AutocompleteAsync: <T>(props: AutocompleteAsyncProps<T> & {
+    ref?: Ref<HTMLInputElement | HTMLTextAreaElement>;
+}) => JSX.Element;
 //# sourceMappingURL=AutocompleteAsync.d.ts.map

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

@@ -1 +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,oDAyGpE"}
+{"version":3,"file":"AutocompleteAsync.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/AutocompleteAsync.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,GAAG,EAAuD,MAAM,OAAO,CAAC;AAElG,OAAO,EAAe,sBAAsB,EAAE,MAAM,SAAS,CAAC;AA0L9D,yFAAyF;AACzF,eAAO,MAAM,iBAAiB,EAA6C,CAAC,CAAC,EAC3E,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAA;CAAE,KACrF,GAAG,CAAC,OAAO,CAAC"}

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

@@ -1,53 +1,67 @@
-import { jsx as P } from "@emotion/react/jsx-runtime";
-import S from "lodash-es/debounce";
-import { useRef as b, useReducer as L, useCallback as s, useMemo as Y, useEffect as _ } from "react";
+import { jsx as A, jsxs as T } from "@emotion/react/jsx-runtime";
+import D from "lodash-es/debounce";
+import { forwardRef as H, useRef as y, useReducer as Q, useCallback as f, useEffect as R, useMemo as K } from "react";
 import { actionsType as i } from "./types.js";
-import { autocompleteAsyncReducer as j, getInitialStateAutocompleteAsync as x } from "./reducer/AutocompleteAsyncReducer.js";
-import { useFetchOptions as N } from "./hooks/useFetchOptions.js";
-import { ASYNC_ONLY_KEYS as T } from "./constants.js";
-import { AutocompleteAsyncRootStyled as I } from "./slots/AutocompleteAsyncSlots.js";
-function q(l) {
+import { autocompleteAsyncReducer as V, getInitialStateAutocompleteAsync as z } from "./reducer/AutocompleteAsyncReducer.js";
+import { useFetchOptions as G } from "./hooks/useFetchOptions.js";
+import { useAutocompleteAdd as J } from "./hooks/useAutocompleteAdd.js";
+import { AutocompleteAddRoot as W, AutocompleteAddRow as X, AutocompleteAddInput as Z, AutocompleteAddStatusText as $ } from "./slots/addStyled.js";
+import { ASYNC_ONLY_KEYS as ee } from "./constants.js";
+import { AutocompleteAsyncRootStyled as te } from "./slots/AutocompleteAsyncSlots.js";
+function oe(p, b) {
   const {
-    endPoint: p,
-    timeout: u = 5e3,
-    parms: a,
-    resultField: f = "data",
-    isRemote: d = !0,
-    isExternalUrl: h = !1,
-    onChangeFilterParms: t,
-    responseToCamelCase: y,
-    multiple: C,
-    shouldFetch: o
-  } = l, m = b(""), E = Object.fromEntries(
-    Object.entries(l).filter(([e]) => !T.includes(e))
-  ), [c, n] = L(
-    j(t),
-    x({ parms: a, onChangeFilterParms: t })
+    add: E,
+    endPoint: x,
+    timeout: I = 5e3,
+    parms: C,
+    resultField: j = "data",
+    isRemote: B = !0,
+    isExternalUrl: N = !1,
+    onChangeFilterParms: o,
+    responseToCamelCase: Y,
+    multiple: h,
+    shouldFetch: e,
+    resetKey: m,
+    retainSelectedOptions: F = !!E,
+    value: c,
+    isOptionEqualToValue: g
+  } = p, l = J(p), d = l.refreshKey, u = y(""), _ = Object.fromEntries(
+    Object.entries(p).filter(([t]) => !ee.includes(t))
+  ), [s, n] = Q(
+    V(o),
+    z({ parms: C, onChangeFilterParms: o })
   );
-  if (C && t)
+  if (h && o)
     throw new Error(
       "multiple cannot be enabled when onChangeFilterParms is defined; define the filter in parms if needed."
     );
-  N({
-    state: c,
+  G({
+    state: s,
     dispatch: n,
-    endPoint: p,
-    timeout: u,
-    isExternalUrl: h,
-    parms: a,
-    responseToCamelCase: y,
-    isRemote: d,
-    resultField: f
+    endPoint: x,
+    timeout: I,
+    isExternalUrl: N,
+    parms: C,
+    responseToCamelCase: Y,
+    isRemote: B,
+    resultField: j
   });
-  const F = s(() => n({ type: i.REFRESH }), []), A = s(() => {
-    const e = !o || o(m.current);
-    n({ type: i.OPEN, noFetch: !e });
-  }, [o]), R = s(() => n({ type: i.CLOSE }), []), r = Y(
-    () => S(
-      (e) => {
+  const v = f(() => n({ type: i.REFRESH }), []), S = y(d);
+  R(() => {
+    S.current !== d && (S.current = d, n({
+      type: i.INVALIDATE,
+      noFetch: !!(e && !e(u.current))
+    }));
+  }, [d, e]);
+  const w = f(() => {
+    const t = !e || e(u.current);
+    n({ type: i.OPEN, noFetch: !t });
+  }, [e]), q = f(() => n({ type: i.CLOSE }), []), r = K(
+    () => D(
+      (t) => {
         n({
           type: i.SET_QUERY_PARAMS,
-          payload: e
+          payload: t
         });
       },
       300,
@@ -55,31 +69,48 @@ function q(l) {
     ),
     [n]
   );
-  _(
+  R(
     () => () => {
       r.cancel();
     },
     [r]
   );
-  const g = s(
-    (e, O) => {
-      m.current = e, t && O === "input" && (!o || o(e)) && r(t(e));
+  const O = y(m);
+  R(() => {
+    O.current !== m && (O.current = m, r.cancel(), n({
+      type: i.RESET,
+      noFetch: !!(e && !e(u.current)),
+      queryParams: o?.(u.current)
+    }));
+  }, [m, e, o, r]);
+  const M = f(
+    (t, a) => {
+      u.current = t, o && a === "input" && (!e || e(t) ? r(o(t)) : r.cancel());
     },
-    [t, r, o]
-  );
-  return /* @__PURE__ */ P(
-    I,
+    [o, r, e]
+  ), U = K(() => !F || s.options.length === 0 ? s.options : (h ? Array.isArray(c) ? c : [] : c == null ? [] : [c]).reduce((a, L) => a.some((k) => g(k, L)) ? a : [...a, L], s.options), [s.options, h, c, g, F]), P = /* @__PURE__ */ A(
+    te,
     {
-      ...E,
-      loading: c.loading,
-      options: c.options,
-      onChangeFilterParmsLocal: t ? g : void 0,
-      refresh: F,
-      onOpen: A,
-      onClose: R
+      ..._,
+      inputRef: b ?? p.inputRef,
+      onChange: l.onChange,
+      loading: s.loading,
+      options: U,
+      onChangeFilterParmsLocal: o ? M : void 0,
+      refresh: v,
+      onOpen: w,
+      onClose: q
     }
   );
+  return E ? /* @__PURE__ */ T(W, { children: [
+    /* @__PURE__ */ T(X, { children: [
+      /* @__PURE__ */ A(Z, { children: P }),
+      l.addButton
+    ] }),
+    l.status && /* @__PURE__ */ A($, { role: "status", "aria-live": "polite", children: l.status })
+  ] }) : P;
 }
+const de = H(oe);
 export {
-  q as AutocompleteAsync
+  de as AutocompleteAsync
 };